#map {
   height: 600px;
}

/* Disabled menu items — sidebar and top nav */
.nk-menu-link.disabled,
.nk-menu-link.disabled .nk-menu-icon,
.nav-link.disabled {
    opacity: 0.45;
    font-style: italic;
    color: #8094ae !important;
    cursor: not-allowed !important;
    pointer-events: all !important;
}

.user-avatar, [class^=user-avatar]:not([class*=-group]) {
    background: #7ec5f5;
  }
  

 .nav-item a em{    
    padding-right: 10px;
 }

 .nav-item a span{
    /* font-size:18px;      */
    padding-right: 10px;   
 }

 .analytic-wp-graph-full {
   width: 300px;
   margin-top: 0.125rem;
   margin-bottom: 0.125rem;
 }

 .analytic-wp-graph-full {
   width: 90%;
   margin-top: 0.125rem;
   margin-bottom: 0.125rem;
 }

 /* Graph Innter */ 
 .donut-inner {
   margin-top: -100px;
   margin-bottom: 140px;
   text-align: center;
}
.donut-inner h5 {
   margin-bottom: 2px;
   margin-top: 10px;
}
.donut-inner span {
   font-size: 12px;
}


.nav-tabs.nav-top{   
   font-size: 0.9rem;   
   border-bottom: 0px solid #dbdfea;
   padding-bottom: 10px;
 }

 span.consortium-name {
   display: inline-block;
   padding-right: 20px;
 }

 li.consortium-head {
   padding-right: 40px;
   min-width: 220px;
 }

 li.consortium-head .dropdown-menu {
   min-width: 220px;
   padding: 8px 0;
 }

 li.consortium-head .dropdown-head {
   padding: 6px 20px 4px 20px;
 }

 li.consortium-head .dropdown-body {
   padding: 4px 0;
 }

 li.consortium-head .link-list a {
   padding: 8px 20px;
   display: flex;
   align-items: center;
   gap: 10px;
 }


 div.header-margin-menu {
   margin-top: 10px;
 }

 input.small-date {   
   width: 140px;
   font-weight: bold;
 }

.dataTables_filter {  
  float: right;
  visibility: hidden;
}


/* Sensors DataTable */
#devices-table_wrapper > div:first-child { 
  line-height: 0px;
  height: 0px;

}

#meteos-table_wrapper > div:first-child { 
  line-height: 0px;
  height: 0px;

}

/*
#sensors-table thead, #meteos-table thead {
  display: none;
}
*/


i.sensor-icon {
  padding-right: 6px;  
}

.color-red {
  color:#E63946;
}

.color-green {
  color:#0fac81;
}

.color-blue {
  color:#00A6ED;
}

.color-cyan {
  color:#2fb9a2;
}

.image-logo-footer {
  padding-left: 10px;
  padding-right: 20px;  
  height: 30px;  
  padding-top: 6px;  
}

.image-logo-footer-pat {
  padding-left: 10px;
  padding-right: 20px;  
  height: 40px;  
  padding-top: 0px;  
}

.nk-header-wrap, .nk-sidebar-head {
  height: 80px;
}

.grey-background {
  background-color: #f5f6fa;
}

tr.selected-table-row {
  background-color: #ddf3ed;
}

tr.selected-table-row > td{
  background-color: #ddf3ed;
}

.nk-block-head-device {
  
  padding-bottom: 4px;
}

/* Devices DataTable */
#devices-table_wrapper > div:first-child { 
  line-height: 0px;
  height: 0px;
}

#devices-table_wrapper > div:last-child {   
  margin-top: 4px;
  padding-top: 6px;
}

#devices-table_wrapper > div:last-child  > div:first-child { 
  visibility: hidden;
  display: none;

}

#devices-table_paginate {
  float: left;
  margin-left: 2px;
}

.device-list-image {
  height: 26px;  
  padding-right: 10px;
}

.image-sensor-details {
  height: 120px;  
  padding-right: 10px;
}

.meteo-icon-bar {
  width: 100px;
  padding: 2px;
}

.traffic-channel-data-full {
  width: 100%;
}

.traffic-channel-data > .title i {
  font-size:16px;
  padding-right: 6px;
}

.selected-box {
  border: 3px solid #0fac81;
}

.legend {
    line-height: 18px;
    color: #555;
    width: 180px;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 6px;
    opacity: 0.7;
    padding: 2px;
}

.dataTables_length {
  background-color: #7ec5f5;
  visibility: hidden;
}

#system-info-list > li > b{  
  display: inline-block;
  min-width: 180px;
  padding: 4px;
}



#datatable-sectors-recommendation > :not(caption) > * > *  {
  background-color: unset;
}

tr.recommendation-row.table-info {
  background-color: #dbdbdb;  
}


/* Weird column */

/*
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
*/

.col-2_5 {
  flex: 0 0 auto;
  width: 20%;
}


#datatable-sectors-recommendation tbody td{
  border-left: 2px solid #b7c2d0;
}

#datatable-sectors-recommendation thead th{
  border-left: 2px solid #b7c2d0;
}

td.day-odd {
  background-color: #666;
}

/* ── Load status bar ───────────────────────────────────────── */
#load-status-bar {
  position: fixed;
  bottom: 16px;
  left: 16px;
  z-index: 9999;
  display: flex;
  gap: 8px;
  align-items: center;
}

.load-phase {
  background: #E63946;
  border: 2px solid #c1121f;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 3px 10px rgba(230, 57, 70, 0.45);
  transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.load-phase i { font-size: 15px; }

.load-phase.phase-pending {
  background: #E63946;
  border-color: #c1121f;
  box-shadow: 0 3px 10px rgba(230, 57, 70, 0.45);
  color: #fff;
}
.load-phase.phase-loading {
  background: #E63946;
  border-color: #c1121f;
  box-shadow: 0 3px 10px rgba(230, 57, 70, 0.45);
  color: #fff;
}
.load-phase.phase-done {
  background: #0fac81;
  border-color: #0a8a67;
  box-shadow: 0 3px 10px rgba(15, 172, 129, 0.40);
  color: #fff;
}
.load-phase.phase-error {
  background: #c1121f;
  border-color: #9b0e19;
  box-shadow: 0 3px 10px rgba(193, 18, 31, 0.50);
  color: #fff;
}