*{outline:none;-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;color: black;}
a{text-decoration:none;color: inherit;}
iframe{max-width:100%}
.container{width:calc(100% - 20px);padding:0;margin:0 10px;display:inline-block}
.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}
button.right{float:right !important}
img{max-width:100%}
input.error,select.error{background-image:url(/images/fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important;border-color:red !important}

.PanelLogin{width:100%;height:100%;background-color:#f0f4f5;position:absolute;display:flex;justify-content:center}
.PanelLogin .main{width:300px;min-height:220px;margin:auto;padding: 20px;background-color:white;border: 1px solid rgba(33, 33, 33, 0.1);border-radius: 8px;box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.PanelLogin h1{height:30px;line-height:30px;margin: 0;padding: 0;font-size:18px;font-weight:bold;color:black;background-color:transparent}
.PanelLogin input[type="text"],.PanelLogin input[type="password"]{width: calc(100%);height: 35px;line-height: 35px;margin: 15px auto 0 !important;padding:5px !important;border:1px solid #cacaca;text-align:left;font-size:13px;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:white;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:white}
.PanelLogin a.disabled{background-color:#ccc !important;cursor:default}
.PanelLogin p{margin:18px;line-height:25px;max-height:80px;font-size:var(--font-size);color:red;display:none;overflow:hidden}
.PanelHeader{width:100%;height: 50px;background-color: #354650;color: white;box-shadow: 0 0 5px 0 rgb(1 3 4 / 19%);position:fixed;top:0;left:0;z-index:10000;}
.PanelHeader .logo{}
.PanelHeader .logo a{text-decoration:none}
.PanelHeader .logo .image{max-width: 50px;height: 50px;display:inline-flex;justify-content:left;align-items:center;position: absolute;top: 0;left: 5px;}
.PanelHeader .logo .image img{max-width: 50px;max-height: 45px;margin:auto;display:block}
.PanelHeader .logo .name{max-width: calc(100% - 120px);height: 50px;line-height: 50px;margin: 0 60px;color: white;font-size: 20px;font-weight:bold;text-transform:uppercase;text-align: center;}
.PanelHeader .logo i.fa-bars{font-size:24px;color: white;position:absolute;top: 12px;right: 10px;}
.PanelHeaderSep{width:100%;height: 58px;}
.PanelMenu{width:100vw;height:100%;margin:0;padding:0;position:fixed;top:0;left:100vw;transition: all 0.3s linear;background-color: #354650;color: white;z-index:10001}
.PanelMenu.active{left:0}
.PanelMenu .logo{width: 100%;height:55px;margin:0;padding:0 10px;font-size:18px;font-weight:bold;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.PanelMenu .logo img{max-width:80px;max-height:35px;margin-right: 10px;}
.PanelMenu i.fa-times{font-size:24px;color: white;position: absolute;top: 15px;right: 15px;}
.PanelMenu ul{margin:0;padding:0;}
.PanelMenu > ul{height:calc(100% - 75px);overflow-y:auto}
.PanelMenu li{}
.PanelMenu li a{line-height:30px;padding: 5px 10px;font-size: 16px;color: white;display:block;font-weight: bold;border-bottom: 1px solid #ccc;}
.PanelMenu li:last-child a{border-bottom:0}
.PanelMenu li img{width:25px;max-height:25px;margin-right:8px;display:inline-block;vertical-align:sub}
.PanelMenu li i{height:30px;line-height:30px;margin-right:8px}
.PanelMenu li i.zmdi-chevron-right{float:right;}
.PanelMenu li > ul{display:none}
.PanelMenu li.active > ul{display:block}
.PanelMenu li > ul > li > a{text-indent:15px;font-weight:500}
.PanelMenu li > ul > li > ul > li > a{text-indent:30px;font-weight:400}
.PanelNotify{width:100px;height:100%;margin:0;padding:0 15px;z-index:10001;display:none}
.PanelNotify li{position:relative}
.PanelNotify li:hover > ul{display:block}
.PanelNotify > li{margin:0;padding:0;min-height:66px;color:#878787;list-style:none;position:relative;display:inline-block;vertical-align:top}
.PanelNotify > li ul{margin:0;padding:0;display:none}
.PanelNotify > li a{text-decoration:none;font-size:var(--font-size);display:block;position:relative}
.PanelNotify > li i{padding:20px 10px 0;font-size:24px;color:#878787;transition:0.3s ease}
.PanelNotify > li i:hover{color:black}
.PanelNotify > li i.zmdi-account{padding:20px 5px 0 0}
.PanelNotify > li label{font-size:16px;line-height:25px;display:block;text-align:center}
.PanelNotify > li .badge{width:16px;height:16px;line-height:16px;font-size:10px;text-align:center;background-color:#b10058;border-radius:50%;color:white;position:absolute;top:10px;right:5px}
.PanelNotify > li img{width:40px;height:40px;border-radius:50%;margin:10px auto 0;display:block}
.PanelNotify > li .name{height:40px;line-height:40px;margin:10px 0 0;color:#101C2C;font-size:16px;font-weight:bold;text-transform:capitalize;display:inline-block;vertical-align:top}
.PanelNotify > li ul{min-width:200px;margin:0;padding:0;display:none;position:absolute;top:50px;right:0;background-color:white;border-radius:2px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.175)}
.PanelNotify > li ul li{min-height:35px;line-height:35px;margin:0;padding:0 10px;list-style:none;color:black}
.PanelNotify > li ul li:hover{background-color:#F4F4F4}
.PanelNotify > li ul li img{width:22px;height:22px;margin-right:3px;border-radius:unset;display:inline-block;vertical-align:text-bottom}
.PanelNotify > li ul li i{padding:10px !important;font-size:18px}
.PanelNotify > li ul li label{font-size:16px;display:inline-block;vertical-align:text-bottom}
.PanelNotify > li ul li a i.zmdi-chevron-right{position:absolute;top:2px;right:-10px}
.PanelNotify > li ul li.divider{min-height:unset;height:1px;margin:4px 0;background-color:rgba(33, 33, 33, 0.1);overflow:hidden}
.PanelNotify .notify{width:400px;height:0;transition:all 0.5s;opacity:0.9;overflow:hidden;display:block !important}
.PanelNotify li:hover .notify,.PanelNotify .notify.active{height:300px;overflow-y:auto}
.PanelNotify .notify li{padding:0;position:relative;overflow:hidden}
.PanelNotify .notify .header{width:100%;height:40px;line-height:40px;padding:0;text-indent:15px;color:#101C2C;border-bottom:1px solid rgba(33, 33, 33, 0.1);font-weight:500;font-size:16px}
.PanelNotify .notify .header:hover{background-color:white}
.PanelNotify .notify .header span{float:right;margin-right:10px;color:#878787}
.PanelNotify .notify .header span:hover{color:#101C2C}
.PanelNotify .notify .item .close{width:25px;height:25px;position:absolute;top:2px;right:5px;z-index:2;text-align:center;transition:all 0.3s}
.PanelNotify .notify .item .close:hover{background-color:#ccc;border-radius:50%}
.PanelNotify .notify .item .close i{margin:0;padding:0 !important;color:#878787;font-size:22px;position:initial}
.PanelNotify .notify .item .close i:hover{color:#101C2C}
.PanelNotify .notify .item{width:calc(100% - 30px);padding:0 15px;border-bottom:1px solid rgba(33, 33, 33, 0.1);display:inline-block}
.PanelNotify .notify .item.empty{height:50px;line-height:50px;padding:50px 15px;text-align:center;color:#878787;border:0 !important;background-color:white !important}
.PanelNotify .notify .item .image{width:40px;height:40px;margin:10px 0;display:inline-block;vertical-align:top}
.PanelNotify .notify .item .image img{max-width:40px;max-height:40px;width:auto;height:auto;margin:0 auto;padding:0}
.PanelNotify .notify .item .content{width:calc(100% - 64px);margin:0 10px;display:inline-block;vertical-align:top}
.PanelNotify .notify .item .content div{line-height:30px;font-size:var(--font-size);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.PanelNotify .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}
.PanelNotify .notify .footer{height:40px;line-height:40px;padding:0 15px;color:#101C2C;display:flex;justify-content:center}
.PanelNotify .notify .footer:hover{background-color:white}
.PanelNotify ul.sub{right:100%;top:0;min-width:220px}
.PanelNotify ul.sub.bottom{top:unset;bottom:0}
.PanelNotify ul.sub .image{width:25px;height:25px;margin:5px;display:inline-block;vertical-align:top}
.PanelNotify ul.sub .image img{max-width:25px;max-height:25px;width:auto;height:auto;margin:0;padding:0;border-radius:0}
.PanelNotify ul.sub .name{max-width:200px;height:35px;line-height:35px;margin:0;color:#101C2C;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}
.PanelHome{padding: 0;}
.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: 10px 0;padding:0;list-style:none;display: flex;flex-wrap: wrap;justify-content: space-between;}
.PanelHome li{width: calc(50% - 20px);margin: 10px;padding: 10px;box-sizing:border-box;text-align:center;color:#101C2C;background-color: white;border-radius: 20px;}
.PanelHome li img{max-width:100%;max-height: 40px;display:block;margin: 10px auto;clear: both;}
.PanelHome li h3{margin:0;padding: 10px 0;font-size: 15px;text-transform:uppercase;text-align:center}
.PanelHome li p{margin:0;padding:0;font-size:var(--font-size);line-height:1.5;text-align:center;text-decoration:none !important}
.PanelFooter{height:40px;line-height:40px;margin:0 15px 50px;font-size:var(--font-size);color:#878787;text-align:center}
.PanelPopup{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;z-index:10001;overflow:hidden;}
.PanelPopup .bg{background-color:black;opacity:0.8;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;z-index:1;overflow:hidden}
.PanelPopup .main{width:90%;height:90%;left:5%;top:5%;position:absolute;margin:0;padding:0 30px;color: #101C2C;box-shadow: 0 0 8px rgba(0,0,0,0.5);border-radius:5px;background-color:white;z-index:2;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;}
.PanelPopup .main .close{right:3px;top:0;position:absolute;margin:0;padding:0;width:42px !important;height:16px;background-image:url(/images/close.png);background-repeat: no-repeat;z-index:3;cursor:pointer;}
.PanelPopup .main h2{height:30px;margin: 20px 0;padding: 0;font-size: 20px;text-align: center;}
.PanelPopup .main p{margin:10px 0;padding:0;line-height:1.2;font-size:var(--font-size);text-align:center;}
.PanelPopup .main div:not(.close){display:flex;justify-content:center;position: absolute;bottom: 0;left: 0;width: 100%;}
.PanelPopup button{margin: 20px auto;padding:0 15px;height:40px;line-height:40px;font-size:16px;border-radius:3px;text-decoration:none;background-color:#101C2C;border:1px solid #101C2C;color:white;transition:all linear .2s;display:block;cursor:pointer}
.PanelPopup button.red{background-color:red;border-color:red;color:white}
.PanelMain{padding:10px;margin-bottom: 100px;}
.PanelMain > h1{font-size:20px;margin:10px 0;padding:0;line-height:1.2;color:#101C2C;text-align:center}
.PanelMain > h1 > select{height:35px;margin:0 5px 0 0;padding:0 5px;border:1px solid #ccc;color:#101C2C;display:block}
.PanelMain h2{font-size:18px;font-weight:500;margin: 10px 0;padding: 10px 0;line-height:1.2;border-bottom:1px solid #ccc;text-align:left}
.PanelMain h3{font-size:16px;font-weight:500;margin:5px 0;padding:5px 0;line-height:1.2;text-align:left}
.PanelMain h2 img{height:20px;margin: 0 10px 0 0;float:left;}
.PanelMain 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:black;float:right;cursor:pointer;transition:all 0.3s linear}
.PanelMain h2 a.button:hover{background-color:#1d96b2;color:white}
.PanelMain h2 a.button i{margin-right:8px;font-size:inherit;color:inherit}
.PanelMain .nav{width:100%;padding:15px 0;}
.PanelMain .nav ul{margin: 0 auto;padding:0;list-style:none;}
.PanelMain .nav li{margin:0 10px;display:inline}
.PanelMain .nav li:first-child{margin-left:0}
.PanelMain .nav li:last-child{color:#62B846}
.PanelMain .main{padding:10px;margin-bottom: 10px;background-color:white;position:relative}
.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:white;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 button i,.PanelMain .main .search a i{margin-right:5px;color:inherit}
.PanelMain .main .search .row > a{margin: 10px 15px;padding:0 15px;height:35px;line-height:35px;font-size:var(--font-size);text-decoration:none;background-color:#1d96b2;border: 0;color:white;display:inline-block;cursor:pointer}
.PanelMain .main .search .row > a:hover{background-color:#23B7DC}
.PanelMain .main .search .row > a img{display:inline;float:left;margin:5px 8px 0 0;}
.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:white}
.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:white}
.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:white}
.PanelMain .main .search .row > a.red:hover{background-color:red;border-color:red}
.PanelMain .main .search .row > a.black{background:none;background-color:#212121;border-color:#212121;color:white}
.PanelMain .main .search .row > a.black:hover{background-color:#555;border-color:#555}
.PanelMain .main .search ul.menu{margin: 10px 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:white;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:white;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 0.3s linear}
.PanelMain .main .search ul.menu > li > ul li:hover{background-color:#eee}
.PanelMain .tabs{width:100%;position:relative;overflow-x:auto;clear:both}
.PanelMain .tabs > ul{margin: 0 1px 5px;padding: 0;list-style:none;border-bottom: 1px solid rgba(33, 33, 33, 0.1);display: flex;align-items: center;white-space: nowrap;overflow-x: auto;}
.PanelMain .tabs > ul > li{margin:0;padding: 10px;line-height: 30px;color:#878787;display:inline-block;transition:all 0.3s linear}
.PanelMain .tabs > ul > li.active{border-bottom:3px solid #1d96b2;color:black}
.PanelMain .tabs > ul > li:hover{color:#212121}
.PanelMain .tabs > ul a{text-decoration:none;font-size:var(--font-size);color: black;}
.PanelMain .tabs > a{margin:0;padding:0 10px;height:32px;line-height:32px;background-color:#1d96b2;border:1px solid #1d96b2;color:white;text-decoration:none;position:absolute;top:15px;right:0}
.PanelMain .tabs > a:hover{background-color:#23B7DC}
.PanelMain input[type="text"],.PanelMain input[type="number"],.PanelMain input[type="password"]{width:100%;height: 30px;line-height: 30px;margin:0;padding:0 10px;border:1px solid #ccc;color:#101C2C;box-sizing:border-box;display: block;}
.PanelMain input[type="text"]:focus,.PanelMain input[type="number"]:focus,.PanelMain input[type="password"]:focus{outline:none;border:1px solid #aaa}
.PanelMain input[type="text"].center,.PanelMain input[type="number"].center{text-align:center}
.PanelMain input[type="checkbox"],.PanelMain input[type="radio"]{margin-top:10px}
.PanelMain textarea{margin:0;padding:10px;border:1px solid #ccc;color:#101C2C;resize:none;box-sizing:border-box}
.PanelMain textarea:focus{outline:none;border:1px solid #aaa}
.PanelMain select{width:100%;height: 30px;margin:0;padding:0;border:1px solid #ccc;color:#101C2C;box-sizing:border-box}
.PanelMain select:focus{outline:none;border:1px solid #aaa}
.PanelMain select[disabled]{color:#888}
.PanelMain a.button i{margin-right:8px;font-size:inherit;color:inherit}
.PanelMain button,.PanelMain a.button{margin:10px auto;padding:0 15px;height:35px;line-height:35px;text-decoration:none;background-color:#1d96b2;border: 1px solid #1d96b2;color:white;transition:all linear .2s;display:block;cursor:pointer}
.PanelMain button:hover,.PanelMain .row a.button:hover{background-color:#23B7DC}
.PanelMain button.green,.PanelMain .row a.button.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.PanelMain button.green:hover,.PanelMain .row a.button.green:hover{background-color:#7fb231;border-color:#7fb231}
.PanelMain button.blue,.PanelMain .row a.button.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.PanelMain button.blue:hover,.PanelMain .row a.button.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.PanelMain button.red,.PanelMain .row a.button.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.PanelMain button.red:hover,.PanelMain .row a.button.red:hover{background-color:red;border-color:red}
.PanelMain button.black,.PanelMain .row a.button.black{background:none;background-color:#101C2C;border-color:#101C2C;color:white}
.PanelMain button.black:hover,.PanelMain .row a.button.black:hover{background-color:#555;border-color:#555}
.PanelMain p{line-height:1.5;margin:5px;padding:0;font-size:12px;color:#101C2C}
.PanelMain .row{margin:5px 0 0;position: relative;width: 100%;box-sizing: border-box;}
.PanelMain .row > label,.PanelMain .row > span{height:30px;line-height:30px;margin:0;color:#101C2C;display:inline-block;vertical-align:top;}
.PanelMain .row > textarea{width:100%;min-height:50px}
.PanelMain .row > button,.PanelMain .row > a.button{display:inline-block}
.PanelMain .imageselect{width:100px;height:100px;margin-right:10px;border:1px solid #ccc;box-shadow:0 0 3px rgba(0,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,14px);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 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:white}
.PanelMain .main thead th.mini{min-height:30px;line-height:20px;font-size:var(--font-size);}
.PanelMain .main thead .zmdi{margin:auto;color:white}
.PanelMain .main tbody td{min-height:40px;line-height:25px;margin:0;padding:5px;background-color:transparent;border:1px solid rgba(33, 33, 33, 0.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{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:white}
.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, 0.1);border-collapse:collapse;font-size:var(--font-size);color:#212121;vertical-align:top}
.PanelMain .main tbody td.small,.PanelMain .main tbody td .small{font-size:13px;line-height:1.5}
.PanelMain .main tfoot td.page{background-color:white !important;border:0;padding-top:10px}
.PanelMain .main tfoot td.page div{display: block;}
.PanelMain .main tfoot td.page span{display: block;margin: 10px auto;text-align: center;}
.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:white}
.PanelMain .main tfoot td.page a:hover{background-color:#1d96b2;color:white}
.PanelMain .main tfoot td.page select{max-width:80px;margin:0 0 0 10px}
.PanelMain .main table.red thead th{background-color:red;border-color:red}
.PanelMain .main tbody td i.zmdi{font-size: 22px;color:#878787;line-height: 30px;}
.PanelMain .main tbody td .status{width:calc(100% - 10px);margin: 0 5px 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:white;color:black;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,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:yellow;color:black}
.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:white}
.PanelMain .main tbody td .status.statusverify,.PanelMain .main tbody td .status ul li.statusverify label{background-color:#0097FB;color:white}
.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:green;color:white}
.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:red;color:white}
.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:green;border:1px solid green}
.PanelMain .main tbody td .status ul li.statusdelete label{background-color:black;color:white}
.PanelMain .main tbody td .status.statusselect{border:0;background-color:transparent}
.PanelMain .main tbody td .status.statuscomplete{}
.PanelMain .main tbody td .status ul li label i{color:white !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:black !important}
.PanelMain .controlgroup{display:flex;justify-content:center;align-items:center}
.PanelMain .statuscontent{margin:0 0 5px 0;padding:5px 10px;line-height:20px;border-radius:10px;font-size:var(--font-size);background-color:yellow;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 div:last-child{height:0}
.PanelMain .stepsstatus div.level2{text-indent:30px}
.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:white;border:1px solid #1B89A5;border-radius:50%;position:absolute;bottom: -20px;left: -10px;display:block;z-index:99;outline:none}
.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:green;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:yellow}
.PanelMain .stepsstatus .fail label{font-weight:600;color:red}
.PanelMain .stepsstatus .fail > label > button{background-color:red}
.PanelMain .ms-choice{height:35px;line-height:35px}
.PanelMain .ms-choice>span{line-height:35px}
.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}
.osSelect-container{width:100% !important}
body > .select2-container{z-index:10002}
input[type="text"]+.scanner{font-size: 20px;position:relative;margin-left:-35px !important;display:inline !important;vertical-align:middle}
.book{display:flex;align-items:center}
.book input[type="text"]{width: calc(100% - 60px);text-align: right;margin: 0 !important;border-left: 0 !important;border-right: 0 !important;}
.minus,.plus{width: 30px;height:30px;line-height:30px;border:1px solid #ddd;color:#999999;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;}
.error404{width:100%;height:100%;padding:50px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.error404 .title{font-size:18px;font-weight:500;line-height:1.4;text-align:center;color:#2c2c2c;}
.error404 .title2{width:100%;font-size:17px;line-height:1.5;color:#2c2c2c;text-align:center;}
.error404 img{max-width:200px;margin:50px auto;display:block;}

.HotelDiagram{min-height:calc(100% - 50px);margin-bottom:50px;position:relative}
.HotelDiagram .row{position:relative}
.HotelDiagram .roomgroup{border-bottom:1px solid #181D20;padding: 5px 0;margin: 5px 0;}
.HotelDiagram .roomgroup div{font-size: 18px;font-weight: bold;text-transform:uppercase;text-align: left;color: black;}
.HotelDiagram .room{padding: 0;margin: 0;}
.HotelDiagram .item{width: 100%;min-height: 100px;border-radius:5px;margin: 10px 0;font-size: 13px;background-position:top center;background-repeat:no-repeat;background-size:cover;position:relative;cursor:pointer;box-shadow:0px 0px 3px #000;opacity:1;transition:all 0.3s linear}
.HotelDiagram .item:hover{opacity:0.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;line-height:25px;color:white;position:absolute;top:0;left:5px}
.HotelDiagram .item > .typename.new{color:yellow}
.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:0.8}
.HotelDiagram .item > .typeprice{width:50%;height:25px;line-height:25px;color:white;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:white;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:white;position:absolute;bottom:0;left:0;opacity:0.4}
.HotelDiagram .item > .info{width: 50%;height:20px;line-height:20px;padding: 0 5px;color:white;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:0.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:white;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:white}
.HotelDiagram .item > .dateto{width: 50%;height:20px;line-height:20px;padding: 0 5px;color:white;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% - 50px);height: calc(100% - 50px);position:absolute;top: 25px;left:25px;color: yellow;display: flex;justify-content: center;align-items: center;text-align: center;overflow:hidden;z-index:1}
.HotelDiagram .item > .power{width: 50px;height: calc(100% - 50px);line-height: 20px;color: #F0F0F0;font-size: 11px;text-align: center;position:absolute;top: 30px;right: 5px;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:0px;right:0px;font-size:14px;color:white;text-align:center;position:absolute;cursor:pointer}
.HotelDiagram .item > i.fa-angle-down:hover{color:black}
.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:white;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;padding:5px;border-radius: 50%;display:flex;justify-content:center;align-items:center;background-color:white;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:0.98;display:block}
.DiagramMenu li{height:35px;line-height:35px;border-radius:5px;background-color:#354650;color:white;position:relative}
.DiagramMenu li a{height:35px;color:white;display:block;font-size:14px;transition:all 0.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:white;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:white;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:yellow}
[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:white}
.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:white;color:black}
.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:yellow}
.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{}
.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{}
.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{}
.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{}
.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{}
.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:white;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{}
.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{}
.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:white !important}