.full-width,table{width:100%}
tr{font-size:12px}
th{font-weight:700;font-size:12px}
p{text-align:center}
form{display:inline-block}

.body,.header{font-family:Roboto,sans-serif;display:inline-block;width:100%;background:#f5f5f5}
.box{font-family:Roboto,sans-serif;display:inline-block;position:absolute;left:0;top:120px;width:100%;background-color:#f5f5f5;overflow:hidden}
.auth{text-align:center;max-width:330px;width:calc(100% - 10px)}
.tabledevice{border:0!important;text-align:center!important;border-collapse:collapse!important}

.mdl-layout__header,.mdl-layout__header-row{height:100px!important;font-size:18px}
.mdl-layout__header-row{padding: 0 40px 0 40px!important}
.mdl-card__title-text{text-transform:uppercase;background-color:#424242AA;padding-left:16px; padding-right:16px; }
.mdl-layout__header{background-color:#00bfff}
.mdl-layout-title{color:#00bfff}
.mdl-layout-spacer{text-align:center}

.card,.card-auth{display:inline-block;width:100%;vertical-align:top;margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;font-size:16px;overflow:hidden;background:#fff;border-radius:2px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);
	border-right:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}
.device-card{width:144px!important;height:78px!important;min-height:78px!important;margin:8px;white-space:normal!important}
.device-card td{border-top:4px!important;border-bottom:4px!important;text-align:center}
.device>.mdl-card__title{color:#fff;height:64px;background:url(Images/Devices.jpg) center/cover}
.sensor>.mdl-card__title{color:#fff;height:64px;background:url(Images/Home.jpg) center/cover}
.display>.mdl-card__title{color:#fff;height:64px;background:url(Images/Display.png) center/cover}
.display{max-height:720px;position:absolute;left:0px;top:980px;}

.group{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;display:inline-grid;width:calc(100% - 20px)}
.group-title{text-transform:uppercase;font-weight:700;font-size:20px;color:#fff;background:rgba(0,0,0,.5);text-align:left;padding:5px;width:155px;height:20px;border:2px solid grey}
.group-content{border:2px solid rgba(0,0,0,.5)}.white{color:#fff!important}.orange{background-color:gold!important}.green{background-color:#32cd32!important}

.black {color: #C9C9C9!important;}
.carbonink{color:#130E0A!important;}
.white{color:white!important;}
.red{background-color:crimson!important}
.orange{background-color:gold!important}
.green{background-color:limegreen!important;}
.carbon{background-color:#130E0A!important;}
.lightcarbon{background-color:#424242!important;}
.blue{background-color: deepskyblue!important;}
.silver{background-color:silver!important;}
.bwhite{background-color:white!important;}

.inline{display:inline-block;width:320px;padding:4px}
.affichage{width:320px;height:60px;color:#fff;display:inline-block}
.h20{height:20px!important}.h25{height:26px!important}.h30{height:30px!important}.h40{height:40px!important}
.lh20{line-height:20px!important}
.fs18{font-size:18px!important;vertical-align:middle!important;display:inline-flex!important}
.p10{display:inline-block;width:9%}.p30{display:inline-block;width:30%}.p40{display:inline-block;width:39%}.p50{display:inline-block;width:49%}.p60{display:inline-block;width:57%}

.room{width:100%;color:#fff!important;line-height:40px;font-size:20px;text-align:center;display:inline-block;color:#130e0a}
.sal{background-color:#4169e1}
.ch1{background-color:#1e90ff}
.ch2{background-color:#00bfff}
.cui{background-color:#6495ed}
.sdb{background-color:#87cefa}
.cli{background-color:#2e8b57}
.fus{background-color:#32cd32}
.batt,.hum,.press,.temp{width:100%;font-size:16px;line-height:20px;display:inline-block;text-align:left}
.time{width:100%;font-size:12px;line-height:12px;display:inline-block;font-style:italic;text-align:center}

.medium{font-size:16px;line-height:20px}
.margin{margin:auto;text-align:center}
.margin-5{text-align:center;margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;display:inline-block}
.margin-top{margin-top:20px}
.margin-bottom{margin-bottom:20px}.center{text-align:center}

.mdl-button{width:128px;margin:4px;text-decoration:none;font-size:15px;border:0;color:#fff;text-transform:uppercase;padding:0}
.mdl-button-active{background-color:#00bfff!important}
.standard{background-color:#424242;}
.standard:hover{background-color:silver}
.extended{background-color:silver}
.extended:hover{background-color:#424242}
.btn_room{border:0;padding:0;background-color:#fff}
.circle{background:#fff;width:30px;height:30px;border-radius:50%;margin-bottom:10px;margin-left:5px}
.button-wide{width:85px!important}
.separator{border-right:2px solid #fff}

.footer{width:100%;background-color:#00bfff;color:#fff;min-height:60px}

a{color:white;text-decoration:none;}
 iframe { 
	width: 720px; height: 720px; position:relative; left:180px;
    -ms-zoom: 0.5;
	-moz-transform: scale(0.5); -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;
}

@media only screen and (max-width:480px){.card-auth,.device,.sensor,.display{width:100%;margin-left:0;margin-right:0}.mdl-layout__header,.mdl-layout__header-row{font-size:20px}.mdl-data-table{margin-top:5px;margin-bottom:5px;margin-left:0;margin-right:0}}
@media only screen and (min-width:481px) and (max-width:960px){.mdl-layout__header,.mdl-layout__header-row{font-size:24px}}
@media only screen and (max-width:960px){.standard-screen,.tameteo{display:none!important}.extended,.standard{width:64px!important} iframe{left:calc((100vw - 362px)/2)}}
@media only screen and (max-width:1440px){.display{max-height:468px!important;position:unset!important}}
@media only screen and (min-width:961px){.mobile-screen,.tameteo2{display:none!important}.tameteo{min-width:790px}.device,.sensor,.tameteo{flex:1 1 content}}
@media only screen and (min-width:1440px){.sensor,.device,.display{width:48.5%}}