* {
  box-sizing: border-box;
}

/* Phone info header definitions */
div.cPhoneHdr {
  height: 45px;
  background-color: gray;
  border-radius: 15px;
}


/* Page header definitions */
div.cPagHdr {
  height: 4%;
  margin: 4px;
  border-style: none none solid none;
  border-width: 1px;
  border-color: black;
  text-align: center;
  font-size: 45px;
  display: block;
}

img.cPagHdr {
  float: right;
  vertical-align: center;
  height: 55px;
  width: auto;
  padding: 5px;
}

p.cPagHdr {
  font-family: arial;
  display: inline;
}

#container {
    margin: auto;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    font-family: arial;
    font-size: 35px;
}

#tabnav {
  width: 100%;
  content: "";
  clear: both;
  display: table;
}

/* class for navigation buttons */
.navbox {
    float: left;
    background: url("images/bgtab.png");
    background-repeat: no-repeat;
    width: 25%;
    height: 5%;
    text-decoration: none;
    font-size: 35px;
    text-align: center;
    padding: 5px 5px 5px 40px;
    margin: 0px;
}
a:hover {
    cursor: pointer;
}
#tabs {
    width: 100%;
    height: 93%;

 /*   height: 885px;
 */   clear: both;
    display: block;
    position: absolute;
    border-width: 5px;
    border-color: #7F7F7F;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
/*   border: 5px none solid solid solid gray;
*/    border-radius: 15px;
}
#tab1 {
    display: block;
}
#tab2 {
    display: none;
}
#tab3 {
    display: none;
}
#tab4 {
    display: none;
} 

.cUsrSpace {
  font-family: arial;
  margin: auto;
  max-width:900px;
  height:100%;
  border: 4px solid black;
  border-radius: 15px;
}


.cBtnTbl {
   width: 100%;
   height:100%;
   font-family: arial;
   border-spacing: 30px 30px;
   margin:auto;
}

tr.cBtnTbl {
   height:10%;
}

.cTuinTbl {
   width: 100%;
   font-family: arial;
   border-spacing: 30px 30px;
   margin:auto;
}

tr.cTuinTbl {
}

td.cTuinTbl {
   height: 200px;
   background-color: LightSteelBlue;
   text-align: center;
   font-size: 45px;
   border-width: 5px;
   border-color: #7F7F7F;
   border-style: solid;
   border-radius: 15px;
}

.cSensHdr {
   text-align: center;
   font-size: 65px;
   font-weight: bold;
}

.cSensData {
   text-align: center;
   font-size: 45px;
}

.cRlkBtn {
   width: 60%;
   background: url("images/rlkbtn.png");
   background-repeat: round;
   font-size: 45px;
   text-align: center;
}

#rlkbtnall.cRlkBtn {
   background: url("images/rlkbtn-org.png");
   background-repeat: round;
}

.cRlkMov {
   width: 10%;
   vertical-align: top;
   padding: 0px;
   visibility: hidden;
}

.cRlkPos {
   width: 10%;
   vertical-align: top;
   border-style: double;
   border-width: 6px;
   border-color: LightSteelBlue;
   padding: 2px;
}

.cRlkStp {
   width: 30%;
   visibility: hidden;
}

#rlkfunc {
   width: 50%;
   height: 50%;
}

.crlkpopup {
   top: 13%;
   left: 25%;
   width: 50%;
   height: 75%;
   margin: auto;
   background-color: white;
   position: absolute;
   display: inline-block;
   vertical-align: center;
   text-align: center;
   font-size: 45px;
   border-width: 5px;
   border-color: #7F7F7F;
   border-style: solid;
   padding: 10px;
   border-radius: 15px;
   visibility: hidden;
}

table.cRlkFunc {
   width: 100%;
   height: 100%;
   text-align: center;
}

tr.cRlkFunc {
   width: 100%;
   height: 16%;
}

td.cRlkFunc {
   border-width: 5px;
   border-color: #7F7F7F;
   border-style: solid;
   padding: 10px;
   border-radius: 15px;
   vertical-align: center;
}

p.cRlkFunc {
   vertical-align: center;
   text-align: center;
   font-size: 45px;
}



div.cDbg {
  height: 200px;
  margin: 5px;
  border-style: solid none none none;
  border-width: 1px;
  border-color: black;
  font-size: 20px;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: scroll; /* Add vertical scrollbar */
  visibility: hidden;
  z-index: -1;
}

div.setpoint {
  font-size: 350px;
}
div.half {
  font-size: 100px;
}

td.heatTab {
  font-size: 50px;
}

img.heatTab {
  height: 100px;
  width: auto;
}

input.heatTab {
  height: 100px;
  width: auto;
}