@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i);body{margin:0;background:url(../img/backgroun_osaka.5a39359c.png) no-repeat fixed;background-size:cover;background-position:50%}#app,body,html{height:100%}#app{padding-top:12px}*{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif}#nav{height:110px;margin:0 10px;background-color:hsla(0,0%,100%,.13);padding:5px}.nav-link{background-color:hsla(0,0%,83.5%,.8)!important;color:#000!important;font-size:24px!important;font-weight:400;margin-right:8px;width:160px;cursor:pointer;border-radius:12px 12px 0 0!important}.left-nav{background-color:transparent!important;color:#fff!important;padding-left:0!important}.left-nav.active{color:#000!important}.accordion-item{background-color:hsla(0,0%,100%,.35)!important}#section-dashboard .nav-link.active{background-color:#fff!important}.accordion-button{color:#fff!important;background-color:hsla(0,0%,100%,.35)!important;font-size:24px!important}.accordion-button:focus{border:none!important;box-shadow:none!important}.accordion-button:not(.collapsed):after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAADqUJ2JAAAABHNCSVQICAgIfAhkiAAAALlJREFUSEvtVTEOhCAQHAsaKgtsabD3CTS81SfwAF7gC6iJpaEghuTuaIxGA/FiLhfjtGxmltlZqHARqot48BCVnbyzR68Pyg6UK6qfEKVmp2kCIQSU0mxb2Y5CCOj7HpxzKKUeogMHvvLIWgvv/YYuxohhGFDXNdq23UmlIaSzhGVqWms458rJW1VIKSGE2BKN44h0lTXmeYYxBk3ToOu6nQhjbMnXk6N/WZEzWbjuPTqjmqu98S/yBpk/p9ieoUJgAAAAAElFTkSuQmCC)!important;height:31px!important}.accordion-button:after,.accordion-button:not(.collapsed):after{transform:none!important;width:18px!important;background-size:18px!important}.accordion-button:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAE5JREFUOE9j/A8EDFQAjKMGEQzFIRBGL168YHj+/Dler0hKSjJISEigqMHw2vnz5xlAGB8wNDRkAGFkQDuDqOY1gvGMQ8EQiP5Rr2GEAACCnV/L6bleVAAAAABJRU5ErkJggg==)!important;height:18px!important}.accordion-button:not(.collapsed){background:none!important}.accordion-body{background-color:hsla(0,0%,100%,.6)}#section-dashboard .tab-content{text-align:center;background-color:hsla(0,0%,100%,.85)}.title-panel{background-color:rgba(255,176,2,.9);height:62px;width:100%;text-align:center;font-size:22px;color:#fff;padding-top:5px}.main{padding-bottom:20px}#section-detail{margin-top:50px;background-color:hsla(0,0%,100%,.35);padding:10px}.top-alert{height:69px;border-radius:15px;border:3px solid #f06;background-color:#fff;padding-top:10px}.top-alert span{color:#f76d64;font-size:28px}.top-alert img{width:46px;height:46px;margin-right:18px;margin-top:-10px;margin-left:12px}.common-status-panel{height:237px;background-color:#59ef4c;padding-bottom:10px;margin-top:10px;position:relative}.common-status-panel p{color:#fff;font-size:80px;text-shadow:0 3px 6px rgba(0,0,0,.16);width:100%;text-align:center;height:80px;line-height:80px;margin:0!important;padding:0!important}.status-date{font-size:30px;text-align:center;color:#fff;padding-top:23px}.air-index{display:flex;flex-wrap:nowrap;background-color:#fff;height:101px}.air-index div{margin-top:5px;height:50px!important;line-height:30px!important}.air-index span{font-size:28px}.air-index img{width:46px;height:46px}.air-co2,.air-nanoe,.humidity,.tempo{flex:2;height:101px;text-align:center;line-height:101px}.form-check-input{position:absolute;height:45px!important;width:86px!important;right:24px;bottom:21px}.form-check-input:checked{background-color:#92d050!important;border-color:#92d050!important}.graph{background-color:hsla(0,0%,100%,.74)}.graph .nav{width:100%!important;text-align:center;border-bottom:1px solid #fff}.graph .nav-item{flex:1;margin:15px}.graph .nav-item,.graph .nav-link{text-align:center;border:none!important}.graph .nav-link{width:100%;font-size:28px;background:transparent!important;color:#2a8cbf!important;height:54px}.graph .nav-item .active{background-color:rgba(140,188,216,.4)!important;border-radius:8px}#line-chart{padding:18px}#graph-trend{position:relative}.graph-trend>div{height:355px}#cont{position:relative;display:none;background:linear-gradient(#7063ba,#09b3de);height:0;margin:0 auto;padding:10px;padding-top:90%;bottom:0}#box,#cont{width:90%;border-radius:1000px}#box{background:#fff;position:absolute;top:5%;bottom:5%;left:5%;right:5%}#device-detail{text-align:center;position:relative;width:100%;height:350px}#device-name-control{margin-top:7px;margin-bottom:26px;line-height:24px;height:24px}#device-name-control>span{color:#454444;font-size:25px;margin-right:6px}.detail-tempo{font-size:60px;height:60px;line-height:60px;color:#575757}#btn-control{display:flex;margin-top:20px;align-items:center}.add-btn,.minus-btn{flex:1;cursor:pointer}.add-btn{float:right}#btn-control .form-switch{flex:1}#box>img{margin-top:15px}#section-property{position:relative;padding-left:10px;background-color:rgba(0,0,0,.49)!important;padding-top:52px}#dashboard-btn{position:absolute;cursor:pointer;bottom:30px;left:10px;right:10px}#dashboard-btn img{width:100%}.main>div{padding-left:10px;padding-top:10px}#update-btn{height:69px;width:100%;text-align:center;cursor:pointer;background-color:#6ce0dd;color:#fff;font-size:35px;line-height:69px;border-radius:8px;margin-bottom:10px}#list-device .status .air{display:flex;flex-wrap:wrap}.air *{color:#fff;font-size:22px}.air-condition{flex:1;padding-left:42px;min-width:230px}#list-device{background-color:rgba(0,0,0,.49)}.status{padding:30px 0}.icon_air{margin-left:5px}#list-device .location>div{display:flex;margin:20px 0;border-bottom:1px solid hsla(0,0%,100%,.5);padding:24px;padding-top:0}#list-device .location img{margin-right:5px}#list-device .location{margin-left:36px;margin-right:36px;color:#fff;font-size:30px;padding-bottom:45px}#list-map{width:100%}#list-map .dot-device{width:20px;height:20px}#list-map>div{margin-top:15px;height:270px;overflow:hidden}#list-map>div img{height:100%}#back-btn{cursor:pointer}#back-btn img{width:100%}.layout-mini-title{height:30px;background-color:rgba(0,0,0,.55);color:#fff;font-size:20px;font-weight:500;padding:5px;line-height:20px}.layout-mini-image{background-color:#fff!important;text-align:center;background-size:contain!important;background-position:50%!important;height:240px;position:relative}#list-device{height:770px;overflow:scroll;overflow-x:hidden;position:relative}#list-device::-webkit-scrollbar{width:20px;background:#fff}#list-device::-webkit-scrollbar-thumb{background:linear-gradient(#16afd9,#91daef);border-radius:10px}#airControllerContainer{width:440px;height:300px;margin:0 auto;position:relative;background:url(../img/controller_bg.f002bf37.svg) no-repeat;background-position:50%;background-size:contain;padding-top:20px}#device_status_button{position:absolute;width:72px;height:72px;margin:-36px;z-index:1000}#airController{width:400px;height:280px;margin:0 auto;background:url(../img/box_bg.e996c417.svg) no-repeat;background-position:50%;background-size:contain}#map-detail{width:712px;height:800px;margin:0 auto;position:relative}#map-detail,.dot-device{background-position:50%!important;background-size:cover!important}.dot-device{cursor:pointer;position:absolute;width:62px;height:62px;border-radius:60px}#airController .switch{margin-top:31px;width:69px;height:30px}#idu-control{display:flex;width:227px;margin:0 auto;height:57px;margin-top:40px}#idu-control div{flex:1;align-items:flex-end;height:57px;cursor:pointer}#idu-control-ven{display:flex;height:57px;margin-top:40px;width:87px;margin-right:25px}#idu-control-ven div{flex:1;align-items:flex-end;height:57px;cursor:pointer}#button-control{display:flex}div.circle{position:absolute;width:72px;height:72px;margin:-36px;background:url(../img/device_status_button_select_temp.e29011cf.svg);border-radius:50%}.slider.round{width:69px;height:21px;border-radius:10.5px;background:rgba(160,233,252,.69)}.switch{position:relative;display:inline-block;width:69px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"ON";width:30px;height:30px;background:rgba(0,225,87,.9);font-size:16px;line-height:30px;top:-5px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16));color:#fff}input:checked+.slider{background-color:grey}input:checked+.slider:before{content:"OFF";background-color:grey;transform:translateX(-26px)}.slider.round:before{border-radius:50%}#btn-prev-device{left:20px}#btn-next-device,#btn-prev-device{cursor:pointer;position:absolute;top:100px}#btn-next-device{right:20px}.dot_active{-webkit-animation:zoom-in-zoom-out 2s ease-out infinite;animation:zoom-in-zoom-out 2s ease-out infinite}@-webkit-keyframes zoom-in-zoom-out{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes zoom-in-zoom-out{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#remote-control-1{display:flex;margin:0 auto;width:275px;margin-bottom:33px;margin-top:30px;height:70px}#remote-control-1 div{flex:1;height:70px;cursor:pointer}#remote-control-2{width:200px;display:flex;margin:0 auto;height:54px}#remote-control-2 div{flex:1;height:54px;cursor:pointer}#btn-prev-room{left:17.6px}#btn-next-room,#btn-prev-room{position:absolute;top:22.8px;cursor:pointer}#btn-next-room{right:17.6px}#logout-btn{width:120px;height:45px;background-color:#09b3de;border-radius:10px;cursor:pointer;position:absolute;right:10px;top:10px;padding-left:20px}