.container-fluid .row.ct{
   min-height: calc(100vh - 62px);
}

.container-fluid .row .sidebar-or-header-container.ct { left: 75%; }

.complaint-table-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.detail-row .detail-view { display: none; }
.detail-row .detail-view > p { margin-bottom: 10px; }

.menu .logo {
   height: 100%;
   padding: 5px;
}

.menu .logo img {
   height: 100%;
   padding: 5px;
}

.menu.open .items { overflow: auto; }

.menu-filler { height: 62px; }

input[type=date] {
  background-image: url("../svg/kalender.svg");
}

input[type=time] {
  background-image: url("../svg/klok.svg");
}

select.custom-select {
  background: url("../svg/dropdown_pijl.svg") no-repeat right .75rem center/8px 10px;
  background-image: url("../svg/dropdown_pijl.svg");
}

.popup-container {
  display: none;
}

.message-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  justify-content: center;
  align-items: center;
}

.message-container .message {
  position: relative;
  border-radius: 9px;
  background: #fff;
  width: 600px;
  max-width: 90%;
  padding: 70px 30px;
  font-size: 14px;
}

.popup-container .popup .popup-close {
  background-image: url("../svg/kruis_klein_blue.svg");
}

.message-container .message .message-close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 37px;
  height: 37px;
  background-color: #DBEBEE;
  border-radius: 999px;
  background-image: url("../svg/kruis_klein_blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
}

.message-container .message h1 {
  font-size: 29px;
  font-weight: 300;
}

.message-container .message-small {
  width: 330px;
  padding: 40px 20px;
}

.complaint-table-container .complaint-table > tbody > tr.list-row > td {
   cursor: pointer;
}

.hidden {
   display: none;
}

.dots-div {
   font-size: 6pt;
    line-height: 70%;
}

button.maintenance-230 {
  background: #EA899A;
}
button.outoforder-328 {
  background: #FFA24D;
}
button.maintenance-230.outoforder-328 {
  background: linear-gradient(to bottom right, #EA899A,#FF9533);
}

select.maintenance-230 {
  border: 2px solid #EA899A !important;
}
select.outoforder-328 {
  border: 2px solid #FF9533 !important;
}
select.maintenance-230.outoforder-328 {
  border-top: 2px solid #EA899A !important;
  border-left: 2px solid #EA899A !important;
  border-right: 2px solid #FF9533 !important;
  border-bottom: 2px solid #FF9533 !important;
}

.content-container {
   padding-top: 10px;
   align-items: flex-start;
}

.current-container {
   padding-bottom: 10px;
}

.niveau-1 {
   background-color: #f8f8f8;
}

.niveau-2 {
   background-color: #f3f9e4;
}

.niveau-3 {
   background-color: #ffffdd;
}

.niveau-4 {
   background-color: #ffecd9;
}

.underline {
   border-bottom: 1px solid #cccccc;
}

@media (max-width: 767.98px) {
   .menu ul li.active a {
      background-color: #005667;
      color: #DBEBEE;
   }
}

@media (min-width: 1200px) {
   .col-xl-9 {
      flex-basis: 100%;
      max-width: 100%;
   }
}

.busy {
   position: absolute;
   top: 15px;
   left: 0px;
   background: url(../images/rotatingclock-fast.gif) center no-repeat;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 400;
}
#busy {
   position: fixed;
   top: 0px;
   background-attachment: fixed;
}

.lang_div {
   text-align: center;
}

.lang_div button {
   width: 130px;
   margin-bottom: 5px;
   text-align: left;
}

.lang_text {
   margin-left: 10px;
}

.buttons {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   grid-auto-rows: auto;
   gap: 3px;
   margin-bottom: 10px;
}

.output {
   clear: both;
   overflow: scroll;
   margin-bottom: 0;
   padding-left: 3px;
   background-color: #eeeeee;
}
.journal-output {
   max-height: 300px;
}

