:root {
    --safe-top: var(--safe-top);
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: var(--safe-bottom);
    --safe-bottom: env(safe-area-inset-bottom);
    --button-bg:#1d96b2;
    --button-bg-hover:#c11d0d;
    --button-radius:3px;
    --button-height:40px
}
body > .select2-container{z-index:10002}
/*Main*/
.AZMain{width:calc(100% - 30px);margin:15px;position:relative}
.AZMain.full{margin:0 15px}
.AZMain *{outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}
.AZMain .hide{display:none}
.AZMain .deleted,.AZMain .deleted *:not(.zmdi){text-decoration:line-through !important}
.AZMain .red{color:red}
.AZMain .ib{display:inline-block}
.AZMain .rl{position:relative}
.AZMain .fl{display:flex}
.AZMain .ifl{display:inline-flex}
.AZMain .right{text-align:right}
.AZMain .center{text-align:center}
.AZMain button.right{float:right}
.AZMain > h1{max-width:50%;font-size:20px;margin:10px 0;padding:0;line-height:30px;color:#212121}
.AZMain > h1 > select{height:35px;margin:0 5px 0 0;padding:0 5px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top}
.AZMain > h1 > select:focus{outline:none;border:1px solid #aaa}
.AZMain.full > h1{width:calc(100% - 40px);max-width:unset;margin:20px;font-size:26px;text-align:center;text-transform:uppercase}
.AZMain .nav{max-width:50%;margin:0;padding:0;position:absolute;top: 8px;right: 0;font-size:13px;color:#212121;}
.AZMain .nav a{margin:0 5px;font-size:var(--font-size);color:#555;transition:all 0.3s ease;text-decoration:none;display:inline-block;}
.AZMain .nav a:hover{color:black}
.AZMain .main{width: calc(100%);margin-bottom:15px;padding:15px;border:1px solid rgba(33, 33, 33, 0.1);border-radius:2px;background-color:white;position:relative}
.AZMain.frame{min-height:unset}
.AZMain.frame > h1{width:calc(100% - 10px);max-width:unset;margin:0 5px 5px;font-size:22px;text-align:center;text-transform:uppercase}
.AZMain.frame .nav{display:none}
.AZMain.frame .main{}
.AZMain fieldset{width: calc(100%);border:1px solid #ccc;margin: 0;padding: 10px;}
.AZMain legend{margin:0;padding:5px;font-size:16px}
.AZMain 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}
.AZMain legend span.on{background-color:green;color:white}
.AZMain legend b{display:inline-block}
.AZMain .col{width:50%;padding:0 8px 0 0;margin:0;border:0;display:inline-block;vertical-align:top}
.AZMain .col:nth-child(2n+1){}
.AZMain .col:nth-child(2n){padding-left:8px;padding-right:0}
.AZMain .col3{width:33.33%;padding:0 5px 0 0;margin:0;border:0;display:inline-block;vertical-align:top}
.AZMain .col3:nth-child(3n+1){}
.AZMain .col3:nth-child(3n+2){padding-left:5px;padding-right:5px}
.AZMain .col3:nth-child(3n+3){padding-left:5px;padding-right:0}
.AZMain .row{width:calc(100%);margin:5px 0 0;display:flex}
.AZMain .row.ib{display:inline-block}
.AZMain .row.hide{display:none}
.AZMain .row > label{width:120px;min-height:35px;line-height:1.2;margin: 0;padding: 0 15px 0 0;font-size:var(--font-size);color:#212121;text-align: right;justify-content: right;display: inline-flex;align-items:center;}
.AZMain .row > span:not(.select2){min-height:35px;line-height:35px;margin-left:5px;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top;white-space:nowrap}
.AZMain .row > input[type="text"],.AZMain .row > input[type="number"],.AZMain .row > input[type="password"],.AZMain .row > input[type="file"]{width: calc(100% - 120px);height: 35px;line-height: 35px;margin:0;padding:0 10px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top;box-sizing: border-box;}
.AZMain .row > input[type="text"]:focus,.AZMain .row > input[type="number"]:focus,.AZMain .row > input[type="password"]:focus{outline:none;border:1px solid #aaa}
.AZMain .row > input.center{text-align:center}
.AZMain .row > textarea{width:calc(100% - 120px);min-height:50px;margin:0;padding:10px;border:1px solid #ccc;font-size:var(--font-size);color:#212121;resize:none;display:inline-block;vertical-align:top}
.AZMain .row > textarea:focus{outline:none;border:1px solid #aaa}
.AZMain .row > select{height:30px;margin:0;padding:0;border:1px solid #ccc;font-size:var(--font-size);color:#212121;display:inline-block;vertical-align:top}
.AZMain .row > select:focus{outline:none;border:1px solid #aaa}
.AZMain .row > select[disabled]{color:#888}
.AZMain .row > p{width:calc(100% - 160px);line-height:1.5;margin:5px 0 5px 140px;padding:0;font-size:12px;color:#aaa;display:block;}
.AZMain .row a.button i,.AZMain .row button i{margin-right:8px;font-size:inherit;color:inherit !important}
.AZMain .row a.button img{height:25px;margin-right:8px;display:inline-block;vertical-align:sub}
.AZMain .row > button,.AZMain .row a.button{margin:0 15px;padding:0 15px;height:35px;line-height:35px;font-size:var(--font-size);text-decoration:none;background-color:var(--button-bg);border:0;border-radius:var(--button-radius);color:white;transition:all linear .2s;display:inline-block;cursor:pointer;box-sizing: border-box;}
.AZMain .row > button:hover,.AZMain .row a.button:hover{background-color:#23B7DC}
.AZMain .row > button.green,.AZMain .row a.button.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.AZMain .row > button.green:hover,.AZMain .row a.button.green:hover{background-color:#7fb231;border-color:#7fb231}
.AZMain .row > button.blue,.AZMain .row a.button.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.AZMain .row > button.blue:hover,.AZMain .row a.button.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.AZMain .row > button.red,.AZMain .row a.button.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.AZMain .row > button.red:hover,.AZMain .row a.button.red:hover{background-color:red;border-color:red}
.AZMain .row > button.black,.AZMain .row a.button.black{background:none;background-color:#212121;border-color:#212121;color:white}
.AZMain .row > button.black:hover,.AZMain .row a.button.black:hover{background-color:#555;border-color:#555}
.AZMain .row > button.disabled,.AZMain .row a.button.disabled{background:none;background-color:#eeeeee !important;border-color:#eeeeee !important;color:white}
.AZMain .row > button.disabled:hover,.AZMain .row a.button.disabled:hover{background-color:#eeeeee !important;border-color:#eeeeee !important}
.AZMain .row.label90 > label{width:90px}
.AZMain .row.label90 > input[type="text"],.AZMain .row.label90 > input[type="number"],.AZMain .row.label90 > input[type="password"],.AZMain .row.label90 > textarea,.AZMain .tabs .row.label90 > select{width:calc(100% - 90px)}
.AZMain .row.label150 > label{width:150px}
.AZMain .row.label150 > input[type="text"],.AZMain .row.label150 > input[type="number"],.AZMain .row.label150 > input[type="password"],.AZMain .row.label150 > textarea,.AZMain .tabs .row.label150 > select{width:calc(100% - 150px)}
.AZMain .row.label180 > label{width:180px}
.AZMain .row.label180 > input[type="text"],.AZMain .row.label180 > input[type="number"],.AZMain .row.label180 > input[type="password"],.AZMain .row.label180 > textarea,.AZMain .tabs .row.label180 > select{width:calc(100% - 180px)}
.AZMain .row .osSelect-container{width:calc(100% - 120px)}
.AZMain .row.label60 .osSelect-container{width:calc(100% - 60px)}
.AZMain .row.label90 .osSelect-container{width:calc(100% - 90px)}
.AZMain .row.label150 .osSelect-container{width:calc(100% - 150px)}
.AZMain .row.label180 .osSelect-container{width:calc(100% - 180px)}
.AZMain .row .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}
.AZMain .row .imageselect label{width:100%;height:25px;line-height:25px;top:calc(50% - 15px);color:#ccc;font-size:14px;text-align:center;position:absolute;z-index:1;cursor:pointer}
.AZMain .row .imageselect img{max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;z-index:2;cursor:pointer}
.AZMain .row .osSelect-choices{width:100%}
.AZMain .row .right:not(td){margin-right:0;float:right}
.AZMain .tabs{width:100%;padding:0;margin:0;position:relative}
.AZMain .tabs > ul{margin: 0 0 10px;padding: 0;list-style:none;border-bottom: 1px solid rgba(33, 33, 33, 0.1);display: flex;align-items: center;}
.AZMain .tabs > ul > li{margin:0;padding:10px 15px;color:#878787;display:inline-block;transition:all 0.3s linear;cursor:pointer}
.AZMain .tabs > ul > li.active{border-bottom:3px solid var(--button-bg);color:black}
.AZMain .tabs > ul > li:hover{color:#212121}
.AZMain .tabs > ul a{text-decoration:none;font-size:var(--font-size);color: black;}
.AZMain .tabs > ul b{margin-right:5px;border-radius:50%;background-color:#eeeeee;color:#878787;width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center}
.AZMain .tabs > ul > li.active b{background-color:var(--button-bg);color:white}
.AZMain .tabs > a{margin:0;padding:0 10px;height:32px;line-height:32px;background-color:var(--button-bg);border:1px solid var(--button-bg);color:white;text-decoration:none;position:absolute;top:15px;right:0}
.AZMain .tabs > a:hover{background-color:#23B7DC}
.AZMain .tabs > ul > li.disabled{color:#ccc !important}
.AZMain .tabs > ul > li.disabled a{color:#ccc !important}
.AZMain .tabs > ul > li.disabled a b{background-color:#ccc !important}
.AZMain .tabs .row > select{width:calc(100% - 120px)}
.AZMain .main h1{font-size:20px;margin:0;padding:0;line-height:30px}
.AZMain .main > h1{width:calc(100% - 300px)}
.AZMain .main h2{font-size:18px;font-weight:500;margin:0 0 5px;padding:0 0 5px;line-height: 35px;border-bottom:1px solid #ccc}
.AZMain .main h2 img{height:20px;margin:5px 10px 0 0;float:left}
.AZMain .main h2 a.button{margin:0 0 0 10px;padding:0 10px;height: 35px;line-height: 35px;font-size:12px;font-weight:400;text-decoration:none;background-color:#ccc;color:black;float:right;cursor:pointer;transition:all 0.3s linear}
.AZMain .main h2 a.button:hover{background-color:var(--button-bg);color:white}
.AZMain .main h2 a.button i{margin-right:8px;font-size:inherit;color:inherit}
.AZMain .main .translate{position:absolute;top:10px;right:10px}
.AZMain .main .translate label{font-size:var(--font-size);font-weight:bold}
.AZMain .main i.zmdi{font-size:20px;color:#878787}
.AZMain .main i.zmdi:hover{color:black}
.AZMain .main input[type="text"],.AZMain .main input[type="number"]{margin:0;padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc;display:inline-block;box-sizing: border-box;}
.AZMain .main select{margin:0;padding:0 10px;height:30px;line-height:2px;border:1px solid #ccc;display:inline-block;box-sizing: border-box;}
.AZMain .main .small{font-size: 13px;line-height: 1.4;}
.AZMain .main .small.red{color:red}
.AZMain .main table{width:100%;border-spacing:1px;margin:0 0 15px;background-color:white}
.AZMain .main table th{min-height:44px;line-height:30px;margin:0;padding:5px;background-color:var(--button-bg);border:1px solid var(--button-bg);border-collapse:collapse;font-size:16px;font-weight:500;text-align:center;color:white}
.AZMain .main table th.mini{min-height:30px;line-height:20px;font-size:var(--font-size);}
.AZMain .main table th .zmdi{margin:auto;color:white}
.AZMain .main thead{position:sticky;top:60px;z-index:1}
.AZMain.frame .main thead{top:0}
.AZMain .main tbody{position:relative}
.AZMain .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}
.AZMain .main tbody td img{max-width:80px;max-height:40px}
.AZMain .main tbody td p{max-height: 200px;margin:0;padding:0;overflow-y: auto;}
.AZMain .main tbody td.center{text-align:center}
.AZMain .main tbody td.right{text-align:right}
.AZMain .main tbody td.property{background-color:var(--button-bg);color:white}
.AZMain .main tbody tr:nth-child(even){background-color:#F0F4F5}
.AZMain .main tbody tr:hover{background-color:#CCDADD}
.AZMain .main tbody tr.highlight *{color:#ccc !important}
.AZMain .main tbody tr.total{position:sticky;bottom:0;left:0;z-index:1}
.AZMain .main tfoot{position:sticky;bottom:0;z-index:1;background-color:white}
.AZMain .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}
.AZMain .main tfoot td.page{background-color:white !important;border:0;padding-top:10px}
.AZMain .main tfoot td.page div{display:inline-block}
.AZMain .main table.red thead th{background-color:red;border-color:red}
.AZMain .main :not(.cartnav) .status{width:100%;min-height:var(--button-height);margin:5px auto;padding:5px 10px;border-radius:8px;line-height:1.2;background-color:#eee;font-size:0.8rem;display:flex;align-items:center;justify-content:center;position:relative}
.AZMain .main :not(.cartnav) .status.ib{width:auto;margin:5px;display:inline-flex !important}
.AZMain .main :not(.cartnav) .status *{text-decoration:unset !important}
.AZMain .main :not(.cartnav) .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)}
.AZMain .main :not(.cartnav) .status:hover ul{display:block}
.AZMain .main :not(.cartnav) .status ul li{height:30px;line-height:30px;border-bottom:1px solid #ccc;padding:0 8px;font-size:var(--font-size)}
.AZMain .main :not(.cartnav) .status ul li:last-child{border-bottom:0}
.AZMain .main :not(.cartnav) .status ul li:hover{background-color:#CCDADD}
.AZMain .main :not(.cartnav) .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:0.8rem;font-weight:bold;text-align:center;display:inline-flex;justify-content:center;align-items:center}
.AZMain .main :not(.cartnav) .status ul li.lock{color:#ccc !important;text-decoration:line-through !important}
.AZMain .main :not(.cartnav) .status ul li.lock:hover{background-color:white !important}
.AZMain .main :not(.cartnav) .status ul li.lock label{background-color:#eee !important;border-color:#eee !important;color:white !important}
.AZMain .main :not(.cartnav) .status ul li label i{color:white !important;font-size:var(--font-size)}
.AZMain .main :not(.cartnav) .status.statuspack,.AZMain .main :not(.cartnav) .status.statusrestore,.AZMain .main :not(.cartnav) .status.statuspackbegin{background-color:yellow;color:black;border:1px solid yellow}
.AZMain .main :not(.cartnav) .status.statuspackend,.AZMain .main :not(.cartnav) .status.statuspackcomplete{background-color:orange;color:white;border:1px solid orange}
.AZMain .main :not(.cartnav) .status.statusverify{background-color:#0097FB;color:white}
.AZMain .main :not(.cartnav) .status.statusship,.AZMain .main :not(.cartnav) .status.statusshipbegin,.AZMain .main :not(.cartnav) .status.statusshiparrived{background-color:green;color:white;border:1px solid green}
.AZMain .main :not(.cartnav) .status.statuspackdelay,.AZMain .main :not(.cartnav) .status.statusshipdelay{background-color:darkorange;color:white;border:1px solid darkorange}
.AZMain .main :not(.cartnav) .status.statusshipfail,.AZMain .main :not(.cartnav) .status.statuscancel,.AZMain .main :not(.cartnav) .status.statusreject{background-color:red;color:white;border:1px solid red}
.AZMain .main :not(.cartnav) .status.statusshipend,.AZMain .main :not(.cartnav) .status.statusshipcomplete,.AZMain .main :not(.cartnav) .status.statuscomplete,.AZMain .main :not(.cartnav) .status.statuscompletefail{background-color:transparent;color:green;border:1px solid green}
.AZMain .main :not(.cartnav) .status.statusshipcomplete,.AZMain .main :not(.cartnav) .status.statuscompletefail{border-color:red;color:red}
.AZMain .main :not(.cartnav) .status.statusselect{border:0;background-color:transparent}
.AZMain .main :not(.cartnav) .status ul li.statuspack label i,.AZMain .main :not(.cartnav) .status ul li.statusrestore label i,.AZMain .main :not(.cartnav) .status ul li.statuspackbegin label i{color:black !important}
.AZMain .main :not(.cartnav) .status ul li.statusdelete label{background-color:black;color:white}
.AZMain .main :not(.cartnav) .status.statusverify i,
.AZMain .main :not(.cartnav) .status.statuspackend i,.AZMain .main :not(.cartnav) .status.statuspackcomplete i,
.AZMain .main :not(.cartnav) .status.statusship i,.AZMain .main :not(.cartnav) .status.statusshipbegin i,.AZMain .main :not(.cartnav) .status.statusshiparrived i{color:white}
.AZMain .main .search{width:100%;margin:5px 0;font-size: var(--font-size);}
.AZMain .main .search .row > label{margin:0 5px}
.AZMain .main .search .row > button,.AZMain .main .search .row > a:not(.scanner){margin:0 10px;padding:0 10px;height:35px;line-height:35px;background-color:var(--button-bg);border:0;border-radius:var(--button-radius);color:white;display:inline-block}
.AZMain .main .search .row > button:hover{background-color:var(--button-bg-hover)}
.AZMain .main .search > a:not(.scanner){float:right;text-decoration:none}
.AZMain .main .search .row > a:not(.scanner){text-decoration:none;background-color:var(--button-bg);color:white;display:inline-block;cursor:pointer}
.AZMain .main .search .row > a:not(.scanner):hover{background-color:#23B7DC}
.AZMain .main .search .row > a img{display:inline;float:left;margin:5px 8px 0 0;}
.AZMain .main .search .row > a.right{float:right !important;margin-right:0 !important}
.AZMain .main .search .row > a.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.AZMain .main .search .row > a.green:hover{background-color:#7fb231;border-color:#7fb231}
.AZMain .main .search .row > a.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.AZMain .main .search .row > a.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.AZMain .main .search .row > a.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.AZMain .main .search .row > a.red:hover{background-color:red;border-color:red}
.AZMain .main .search .row > a.black{background:none;background-color:#212121;border-color:#212121;color:white}
.AZMain .main .search .row > a.black:hover{background-color:#555;border-color:#555}
.AZMain .main .search button i,.AZMain .main .search a:not(.scanner) i{margin: 0 8px 0 0;color:white;font-size: 14px;}
.AZMain .main .search ul.menu{margin:0;padding:0;list-style:none}
.AZMain .main .search ul.menu li{position:relative}
.AZMain .main .search ul.menu li i{margin:0 8px;font-size:inherit;color:inherit}
.AZMain .main .search ul.menu li i.zmdi-chevron-down{margin-right:0}
.AZMain .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:var(--button-bg);border:1px solid var(--button-bg);color:white;display:inline-block;cursor:pointer}
.AZMain .main .search ul.menu > li > a:hover{background-color:#23B7DC}
.AZMain .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}
.AZMain .main .search ul.menu > li:hover > ul{display:block}
.AZMain .main .search ul.menu > li > ul li{height:35px;line-height:35px;font-size:var(--font-size);transition:all 0.3s linear}
.AZMain .main .search ul.menu > li > ul li:hover{background-color:#eee}
.AZMain .cartnav{width:100%;padding:10px 20px 300px;display:flex;justify-content:center}
.AZMain .cartnav .item{flex-grow:1;height:50px;padding-right:15px;border-bottom:1px solid #1B89A5;position:relative}
.AZMain .cartnav .item:last-child{flex-grow:0.3;border-bottom:0}
.AZMain .cartnav .item label{font-size:1rem}
.AZMain .cartnav .item span{margin: 0;padding:0;line-height:25px;color:green;font-size:0.8rem;font-weight:500;position:absolute;top:25px;left:15px}
.AZMain .cartnav .item 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}
.AZMain .cartnav .item button.click{cursor:pointer;transition:all 0.3s linear}
.AZMain .cartnav .item button.click:hover{width:32px;height:32px;bottom:-16px;left:-16px;background-color:#1B89A5}
.AZMain .cartnav .item p{width:100%;margin:5px 0;padding:0;line-height:1.5;font-size:0.8rem;position:absolute;top:58px;left:-10px;display:block}
.AZMain .cartnav .item div{padding: 30px 0 0;margin-right:15px;border-left:1px solid #1d96b2;border-bottom: 1px solid #1B89A5;position: relative}
.AZMain .cartnav .item div:first-of-type{margin-top: 25px;padding-top:5px}
.AZMain .cartnav .item div p{min-height:25px;padding-left:15px;position:initial;color:#212121}
.AZMain .cartnav .item div label{text-indent:15px;padding-bottom:5px;display:block;font-weight:500;position:relative}
.AZMain .cartnav .item div button{position:absolute;top:unset;bottom:-8px;left:-8px;width:16px;height:16px}
.AZMain .cartnav .item div button.click:hover{bottom:-12px;left:-12px;width:24px;height:24px}
.AZMain .cartnav .item div span{position:absolute;top:100%;color:#212121}
.AZMain .cartnav .complete > button,.AZMain .cartnav .complete > label > button{background-color:#1d96b2}
.AZMain .cartnav .prepare > button,.AZMain .cartnav .prepare > label > button{background-color:yellow}
.AZMain .cartnav .fail > button,.AZMain .cartnav .fail > label > button{background-color:red}
.AZMain .controlgroup{display:inline-block;vertical-align:top}
.AZMain .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}
.AZMain .scanner{position:absolute;right:8px;bottom:5px;z-index:2}
.AZMain .scanner i{font-size:20px}

/*Popup*/
.AZPopup{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:10001;overflow:hidden;box-sizing:border-box}
.AZPopup *{box-sizing:border-box}
.AZPopupBG{background-color:transparent;margin:0;padding:0;width:100%;height:100%;z-index:1;overflow:hidden}
.AZPopupContainer{
    width:600px;height:450px;min-width:200px;min-height:150px;max-width:100vw;max-height:100vh;
    left:50%;top:50%;transform:translate(-50%, -50%);position:absolute;
    margin:0;padding:0 20px 20px;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);border-radius:5px;
    background-color:white;z-index:2;overflow:hidden
}
.AZPopupContainer.noborder{border-radius:0}
.AZPopupContainer.hasbutton{padding-bottom:80px}
.AZPopupClose{right:10px;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;}
.AZPopupMain{width:100% !important;height:100% !important;margin:0 !important;padding:0 !important}
.AZPopupMain > h2{margin:0;padding:20px 0 5px;line-height:1.2;font-size:var(--font-size-h2,22px);color:black;text-align:left}
.AZPopupMain > p{margin:0;padding:0;line-height:1.5;font-size:var(--font-size-h5,16px);color:#212121}
.AZPopupMain > div{margin:0;padding:15px 0;line-height:1.5;font-size:var(--font-size-h5,16px)}
.AZPopupButton{width:100%;min-width:300px;height:40px;margin:0;padding:0 15px;position:absolute;bottom: 20px;left:0;display:flex;justify-content:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.AZPopupButton > a{min-width:100px;margin:0 10px;padding:5px 10px;line-height:32px;background-color:var(--button-bg) !important;color:white !important;font-size:var(--font-size-h5,16px);text-align:center;transition:all 0.3s ease;cursor:pointer;border-radius: 5px;}
.AZPopupButton > a:hover{background-color:#23B7DC}
.AZPopupButton > a.red{background-color:red !important;color:white !important}
.AZPopupButton > a.red:hover{background-color:#FF5555 !important;color:white !important}
.AZPopupMain iframe{margin:0;padding:0;border:0;width:100%;height:100%}
.AZPopupMain input.error,.AZPopupMain select.error,.AZPopupMain textarea.error{background-image:url(/images/fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important;border-color:red !important}
.AZPopupMain textarea.error{background-position:right top+5px !important}
.AZPopupMain .AZMain,.AZPopupMain .PanelMain{width:100%;max-height:100%;margin:0;overflow:auto}
.AZPopupMain .main{padding:0;border:0}

/*Paging*/
.AZPage{}
.AZPage label{margin-right:8px}
.AZPage select{}
.AZPage span{display:inline-flex;float:right}
.AZPage a{min-width:30px;height:30px;line-height:30px;margin:0;padding:0;border-radius:3px;text-align:center;font-size:1rem;text-decoration:none}
.AZPage a.selected,.AZPage a:hover{background-color:var(--button-bg);color:white}
.AZPage a:hover{background-color:var(--button-bg-hover);color:white}

.page{}
.page label{margin-right:8px}
.page select{}
.page span{display:inline-flex;float:right}
.page a{min-width:30px;height:30px;line-height:30px;margin:0;padding:0;border-radius:3px;text-align:center;font-size:1rem;text-decoration:none}
.page a.selected,.page a:hover{background-color:var(--button-bg);color:white}
.page a:hover{background-color:var(--button-bg-hover);color:white}

/*Loader*/
.AZLoader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.4);z-index:5000000000;display:flex;justify-content:center;align-items:center}

/*AlertTip*/
.AZAlertTip{width:100%;position:fixed;bottom:-1000px;left:0;z-index:10005;opacity:0;background-color:rgba(0,0,0,0.9);color:white;text-align:center;transition:all 0.8s;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.AZAlertTip.active{opacity:0.95;bottom:0}
.AZAlertTip .fa-times{width:30px;height:30px;line-height:30px;border:1px solid rgba(241, 103, 34, 1);border-radius:50%;font-size:20px;text-align:center;background-color:rgba(241, 103, 34, 1);color:white;position:absolute;top: -20px;right:0;}
.AZAlertTip > div{max-height:30vh;margin: 10px;overflow:auto;}
.AZAlertTip a{color:#F16722}

/*Notify*/
.AZNotify{width:100%;height:120px;margin:0;padding:10px;display:flex}
.AZNotifyImage{width:100px;height:100px;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.AZNotifyImage img{max-width:100px;max-height:100px;margin:0 auto;display:block}
.AZNotifyContent{width:calc(100% - 100px);height:100px;padding:0 20px}
.AZNotifyTitle{margin:0;padding:0;line-height:1.5;color:white;font-size:1rem;font-weight:bold;text-align:left}
.AZNotifyTitle a{color:white !important}
.AZNotifyBody{max-height:50px;margin:0;padding:0;line-height:1.2;color:#ccc;font-size:0.8rem;text-align:left;overflow:hidden}
.AZNotifyBody a{color:#ccc !important}
.AZNotifyMore{margin:0;padding:0;line-height:20px;color:yellow;font-size:var(--font-size);text-align:left;overflow:hidden}
.AZNotifyMore a{color:yellow !important}

/*History*/
.AZHistory{width:0;height:100vh;position:fixed;top:0;z-index:999;background-color:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.AZHistory i{font-size:40px;margin:0 5px;color:white}
.AZHistory.Back{left:0}
.AZHistory.Forward{right:0}

/*Loading*/
.AZLoading{margin:20px auto;text-align:center}
.AZLoading > img{max-width:50%;max-height:200px;margin:20px auto;display:block}

/*Comment*/
.AZCommentList{}
.AZCommentList .item{margin-bottom:20px;position:relative}
.AZCommentList .item [name="Del"]{position:absolute;top:10px;right:10px;z-index:1}
.AZCommentList .creator{display:flex;justify-content:flex-start;align-items:flex-start}
.AZCommentList .creator > div:first-child{width:60px}
.AZCommentList .creator > div:first-child img{border-radius:50%;max-width:50px}
.AZCommentList .creator > div:last-child{
    width:calc(100% - 60px);
    padding:20px;
    border-radius:20px;
    background-color:#F0F2F5;
}
.AZCommentList .creator .name{
    height:25px;line-height:25px;
    font-size:16px;
    font-weight:bold;
    color:black
}
.AZCommentList .creator .date{
    height:25px;line-height:25px;
    font-size:14px;color:#65676B;
}
.AZCommentList .creator .desc{
    line-height:25px;
    font-size:14px;
    color:#050505;
}
.AZCommentList .images{
    width:100%;
    margin-bottom:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.AZCommentList .images div{
    max-width:80px;
    width:auto;
    height:80px;
    margin:20px 20px 0 0;
    border:1px solid #ccc;
    position:relative;
    overflow:hidden
}
.AZCommentList .images img{
    width:auto;
    height:80px;
    margin:20px 20px 0 0;
}
.AZCommentDetail{}
.AZCommentDetail [name="Images"]{
    width:100%;margin-bottom:10px;
    display:flex;flex-wrap:wrap;justify-content:center
}
.AZCommentDetail [name="Images"] div{
    width:80px;height:80px;
    margin:20px 20px 0 0;
    border:1px solid #ccc;
    position:relative
}
.AZCommentDetail [name="Images"] i{
    width:24px;height:24px;line-height:24px;
    font-size:20px;
    border:1px solid #ccc;
    background-color:white;
    color:black;
    position:absolute;
    top:-12px;right:-12px;
    text-align: center;
    border-radius: 50%;
    opacity: 0.9;
}
.AZCommentDetail [name="Images"] img{
    max-width:100%;max-height:100%;
    display:block; margin:auto
}

/***********************************************************************************************************/
/******************************************* MOBILE ********************************************************/
/***********************************************************************************************************/
.AZMain.mobile{width:100%;padding:10px;margin:0;min-height:unset;margin-bottom:100px}
.AZMain.mobile.AZPopupMain{padding:0;margin-bottom:0}
.AZMain.mobile > h1{max-width:unset;width:100%;text-align:center;font-size:1.8rem;margin:10px 0;padding:0;line-height:1.2;color:#101C2C;}
.AZMain.mobile > h1 > select{height:var(--button-height);margin:0;padding:0 5px;border:1px solid #ccc;color:#101C2C;display:block}
.AZMain.mobile > .nav{display:none}
.AZMain.mobile .main{padding:10px;margin-bottom:10px;background-color:white;position:relative}
.AZMain.mobile .main .search{width:100%;margin:5px 0;font-size:var(--font-size);}
.AZMain.mobile .main .search .row > label{margin:0 5px;height:var(--button-height);line-height:var(--button-height);display:inline-block;vertical-align:top}
.AZMain.mobile .main .search .row > button,.AZMain.mobile .main .search .row > a:not(.scanner){margin:0 10px;padding:0 10px;height:var(--button-height);line-height:var(--button-height);background-color:var(--button-bg);border:0;border-radius:var(--button-radius);color:white;display:inline-block}
.AZMain.mobile .main .search .row > button:hover{background-color:var(--button-bg-hover)}
.AZMain.mobile .main .search .row > a{text-decoration:none}
.AZMain.mobile .main .search .row > button i,.AZMain.mobile .main .search .row > a:not(.scanner) i{margin-right:5px;color:inherit}
.AZMain.mobile .main .search .row > a:not(.scanner){text-decoration:none;background-color:var(--button-bg);color:white;display:inline-block;cursor:pointer}
.AZMain.mobile .main .search .row > a:not(.scanner):hover{background-color:#23B7DC}
.AZMain.mobile .main .search .row > a img{display:inline;float:left;margin:5px 8px 0 0;}
.AZMain.mobile .main .search .row > a.right{float:right !important;margin-right:0 !important}
.AZMain.mobile .main .search .row > a.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.AZMain.mobile .main .search .row > a.green:hover{background-color:#7fb231;border-color:#7fb231}
.AZMain.mobile .main .search .row > a.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.AZMain.mobile .main .search .row > a.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.AZMain.mobile .main .search .row > a.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.AZMain.mobile .main .search .row > a.red:hover{background-color:red;border-color:red}
.AZMain.mobile .main .search .row > a.black{background:none;background-color:#212121;border-color:#212121;color:white}
.AZMain.mobile .main .search .row > a.black:hover{background-color:#555;border-color:#555}
.AZMain.mobile .main .search button i,.AZMain.mobile .main .search a:not(.scanner) i{margin: 0 8px 0 0;color:white;font-size: 14px;}
.AZMain.mobile .main .search ul.menu{margin: 0;padding:0;list-style:none}
.AZMain.mobile .main .search ul.menu li{position:relative}
.AZMain.mobile .main .search ul.menu li i{margin:0 8px;font-size:inherit;color:inherit}
.AZMain.mobile .main .search ul.menu li i.zmdi-chevron-down{}
.AZMain.mobile .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:var(--button-bg);border:1px solid var(--button-bg);color:white;display:inline-block;cursor:pointer}
.AZMain.mobile .main .search ul.menu > li > a:hover{background-color:#23B7DC}
.AZMain.mobile .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}
.AZMain.mobile .main .search ul.menu > li:hover > ul{display:block}
.AZMain.mobile .main .search ul.menu > li > ul li{height:35px;line-height:35px;font-size:var(--font-size);transition:all 0.3s linear}
.AZMain.mobile .main .search ul.menu > li > ul li:hover{background-color:#eee}
.AZMain.mobile .main tfoot{position:unset}
.AZMain.mobile .tabs{width:100%;position:relative;clear:both}
.AZMain.mobile .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;}
.AZMain.mobile .tabs > ul > li{margin:0;padding:10px;line-height:30px;color:#878787;display:inline-block;transition:all 0.3s linear}
.AZMain.mobile .tabs > ul > li.active{border-bottom:3px solid var(--button-bg);color:black}
.AZMain.mobile .tabs > ul > li:hover{color:#212121}
.AZMain.mobile .tabs > ul a{text-decoration:none;font-size:var(--font-size);color:black}
.AZMain.mobile .tabs > ul b{margin-right:5px;border-radius:50%;background-color:var(--button-bg);color: white;width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center}
.AZMain.mobile .tabs > a{margin:0;padding:0 10px;height:32px;line-height:32px;background-color:var(--button-bg);border:1px solid var(--button-bg);color:white;text-decoration:none;position:absolute;top:15px;right:0}
.AZMain.mobile .tabs > a:hover{background-color:#23B7DC}
.AZMain.mobile .tabs > ul > li.disabled{color:#ccc !important}
.AZMain.mobile .tabs > ul > li.disabled a{color:#ccc !important}
.AZMain.mobile .tabs > ul > li.disabled b{background-color:#ccc !important}
.AZMain.mobile .small button,.AZMain.mobile .small a.button{height:calc(var(--button-height) - 10px);line-height:calc(var(--button-height) - 10px);padding:0 8px;margin:0;border-radius:5px}
.AZMain.mobile .row{width:100%;margin:5px 0 0;position:relative;display:block}
.AZMain.mobile .row:not(.ib) > label{width:auto}
.AZMain.mobile .row:not(.ib) > input[type="text"],.AZMain.mobile .row:not(.ib) > input[type="number"],.AZMain.mobile .row > input[type="password"]{width:100%;height:var(--button-height);line-height:var(--button-height);margin:0;padding:0 10px;border:1px solid #ccc;border-radius:var(--button-radius);color:#101C2C;display:block}
.AZMain.mobile .row:not(.ib) > input[type="text"]:focus,.AZMain.mobile .row:not(.ib) > input[type="number"]:focus,.AZMain.mobile .row > input[type="password"]:focus{outline:none;border:1px solid #aaa}
.AZMain.mobile .row:not(.ib) > input[type="text"].center,.AZMain.mobile .row:not(.ib) > input[type="number"].center{text-align:center}
.AZMain.mobile .row:not(.ib) > select{width:100%;height:var(--button-height);margin:0;padding:0 10px;border:1px solid #ccc;border-radius:var(--button-radius);color:#101C2C}
.AZMain.mobile .row > textarea{width:100%;min-height:50px;margin:0;padding:10px;border:1px solid #ccc;color:#101C2C;resize:none}
.AZMain.mobile .row > textarea:focus{outline:none;border:1px solid #aaa}
.AZMain.mobile .row > input[type="checkbox"],.AZMain.mobile .row > input[type="radio"]{margin-top:10px}
.AZMain.mobile .row > select:focus{outline:none;border:1px solid #aaa}
.AZMain.mobile .row > select[disabled]{color:#888}
.AZMain.mobile .row > button,.AZMain.mobile .row > a.button{margin:0 10px;padding:0 10px;height:var(--button-height);line-height:var(--button-height);font-size:var(--font-size);text-decoration:none;border:0;color:white;transition:all linear .2s;display:inline-block;cursor:pointer}
.AZMain.mobile .row > a.button i,.AZMain.mobile .row > button i{margin-right:8px;font-size:inherit;color:inherit}
.AZMain.mobile .row > a.button img{max-height:30px;margin-right:8px;display:inline-block;vertical-align:sub}
.AZMain.mobile .row > a.button:hover{background-color:#23B7DC}
.AZMain.mobile .row > a.button.green{background:none;background-color:#98ce44;border-color:#98ce44;color:white}
.AZMain.mobile .row > a.button.green:hover{background-color:#7fb231;border-color:#7fb231}
.AZMain.mobile .row > a.button.blue{background:none;background-color:#2385C7;border-color:#2385C7;color:white}
.AZMain.mobile .row > a.button.blue:hover{background-color:#1D6DA3;border-color:#1D6DA3}
.AZMain.mobile .row > a.button.red{background:none;background-color:#f34235;border-color:#f34235;color:white}
.AZMain.mobile .row > a.button.red:hover{background-color:red;border-color:red}
.AZMain.mobile .row > a.button.black{background:none;background-color:#101C2C;border-color:#101C2C;color:white}
.AZMain.mobile .row > a.button.black:hover{background-color:#555;border-color:#555}
.AZMain.mobile .row > label,.AZMain.mobile .row > span:not(.select2){min-height:var(--button-height);line-height:var(--button-height)}
.AZMain.mobile .row .scanner{position:absolute;right:10px;bottom:6px}
.AZMain.mobile .row .scanner i{font-size:1.5rem}
.AZMain.mobile .row.ib{display:inline-block}
.AZMain.mobile .row.fl{display:flex}
.AZMain.mobile .col{width:100%;padding:0;margin:0;border:0;display:block}
.AZMain.mobile .col:nth-child(2n+1){}
.AZMain.mobile .col:nth-child(2n){padding:0}
.AZMain.mobile .col3{width:100%;padding:0;margin:0;border:0;display:block}
.AZMain.mobile .col3:nth-child(3n+1){}
.AZMain.mobile .col3:nth-child(3n+2){padding:0}
.AZMain.mobile .col3:nth-child(3n+3){padding:0}
.AZMain.mobile  p{line-height:1.5;margin:5px;padding:0;font-size:12px;color:#101C2C}
.AZMain.mobile .cartnav{height:auto;display:block;padding:10px}
.AZMain.mobile .cartnav .item{padding-right:0;padding-bottom:30px;border-top:1px solid #1B89A5;border-bottom:0;border-left:1px solid #1B89A5;height:auto}
.AZMain.mobile .cartnav .item:first-child{margin-top:30px}
.AZMain.mobile .cartnav .item label{position:absolute;top:-30px;left:10px}
.AZMain.mobile .cartnav .item span{top:-30px;right:0;left:unset}
.AZMain.mobile .cartnav .item:first-child label{left:0}
.AZMain.mobile .cartnav .item button{top:-10px}
.AZMain.mobile .cartnav .item button.click:hover{width:32px;height:32px;top:-16px;left:-16px}
.AZMain.mobile .cartnav .item p{padding:10px;position:static}
.AZMain.mobile .cartnav .item div span{top:30px;right:0;left:unset}
.AZMain.mobile .cartnav .item div{width:100%;padding-right:0;border-left:0}
.AZMain.mobile .cartnav .item div label{position:static}
.AZMain.mobile .cartnav .item div button{top:unset}
.AZMain.mobile .cartnav .item div button.click:hover{top:44px}
.AZMain.mobile .cartnav .item div:first-of-type{margin-top:0;padding-top:0}
.AZMain.mobile .cartnav .item div:last-child{margin-bottom:30px}
.AZMain.mobile .hide{display:none}
.AZMain.mobile.frame{padding:0}
.AZMain.mobile.frame > h1{padding-top:15px}
.AZMain.mobile .select2-container{padding:0 !important;min-height:var(--button-height) !important}
.AZMain.mobile div:not(.row) .select2-container{margin:5px 0 !important;}
.AZMain.mobile .select2-search--inline .select2-search__field{min-width:20px !important;height:var(--button-height) !important;line-height:var(--button-height) !important;margin:0px !important;padding:0px 10px !important;font-size:1rem !important}
.AZMain.mobile .select2-search--dropdown .select2-search__field{width:100% !important;height:var(--button-height) !important;line-height:var(--button-height) !important;}
.AZMain.mobile .select2-selection.select2-selection--single{min-height:var(--button-height) !important}
.AZMain.mobile .select2-selection__choice__display{height:calc(var(--button-height) - 10px);line-height:calc(var(--button-height) - 10px);padding:5px}
.AZMain.mobile .select2-selection__arrow{height:var(--button-height) !important;line-height:var(--button-height) !important;top:0 !important;font-size:1rem !important}
.AZMain.mobile .select2-selection__rendered{height:var(--button-height) !important;line-height:var(--button-height) !important}
.AZMain.mobile .ms-choice{height:var(--button-height);line-height:var(--button-height)}
.AZMain.mobile .ms-choice>span{line-height:var(--button-height)}