*{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}
a{text-decoration:none;color: inherit;}
input.error,select.error{background-image:url(/images/fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important;border-color:red !important}
.searching{background:url(/images/load.gif) no-repeat top+8px right+5px;background-size:20px 20px}
.right{text-align:right !important}
.deleted *:not(.zmdi){text-decoration:line-through}
.PanelLogin{width:100%;height:100%;min-width:600px;min-height:500px;background-color:#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;font-size:18px;font-weight:bold;color:black;background-color:transparent}
.PanelLogin input[type="text"],.PanelLogin input[type="password"]{width: calc(100%);height: 40px;line-height: 40px;margin: 15px auto 0 !important;padding:5px !important;border:1px solid #cacaca;text-align:left;font-size:small;display:block !important}
.PanelLogin input[type="text"]:focus,input[type="password"]:focus,textarea:focus{box-shadow:0 0 3px #ccc}
.PanelLogin input[type="text"].disabled,.PanelLogin input[type="password"].disabled{background-color:#fff !important;color:#ccc !important;}
.PanelLogin a{width: calc(100%);height:40px;line-height:40px;margin: 15px auto 0;text-align:center;color: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 .error{color:#480000;border-color:red;background:url(/images/Fail.png) no-repeat right center #ffebef !important}
.PanelLogin .valid{color:#002f00;border-color:#96b796 !important;background:url(/images/ok.png) no-repeat right center #e3ffe5 !important}
.PanelLogin p{margin:18px;line-height:25px;max-height:80px;font-size:var(--font-size);color:red;display:none;overflow:hidden}
.PanelHeader{width:100%;min-width:1366px;height:66px;border-bottom:1px solid rgba(33, 33, 33, 0.1);background-color:white;position:fixed;top:0;left:0;z-index:101;display:flex}
.PanelHeader .header{width: 230px;height:100%;padding:0 15px;overflow:hidden;display: inline-flex;}
.PanelHeader .header a{text-decoration:none;display: block;text-align: center;}
.PanelHeader .logo{width: 80px;height: 40px;margin:15px 0;float:left;display:inline-flex;justify-content:center;overflow:hidden}
.PanelHeader .logo img{max-width: 80px;max-height: 40px;margin:auto;display:block}
.PanelHeader .name{width: calc(100% - 80px);line-height: 1.2;margin: 0;color:#212121;font-size: 18px;font-weight:bold;display: inline-flex;justify-content: center;align-items: center;}
.PanelMenu{width:calc(100% - 300px);display:flex;align-items:center;justify-content:center}
.PanelMenu ul{margin:0;padding:0;}
.PanelMenu li{line-height:30px;padding:0 15px;text-align:center;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block;vertical-align:top;position:relative}
.PanelMenu li a{line-height:30px;font-size:var(--font-size);color:#252525;display:block}
.PanelMenu li:hover a{color:#0097FB}
.PanelMenu li i{margin-right:5px}
.PanelMenu li.on{border-bottom:2px solid #0097FB}
.PanelMenu li.on > a{color:#0097FB !important}
.PanelMenu li a img{max-width: 30px;max-height: 30px;margin-right:5px;display:inline-block;vertical-align:sub}
.PanelMenu li > ul{position:absolute;top:30px;left:0;background-color:white;display:none;box-shadow:0 0 8px rgba(0,0,0,0.6);z-index:999}
.PanelMenu li:hover > ul{display:block}
.PanelMenu li:hover > ul li{width:250px;line-height:30px;padding:3px 10px;text-align:left;font-size:16px;font-weight:500;text-transform:initial;background-color:white;}
.PanelMenu li:hover > ul li a{color:#212121}
.PanelMenu li:hover > ul li a img{width:20px;max-height:20px;margin-right:10px;display:inline-block;vertical-align:sub}
.PanelMenu li:hover > ul li:hover{background-color:#0097FB}
.PanelMenu li:hover > ul li:hover > a{color:white}
.PanelMenu ul ul ul{left:250px;top:0;min-width:250px}
.PanelMenu ul.reverse{left:unset;right:0}
.PanelMenu ul.reverse ul{left:unset;right:250px}
.PanelMenu a i.zmdi-chevron-right{margin-left:10px;float:right;line-height:30px}
.PanelHeader .menu{width: 120px;height:100%;margin:0;padding:0 15px}
.PanelHeader .menu li{position:relative}
.PanelHeader .menu li:hover > ul{display:block}
.PanelHeader .menu > li{margin:0;padding:0;min-height:66px;color:#878787;list-style:none;position:relative;display:inline-block;vertical-align:top}
.PanelHeader .menu > li ul{margin:0;padding:0;display:none}
.PanelHeader .menu > li a{text-decoration:none;font-size:var(--font-size);display:block;position:relative;color: #212121;}
.PanelHeader .menu > li i{padding:20px 10px 0;font-size:24px;color:#878787;transition:0.3s ease}
.PanelHeader .menu > li i:hover{color:#212121}
.PanelHeader .menu > li i.zmdi-account{padding:20px 5px 0 0}
.PanelHeader .menu > li label{font-size:16px;line-height:25px;display:block;text-align:center}
.PanelHeader .menu > li .badge{width:20px;height:20px;line-height:20px;font-size:11px;text-align:center;background-color:#b10058;border-radius:50%;color:white;position:absolute;top:5px;right:0}
.PanelHeader .menu .personimage{width:40px;height:40px;border-radius:50%;margin:10px auto 0;display:block}
.PanelHeader .menu > li .name{height:40px;line-height:40px;margin:10px 0 0;color:#212121;font-size:16px;font-weight:bold;text-transform:capitalize;display:inline-block;vertical-align:top}
.PanelHeader .menu > li ul{min-width:200px;margin:0;padding:0;display:none;position:absolute;top:50px;right:0;background-color:white;border-radius:2px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.175)}
.PanelHeader .menu > li ul li{min-height:35px;line-height:35px;margin:0;padding:0 10px;list-style:none;color:black}
.PanelHeader .menu > li ul li:hover{background-color:#F4F4F4}
.PanelHeader .menu > li ul li i{padding:10px !important;font-size:18px}
.PanelHeader .menu > li ul li label{font-size:16px;display:inline-block;vertical-align:text-bottom}
.PanelHeader .menu > li ul li a i.zmdi-chevron-right{position:absolute;top:2px;right:-10px}
.PanelHeader .menu > li ul li.divider{min-height:unset;height:1px;margin:4px 0;background-color:rgba(33, 33, 33, 0.1);overflow:hidden}
.PanelHeader .menu ul.sub{right:100%;top:0;min-width:220px}
.PanelHeader .menu ul.sub.bottom{top:unset;bottom:0}
.PanelHeader .menu ul.sub .image{width:25px;height:25px;margin:5px;display:inline-block;vertical-align:top}
.PanelHeader .menu ul.sub .image img{max-width:25px;max-height:25px;width:auto;height:auto;margin:0;padding:0;border-radius:0}
.PanelHeader .menu ul.sub .name{max-width:200px;height:35px;line-height:35px;margin:0;color:#212121;font-size:var(--font-size);font-weight:400;text-transform:unset;display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.PanelNotify{width:600px;height:0;transition:all 0.5s;top:66px !important;right:-60px !important;overflow:hidden;display:block !important}
.PanelNotify.active{height:calc(100vh - 80px) !important;overflow-y:auto}
.PanelNotify li{padding:0;position:relative;overflow:hidden}
.PanelNotify .header{width:100%;height:40px;line-height:40px;margin-bottom:5px;padding:0;color:#212121;background-color:white;border-bottom:1px solid rgba(33, 33, 33, 0.1);font-weight:500;font-size:16px;display:block;position:sticky !important;top:0;left:0;z-index:10}
.PanelNotify .header:hover{background-color:white}
.PanelNotify .header a{float:right}
.PanelNotify .header a:hover{color:#212121}
.PanelNotify .item{width:100%;padding:5px 15px !important;line-height:1.5 !important;font-size:12px;color:#878787;overflow:hidden;border-bottom:1px solid rgba(33, 33, 33, 0.1);display:block;position:relative}
.PanelNotify .item:last-child{border-bottom:0}
.PanelNotify .item.empty{width:100%;height:50px;line-height:50px;padding:50px 15px;text-align:center;color:#878787;border:0 !important;background-color:white !important;display:flex;justify-items:center;align-items:center}
.PanelNotify .item img{max-width:100%;max-height:100px;width:auto;height:auto;margin:0 auto;padding:0;display:block}
.PanelNotify .item a{position:initial !important}
.PanelNotify .item b{font-size:16px !important}
.PanelNotify .item i.zmdi-close{width:25px;height:25px;padding:0 !important;font-size:25px;position:absolute;top:5px;right:5px;z-index:2;text-align:center;transition:all 0.3s}
.PanelHeaderSep{width:100%;height:66px}
.PanelHome{padding: 0;margin: auto;width: 1200px;}
.PanelHome h2{height:60px;line-height:60px;margin: 0 0 50px;padding:0;text-align:center;font-size:46px;font-weight:700;color:#101C2C}
.PanelHome h2 b{color:#005FDB}
.PanelHome ul{margin:0;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none}
.PanelHome li{width:30%;margin:20px;padding: 0 20px 20px;text-align:center;color: #101C2C;background-color: white;border-radius: 20px;}
.PanelHome li img{max-width:100%;max-height:82px;display:block;margin:20px auto;clear: both;}
.PanelHome li h3{margin:0;padding:10px 0;font-size:18px;text-transform:uppercase;text-align:center}
.PanelHome li p{margin:0;padding:0;line-height:1.5;text-align:center;text-decoration:none !important}
.PanelPrint{width:100%;background-color:#eee;font-family:Arial}
.PanelPrint .PanelSetup{width:100%;height:100vh;position:fixed;top:0;left:100%;z-index:100;border-left:1px solid #ccc;transition:0.3s all linear;display:none}
.PanelPrint .PanelSetup.active{left:0 !important;background-color:rgba(0,0,0,0.6);display:block}
.PanelPrint .PanelSetup .PanelMain{width:400px;height:100%;margin:0;padding:15px;background-color:white;float:right}
.PanelPrint .PanelButton{position:fixed;bottom:20px;right:20px;z-index:99}
.PanelPrint .PanelButton a{width:40px;height:40px;padding: 5px;margin:20px 10px;border-radius:50%;background-color:white;display:flex;justify-content:center;align-items:center;box-shadow:rgb(0 0 0 / 15%) 0px 4px 12px 0px}
.PanelPrint .PanelButton a img{width:90%}
.PanelFooter{height:40px;line-height:40px;margin:0 15px 15px;font-size:12px;color:#878787;text-align:center}
.PanelMain .cartnav{width: calc(100%);margin:auto;padding:10px 10px 300px;display:flex;justify-content: center;}
.PanelMain .cartnav .status{width: calc(19%);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: 17px;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: 15px;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}