@keyframes rotate{0%,100%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rotate{animation:rotate 1s linear infinite}*{outline:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0;padding:0;background-color:#f0f4f5;font-size:var(--font-size);font-family:var(--font-name),Roboto,sans-serif}a{text-decoration:none;color:inherit}input.error,select.error{background-image:url(/images/fail.png)!important;background-repeat:no-repeat!important;background-position:right center!important;border-color:#f00!important}.searching{background:url(/images/load.gif) no-repeat top+8px right+5px;background-size:20px 20px}.right{text-align:right!important}.deleted *:not(.zmdi){text-decoration:line-through}.PanelLogin{width:100%;height:100%;min-width:600px;min-height:500px;background-color:#354650;position:absolute;display:flex;justify-content:center}.PanelLogin .main{width:300px;min-height:220px;margin:auto;padding:20px;background-color:#fff;border:1px solid rgba(33,33,33,.1);border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.1)}.PanelLogin h1{height:30px;line-height:30px;margin:0;font-size:18px;font-weight:bold;color:#000;background-color:transparent}.PanelLogin input[type="text"],.PanelLogin input[type="password"]{width:calc(100%);height:40px;line-height:40px;margin:15px auto 0!important;padding:5px!important;border:1px solid #cacaca;text-align:left;font-size:small;display:block!important}.PanelLogin input[type="text"]:focus,input[type="password"]:focus,textarea:focus{box-shadow:0 0 3px #ccc}.PanelLogin input[type="text"].disabled,.PanelLogin input[type="password"].disabled{background-color:#fff!important;color:#ccc!important}.PanelLogin a{width:calc(100%);height:40px;line-height:40px;margin:15px auto 0;text-align:center;color:#fff;font-size:16px;font-weight:bold;background-color:#b72025;display:block;text-decoration:none;cursor:pointer}.PanelLogin a:hover{background-color:#da2529}.PanelLogin a span{height:30px;line-height:30px;color:#fff}.PanelLogin a.disabled{background-color:#ccc!important;cursor:default}.PanelLogin .error{color:#480000;border-color:#f00;background:url(/images/Fail.png) no-repeat right center #ffebef!important}.PanelLogin .valid{color:#002f00;border-color:#96b796!important;background:url(/images/ok.png) no-repeat right center #e3ffe5!important}.PanelLogin p{margin:18px;line-height:25px;max-height:80px;font-size:var(--font-size);color:#f00;display:none;overflow:hidden}.PanelHeader{width:100%;min-width:1366px;height:60px;border-bottom:1px solid rgba(33,33,33,.1);background-color:#354650;color:#fff;position:fixed;top:0;left:0;z-index:101;display:flex}.PanelHeader .logo{width:230px;height:100%;padding:0 15px;background-color:#28343a;overflow:hidden;display:inline-flex;justify-content:center}.PanelHeader .logo a{text-decoration:none;display:block;text-align:center}.PanelHeader .logo .image{width:80px;height:100%;margin:0;float:left;display:flex;justify-content:center;align-items:center;overflow:hidden}.PanelHeader .logo .image img{max-width:80px;max-height:40px;margin:auto;display:block}.PanelHeader .logo .name{width:calc(100% - 80px);line-height:1.2;margin:0;color:#fff;font-size:18px;font-weight:bold;display:inline-flex;justify-content:center;align-items:center}.PanelHeader .nav{width:calc(100% - 300px);display:flex;align-items:center;justify-content:start}.PanelHeader .nav ul{margin:0;padding:0}.PanelHeader .nav li{padding:0 20px;height:50px;text-align:center;font-size:13px;font-weight:600;display:inline-block;vertical-align:top;position:relative}.PanelHeader .nav li a{line-height:20px;font-weight:400;color:#fff;display:block}.PanelHeader .nav li:hover a{color:#ff0}.PanelHeader .nav li i{margin-right:5px}.PanelHeader .nav li.on{border-bottom:2px solid #0097fb}.PanelHeader .nav li.on>a{color:#0097fb!important}.PanelHeader .nav li a img{max-height:24px;max-width:100%;display:block;margin:4px auto 1px}.PanelHeader .nav li>ul{position:absolute;top:50px;left:0;display:none;background-color:#354650;box-shadow:0 0 8px rgba(0,0,0,.6);z-index:999}.PanelHeader .nav li:hover>ul{display:block;background-color:#354650}.PanelHeader .nav li:hover>ul li{width:250px;height:40px;line-height:40px;margin:0;padding:5px 10px;text-align:left;font-size:13px;font-weight:500;text-transform:initial}.PanelHeader .nav li:hover>ul li a{color:#fff}.PanelHeader .nav li:hover>ul li a img{width:20px;max-height:20px;margin-right:10px;display:inline-block;vertical-align:sub}.PanelHeader .nav li:hover>ul li:hover{background-color:#28343a}.PanelHeader .nav li:hover>ul li:hover>a{color:#ff0}.PanelHeader .nav ul ul ul{left:250px;top:0;min-width:250px}.PanelHeader .nav a i.zmdi-chevron-right{margin-left:10px;float:right;line-height:30px}.PanelHeader .menu{width:120px;height:100%;margin:0;padding:0 15px}.PanelHeader .menu li{position:relative}.PanelHeader .menu li:hover>ul{display:block}.PanelHeader .menu>li{margin:0;padding:0;min-height:100%;color:#878787;list-style:none;position:relative;display:inline-block;vertical-align:top}.PanelHeader .menu>li ul{margin:0;padding:0;display:none}.PanelHeader .menu>li a{margin-top:5px;text-decoration:none;font-size:var(--font-size);display:block;position:relative;color:#212121}.PanelHeader .menu>li i{padding:20px 10px 0;font-size:24px;color:#878787;transition:.3s ease}.PanelHeader .menu>li i:hover{color:#212121}.PanelHeader .menu>li i.zmdi-account{padding:20px 5px 0 0}.PanelHeader .menu>li label{font-size:16px;line-height:25px;display:block;text-align:center}.PanelHeader .menu>li .badge{width:16px;height:16px;line-height:16px;font-size:10px;text-align:center;background-color:#b10058;border-radius:50%;color:#fff;position:absolute;top:10px;right:5px}.PanelHeader .menu>li img{width:40px;height:40px;border-radius:50%;margin:10px auto 0;display:block}.PanelHeader .menu>li .name{height:40px;line-height:40px;margin:10px 0 0;color:#212121;font-size:16px;font-weight:bold;text-transform:capitalize;display:inline-block;vertical-align:top}.PanelHeader .menu>li ul{min-width:200px;margin:0;padding:0;display:none;position:absolute;top:50px;right:0;background-color:#fff;border-radius:2px;box-shadow:0 2px 15px rgba(0,0,0,.175)}.PanelHeader .menu>li ul li{min-height:35px;line-height:35px;margin:0;padding:0 10px;list-style:none;color:#000}.PanelHeader .menu>li ul li:hover{background-color:#f4f4f4}.PanelHeader .menu>li ul li img{width:22px;height:22px;margin-right:3px;border-radius:unset;display:inline-block;vertical-align:text-bottom}.PanelHeader .menu>li ul li i{padding:10px!important;font-size:18px}.PanelHeader .menu>li ul li label{font-size:16px;display:inline-block;vertical-align:text-bottom}.PanelHeader .menu>li ul li a i.zmdi-chevron-right{position:absolute;top:2px;right:-10px}.PanelHeader .menu>li ul li.divider{min-height:unset;height:1px;margin:4px 0;background-color:rgba(33,33,33,.1);overflow:hidden}.PanelHeader .menu .notify{width:400px;height:0;transition:all .5s;opacity:.9;overflow:hidden;display:block!important}.PanelHeader .menu li:hover .notify,.PanelHeader .menu .notify.active{height:300px;overflow-y:auto}.PanelHeader .menu .notify li{padding:0;position:relative;overflow:hidden}.PanelHeader .menu .notify .header{width:100%;height:40px;line-height:40px;padding:0;text-indent:15px;color:#212121;border-bottom:1px solid rgba(33,33,33,.1);font-weight:500;font-size:16px}.PanelHeader .menu .notify .header:hover{background-color:#fff}.PanelHeader .menu .notify .header span{float:right;margin-right:10px;color:#878787}.PanelHeader .menu .notify .header span:hover{color:#212121}.PanelHeader .menu .notify .item .close{width:25px;height:25px;position:absolute;top:2px;right:5px;z-index:2;text-align:center;transition:all .3s}.PanelHeader .menu .notify .item .close:hover{background-color:#ccc;border-radius:50%}.PanelHeader .menu .notify .item .close i{margin:0;padding:0!important;color:#878787;font-size:22px;position:initial}.PanelHeader .menu .notify .item .close i:hover{color:#212121}.PanelHeader .menu .notify .item{width:calc(100% - 30px);padding:0 15px;border-bottom:1px solid rgba(33,33,33,.1);display:inline-block}.PanelHeader .menu .notify .item.empty{height:50px;line-height:50px;padding:50px 15px;text-align:center;color:#878787;border:0!important;background-color:#fff!important}.PanelHeader .menu .notify .item .image{width:40px;height:40px;margin:10px 0;display:inline-block;vertical-align:top}.PanelHeader .menu .notify .item .image img{max-width:40px;max-height:40px;width:auto;height:auto;margin:0 auto;padding:0}.PanelHeader .menu .notify .item .content{width:calc(100% - 64px);margin:0 10px;display:inline-block;vertical-align:top}.PanelHeader .menu .notify .item .content div{line-height:30px;font-size:var(--font-size);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PanelHeader .menu .notify .item .content p{max-height:50px;line-height:25px;margin:0;padding:0;color:#878787;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PanelHeader .menu .notify .footer{height:40px;line-height:40px;padding:0 15px;color:#212121;display:flex;justify-content:center}.PanelHeader .menu .notify .footer:hover{background-color:#fff}.PanelHeader .menu ul.sub{right:100%;top:0;min-width:220px}.PanelHeader .menu ul.sub.bottom{top:unset;bottom:0}.PanelHeader .menu ul.sub .image{width:25px;height:25px;margin:5px;display:inline-block;vertical-align:top}.PanelHeader .menu ul.sub .image img{max-width:25px;max-height:25px;width:auto;height:auto;margin:0;padding:0;border-radius:0}.PanelHeader .menu ul.sub .name{max-width:200px;height:35px;line-height:35px;margin:0;color:#212121;font-size:var(--font-size);font-weight:400;text-transform:unset;display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PanelHeaderSep{width:100%;height:66px}.PanelHome{padding:0;margin:auto;width:1200px}.PanelHome h2{height:60px;line-height:60px;margin:0 0 50px;padding:0;text-align:center;font-size:46px;font-weight:700;color:#101c2c}.PanelHome h2 b{color:#005fdb}.PanelHome ul{margin:0;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none}.PanelHome li{width:30%;margin:20px;padding:0 20px 20px;text-align:center;color:#101c2c;background-color:#fff;border-radius:20px}.PanelHome li img{max-width:100%;max-height:82px;display:block;margin:20px auto;clear:both}.PanelHome li h3{margin:0;padding:10px 0;font-size:18px;text-transform:uppercase;text-align:center}.PanelHome li p{margin:0;padding:0;line-height:1.5;text-align:center;text-decoration:none!important}.PanelMain{width:calc(100% - 30px);min-height:500px;margin:15px;position:relative}.PanelMain.full{margin:0 15px}.PanelMain>h1{max-width:50%;font-size:20px;margin:10px 0;padding:0;line-height:30px;color:#212121}.PanelMain>h1>select{height:35px;margin:0 5px 0 0;padding:0 5px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top}.PanelMain>h1>select:focus{outline:0;border:1px solid #aaa}.PanelMain.full>h1{width:calc(100% - 40px);max-width:unset;margin:20px;font-size:26px;text-align:center;text-transform:uppercase}.PanelMain .nav{max-width:50%;margin:0;padding:0;position:absolute;top:8px;right:0;font-size:13px;color:#212121}.PanelMain .nav a{margin:0 5px;font-size:var(--font-size);color:#555;transition:all .3s ease;text-decoration:none;display:inline-block}.PanelMain .nav a:hover{color:#000}.PanelMain .main{width:calc(100%);margin-bottom:15px;padding:15px;border:1px solid rgba(33,33,33,.1);border-radius:2px;background-color:#fff;position:relative}.PanelMain.frame{min-height:unset}.PanelMain.frame>h1{width:calc(100% - 10px);max-width:unset;margin:0 5px 5px;font-size:22px;text-align:center;text-transform:uppercase}.PanelMain.frame .nav{display:none}.PanelMain .col{width:50%;padding:0 8px 0 0;margin:0;border:0;display:inline-block;vertical-align:top}.PanelMain .col:nth-child(2n){padding-left:8px;padding-right:0}.PanelMain .col3{width:33.33%;padding:0 5px 0 0;margin:0;border:0;display:inline-block;vertical-align:top}.PanelMain .col3:nth-child(3n+2){padding-left:5px;padding-right:5px}.PanelMain .col3:nth-child(3n+3){padding-left:5px;padding-right:0}.PanelMain .row{width:calc(100%);margin:5px 0 0;display:flex}.PanelMain .row>label{width:120px;height:35px;line-height:1.2;margin:0;padding:0 15px 0 0;font-size:var(--font-size);color:#212121;text-align:right;justify-content:right;display:inline-flex;align-items:center;box-sizing:border-box}.PanelMain .row>span{height:35px;line-height:35px;margin-left:5px;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top;white-space:nowrap}.PanelMain .row>input[type="text"],.PanelMain .row>input[type="password"]{width:calc(100% - 120px);height:35px;line-height:35px;margin:0;padding:0 10px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top;box-sizing:border-box}.PanelMain .row>input[type="text"]:focus,.PanelMain .row>input[type="password"]:focus{outline:0;border:1px solid #aaa}.PanelMain .row>input[type="text"].center,.PanelMain input[type="number"].center{text-align:center}.PanelMain .row>textarea{width:calc(100% - 120px);min-height:50px;margin:0;padding:10px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;resize:none;display:inline-block;vertical-align:top}.PanelMain .row>textarea:focus{outline:0;border:1px solid #aaa}.PanelMain .row>select{height:30px;margin:0;padding:0;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top}.PanelMain .row>select:focus{outline:0;border:1px solid #aaa}.PanelMain .row>select[disabled]{color:#888}.PanelMain .row>p{width:calc(100% - 160px);line-height:1.5;margin:5px 0 5px 140px;padding:0;font-size:12px;color:#aaa;display:block}.PanelMain .row a.button i{margin-right:8px;font-size:inherit;color:inherit}.PanelMain .row>button,.PanelMain .row a.button{margin:0 15px 10px;padding:0 15px;height:35px;line-height:35px;font-size:var(--font-size);text-decoration:none;background-color:#1d96b2;border:1px solid #1d96b2;color:#fff;transition:all linear .2s;display:inline-block;cursor:pointer;box-sizing:border-box}.PanelMain .row>button:hover,.PanelMain .row a.button:hover{background-color:#23b7dc}.PanelMain .row>button.green,.PanelMain .row a.button.green{background:none;background-color:#98ce44;border-color:#98ce44;color:#fff}.PanelMain .row>button.green:hover,.PanelMain .row a.button.green:hover{background-color:#7fb231;border-color:#7fb231}.PanelMain .row>button.blue,.PanelMain .row a.button.blue{background:none;background-color:#2385c7;border-color:#2385c7;color:#fff}.PanelMain .row>button.blue:hover,.PanelMain .row a.button.blue:hover{background-color:#1d6da3;border-color:#1d6da3}.PanelMain .row>button.red,.PanelMain .row a.button.red{background:none;background-color:#f34235;border-color:#f34235;color:#fff}.PanelMain .row>button.red:hover,.PanelMain .row a.button.red:hover{background-color:#f00;border-color:#f00}.PanelMain .row>button.black,.PanelMain .row a.button.black{background:none;background-color:#212121;border-color:#212121;color:#fff}.PanelMain .row>button.black:hover,.PanelMain .row a.button.black:hover{background-color:#555;border-color:#555}.PanelMain .tabs .row>select{width:calc(100% - 120px)}.PanelMain .row.label90>label{width:90px}.PanelMain .row.label90>input[type="text"],.PanelMain .row.label90>input[type="number"],.PanelMain .row.label90>input[type="password"],.PanelMain .row.label90>textarea,.PanelMain .tabs .row.label90>select{width:calc(100% - 90px)}.PanelMain .row.label150>label{width:150px}.PanelMain .row.label150>input[type="text"],.PanelMain .row.label150>input[type="number"],.PanelMain .row.label150>input[type="password"],.PanelMain .row.label150>textarea,.PanelMain .tabs .row.label150>select{width:calc(100% - 150px)}.PanelMain .row.label180>label{width:180px}.PanelMain .row.label180>input[type="text"],.PanelMain .row.label180>input[type="number"],.PanelMain .row.label180>input[type="password"],.PanelMain .row.label180>textarea,.PanelMain .tabs .row.label180>select{width:calc(100% - 180px)}.PanelMain .row .osSelect-container{width:calc(100% - 120px)}.PanelMain .row.label60 .osSelect-container{width:calc(100% - 60px)}.PanelMain .row.label90 .osSelect-container{width:calc(100% - 90px)}.PanelMain .row.label150 .osSelect-container{width:calc(100% - 150px)}.PanelMain .row.label180 .osSelect-container{width:calc(100% - 180px)}.PanelMain .row .osSelect-choices{width:100%}.PanelMain .row .right:not(td){margin-right:0;float:right}.PanelMain .imageselect{width:100px;height:100px;margin-right:10px;border:1px solid #ccc;box-shadow:0 0 3px rgba(0,0,0,.4);background-color:#eee;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;cursor:pointer;position:relative}.PanelMain .imageselect label{width:100%;height:25px;line-height:25px;top:calc(50% - 15px);color:#ccc;font-size:var(--font-size);text-align:center;position:absolute;z-index:1;cursor:pointer}.PanelMain .imageselect img{max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;z-index:2;cursor:pointer}.PanelMain fieldset{width:calc(100%);border:1px solid #ccc;margin:0;padding:10px}.PanelMain legend{margin:0;padding:5px;font-size:16px}.PanelMain .main h1{font-size:20px;margin:0;padding:0;line-height:30px}.PanelMain .main>h1{width:calc(100% - 300px)}.PanelMain .main h2{font-size:18px;font-weight:500;margin:0 0 5px;padding:0 0 5px;line-height:30px;border-bottom:1px solid #ccc}.PanelMain .main h2 img{height:20px;margin:5px 10px 0 0;float:left}.PanelMain .main h2 a.button{margin:0 0 0 10px;padding:0 10px;height:30px;line-height:30px;font-size:12px;font-weight:400;text-decoration:none;background-color:#ccc;color:#000;float:right;cursor:pointer;transition:all .3s linear}.PanelMain .main h2 a.button:hover{background-color:#1d96b2;color:#fff}.PanelMain .main h2 a.button i{margin-right:8px;font-size:inherit;color:inherit}.PanelMain .main .translate{position:absolute;top:10px;right:10px}.PanelMain .main .translate label{font-size:var(--font-size);font-weight:bold}.PanelMain .main i.zmdi{font-size:20px;color:#878787}.PanelMain .main i.zmdi:hover{color:#000}.PanelMain .main input[type="text"]{margin:0;padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc;display:inline-block;box-sizing:border-box}.PanelMain .main select{margin:0;padding:0 10px;height:30px;line-height:2px;border:1px solid #ccc;display:inline-block;box-sizing:border-box}.PanelMain .main .small{font-size:13px;line-height:1.4}.PanelMain .main .search{width:100%;margin:5px 0;font-size:var(--font-size)}.PanelMain .main .search>label{margin:0 5px;height:30px;line-height:30px;display:inline-block;vertical-align:top}.PanelMain .main .search>button,.PanelMain .main .search>a{margin:0 10px;padding:0 10px;height:32px;line-height:32px;background-color:#1d96b2;border:1px solid #1d96b2;color:#fff;display:inline-block}.PanelMain .main .search>button:hover,.PanelMain .main .search>a:hover{background-color:#23b7dc}.PanelMain .main .search>a{float:right;text-decoration:none}.PanelMain .main .search .row>a{margin:0 15px 10px;padding:0 15px;height:35px;line-height:35px;font-size:var(--font-size);text-decoration:none;background-color:#1d96b2;border:1px solid #1d96b2;color:#fff;display:inline-flex;cursor:pointer;box-sizing:border-box;align-items:center;justify-content:center}.PanelMain .main .search .row>a:hover{background-color:#23b7dc}.PanelMain .main .search .row>a img,.PanelMain .main .search .row>a i{margin-right:8px}.PanelMain .main .search .row>a.right{float:right!important;margin-right:0!important}.PanelMain .main .search .row>a.green{background:none;background-color:#98ce44;border-color:#98ce44;color:#fff}.PanelMain .main .search .row>a.green:hover{background-color:#7fb231;border-color:#7fb231}.PanelMain .main .search .row>a.blue{background:none;background-color:#2385c7;border-color:#2385c7;color:#fff}.PanelMain .main .search .row>a.blue:hover{background-color:#1d6da3;border-color:#1d6da3}.PanelMain .main .search .row>a.red{background:none;background-color:#f34235;border-color:#f34235;color:#fff}.PanelMain .main .search .row>a.red:hover{background-color:#f00;border-color:#f00}.PanelMain .main .search .row>a.black{background:none;background-color:#212121;border-color:#212121;color:#fff}.PanelMain .main .search .row>a.black:hover{background-color:#555;border-color:#555}.PanelMain .main .search ul.menu{margin:0;padding:0;list-style:none}.PanelMain .main .search ul.menu li{position:relative}.PanelMain .main .search ul.menu li i{margin:0 8px;font-size:inherit;color:inherit}.PanelMain .main .search ul.menu li i.zmdi-chevron-down{margin-right:0}.PanelMain .main .search ul.menu>li>a{margin:0;padding:0 15px;height:35px;line-height:35px;font-size:var(--font-size);text-decoration:none;background-color:#1d96b2;border:1px solid #1d96b2;color:#fff;display:inline-block;cursor:pointer}.PanelMain .main .search ul.menu>li>a:hover{background-color:#23b7dc}.PanelMain .main .search ul.menu>li>ul{margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #ccc;position:absolute;top:35px;left:unset;right:0;z-index:2;display:none}.PanelMain .main .search ul.menu>li:hover>ul{display:block}.PanelMain .main .search ul.menu>li>ul li{height:35px;line-height:35px;font-size:var(--font-size);transition:all .3s linear}.PanelMain .main .search ul.menu>li>ul li:hover{background-color:#eee}.PanelMain .tabs{width:100%;position:relative}.PanelMain .tabs>ul{margin:0 0 10px;padding:0;list-style:none;border-bottom:1px solid rgba(33,33,33,.1);display:flex;align-items:center}.PanelMain .tabs>ul>li{margin:0;padding:10px 15px;color:#878787;display:inline-block;transition:all .3s linear}.PanelMain .tabs>ul>li.active{border-bottom:3px solid #1d96b2;color:#000}.PanelMain .tabs>ul>li:hover{color:#212121}.PanelMain .tabs>ul a{text-decoration:none;font-size:var(--font-size);color:#000}.PanelMain .tabs>a{margin:0;padding:0 10px;height:32px;line-height:32px;background-color:#1d96b2;border:1px solid #1d96b2;color:#fff;text-decoration:none;position:absolute;top:15px;right:0}.PanelMain .tabs>a:hover{background-color:#23b7dc}.PanelMain .main table{width:100%;border-spacing:1px;margin:0 0 15px}.PanelMain .main thead th{min-height:44px;line-height:30px;margin:0;padding:5px;background-color:#1d96b2;border:1px solid #1d96b2;border-collapse:collapse;font-size:16px;font-weight:500;text-align:center;color:#fff}.PanelMain .main thead th.mini{min-height:30px;line-height:20px;font-size:var(--font-size)}.PanelMain .main thead .zmdi{margin:auto;color:#fff}.PanelMain .main tbody td{min-height:40px;line-height:25px;margin:0;padding:5px;background-color:transparent;border:1px solid rgba(33,33,33,.1);border-collapse:collapse;font-size:var(--font-size);color:#212121;vertical-align:top}.PanelMain .main tbody td img{max-width:80px;max-height:40px}.PanelMain .main tbody td p{max-height:80px;margin:0;padding:0;overflow:hidden}.PanelMain .main tbody td.center{text-align:center}.PanelMain .main tbody td.right{text-align:right}.PanelMain .main tbody td.property{background-color:#1d96b2;color:#fff}.PanelMain .main tbody tr:nth-child(even){background-color:#f0f4f5}.PanelMain .main tbody tr:hover{background-color:#ccdadd}.PanelMain .main tbody tr.highlight *{color:#ccc!important}.PanelMain .main tfoot td{min-height:40px;line-height:25px;margin:0;padding:5px;background-color:transparent;border:1px solid rgba(33,33,33,.1);border-collapse:collapse;font-size:var(--font-size);color:#212121;vertical-align:top}.PanelMain .main tfoot td.page{background-color:#fff!important;border:0;padding-top:10px}.PanelMain .main tfoot td.page div{display:inline-block;vertical-align:top}.PanelMain .main tfoot td.page span{float:right;display:inline-block;vertical-align:top}.PanelMain .main tfoot td.page a{min-width:30px;height:30px;line-height:30px;margin:0 2px;padding:0;border-radius:3px;text-align:center;font-size:16px;text-decoration:none;display:inline-block;vertical-align:top}.PanelMain .main tfoot td.page a.selected,.PanelMain .main tbody td.page a:hover{background-color:#23b7dc;color:#fff}.PanelMain .main tfoot td.page a:hover{background-color:#1d96b2;color:#fff}.PanelMain .main table.red thead th{background-color:#f00;border-color:#f00}.PanelMain .main tbody td .status{width:calc(100% - 10px);margin:0 auto 8px;padding:5px;border-radius:8px;line-height:1.5;background-color:#eee;font-size:11px;text-align:center;display:block;position:relative}.PanelMain .main tbody td .status *{text-decoration:unset!important}.PanelMain .main tbody td .status ul{width:200px;margin:0;padding:0;border:1px solid #aaa;background-color:#fff;color:#000;text-align:left;left:-200px;top:0;position:absolute;z-index:10;display:none;list-style:none;box-shadow:0 0 8px rgba(0,0,0,.6)}.PanelMain .main tbody td .status:hover ul{display:block}.PanelMain .main tbody td .status ul li{height:30px;line-height:30px;border-bottom:1px solid #ccc;padding:0 8px;font-size:var(--font-size)}.PanelMain .main tbody td .status ul li:last-child{border-bottom:0}.PanelMain .main tbody td .status ul li:hover{background-color:#ccdadd}.PanelMain .main tbody td .status ul li label{margin-right:5px;margin-top:2px;border-radius:50%;background-color:#eee;width:25px;height:25px;line-height:25px;display:inline-block;vertical-align:top;font-size:11px;font-weight:bold;text-align:center;display:inline-flex;justify-content:center;align-items:center}.PanelMain .main tbody td .status.statuspack,.PanelMain .main tbody td .status ul li.statuspack label,.PanelMain .main tbody td .status.statusrestore,.PanelMain .main tbody td .status ul li.statusrestore label,.PanelMain .main tbody td .status.statuspackbegin,.PanelMain .main tbody td .status ul li.statuspackbegin label{background-color:#ff0;color:#000}.PanelMain .main tbody td .status.statuspackend,.PanelMain .main tbody td .status ul li.statuspackend label,.PanelMain .main tbody td .status.statuspackcomplete,.PanelMain .main tbody td .status ul li.statuspackcomplete label{background-color:#1d96b2;color:#fff}.PanelMain .main tbody td .status.statusverify,.PanelMain .main tbody td .status ul li.statusverify label{background-color:#0097fb;color:#fff}.PanelMain .main tbody td .status.statusship,.PanelMain .main tbody td .status ul li.statusship label,.PanelMain .main tbody td .status.statusshipbegin,.PanelMain .main tbody td .status ul li.statusshipbegin label,.PanelMain .main tbody td .status.statusshiparrived,.PanelMain .main tbody td .status ul li.statusshiparrived label{background-color:#008000;color:#fff}.PanelMain .main tbody td .status.statuspackdelay,.PanelMain .main tbody td .status ul li.statuspackdelay label,.PanelMain .main tbody td .status.statusshipdelay,.PanelMain .main tbody td .status ul li.statusshipdelay label,.PanelMain .main tbody td .status.statusshipfail,.PanelMain .main tbody td .status ul li.statusshipfail label .PanelMain .main tbody td .status.statuscancel,.PanelMain .main tbody td .status ul li.statuscancel label{background-color:#f00;color:#fff}.PanelMain .main tbody td .status.statusshipend,.PanelMain .main tbody td .status ul li.statusshipend label,.PanelMain .main tbody td .status.statuscomplete,.PanelMain .main tbody td .status ul li.statuscomplete label{background-color:transparent;color:#008000;border:1px solid #008000}.PanelMain .main tbody td .status ul li.statusdelete label{background-color:#000;color:#fff}.PanelMain .main tbody td .status.statusselect{border:0;background-color:transparent}.PanelMain .main tbody td .status.statuscomplete{border:0}.PanelMain .main tbody td .status ul li label i{color:#fff!important;font-size:var(--font-size)}.PanelMain .main tbody td .status ul li.statuspack label i,.PanelMain .main tbody td .status ul li.statusrestore label i,.PanelMain .main tbody td .status ul li.statuspackbegin label i{color:#000!important}.PanelMain .controlgroup{display:inline-block;vertical-align:top}.PanelMain .statuscontent{margin:0 0 5px 0;padding:5px 10px;line-height:20px;border-radius:10px;font-size:var(--font-size);background-color:#ff0;color:#212121;float:right}.PanelMain .stepsstatus{margin:40px 10px;border-left:1px solid #1b89a5}.PanelMain .stepsstatus div{min-height:60px;font-size:16px;font-weight:400;color:#470000;position:relative}.PanelMain .stepsstatus label{line-height:1.5;padding:10px 0;text-indent:15px;border-bottom:1px solid #1b89a5;display:block;position:relative}.PanelMain .stepsstatus span{line-height:30px;color:#470000;font-weight:400;font-size:var(--font-size);position:absolute;top:-30px;right:0}.PanelMain .stepsstatus button{width:20px;height:20px;padding:0;background-color:#fff;border:1px solid #1b89a5;border-radius:50%;position:absolute;bottom:-10px;left:-10px;display:block;z-index:99;outline:0}.PanelMain .stepsstatus button.click{cursor:pointer}.PanelMain .stepsstatus p{margin:3px 0 0 15px;padding:3px 0;font-size:12px;display:block;overflow:hidden}.PanelMain .stepsstatus a{color:#008000;margin-left:15px;line-height:30px}.PanelMain .stepsstatus p>a{font-size:var(--font-size);float:right}.PanelMain .stepsstatus .complete label{font-weight:600!important}.PanelMain .stepsstatus .complete>label>button{background-color:#1d96b2!important}.PanelMain .stepsstatus .prepare>label>button{background-color:#ff0}.PanelMain .stepsstatus .fail label{font-weight:600;color:#f00}.PanelMain .stepsstatus .fail>label>button{background-color:#f00}.PanelMain .stepsstatus.column{display:flex;justify-content:space-between;border:0}.PanelMain .stepsstatus.column>div{flex-grow:1;border-left:1px solid #1b89a5}.PanelMain .ms-choice{height:35px;line-height:35px}.PanelMain .ms-choice>span{line-height:35px}.PanelPrint{width:100%;background-color:#eee;font-family:Arial}.paid{max-width:120px;padding:8px;border:1px solid #f00;display:block;color:#f00;line-height:1.2;font-size:9px;text-align:center}.paid label{text-transform:uppercase;color:#f00;border-bottom:1px solid #f00;padding:0 5px 5px;display:block}.paid span{line-height:2}.book{display:flex;align-items:center}.book input[type="text"]{width:calc(100% - 40px);text-align:right;margin:0!important;border-left:0!important;border-right:0!important}.minus,.plus{width:20px;height:35px;line-height:35px;border:1px solid #ddd;color:#999;font-size:16px;font-weight:bold;cursor:pointer;user-select:none;display:inline-flex;justify-content:center;align-items:center}.minus:hover,.plus:hover{background-color:#f4f4f4}.PanelFooter{height:40px;line-height:40px;margin:0 15px 15px;font-size:12px;color:#878787;text-align:center}.error404{margin:130px auto 15px;position:relative;width:420px}.error404 .title{width:100%;margin:30px auto 0;font-size:18px;font-weight:500;line-height:1.39;text-align:center;color:#2c2c2c}.error404 img{max-width:200px;margin:50px auto;display:block}.error404 .title2{width:100%;font-size:17px;line-height:1.47;color:#2c2c2c;text-align:center}ul.tagit{padding:3px 5px!important;margin:5px 0 0;width:calc(100% - 170px);font-family:Roboto;display:inline-block;font-size:12px;border:1px solid #ccc;border-radius:0}ul.tagit input[type="text"]{border:0!important;margin:0!important;padding:0!important;width:inherit;background-color:inherit;outline:0;height:20px!important;line-height:20px!important}ul.tagit li.tagit-new{padding:0 5px 0 0}.cke_editable h1,.cke_editable h2{font-size:18px;font-weight:bold;line-height:2.5}.cke_editable h3{font-size:16px;font-weight:bold;line-height:2}.cke_editable h4,.cke_editable p{line-height:1.5;font-size:15px;color:#262626}.select2-container{height:35px!important;line-height:35px!important;font-size:var(--font-size)!important;margin:0!important}.select2-dropdown{margin-top:-2px!important}.select2-selection{height:35px!important;line-height:35px!important;border-radius:0!important}.select2-selection__rendered{height:35px!important;line-height:35px!important}.select2-selection__arrow{top:3px!important}.select2-results li{line-height:25px!important}body>.select2-container{z-index:10002}.infowindow{margin:0}.infowindow div{height:25px;line-height:25px}.infowindow label{width:80px;height:25px;line-height:25px;font-size:12px;display:inline-block;vertical-align:top}.infowindow span{height:25px;line-height:25px;font-size:12px;display:inline-block;vertical-align:top}.mapdesc{line-height:30px;font-size:var(--font-size);color:#000;position:absolute;bottom:50px;left:20px;background-color:#fff;padding:10px;opacity:.9}.mapdesc label{width:120px;height:25px;line-height:25px;font-size:12px;font-weight:bold;display:inline-block;vertical-align:top}.mapdesc span{height:25px;line-height:25px;font-size:var(--font-size);display:inline-block;vertical-align:top}.HotelDiagram{min-height:calc(100% - 50px);margin-bottom:50px;position:relative}.HotelDiagram .row{margin:10px 0;position:relative}.HotelDiagram .roomgroup{width:30px;height:100%;background-color:#28343a;position:absolute;top:0;left:0;overflow:hidden}.HotelDiagram .roomgroup div{width:100px;height:20px;line-height:20px;color:#fff;font-size:14px;text-transform:uppercase;text-align:center;position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}.HotelDiagram .room{width:100%;height:100%;padding:0 0 0 40px}.HotelDiagram .item{width:220px;height:100px;border-radius:5px;margin:5px 10px;font-size:13px;background-position:top center;background-repeat:no-repeat;background-size:cover;position:relative;display:inline-block;vertical-align:top;cursor:pointer;box-shadow:0 0 3px #000;opacity:1;transition:all .3s linear}.HotelDiagram .item:hover{opacity:.85}.HotelDiagram .item.empty{background-image:url(images/roomgray.jpg)}.HotelDiagram .item.booking{background-image:url(images/roomblue.jpg)}.HotelDiagram .item.checkin{background-image:url(images/roomgreen.jpg)}.HotelDiagram .item.checkout{background-image:url(images/roomred.jpg)}.HotelDiagram .item.repair{background-image:url(images/roomblack.jpg)}.HotelDiagram .item>.typename{width:100%;height:25px;padding:0 5px;line-height:25px;color:#fff;position:absolute;top:0;left:0}.HotelDiagram .item>.typename.new{color:#ff0}.HotelDiagram .item>.typename div.note{width:18px;height:18px;margin-top:2px;margin-right:5px;background-position:center;background-repeat:no-repeat;background-size:contain;display:inline;float:left;cursor:pointer;opacity:1;position:relative;background-image:url(/images/info.png)}.HotelDiagram .item>.typename div.note:hover{opacity:.8}.HotelDiagram .item>.typeprice{width:50%;height:25px;line-height:25px;color:#fff;text-align:right;position:absolute;top:0;right:5px}.HotelDiagram .item>.typeprice label{min-width:20px;width:auto;height:20px;line-height:20px;font-size:12px;color:#fff;text-indent:20px;display:inline;float:right;background-position:left top;background-repeat:no-repeat;background-size:20px}.HotelDiagram .item>.typeprice label.ok{background-image:url(/images/ok.png)}.HotelDiagram .item>.typeprice img{width:18px;height:18px;margin-top:2px;margin-right:5px;display:inline;float:right}.HotelDiagram .item>.date{width:100%;height:25px;background-color:#fff;position:absolute;bottom:0;left:0;opacity:.4}.HotelDiagram .item>.info{width:50%;height:20px;line-height:20px;padding:0 5px;color:#fff;font-size:smaller;position:absolute;bottom:5px;left:0}.HotelDiagram .item>.info div{width:18px;height:18px;margin-top:2px;margin-right:3px;background-position:center;background-repeat:no-repeat;background-size:contain;display:inline;float:left;cursor:pointer;opacity:.7;position:relative}.HotelDiagram .item>.info>div:hover,.HotelDiagram .item>.info>div.active{opacity:1}.HotelDiagram .item>.info>div>span{left:100%;bottom:-5px;position:absolute;color:#fff;font-size:smaller}.HotelDiagram .item>.info>div>div{width:10px;height:10px;left:calc(100% - 5px);bottom:-5px;position:absolute}.HotelDiagram .item>.info div.company{background-image:url(/images/company.png)}.HotelDiagram .item>.info div.change{background-image:url(/images/move.png)}.HotelDiagram .item>.info div.split{background-image:url(/images/split.png)}.HotelDiagram .item>.info div.group{background-image:url(/images/group.png);border-radius:50%;background-color:#fff}.HotelDiagram .item>.dateto{width:50%;height:20px;line-height:20px;padding:0 5px;color:#fff;text-align:right;position:absolute;bottom:0;right:0}.HotelDiagram .item>.broom{width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);background:url(/images/broom.png) no-repeat transparent;background-size:50px}.HotelDiagram .item>.pack{width:calc(100% - 60px);height:calc(100% - 50px);position:absolute;top:25px;left:25px;color:#ff0;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1}.HotelDiagram .item>.power{width:40px;height:calc(100% - 50px);line-height:20px;color:#f0f0f0;font-size:11px;text-align:center;position:absolute;top:30px;right:0;z-index:2;overflow:hidden}.HotelDiagram .item>.power img{max-width:30px;max-height:30px;display:block;margin:auto}.HotelDiagram .item>i.fa-angle-down{width:16px;height:16px;top:0;right:0;font-size:14px;color:#fff;text-align:center;position:absolute;cursor:pointer}.HotelDiagram .item>i.fa-angle-down:hover{color:#000}.HotelDiagram .begin,.HotelDiagram .end{width:50%!important;float:left!important}.HotelDiagram td{font-size:12px}.HotelDiagram td.now{background-color:#eee!important}.HotelDiagram td span{height:20px;line-height:20px;margin-top:5px}.HotelDiagram span.status{width:100%;color:#fff;text-align:left!important;text-indent:2px;font-size:12px;font-weight:normal;background-repeat:repeat-x;background-position:top left;background-size:20px 20px;display:inline-block!important;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.HotelDiagram span.status.center{text-align:center!important;text-indent:0}.HotelDiagram span.empty{background-image:url(images/empty.jpg)}.HotelDiagram span.booking{background-image:url(images/booking.jpg)}.HotelDiagram span.booking.end{background-image:url(images/bookingend.png);background-repeat:no-repeat;background-size:100% 20px}.HotelDiagram span.checkin{background-image:url(images/checkin.jpg);float:right!important}.HotelDiagram span.checkin.end{background-image:url(images/checkinend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.HotelDiagram span.checkout{background-image:url(images/checkout.jpg);float:right!important}.HotelDiagram span.checkout.end{background-image:url(images/checkoutend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.HotelDiagram span.checkouted{background-image:url(images/empty.jpg);float:right!important}.HotelDiagram span.checkouted.end{background-image:url(images/emptyend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.HotelDiagram span.repair{background-image:url(images/repair.jpg)}.HotelDiagram span.repair.end{background-image:url(images/repairend.png);background-repeat:no-repeat;background-size:100% 20px}.HotelDiagramStat fieldset{border:1px solid #ccc;margin-top:5px}.HotelDiagramStat fieldset>input[type="text"],.HotelDiagramStat fieldset>select{width:100%;display:inline-block}.HotelDiagramStat fieldset>textarea{width:100%;height:100px}.HotelDiagramStat legend{font-size:14px}.HotelDiagramStat button{float:right}.DiagramMenu{width:220px;margin:0;padding:0;border-radius:5px;z-index:999;display:none}.DiagramMenu>label{width:80px;height:20px;line-height:20px;color:#aaa;font-size:14px;font-weight:500;text-transform:uppercase;text-align:center;transform:rotate(90deg);transform-origin:bottom right;position:absolute;top:50px;right:20px;z-index:2}.DiagramMenu a.close{width:30px;height:30px;border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center;background-color:#fff;position:absolute;top:-15px;right:-15px;z-index:10}.DiagramMenu a.close i{font-size:20px;color:#212121}.DiagramMenu>ul{width:220px;margin:0;padding:0;border-radius:5px;background-color:#354650;list-style:none;opacity:.98;display:block}.DiagramMenu li{height:35px;line-height:35px;border-radius:5px;background-color:#354650;color:#fff;position:relative}.DiagramMenu li a{height:35px;color:#fff;display:block;font-size:14px;transition:all .3s linear;border-radius:5px;overflow:hidden;cursor:pointer}.DiagramMenu li:hover>a{background-color:#2a637f}.DiagramMenu li img{width:20px;height:20px;display:inline-block;margin:8px;vertical-align:top}.DiagramMenu li i{width:20px;height:35px;line-height:35px;color:#fff;font-size:14px;text-align:center;float:right}.DiagramMenu>ul>li>ul{width:220px;margin:0;padding:0;display:none;position:absolute;top:0;left:218px;z-index:999;background-color:#354650;list-style:none}.DiagramMenu>ul>li>ul.toleft{left:unset;right:0}.DiagramMenu>ul>li>ul.tobottom{top:unset;bottom:0}.DiagramMenu>ul>li:hover>ul{display:block!important}.DiagramMenu.noradius li{border-radius:0!important}.DiagramMenu.toleft ul{left:-220px}.IoTDiagram{min-height:calc(100% - 100px);margin-bottom:50px;position:relative}.IoTDiagram .row{min-height:130px;position:relative}.IoTDiagram .roomgroup{width:30px;height:calc(100% - 2px);border-top:1px solid #35464f;border-bottom:1px solid #181d20;background-color:#28343a;position:absolute;top:0;left:0;overflow:hidden}.IoTDiagram .roomgroup div{width:140px;height:20px;line-height:20px;color:#fff;font-size:14px;text-transform:uppercase;text-align:center;transform:rotate(-90deg);transform-origin:top left;position:absolute;top:140px;left:5px}.IoTDiagram .room{width:calc(100% - 35px);height:calc(100% - 10px);min-height:70px;padding:5px 5px 5px 30px}.IoTDiagram .item{width:220px;height:120px;margin:5px;background:url('images/Switch.jpg') no-repeat top left;display:inline-block;vertical-align:top;background-size:100% 100%;position:relative}.IoTDiagram .item .ID{position:absolute;top:10px;left:15px;font-size:12px;color:#ccc}.IoTDiagram .item .IP{position:absolute;top:10px;right:15px;font-size:12px;color:#ccc}.IoTDiagram .item .Protocol{position:absolute;top:10px;right:15px;font-size:12px;color:#888}.IoTDiagram .item .Protocol i{margin-left:10px;font-size:14px;color:#555}[data-websocket="connecting"].IoTDiagram .item .Protocol i.fa-home,[data-mqtt="connecting"].IoTDiagram .item .Protocol i.fa-internet-explorer{animation:flash 1s linear infinite;color:#ff0}[data-websocket="closed"].IoTDiagram .item .Protocol i.fa-home,[data-mqtt="closed"].IoTDiagram .item .Protocol i.fa-internet-explorer{color:#555}[data-websocket="connected"].IoTDiagram .item .Protocol i.fa-home,[data-mqtt="connected"].IoTDiagram .item .Protocol i.fa-internet-explorer{color:#fff}.IoTDiagram .item .name{width:50px;height:25px;margin:0;padding:0;border:0;background-color:transparent;color:#888;font-size:11px;text-align:center;position:absolute;top:calc(50% + 30px);left:65px}.IoTDiagram .item .name:focus{background-color:#fff;color:#000}.IoTDiagram .item .name0{width:calc(100% - 10px);height:auto;padding:0 5px;text-align:left;display:block;position:initial}.IoTDiagram .item .saving i{animation:flash 1s linear infinite;color:#ff0}.IoTDiagram .item .setup{position:absolute;bottom:10px;left:15px}.IoTDiagram .item .setup i{margin-right:10px;font-size:14px;color:#aaa;cursor:pointer}.IoTDiagram .item .setup i:hover{color:#8dc63f}.IoTDiagram .item .information{width:calc(100% - 80px);font-size:11px;color:#ccc;position:absolute;top:25px;left:70px}.IoTDiagram .item .information p{height:14px;margin:2px 0;padding:0}.IoTDiagram .item .information label{font-size:11px;display:inline-block}.IoTDiagram .item .information span{font-size:11px;display:inline-block}.IoTDiagram .item.hotel .button{width:60px;height:60px;background:url('/images/IoTOff.png') no-repeat top left;background-size:contain;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}.IoTDiagram .item.hotel [data-status="on"].button{background-image:url('/images/IoTOn.png')}.IoTDiagram .item.hotel [data-status="off"].button{background-image:url('/images/IoTOff.png')}[data-websocket="closed"][data-mqtt="closed"].IoTDiagram .item.hotel [data-status="on"].button{background-image:url('/images/IoTOnError.png')}[data-websocket="closed"][data-mqtt="closed"].IoTDiagram .item.hotel [data-status="off"].button{background-image:url('/images/IoTOffError.png')}.IoTDiagram .item.gps .button{width:80px;height:80px;background:url('/images/shipper.png') no-repeat top center!important;background-size:contain;position:absolute;top:calc(50% - 40px);left:5px}.IoTDiagram .item.switch1 .button{width:50px;height:50px;background:url('images/Button.png') no-repeat top left;background-size:contain;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.IoTDiagram .item.switch1 [data-status="on"].button{background-image:url('images/ButtonOn.png')}.IoTDiagram .item.switch1 [data-status="off"].button{background-image:url('images/ButtonOff.png')}.IoTDiagram .item.switch1 .button1{left:calc(50% - 30px)!important}.IoTDiagram .item.switch1 .name1{left:calc(50% - 30px)!important}.IoTDiagram .item.switch2 .button{width:50px;height:50px;background:url('images/Button.png') no-repeat top left;background-size:contain;position:absolute;top:calc(50% - 25px);left:65px}.IoTDiagram .item.switch2 [data-status="on"].button{background-image:url('images/ButtonOn.png')}.IoTDiagram .item.switch2 [data-status="off"].button{background-image:url('images/ButtonOff.png')}.IoTDiagram .item.switch2 .button1{left:calc(33% - 30px)!important}.IoTDiagram .item.switch2 .button2{left:calc(66% - 30px)!important}.IoTDiagram .item.switch2 .name1{left:calc(33% - 30px)!important}.IoTDiagram .item.switch2 .name2{left:calc(66% - 30px)!important}.IoTDiagram .item.switch3 .button{width:50px;height:50px;background:url('images/Button.png') no-repeat top left;background-size:contain;position:absolute;top:calc(50% - 25px);left:65px}.IoTDiagram .item.switch3 [data-status="on"].button{background-image:url('images/ButtonOn.png')}.IoTDiagram .item.switch3 [data-status="off"].button{background-image:url('images/ButtonOff.png')}.IoTDiagram .item.switch3 .button1{left:calc(50% - 85px)!important}.IoTDiagram .item.switch3 .button2{left:calc(50% - 25px)!important}.IoTDiagram .item.switch3 .button3{left:calc(50% + 35px)!important}.IoTDiagram .item.switch3 .name1{left:calc(50% - 85px)!important}.IoTDiagram .item.switch3 .name2{left:calc(50% - 25px)!important}.IoTDiagram .item.switch3 .name3{left:calc(50% + 35px)!important}.IoTDiagram .begin,.IoTDiagram .end{width:50%!important;float:left!important}.IoTDiagram td{font-size:12px}.IoTDiagram td.now{background-color:#eee!important}.IoTDiagram td span{height:20px;line-height:20px;margin-top:5px}.IoTDiagram span.status{width:100%;color:#fff;text-align:left!important;text-indent:2px;font-size:12px;font-weight:normal;background-repeat:repeat-x;background-position:top left;background-size:20px 20px;display:inline-block!important;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.IoTDiagram span.status.center{text-align:center!important;text-indent:0}.IoTDiagram span.empty{background-image:url(images/empty.jpg)}.IoTDiagram span.booking{background-image:url(images/booking.jpg)}.IoTDiagram span.booking.end{background-image:url(images/bookingend.png);background-repeat:no-repeat;background-size:100% 20px}.IoTDiagram span.checkin{background-image:url(images/checkin.jpg);float:right!important}.IoTDiagram span.checkin.end{background-image:url(images/checkinend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.IoTDiagram span.checkout{background-image:url(images/checkout.jpg);float:right!important}.IoTDiagram span.checkout.end{background-image:url(images/checkoutend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.IoTDiagram span.checkouted{background-image:url(images/empty.jpg);float:right!important}.IoTDiagram span.checkouted.end{background-image:url(images/emptyend.png);background-repeat:no-repeat;background-size:100% 20px;float:left!important}.IoTDiagram span.repair{background-image:url(images/repair.jpg)}.IoTDiagram span.repair.end{background-image:url(images/repairend.png);background-repeat:no-repeat;background-size:100% 20px}.IoTDiagram .item.s100 *{font-size:9px!important}.IoTDiagram .item.s100 .broom{width:30px;height:30px;background-size:30px;top:20px}.IoTDiagram .item.s100 .info{height:15px}.IoTDiagram .item.s100 .info>div{height:12px}.IoTDiagram .item.s100>.control>.power,.IoTDiagram .item.s100>.control>.camera{width:12px;height:12px;background-size:12px}.IoTDiagram .item.s120 *{font-size:10px!important}.IoTDiagram .item.s120 .broom{width:40px;height:40px;background-size:40px;top:20px}.IoTDiagram .item.s120 .info{height:18px}.IoTDiagram .item.s120 .info>div{height:15px}.IoTDiagram tr{background-color:#fff!important}