@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);*{box-sizing:border-box!important}:root{--main-color:#0288d1}::-webkit-scrollbar{width:.75rem}hr{margin:0 0 1rem;border-top:.01rem solid #ccc}.flex-1{flex:1}.hidden{display:none!important}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);z-index:1;display:flex;justify-content:center;align-items:center}.spinner-overlay img{width:2rem}.input-password-eye{position:absolute;right:5%;top:2rem;cursor:pointer}:active,:focus,:hover{outline:none!important}::-webkit-scrollbar-thumb{background-color:var(--main-color)}[hidden]{display:none!important}html{font-size:20px}@media (orientation:portrait){html{font-size:10px}.rooms .room{width:100%!important}}body{margin:0;background-color:#eee;color:#5b5b5b;font-family:Ubuntu,sans-serif;overflow-x:hidden}.panel{border:.05rem solid #ccc;background-color:#fff;position:relative}button{background-color:var(--main-color);color:#fff;border:0;padding:.25rem .5rem}button[disabled]{background-color:grey}label{color:var(--main-color);font-weight:600;margin-bottom:1em;font-size:1rem;position:relative;padding-bottom:1.5rem}label input,label select,label textarea{padding:.25rem;border:.01rem solid #8c979a;color:#8c979a;background-color:#fff}label input[readonly]{background-color:#eee}label .error{color:red;font-size:.75rem;position:absolute;bottom:-1.25rem}header{text-transform:uppercase;background-color:var(--main-color);color:#fff;justify-content:center;font-weight:700;padding:5px 0;height:4rem}header,header .container{display:flex;align-items:center}header .container{justify-content:space-between;position:relative}header .container button{position:absolute;left:3rem;border:.01rem solid #fff;display:flex;align-items:center;border-radius:.5rem}header .container button:hover{background-color:#fff;color:var(--main-color)}header .logo{height:4em}header i{font-size:1.25rem;cursor:pointer}footer{background-color:var(--main-color);color:#fff;height:3rem}footer .container{height:100%;display:flex;align-items:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 0;overflow-y:auto}.modal-overlay .modal-panel{width:30rem;max-width:90%;border:.05rem solid #ccc;background-color:#fff;display:flex;flex-direction:column}.modal-overlay .modal-panel .modal-panel-header{background-color:var(--main-color);color:#fff;padding:.5rem;font-weight:700;text-transform:uppercase}.modal-overlay .modal-panel .modal-panel-content{flex:1;padding:.5rem}.modal-overlay .modal-panel .modal-panel-content label{display:flex;flex-direction:column;margin:0 0 1.5rem;padding:0;text-transform:uppercase}.modal-overlay .modal-panel .modal-panel-content label ::placeholder{color:#eee}.modal-overlay .modal-panel .modal-panel-content table{width:100%;margin:1rem 0}.modal-overlay .modal-panel .modal-panel-content table td,.modal-overlay .modal-panel .modal-panel-content table th{width:30%}.modal-overlay .modal-panel .modal-panel-content table input{width:100%}.modal-overlay .modal-panel .modal-panel-content table ::placeholder{color:#eee}.modal-overlay .modal-panel .modal-panel-footer{display:flex;justify-content:flex-end;padding:.5rem}.modal-overlay .modal-panel .modal-panel-footer button{margin-left:.5rem}.rooms{display:flex;justify-content:center;flex-wrap:wrap;padding:.5em 0}.rooms .room{margin:1%;width:23%;max-width:100%}.rooms .room .building,.rooms .room .name{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;background-color:var(--main-color);color:#fff;text-align:center;white-space:nowrap;padding:.25rem;font-weight:700;font-size:.75rem}.rooms .room .name{margin-bottom:.5em}.rooms .room label{padding:.5rem;margin-bottom:0}.rooms .room label input{padding:.1rem;width:100%}.rooms .room .level,.rooms .room .permitted{text-align:center}.rooms .room .light{display:flex;justify-content:center;margin:0 auto;width:6em;background:#000;padding:.25em;border:.2em solid grey}.rooms .room .light i{margin:0 .25em}.rooms .room .light .red{color:rgba(255,0,0,.25)}.rooms .room .light .orange{color:rgba(255,115,0,.25)}.rooms .room .light .green{color:rgba(3,174,62,.25)}.rooms .room .light .red.active{color:red;text-shadow:0 0 1em red}.rooms .room .light .orange.active{color:#ff7300;text-shadow:0 0 1em #ff7300}.rooms .room .light .green.active{color:#03ae3e;text-shadow:0 0 1em #03ae3e}.rooms .room .buttons{display:flex;justify-content:center;padding:.5em;flex-direction:column}.rooms .room .buttons button{width:100%;font-size:.5rem;text-transform:uppercase;font-weight:700}.rooms .room .buttons button:nth-of-type(2){margin-top:.25rem}.main{padding:2em;display:flex;flex-direction:column;align-items:center;justify-content:center}.main button{width:30rem;margin-bottom:3rem;font-size:2rem}.main button:last-child{margin-bottom:0}main{min-height:calc(100vh - 7rem);display:flex;flex-direction:column}main .container{flex:1;display:flex;flex-direction:column}main .container .row{height:100%;margin:2rem 0;padding-bottom:1.5rem;flex:1}main .container .row>div{height:100%;position:relative}main .container .row>div label{margin:1.5rem 0 0;padding:0}main .container .row>div label img{height:4rem;margin:1rem auto;display:block}main .container .row>div label qrcode img{height:15rem}main .container .row>div button{margin-top:1rem;width:100%}main .container .table-container{flex:1}.room-evolution-container qrcode img{height:10rem!important}.table-container{border:.01em solid var(--main-color);margin-bottom:1rem;min-height:10rem;overflow-y:auto;overflow-x:hidden;background-color:#fff}.table-container table{border-collapse:collapse;width:100%;border:0!important;font-size:.75rem}.table-container table th{background-color:var(--main-color);color:#fff}.table-container table td,.table-container table th{padding:.25em 1em!important;white-space:nowrap}.table-container table tr:nth-child(2n){background-color:#f2f2f2}.table-container table th:last-child{width:100%}.table-container table .buttons{display:flex;justify-content:flex-end;width:100%}.table-container table .buttons button{margin-right:.5em}.row-buttons{padding:1em 0}.alertify .ajs-header{font-size:1.5rem}.alertify .ajs-content{font-size:1rem;padding:1rem 0!important}.tabs{margin-top:1rem;display:flex;border:.05rem solid #eee}.tabs .tab{flex:1;text-align:center;background-color:#eee;padding:1rem;font-size:.75rem;cursor:pointer}.tabs .tab.active{background-color:#ccc}.tab-container{border:.05rem solid #eee;padding:1rem}.report.export{position:absolute;top:0;left:0}.report{display:block}.report label{color:#5b5b5b;display:flex;font-size:.75rem;align-items:center;margin:0!important;text-align:justify;font-weight:lighter}.report label input{margin-left:1rem}.report label .input{background-color:#eee;padding:.25rem;border:.01rem solid #8c979a;color:#8c979a;margin-left:1rem}.report .report-header{display:flex;align-items:center;justify-content:center;width:100%;position:relative;margin-bottom:1rem;height:auto!important}.report .report-header .report-header-logo{height:5rem;margin:1rem}.report .report-header .report-header-title{font-weight:700;text-transform:uppercase}.report .report-header .report-number{position:absolute;bottom:0;right:1rem}.report .report-section{height:auto!important}.report .report-section .report-section-header{background-color:var(--main-color);color:#fff;text-align:center;font-weight:700;text-transform:uppercase}.report .report-section .report-section-header-2{background-color:rgba(249,233,155,.5);color:orange;text-align:center;text-transform:uppercase}.report .report-section .report-section-container{padding:1rem;margin:0!important}.report .report-section .report-section-container .spn_center{display:block;width:100%;text-align:center}.report .report-section .report-section-container table.border2 td,.report .report-section .report-section-container table.border2 th{border:.01em solid #000}.report .report-section .report-section-container table{margin:0 1em;width:calc(25% - 2em)}.report .report-section .report-section-container table th{font-weight:lighter}.report .report-section .report-section-container table td,.report .report-section .report-section-container table th{border:.01em solid #ccc;height:1.6em;text-align:center}.room-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;color:#000;background-color:#fff}.room-viewer tr td:first-of-type{width:20vw}.room-viewer tr td:nth-of-type(2){flex:1}.room-viewer tr td:nth-of-type(3){width:20vw}.room-viewer tr td{vertical-align:top;border:.1rem solid var(--main-color)}.room-viewer tr td .blue-title{color:var(--main-color);text-align:center;font-size:1.75rem;font-weight:700;line-height:2rem;height:100%;display:flex;align-items:center;justify-content:center}.room-viewer tr td .logo{height:7.5rem;margin:.5rem}.room-viewer tr td .info{margin-left:1rem;font-size:1.5rem}.room-viewer tr td .title-1{font-size:2.5rem;text-align:center}.room-viewer tr td .title-2{text-align:center;font-size:1.5rem}.room-viewer tr td .title-3{color:var(--main-color);text-align:center;font-size:1.75rem;line-height:2rem;height:100%;background-color:#ccc}.room-viewer tr td .ball,.room-viewer tr td .title-3{font-weight:700;display:flex;align-items:center;justify-content:center}.room-viewer tr td .ball{background-color:var(--main-color);width:12.5rem;height:12.5rem;border-radius:100%;color:#fff;font-size:3rem;margin:.5rem}.room-viewer tr td .ball.red{background-color:red}.room-viewer tr td .ball.gray{background-color:grey}.room-viewer tr td .ball.orange{background-color:orange}.room-viewer tr td .ball.green{background-color:#0f0}.room-viewer tr td .ball+span{font-size:1.25rem;margin-top:.5rem}.room-monitor{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}.room-monitor .room-monitor-row{width:100vw;height:50vh}.room-monitor .room-monitor-row .room-monitor-col:first-child{width:30vw}.room-monitor .room-monitor-row .room-monitor-col{width:70vw;height:100%}.room-monitor .room-monitor-row .room-monitor-col .panel{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;border:.1em solid #000}.room-monitor .room-monitor-row .room-monitor-col .panel img{height:calc(50vh * .75);display:block}.room-monitor .room-monitor-row .room-monitor-col .panel .probability{position:absolute;top:0;right:0;font-size:5vw;line-height:1em;padding:.5rem;background-color:rgba(0,0,255,.25);border-left:.1rem solid #ccc;border-bottom:.1rem solid #ccc}.room-monitor .room-monitor-row .room-monitor-col .panel .probability sub{bottom:0;font-size:3vw}.room-monitor .room-monitor-row .room-monitor-col .panel .probability span{font-size:3.5vw}.room-monitor .room-monitor-row .room-monitor-col .panel .title{text-align:center;width:100%;font-weight:700;font-size:2.5vw;line-height:1em}.room-monitor .room-monitor-row .room-monitor-col .panel .title2{text-align:center;width:100%;font-weight:700;font-size:2vw;line-height:1em}.room-monitor .room-monitor-row .room-monitor-col .panel .subtitle{text-align:center;width:100%;font-size:1.5vw}.room-monitor .room-monitor-row .room-monitor-col .panel .section-names-temp{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2vw}.room-monitor .room-monitor-row .room-monitor-col .panel .section-names-temp .section-names .section-name{font-size:3vw}.room-monitor .room-monitor-row .room-monitor-col .panel .section-names-temp .section-temp-hour .section-hour,.room-monitor .room-monitor-row .room-monitor-col .panel .section-names-temp .section-temp-hour .section-temp{font-size:4vw;line-height:.9em;text-align:center}.room-monitor .room-monitor-row .room-monitor-col .panel .section-copy{width:100%;background-color:rgba(0,0,0,.25);color:var(--main-color);text-align:center;font-size:3vw;font-weight:700;text-align:right;position:relative;padding:0 1vw}.room-monitor .room-monitor-row .room-monitor-col .panel .section-copy img{position:absolute;height:8vw;bottom:0}.room-monitor .room-monitor-row .room-monitor-col .panel .section-copy span{position:absolute;height:8vw;top:-75%;font-size:2vw;width:90%;left:15%;text-align:center}.room-monitor .room-monitor-row .room-monitor-col .panel .section-values{display:flex;width:100%}.room-monitor .room-monitor-row .room-monitor-col .panel .section-values .section-value{font-size:3vw;padding:.5rem;flex:1;border-right:.1rem solid #ccc;border-bottom:.1rem solid #ccc;text-align:center}.room-monitor .room-monitor-row .room-monitor-col .panel .section-values .section-value-1{background-color:rgba(0,0,255,.25)}.room-monitor .room-monitor-row .room-monitor-col .panel .section-values .section-value-2{background-color:rgba(0,0,0,.25)}.room-monitor .room-monitor-row .room-monitor-col .panel .section-values .section-value:last-child{border-right:0}.room-monitor .room-monitor-row .room-monitor-col .panel .section-quality.red{background-color:red}.room-monitor .room-monitor-row .room-monitor-col .panel .section-quality.gray{background-color:grey}.room-monitor .room-monitor-row .room-monitor-col .panel .section-quality.orange{background-color:orange}.room-monitor .room-monitor-row .room-monitor-col .panel .section-quality.green{background-color:#0f0}.room-monitor .room-monitor-row .room-monitor-col .panel .section-quality{width:100%;flex:1;display:flex;justify-content:center;align-items:center;font-size:4vw}@media (orientation:portrait){.room-monitor{position:static;display:block}.room-monitor .room-monitor-row{margin:0;height:auto;flex-direction:column}.room-monitor .room-monitor-row .room-monitor-col{width:100vw!important;height:auto}.room-monitor .room-monitor-row .room-monitor-col .panel img{margin:auto;display:block}}