.popup-container .popup-small,
.message-container .message-small {
   padding: 15px 15px;
}

span.link {
   cursor: pointer;
   border-bottom: 1px dotted #a3b870;
}

.color {
   width: 30px;
}

.label {
   padding-left: 5px;
}

.disabled a {
  color: #cccccc !important;
}
 #nmt-map {
   width: 100%;
}

#photos img {
   cursor: pointer;
}

.btn.command, .btn.job, .btn.sms {
   padding-left: unset;
   padding-right: unset;
}

.local-time, .browser-time, .utc {
   margin-top: 10px;
}

.hidden {
   display: none;
}

.head {
   text-align: center;
   width: 100%;
   margin: 2px;
   background: #DBEBEE;
   border: 3px solid #005667;
   font-weight: 500;
   border-radius: 3px;
}

.disabled {
   background: #DBEBEE;
}

.check {
   position: absolute;
   right: 8px;
   top: 6px;
}

.footer {
   margin-top:-24px;
   margin-left: 3px;
   z-index: 999;
}

.container-fluid {
   margin-top: 62px;
}
.container-fluid .container-fluid {
   margin-top: 0px;
}

.right {
   float: right;
}

.system-log td {
   max-width: 450px;
   word-wrap: break-word;
}

.infos {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(222.5px, 1fr));
   grid-auto-rows: auto;
   gap: 5px;
   max-width: 450px;
}

.info {
   margin-bottom: 5px;
   border: 3px solid #2681FD;
   border-radius: 3px;
   padding-left: 5px;
   padding-right: 5px;
}

.info:has(img[pid]) {
   padding-left: 0px;
   padding-right: 0px;
}

.info .header {
   text-decoration: underline;
}

.row .col:last-of-type {
   margin-right: 0px !important;
}

.table {
   margin-bottom: 0px;
}

.table .title {
   margin-right: 2px;
}
.table .value {
   font-weight: bold;
   overflow-wrap: anywhere;
}

.table .row-2 {
   display: grid;
   grid-template-columns: 3fr 4fr;
}

.table .row-2.environment {
   grid-template-columns: 4fr 4fr;
}

.table .row-2.services {
   grid-template-columns: 4fr 4fr;
}

.table .row-2.cpu {
   grid-template-columns: 5fr 2fr;
}

.table .row-2.activity {
   grid-template-columns: 4fr 3fr;
}

.table .row-2.meteo {
   grid-template-columns: 4fr 4fr;
}

.table .row-2.modem {
   grid-template-columns: 3fr 5fr;
}

.table .row-2.completeness {
   grid-template-columns: 4fr 3fr;
}

.table .row-3 {
   display: grid;
   grid-template-columns: 3fr 3fr 3fr;
}

.table .row-4 {
   display: grid;
   grid-template-columns: 3fr 3fr 3fr 3fr;
}

.table .row-7 {
   display: grid;
   grid-template-columns: 4fr 2fr 2fr 2fr 2fr 2fr 2fr;
}

.json {
   cursor: pointer;
}

.show {
   display: block;
}

.hide {
   display: none;
}

.output.stats, .output.ping, .output.speedtest {
   margin-top: 10px;
   display: none;
}

.error {
   color: red;
}

.btn.airport {
   margin-right: 5px;
   margin-bottom: 5px;
}

@media (max-width: 496px) {
   .table .row-2 {
      display: grid;
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.environment {
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.services {
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.cpu {
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.activity {
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.meteo {
      grid-template-columns: 3fr 4fr;
   }

   .table .row-2.completeness {
      grid-template-columns: 4fr 3fr;
   }

   .system-log td {
      max-width: 300px;
   }
}

.system-log .infos {
   display: none;
}

.infos pre {
   margin-bottom: 0px;
}
.debug {
   flex-wrap: wrap;
}
.debug .debug-item {
   flow-grow: 1;
   width: 33%;
}

#install_as_app {
   display: none;
}