/* sleepMenu.css */
html {
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
body {
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.layout {
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.main {
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.mail-dark, .mail-opened {
height: 40px;
width: 40px;
}
.txtEmailRecpient, .txtSmsRecpient, .message-area, .outbound-message {
color: black;
}
.sleep {
opacity: 0.2;
}
/*message-text*/
.contact-buttons {
color: white;
}
.edit, .trash {
width: 20px;
height: 20px;
}
#sendEmailTextArea {
width: 100%;
left: 25%;
}
.tableOuter {
margin-left: 20px;
border: 2px solid green;
margin-right: 10px;
line-height: 1.5
}
.mainContentSpot {
width: calc(100vw - 240px);
position: absolute;
display: block;
left: 220px;
}
div .gridheader {
background-color: #262526;
color: white;
}
@media (max-width:800px) {
.mainContentSpot {
width: calc(100vw - 20px);
position: absolute;
display: block;
left: 10px;
min-width: 350px;
}
}
.layout {
overflow: auto;
}
.descText {
cursor: pointer;
font-size: 1.2em;
left: 100%;
top: 50%;
position: absolute;
padding-left: 16px;
}
div.gauge .onToggle {
height: 10%;
width: 10%;
}
div.gauge .offToggle {
height: 10%;
width: 10%;
}
div.gauge .gear {
height: 5%;
width: 5%;
left: 85%;
top: 65%;
position: absolute;
}
.noShowMenu {
display: none;
}
@media all {
div .gauge .descText {
left: 100%;
top: 35%;
white-space: nowrap;
}
.LogoText {
font-size: 1em;
color: white;
opacity: 0.3;
left: calc(100vw - 140px);
top: calc(100vh - 30px);
position: absolute;
overflow: hidden;
white-space: nowrap;
}
/***** Page One *****/
div.gauge .preheatSub {
height: 35px;
width: 35px;
left: 15%;
top: 35%;
position: absolute;
white-space: nowrap;
}
div.gauge .floorheatsub {
height: 35px;
width: 35px;
left: 15%;
top: 55%;
position: absolute;
white-space: nowrap;
}
div.gauge .glycolSub {
height: 35px;
width: 35px;
left: 15%;
top: 15%;
position: absolute;
white-space: nowrap;
}
div.gauge .constantSub {
height: 35px;
width: 35px;
left: 15%;
top: 75%;
position: absolute;
white-space: nowrap;
}
/***** Page One *****/
/***** Page Two *****/
/***** Fan *****/
div.gauge .fanDesc {
position: absolute;
top: 46%;
}
div.gauge .fanspeedunitSub {
font-size: 36px;
color: white;
}
div.gauge .minusFanSub {
height: 36px;
width: 36px;
color: white;
text-align: center;
justify-content: center;
display:flex;
}
div.gauge .plusFanSub {
height: 36px;
width: 36px;
color: white;
text-align: center;
justify-content: center;
display: flex;
}
div.gauge .fanSub {
top: 30%;
position: absolute;
}
div.gauge .fanspeedautoSub {
font-size: 36px;
color: white;
}
/***** Fan *****/
/***** Fire *****/
div.gauge .fireSub {
top: 72%;
position: absolute;
}
div.gauge .minusSub {
height: 36px;
width: 36px;
color: white;
top: 71%;
}
div.gauge .plusSub {
height: 36px;
width: 36px;
color: white;
}
div.gauge .setpointunitSub {
font-size: 18px;
color: white;
}
div.gauge .setpointunitSub {
font-size: 29px;
color: white;
}
div.gauge .setpointsingleSub {
text-align: center;
font-size: 36px;
color: white;
top: 62%;
}
div.gauge .setpointSub {
text-align: center;
font-size: 36px;
color: white;
top: 62%;
}
div.gauge .heatDesc {
position: absolute;
top: 87%;
}
/***** Fire *****/
/***** Page Two *****/
/***** Page Three *****/
div.gauge .heaterSub {
height: 35px;
width: 35px;
left: 15%;
top: 55%;
position: absolute;
white-space: nowrap;
}
div.gauge .lightningSub {
height: 35px;
width: 35px;
left: 15%;
top: 15%;
position: absolute;
white-space: nowrap;
}
div.gauge .engineSub {
height: 35px;
width: 35px;
left: 15%;
top: 35%;
position: absolute;
white-space: nowrap;
}
/***** Page Three *****/
/***** Page Header *****/
div.gauge .backArrow {
height: 40px;
width: 40px;
color: white;
left: 15%;
top: 0%;
position: absolute;
}
div.gauge .HeadPH {
height: 40px;
width: 40px;
color: white;
left: 75%;
top: 0%;
position: absolute;
}
div.gauge .HeadTemp {
height: 40px;
width: 40px;
color: white;
left: 55%;
top: 0%;
position: absolute;
}
div.gauge .HeadOth {
height: 40px;
width: 40px;
color: white;
left: 35%;
top: 0%;
position: absolute;
}
/***** Page Header *****/
}
@media (max-width:399px) {
/***** Fan *****/
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 56%;
}
div.gauge .setpointsingleSub {
left: 49%;
}
div.gauge .setpointSub {
left: 46%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 22%;
}
div.gauge .fanDesc {
left: 26%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 45%;
}
div.gauge .fireSub {
left: 45%;
}
/***** Icon *****/
}
@media (min-width:400px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 80%;
}
div.gauge .setpointsingleSub {
left: 69%;
}
div.gauge .setpointSub {
left: 66%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 57%;
}
div.gauge .fanDesc {
left: 58%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 66%;
}
div.gauge .fireSub {
left: 66%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 47%;
}
div.gauge .plusSub {
left: 87%;
}
div.gauge .minusFanSub {
left: 47%;
}
div.gauge .plusFanSub {
left: 87%;
}
/***** Plus & Minus *****/
}
@media (min-width:600px) and (max-height: 600px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 72%;
}
div.gauge .setpointsingleSub {
left: 64%;
}
div.gauge .setpointSub {
left: 64%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 60%;
}
div.gauge .fanDesc {
left: 62%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 68%;
}
div.gauge .fireSub {
left: 68%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 47%;
}
div.gauge .plusSub {
left: 87%;
}
div.gauge .minusFanSub {
left: 47%;
}
div.gauge .plusFanSub {
left: 87%;
}
/***** Plus & Minus *****/
}
@media (min-width:801px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 71%;
}
div.gauge .setpointsingleSub {
left: 66%;
}
div.gauge .setpointSub {
left: 63%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 53%;
}
div.gauge .fanDesc {
left: 55%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 65%;
}
div.gauge .fireSub {
left: 65%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 44%;
}
div.gauge .plusSub {
left: 89%;
}
div.gauge .minusFanSub {
left: 44%;
}
div.gauge .plusFanSub {
left: 89%;
}
/***** Plus & Minus *****/
}
@media (min-width:1000px) and (min-height: 600px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 52%;
}
div.gauge .setpointsingleSub {
left: 46.5%;
}
div.gauge .setpointSub {
left: 44.5%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 37%;
}
div.gauge .fanDesc {
left: 38%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 45%;
}
div.gauge .fireSub {
left: 45%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 36%;
}
div.gauge .plusSub {
left: 55.5%;
}
div.gauge .minusFanSub {
left: 36%;
}
div.gauge .plusFanSub {
left: 55.5%;
}
/***** Plus & Minus *****/
}
@media (min-width:1200px) and (min-height: 600px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 51%;
}
div.gauge .setpointsingleSub {
left: 46.2%;
}
div.gauge .setpointSub {
left: 45.5%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 39%;
}
div.gauge .fanDesc {
left: 40%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 45%;
}
div.gauge .fireSub {
left: 45%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 38%;
}
div.gauge .plusSub {
left: 53.5%;
}
div.gauge .minusFanSub {
left: 38%;
}
div.gauge .plusFanSub {
left: 53.5%;
}
/***** Plus & Minus *****/
}
@media (min-width:1400px) {
/***** Setpoint *****/
div.gauge .setpointunitSub {
left: 50%;
}
div.gauge .setpointsingleSub {
left: 46%;
}
div.gauge .setpointSub {
left: 45.5%;
}
/***** Setpoint *****/
/***** Text *****/
div.gauge .heatDesc {
left: 40%;
}
div.gauge .fanDesc {
left: 41%;
}
/***** Text *****/
/***** Icon *****/
div.gauge .fanSub {
left: 45%;
}
div.gauge .fireSub {
left: 45%;
}
/***** Icon *****/
/***** Plus & Minus *****/
div.gauge .minusSub {
left: 39%;
}
div.gauge .plusSub {
left: 52.5%;
}
div.gauge .minusFanSub {
left: 39%;
}
div.gauge .plusFanSub {
left: 52.5%;
}
/***** Plus & Minus *****/
}
@media (max-height:399px) {
}
@media (min-height:400px) {
}
@media (min-height:600px) {
div.gauge .fanDesc {
top: 42%;
}
div.gauge .heatDesc {
top: 84%;
}
}
@media (min-height:800px) {
div.gauge .fanDesc {
top: 39%;
}
div.gauge .heatDesc {
top: 82%;
}
div.gauge .setpointunitSub {
top: 65%;
}
div.gauge .setpointsingleSub {
top: 65%;
}
div.gauge .setpointSub {
top: 65%;
}
}
@media (min-height:1000px) {
}
@media (min-height:1200px) {
div.gauge .fanDesc {
top: 36%;
}
div.gauge .heatDesc {
top: 76%;
}
div.gauge .setpointunitSub {
top: 67%;
}
div.gauge .setpointsingleSub {
top: 67%;
}
div.gauge .setpointSub {
top: 67%;
}
}
@media (min-height:1400px) {
}
div.gauge .navBtn {
position: center;
}
div.gauge .LSection {
position: absolute;
width: 70px;
height: 100%;
left: 8%;
top: 10%;
display: inline;
}
div.gauge .RSection {
position: absolute;
width: 70px;
height: 100%;
left: 77%;
top: 10%;
display: inline;
}
div.gauge .MSection {
position: absolute;
width: 35%;
height: 100%;
left: 30%;
top: 0%;
display: inline;
}
div.gauge .navBtnHover {
transform: scale(1.1, 1.1);
}
/***********************************************************************************/
div.gauge .headSelect {
filter: invert(50%);
}
.actOption {
cursor: pointer;
}
/***********************************************************************************/