﻿body,ul{margin:0;padding:0;list-style:none;}
body{background-color: #f0f4f5;font-size:15px;font-family:'SVN-Circular',Roboto, sans-serif;}
body a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
a.call{display:block;position:fixed;left:5px;bottom:5px;height:60px;width:60px;background:#46C11E url(images/call.png) center / 35px no-repeat;z-index:99;color:#FFF;font-size:35px;line-height:44px;text-align:center;border-radius:100%}
*{outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
img[data-src]{display:none}
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}
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;background-color:white;border: 1px solid rgba(33, 33, 33, 0.1);border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.PanelLogin h1{height:30px;line-height:30px;margin-top:10px;text-indent:17px;font-size:18px;font-weight:bold;color:black;background-color:transparent}
.PanelLogin input[type="text"],.PanelLogin input[type="password"]{width:calc(100% - 50px);height:25px;line-height:25px;margin:15px auto !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% - 40px);height:40px;line-height:40px;margin:10px auto;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:14px;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;height: 100%;display: flex;justify-content: center;align-items: center;}
.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;overflow: hidden;}
.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% - 20px);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% - 75px);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 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:14px;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:14px;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:14px;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:14px;line-height:1.5;text-align:center;text-decoration:none !important}
.PanelFooter{height:40px;line-height:40px;margin:0 15px 50px;font-size:14px;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:14px;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;}
.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 .nav{width:100%;height:30px;padding:15px 0;background-color:#f9faf9;}
.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;background-color:white;position:relative}
.PanelMain .tabs{}
.PanelMain .tabs > ul{margin:0 1px 5px;padding:0;list-style:none;border-bottom:1px solid rgba(33, 33, 33, 0.1)}
.PanelMain .tabs > ul > li{margin:0;padding: 5px;height:30px;line-height:30px;color:#878787;display:inline-block;transition:all 0.3s linear}
.PanelMain .tabs > ul > li.active{border-bottom: 2px solid #101C2C;color:black}
.PanelMain .tabs > ul > li:hover{color:#101C2C}
.PanelMain .tabs > ul a{text-decoration:none;}
.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 label{height:35px;line-height:35px;margin:0;color:#101C2C}
.PanelMain input[type="text"],.PanelMain input[type="password"]{width:100%;height:35px;line-height:35px;margin:0;padding:0 10px;border:1px solid #ccc;color:#101C2C;box-sizing:border-box}
.PanelMain input[type="text"]:focus,.PanelMain input[type="password"]:focus{outline:none;border:1px solid #aaa}
.PanelMain input[type="text"].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:35px;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;}
.PanelMain .row > label{}
.PanelMain .row > span{}
.PanelMain .row > input[type="text"],.PanelMain .row > input[type="password"]{}
.PanelMain .row > textarea{width:100%;min-height:50px}
.PanelMain .row > select{}
.PanelMain .row > button,.PanelMain .row > a.button{display:inline-block}
.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:14px;}
.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:14px;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: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:14px;color:#212121;vertical-align:top}
.PanelMain .main tbody td .small{font-size:12px;line-height:1.3}
.PanelMain .main tfoot td.page{background-color:white !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:white}
.PanelMain .main tfoot td.page a:hover{background-color:#1d96b2;color:white}
.PanelMain .main table.red thead th{background-color:red;border-color:red}
.PanelMain .main tbody td .status{width:calc(100% - 10px);margin:0 0 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:14px}
.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{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{border:0}
.PanelMain .main tbody td .status ul li label i{color:white !important;font-size:14px}
.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 .cartnav{width:calc(100% - 20px);margin:auto;padding:10px 10px 300px;display:flex;justify-content:flex-end;}
.PanelMain .cartnav .status{width:calc(19% - 30px);height:50px;padding-right:15px;border-bottom:1px solid #1B89A5;position:relative;display:inline-block;vertical-align:top}
.PanelMain .cartnav3 .status{width:calc(33% - 30px)}
.PanelMain .cartnav .status:last-child{width:110px;border-bottom:0}
.PanelMain .cartnav .status label{margin-left:-10px;font-size:16px;font-weight:600;color:#470000;}
.PanelMain .cartnav .status span{margin:0;padding:0;line-height:25px;color:green;font-size:14px;font-weight:500;position:absolute;top:25px;left:15px}
.PanelMain .cartnav .status button{width:20px;height:20px;background-color:white;border:1px solid #1B89A5;border-radius:50%;position:absolute;bottom:-10px;left:-10px;display:block;z-index:99;outline:none}
.PanelMain .cartnav .status button.click {cursor:pointer;transition:all 0.3s;}
.PanelMain .cartnav .status button.click:hover{width:30px;height:30px;bottom:-16px;left:-16px;background-color:#1B89A5}
.PanelMain .cartnav .status p{width:calc(100% - 10px);margin:5px 0;padding:0;line-height:25px;color:#470000;font-weight:400;font-size:14px;position:absolute;top:58px;left:-10px;display:block;}
.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:30px 0 0;margin-right:15px;border-left:1px solid #1d96b2;border-bottom:1px solid #1B89A5;position:relative}
.PanelMain .cartnav .status div:first-of-type{margin-top:25px;padding-top:5px}
.PanelMain .cartnav .status div p{min-height:25px;margin-left:15px;position:initial;color:#212121}
.PanelMain .cartnav .status div label{margin-bottom:5px;padding-left:25px;display:block;font-size:16px;font-weight:500;position:relative}
.PanelMain .cartnav .status div button{position:absolute;top:14px;left:2px;width:16px;height:16px}
.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 .stepsstatus{margin:10px;border-left:1px solid #1B89A5}
.PanelMain .stepsstatus div{height:60px;border-top:1px solid #1B89A5;text-indent:10px;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:30px;position:absolute;top:-30px;left:10px}
.PanelMain .stepsstatus span{line-height:30px;color:#470000;font-weight:400;font-size:14px;position:absolute;top:-30px;right:0}
.PanelMain .stepsstatus button{width:20px;height:20px;background-color:white;border:1px solid #1B89A5;border-radius:50%;position:absolute;top:-15px;left:-10px;display:block;z-index:99;outline:none}
.PanelMain .stepsstatus button.click{cursor:pointer;transition:all 0.3s;}
.PanelMain .stepsstatus button.click:hover{width:25px;height:25px;top:-20px;left:-15px}
.PanelMain .stepsstatus p{margin:3px 0 0 10px;padding:0;font-size:12px;display:block;height:33px;overflow:hidden;}
.PanelMain .stepsstatus a{color:green;margin-left:15px;line-height:30px}
.PanelMain .stepsstatus p > a{font-size:14px;float:right}
.PanelMain .stepsstatus .complete label{font-weight:600 !important}
.PanelMain .stepsstatus .complete > button{background-color:#1d96b2 !important}
.PanelMain .stepsstatus .prepare > button{background-color:yellow}
.PanelMain .stepsstatus .fail label{font-weight:600;color:red}
.PanelMain .stepsstatus .fail > button{background-color:red}
.select2-container{height:30px;line-height:30px;font-size:14px;}
.select2-dropdown{margin-top:-2px}
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}