.clearLeft{clear:left;}
.clearRight{clear:right;}
.clear{clear:both;}

.error{color:#ff0000; font-weight:bold;}
@media (max-width:993px){
 .w3-third {
 
    width: 50%;
}
}
#RoomBoxes{
  border-radius: 25px;
  padding: 20px;
  width: 100%;
  height: 200px;
}
#Sched{margin-top:90px;margin-left:15%;}

#SchedBox{
  height: 50px;
   align-items: left;
}


#RoomBoxes.RedBox,#SBox .RedBox{background:#e22020;}
#RoomBoxes.AmberBox,#SBox .AmberBox{background:#d0d22a;}
#RoomBoxes.GreenBox,#SBox .GreenBox{background:#26d626;}

.roomCenterBox{ display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 50vh;

 }
  
.schedCont{	width:70%;
  text-align: center;
  margin-top:10px;
  }
  
#SBox,#SBox1{  width: 500px;float:left;}
#SBox{border:1px solid #000000;}

.schedTime{font-size:10px;padding-left:3px;}
.schedTemp{font-size:12px;text-align:left;float:left;border-right:1px solid #000000;padding-left:3px;}

.TopButtonsCont{width:100%;}
.topButton{width:20%;float:left;font-size:16px;padding-right:30px;}
.topButton .smallText{font-size:8px;}

div.led_423 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* height: 100%;*/
}
div.led_423 > span.led {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 6px;
}
div.led_423 > span.name {
    flex-grow: 1;
    text-align: left;
    margin-left: 6px;
}
.holiday{}
.boost{}
.battery{float:right;margin-top:-10px;padding-right:5px;padding-left:25px;}

.smallInput{width:50px;}

.responsive {
  max-width: 100%;
  height: auto;
  max-height:50px;
}
body,h1,h2,h3,h4,h5,h6 {font-family: arial;}
.w3-bar-block .w3-bar-item {padding:20px;}

#grid{width:80%;text-align:center;max-width:1200px;margin-left:auto;margin-right:auto;}
.wrapper{  grid-template-columns: auto;}

.graph{width:100%;}
#RoomBoxes .roomName{font-weight:bold;font-size:16px;}
@media (max-width:993px){
	#grid{width:95%;}
	#RoomBoxes .roomName{font-size:12px;}
	#RoomBoxes .schedTempInput{width:20px;}
	#RoomBoxes .currentTemp{font-size:18px;}
}
#RoomBoxes .schedTempInput{width:38px;border:none;}
#RoomBoxes .currentTemp{font-size:24px;font-weight:bold;padding-top:5px;padding-bottom:5px;}

.backLink{text-decoration:none;}