.container#container #monitorTable .sRoom .powered-on
{
  border-top: 1px solid #1FB9DB  !important;
  border-bottom: 1px solid #1FB9DB  !important;
  color: #000;
  background-color: #edf8ff !important; 
}

.powered-on {
  border-top: 1px solid #1FB9DB  !important;
  border-bottom: 1px solid #1FB9DB  !important;
  color: #000;
  background-color: #edf8ff !important; /* 우선순위 높이기 */
}

.powered-on-bar {
  background: #1FB9DB !important;
  
}



.crt-temp-high .crttemp {
  color: #F12A2E !important;
}

.crt-temp-low .crttemp {
  color: #1FB9DB !important;
}

.tempavg-high .tempavg {
  color: #F12A2E !important;
}

.tempavg-low .tempavg {
  color: #1FB9DB !important;
}

.powered-on .settemp {
  color: #FFAE3A !important;
}

.rotating {
  animation: rotate_image 2s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes rotate_image {
  100% {
      transform: rotate(360deg);
  }
}

.downImg {
  width: 13px;  
  height: 13px;  
}

.upImg {
  width: 13px;  
  height: 13px;  
}

.img-container {
  display: inline-block;
  vertical-align: middle;
}

.aRoomBar {
  display: block;
  width: 2%;
  height: 100%;
  background: #E3E3E3;
}


[v-cloak] 
{ display: none; }

.container#container .monitorTable .room-container .room-box .roomFont {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  /* text-wrap: wrap; */
  width: 6%;
}

.clock {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center; /* 텍스트를 중앙 정렬 */
}

.clock .date {
  font-size: 2.5em;
  font-weight: bold;
  color: #666666;
  margin: 0;
  padding: 0;
}

.clock .time{
  font-size: 2.0em;
  font-weight: bold;
  color: #666666;
  margin: 0;
  padding: 0;

}

.clock .date {
  margin-bottom: 0.1em; /* Space between date and time */
}





#clock span {
  font-size: 0.8em;
  display: inline-block;
}