@media (min-width: 768px) {
  .navbar-brand-custom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.room-name-class {
  text-transform: capitalize;
  color: rgb(95, 103, 105);
}

.max-param-div {
  position: relative;
}

.max-param-row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  right: 0;
  left: 0;
}

#dailyMaxTemperatureVal {
  font-weight: bold;
  color: rgba(255, 75, 92, 0.7);
}

#dailyMaxHumidityVal {
  font-weight: bold;
  color: rgba(12, 148, 99, 0.7);
}

#dailyMaxPM2_5Val {
  font-weight: bold;
  color: rgba(77, 8, 154, 0.7);
}
#dailyMaxPM10Val {
  font-weight: bold;
  color: rgba(77, 8, 154, 0.7);
}

.table-div {
  font-size: 0.8rem;
  height: 30vh;
  min-height: 200px;
  width: 100%;
  overflow: auto;
}



.table-col-date {
  white-space: nowrap;
}

.table-col-alert {
  word-wrap: break-word;
}

.table-row {
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.table-row:hover {
  background-color: rgb(248, 239, 212);
}

.box-shadow-transition {
  box-shadow: 0 2px 2px rgba(10, 16, 20, .24), 0 0 2px rgba(10, 16, 20, .12);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.box-shadow-transition:hover {
  box-shadow: 0 8px 8px rgba(10, 16, 20, .24), 0 0 8px rgba(10, 16, 20, .12);
}

.box-shadow {
  box-shadow: 0 8px 8px rgba(10, 16, 20, .24), 0 0 8px rgba(10, 16, 20, .12);
}

.fa-exclamation-circle {
  color: rgb(253, 219, 58);
}

.fa-tachometer {
  color: rgba(77, 8, 154, 0.7);
}

.fa-tint {
  color: rgba(12, 148, 99, 0.7);
}

.fa-thermometer-quarter {
  color: rgba(255, 75, 92, 0.7);
}


.tabular_view_table{
  height:80vh;
  overflow: auto;
  width: 100%;
  padding: 0 5px;
}


.config-clear-room-table{
  height:40vh;
  overflow: auto;
  width: 100%;
  padding: 0 5px;
}

.config-current-config-table{
  height:50vh;
  overflow: auto;
  width: 100%;
  padding: 0 5px;
}
#div-to-expand.fullscreen {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.bt {
  
float:right;
}
#div-to-expand1.fullscreen {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}