*{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}
.requesting,.loading{margin:20px auto;text-align:center}
.requesting > img,.loading > img{max-width:50%;max-height:50px;margin:20px auto;display:block}
.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}
.ib{display:inline-block !important}
.hide{display:none !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:55px;background-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:55px;height:55px;display:inline-flex;justify-content:left;align-items:center;position: absolute;top: 0;left: 5px;}
.PanelHeader .logo .image img{max-width:55px;max-height:55px;margin:auto;display:block}
.PanelHeader .logo .name{max-width: calc(100% - 120px);height:55px;margin: 0 60px;color:#101C2C;font-size: 20px;font-weight:bold;text-transform:uppercase;text-align: center;display: flex;align-items: center;justify-content: center;}
.PanelHeader .logo i.fa-bars{height:55px;font-size:24px;color:#101C2C;position:absolute;top: 16px;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:white;z-index:10001}
.PanelMenu.active{left:0}
.PanelMenu .logo{width: calc(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:#101C2C;position: absolute;top: 15px;right: 15px;}
.PanelMenu ul{margin:0;padding:0;}
.PanelMenu > ul{height: calc(100% - 55px);overflow-y:auto}
.PanelMenu li{}
.PanelMenu li a{line-height:30px;padding: 5px 10px;font-size: 16px;color:#252525;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}
.PanelMenu li > ul > li > ul > li > ul > li > a{text-indent:45px;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 .row > label{margin:0 5px;height:30px;line-height:30px;display:inline-block;vertical-align:top}
.PanelMain .main .search .row > button,.PanelMain .main .search .row > a:not(.scanner){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 .row > a{text-decoration:none}
.PanelMain .main .search .row > button i,.PanelMain .main .search .row > a:not(.scanner) i{margin-right:5px;color:inherit}
.PanelMain .main .search .row > a:not(.scanner){text-decoration:none;background-color:#1d96b2;color:white;display:inline-block;cursor:pointer}
.PanelMain .main .search .row > a:not(.scanner):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 button i,.PanelMain .main .search a:not(.scanner) i{margin: 0 8px 0 0;color:white;font-size: 14px;}
.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{}
.PanelMain .main .search ul.menu > li > a{margin:0;padding: 0 5px;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 .main .row .scanner{position:absolute;right:8px;bottom:2px;width:25px}
.PanelMain .main .row .scanner i{font-size:20px}
.PanelMain .tabs{width:100%;position:relative;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 > ul b{margin-right:5px;border-radius:50%;background-color:#1d96b2;color: white;width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center}
.PanelMain .tabs > ul > li.active b{background-color:#1d96b2;color:white}
.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 .tabs > ul > li.disabled{color:#ccc !important}
.PanelMain .tabs > ul > li.disabled a{color:#ccc !important}
.PanelMain .tabs > ul > li.disabled a b{background-color:#ccc !important}
.PanelMain input[type="text"],.PanelMain input[type="number"],.PanelMain input[type="decimal"],.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="decimal"]:focus,.PanelMain input[type="password"]:focus{outline:none;border:1px solid #aaa}
.PanelMain input[type="text"].center,.PanelMain input[type="number"].center,.PanelMain input[type="decimal"].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,.PanelMain button i{margin-right:8px;font-size:inherit;color:inherit}
.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 a.button img{height:25px;margin-right:8px;display:inline-block;vertical-align:sub}
.PanelMain .row a.button:hover{background-color:#23B7DC}
.PanelMain .row a.button.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.PanelMain .row a.button.green:hover{background-color:#7fb231;border-color:#7fb231}
.PanelMain .row a.button.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.PanelMain .row a.button.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.PanelMain .row a.button.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.PanelMain .row a.button.red:hover{background-color:red;border-color:red}
.PanelMain .row a.button.black{background:none;background-color:#101C2C;border-color:#101C2C;color:white}
.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 > span{height:auto}
.PanelMain .row > textarea{width:100%;min-height:50px}
.PanelMain .row > button,.PanelMain .row > a.button{margin:0 15px;padding:0 15px;height: 32px;line-height: 32px;font-size:var(--font-size);text-decoration:none;background-color:#1d96b2;border:1px solid #1d96b2;color:white;transition:all linear .2s;display:inline-block;cursor:pointer;box-sizing:border-box;}
.PanelMain .small button,.PanelMain .small a.button{height:25px;line-height:25px;padding:0 8px;margin:0;border-radius:5px}
.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 legend span{margin-right:5px;border-radius:50%;border:1px solid #ccc;background-color:yellow;width:25px;height:25px;line-height:25px;vertical-align:top;font-size:14px;font-weight:bold;text-align:center;display:inline-flex;justify-content:center;align-items:center}
.PanelMain legend span.on{background-color:green;color:white}
.PanelMain legend b{display:inline-block;vertical-align:sub}
.PanelMain .main table{width:100%;border-spacing:1px;margin:0 0 15px;background-color:white}
.PanelMain .main table 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 table th.mini{min-height:30px;line-height:20px;font-size:var(--font-size);}
.PanelMain .main table th .zmdi{margin:auto;color:white}
.PanelMain .main thead{position:sticky;top:55px;z-index:1}
.PanelMain.frame .main thead{top:0}
.PanelMain .main tbody{position:relative}
.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 tbody tr.total{position:sticky;bottom:0;left:0;z-index:1}
.PanelMain .main tfoot{position:sticky;bottom:0;z-index:1;background-color:white}
.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 span{margin: 10px 0;float: none;display: flex;justify-content: center;width: 100%;}
.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:5px;padding:5px 8px;border-radius:8px;line-height:25px;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:unset;right:0;top:30px;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 ul li.lock{color:#ccc !important;text-decoration:line-through !important}
.PanelMain .main tbody td .status ul li.lock:hover{background-color:white !important}
.PanelMain .main tbody td .status ul li.lock label{background-color:#eee !important;border-color:#eee !important;color:white !important}
.PanelMain .main tbody td .status ul li label i{color:white !important;font-size:var(--font-size)}
.PanelMain .main tbody td .status.statuspack,.PanelMain .main tbody td .status.statusrestore,.PanelMain .main tbody td .status.statuspackbegin{background-color:yellow;color:black}
.PanelMain .main tbody td .status.statuspackend,.PanelMain .main tbody td .status.statuspackcomplete{background-color:orange;color:white}
.PanelMain .main tbody td .status.statusverify{background-color:#0097FB;color:white}
.PanelMain .main tbody td .status.statusship,.PanelMain .main tbody td .status.statusshipbegin,.PanelMain .main tbody td .status.statusshiparrived{background-color:green;color:white}
.PanelMain .main tbody td .status.statuspackdelay,.PanelMain .main tbody td .status.statusshipdelay{background-color:darkorange;color:white}
.PanelMain .main tbody td .status.statusshipfail,.PanelMain .main tbody td .status.statuscancel,.PanelMain .main tbody td .status.statusreject{background-color:red;color:white}
.PanelMain .main tbody td .status.statusshipend,.PanelMain .main tbody td .status.statusshipcomplete,.PanelMain .main tbody td .status.statuscomplete,.PanelMain .main tbody td .status.statuscompletefail{background-color:transparent;color:green;border:1px solid green}
.PanelMain .main tbody td .status.statusshipcomplete,.PanelMain .main tbody td .status.statuscompletefail{border-color:red;color:red}
.PanelMain .main tbody td .status.statusselect{border:0;background-color:transparent}
.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 .main tbody td .status ul li.statusdelete label{background-color:black;color:white}
.PanelMain .main tbody td .status.statusverify i,
.PanelMain .main tbody td .status.statuspackend i,.PanelMain .main tbody td .status.statuspackcomplete i,
.PanelMain .main tbody td .status.statusship i,.PanelMain .main tbody td .status.statusshipbegin i,.PanelMain .main tbody td .status.statusshiparrived i{
    color:white
}
.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: 10px;right:0}
.PanelMain .stepsstatus button{width:20px;height:20px;padding: 0;background-color:white;border:1px solid #1B89A5;border-radius:50%;position:absolute;top: 25px;left: -11px;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 .cartnav{margin:50px 5px 50px 15px;border-left:1px solid #1B89A5}
.PanelMain .cartnav .status{min-height:60px;border-top:1px solid #1B89A5;padding-bottom: 40px;text-indent:10px;font-size:16px;font-weight:400;color:#470000;position:relative}
.PanelMain .cartnav .status:last-child{border-bottom:0}
.PanelMain .cartnav .status label{line-height:30px;position:absolute;top:-30px;left:10px;font-weight: 5;}
.PanelMain .cartnav .status span{line-height:30px;color:#470000;font-weight:400;font-size:14px;position:absolute;top:-30px;right:0}
.PanelMain .cartnav .status button{width:30px;height:30px;background-color:white;border:1px solid #1B89A5;border-radius:50%;position:absolute;top: -16px;left: -16px;display:block;z-index:99;outline:none}
.PanelMain .cartnav .status button.click{cursor:pointer;transition:all 0.3s;}
.PanelMain .cartnav .status p{margin:3px 0 0 10px;padding:0;font-size:12px;display: inline-block;min-height: 33px;}
.PanelMain .cartnav .complete > button,.PanelMain .cartnav .complete > label > button{background-color: #1d96b2}
.PanelMain .cartnav .prepare > button,.PanelMain .cartnav .prepare > label > button{background-color: yellow}
.PanelMain .cartnav .fail > button,.PanelMain .cartnav .fail > label > button{background-color: red}
.PanelMain .cartnav .status div{padding: 0 0 30px;position:relative}
.PanelMain .cartnav .status div:last-child{border-bottom:0}
.PanelMain .cartnav .status div p{margin-left:15px;position:initial;color:#212121}
.PanelMain .cartnav .status div label{display:block;font-size:16px;font-weight: 4;text-indent: 20px;position: relative;border-bottom: 1px solid #1B89A5;top: 0;left: 0;}
.PanelMain .cartnav .status div button{position:absolute;top: 19px;left: -12px;width: 22px;height: 22px;}
.PanelMain .cartnav .status div button.click:hover{top:10px;left:-4px;width:24px;height:24px}
.PanelMain .cartnav .status div span{position:absolute;top:calc(100%);color:#212121;font-weight:400}
.PanelMain .cartnav a.statuscontent,h1 > a.statuscontent,h2 > a.statuscontent{margin:0 0 5px 0;padding:5px 10px;line-height:20px;border-radius:10px;font-size:14px;background-color:yellow;color:#212121;float:right}
.PanelMain .ms-choice{height:35px;line-height:35px}
.PanelMain .ms-choice>span{line-height:35px}
.osSelect-container{width:100% !important}
.select2-container{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;vertical-align:top}
.select2-selection__arrow{top:3px !important}
.select2-results li{line-height:25px !important}
.select2-search__field{height:35px !important;line-height:35px !important}
.select2-selection--multiple{height:auto !important;line-height:unset !important}
.select2-selection--multiple .select2-selection__choice{height:25px !important;line-height:25px !important;margin-top:3px !important;vertical-align:top;font-size:12px}
.select2-container--focus .select2-selection--multiple{border-color:#aaa !important}
.select2-selection--multiple .select2-search__field{height:25px !important;line-height:25px !important}
body > .select2-container{z-index:10002}
.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;}