@CHARSET "UTF-8";
body {
    padding-top: 150px; 
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.table>tbody>tr>td {
    padding: 4px 10px 4px 10px;
    font-size: 11px;
}

th { 
    padding: 2px;
    line-height: 1.0;
}

td { 
    padding: 10px;
    height: 25px;
}

img {
     max-width: 95%;
}

img.imagepreview {
    width: 95%;
}

.tab-pane{
    overflow-y: scroll;
    width: 100%;
    height: calc(100vh - 200px);
    height: -webkit-calc(100vh - 200px);
    height: -moz-calc(100vh - 200px);
}

.navbar-brand>img {
     max-width: 100%;
}

.row.no-gutters {
     margin-right: 0;
     margin-left: 0;
    }
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
     padding-right: 0;
     padding-left: 0;
    }

.col-lg-4 a {
     margin-bottom: 0;
    }

.container-fluid {
   	background-color: white; 
    }

.ltab {
   	background-color: lightblue; 
   	}

.nav .ltab .active a {
   	background-color: blue; 
   	}

#general_ltab, #aai_ltab, #alh_ltab, #ch4_ltab, #co_ltab, #omi-cf_ltab, #cf_ltab, #no2_ltab, #no2-omi_ltab, #o3tc_ltab, #o3trc_ltab {
	background-color: lightblue;
}

#lbdetector_settings, #lbswir_summary {
	background-color: lightgrey;
}

#lbuv_detector_status, #lbuvis_detector_status, #lbnir_detector_status, #lbswir_detector_status {
	background-color: lightyellow;
} 

#lboperations_summary, #lbuv_detector_housekeeping, #lbuvis_detector_housekeeping, #lbnir_detector_housekeeping, #lbswir_detector_housekeeping  {
	background-color: #b3ffb3;
} 

#lboperations_summary_swir, #lbinstrument_temperatures, #lbancilliary_temperatures, #lbhigh_resolution_temperatures, #lbthermistors, #lbswir_temperature, #lbmultiple_temperatures {
	background-color: #ffe6e6;
}

#lbheater_currents, #lbheater_pulse_width_modulations, #lbheater_p_value, #lbheater_i_value {
	background-color: #fff5cc;
} 

#lbsls_peltiers {
	background-color: #66d9ff;
}

#lbvoltages {
	background-color: #c6ff1a;
}

#lbfolding_mirror, #lbdiffuser_mechanism, #lbinternal_sources {
	background-color: lightgrey;
} 
   
.modal-lg {
    width: 1500px;
}

.imgDescription {
  position: absolute;
  padding: 50px;
     padding-left: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.tab-img:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}