﻿@import url("/data/plugin/fontawesome581pro/fontawesome581pro.css");
@import url("/fonts/UTM-Alter-Gothic/UTM-Alter-Gothic.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese&display=swap");
@import url("https://fonts.googleapis.com/css?family=Taviraj:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=vietnamese&display=swap");
*{outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;color:inherit}
body{margin:0;padding:0;background:url('images/bgb.jpg?w=800&q=60') #F1EBDA;font-size:15px;font-family:Roboto;color:black;}
a{text-decoration:none;color:inherit}
iframe{margin:0;padding:0;border:0}
.schema{display:none}
.header{width:100%;height:50px;background-color:rgb(52,12,12);border-bottom:1px solid #333;position: fixed;top: 0;left: 0;z-index: 999;display: flex;justify-content: space-between;}
.header .logo{width: calc(100% - 80px);height:50px;line-height:50px;top:0;}
.header .logo a{font-family:UTM-Alter-Gothic;font-size:26px;font-weight:400;color:#FFBF43 !important;}
.header .fa-bars{float:left;font-size:24px;margin: 12px 8px;}
.header i.fa-shopping-cart{font-size:22px;color:white;position:absolute;right:20px;top:15px}
.header .cart{height: 100%;margin: 0;padding:0;float:right;width: 80px;}
.header .cart > li{list-style: none;}
.header .cart > li > a:not(.cartalert){width:100%;height:100%;display:block}
.header .cart > li > a:not(.cartalert) > img{max-height:25px;max-width:100%;display:block;margin:15px auto 0}
.header .cart > li label{width:100%;height:30px;line-height:30px;bottom:0px;left:0px;font-size:14px;color:#FFBF43;text-align:center;display:block;position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#cartcount{width:20px;height:20px;line-height:22px;padding:0;border-radius:50%;color:#fff;background-color:#f00;font-size:12px;text-align:center;display: flex;justify-content: center;align-items: center;position:absolute;top:5px;right: 10px;}
.cartalert{height: 40px;line-height:30px;padding: 5px;border-radius:5px;color:yellow;background-color:#f00;text-align:center;display:block;position:absolute;top:50px;right:5px;cursor:pointer;display:none;transition:all 0.3s;}
.cartalert.active{display:block;}
.cartalert a{font-size:16px;font-weight:bold;color:yellow !important;}
.cartalert .fa-times{margin-left:10px;}
.cartalert .fa-triangle{position:absolute;top:-2px;right: 10px;border:solid #f00;border-width:0 8px 8px 0;display:inline-block;padding:8px;transform:rotate(-135deg);z-index:-1}
.headersep{width:100%;height:50px}

.panelmenu{width:100vw;height:100vh;transition:all 0.3s linear;position:fixed;top:0;left:-100vw;z-index:1000000000;background-color:white}
.panelmenu.active{left:0}
.panelmenu .search{width:100%;height:40px;display:flex}
.panelmenu .search .close{width:40px;height:40px;line-height:40px;text-align:center;font-size:30px;color:#222}
.panelmenu .search span{width:calc(100% - 40px);display:inline-block}
.panelmenu .search input[type="text"]{width:100%;height:100%;border:0;padding:0;outline:none;color:#000;text-indent:15px;background:#f7f6f6}
.panelmenu .search span i{width:20px;height:20px;position:absolute;top:10px;right:10px;font-size:20px}
.panelmenu .menu{width:100%;height:calc(100% - 40px);overflow:auto}
.panelmenu .menu > ul{margin-bottom:50px;list-style: none;margin: 0;padding: 0;}
.panelmenu .menu li{width:100%;line-height:40px;border-bottom:1px solid #CBCBCB;font-size:17px;color:#262626;background-color:white;text-indent:20px;text-transform:uppercase}
.panelmenu .menu li a{display:block}
.panelmenu .menu li i{width:16px;height: 40px;line-height: 40px;margin-right:10px;font-size: 12px;text-indent:0;color: rgb(52,12,12);background-color: transparent;text-align: right;float:right}
.panelmenu .menu li ul{margin: 0;padding:0;}
.panelmenu .menu li ul li{border-top:1px solid #CBCBCB;border-bottom:0;background-color:white;color:#4E4E4E;font-size:15px;text-transform:initial;text-indent:40px;display:block}

.banner{width:100%;position:relative}
.banner > img{width:100%;display:block}
.banner .title{width: 100%;height: 85px;position: absolute;left: 0;top: calc(50% - 60px);}
.banner .title1{width:100%;height: 25px;line-height: 25px;font-family: 'Taviraj', serif;font-size: 16px;text-align: center;color: #eeac5d;}
.banner .title2{width:100%;height: 30px;font-family: UTM-Alter-Gothic;font-size: 22px;letter-spacing: 12px;text-align: center;color: #ffffff;}
.banner .title3{width:100%;height: 25px;line-height: 25px;padding-top: 5px;font-family: 'Taviraj', serif;font-size: 12px;font-weight: 400;font-style: italic;text-align: center;color: #ffffff;}
.banner .pattern{width: 300px;position: absolute;bottom: 5px;left: calc(50% - 150px);}
.banner .pattern img{display:block;margin:auto}
.introhome{width:calc(100% - 20px);margin:30px auto 0;text-align:justify;font-family:'Taviraj', serif;font-size:16px;line-height:1.33;color:#470000}
.introhome h2{width:calc(100%);font-family:'Taviraj', serif;color:#470000;font-size:30px;font-weight:600;text-align:center}
.introhome p{font-family:'Taviraj', serif;font-size:16px !important;color:#470000;line-height:1.33}
.sep{width:100%;margin:20px auto}
.sep img{margin:auto;display:block}

.product{margin:30px 0}
.product .group{}
.product h2{font-family:'UTM-Alter-Gothic';font-size:32px;font-weight:600;text-align:center}
.product .list{display:flex;justify-content:center;flex-wrap:wrap}
.product .item{width:300px;margin:10px;}
.product .item .image{width:300px;height:200px;display:block;position:relative;overflow:hidden}
.product .item .image img{max-width:100%;max-height:100%;display:block;margin:auto;border-radius:5px}
.product .item .price{width:100%;height:30px;line-height:30px;margin:0 auto;color:#470000;font-size:16px;font-weight:600;text-align:center}
.product .item .price span{font-size:22px;font-weight:bold;color:red}
.product .item .price sup{color:red;margin-left:2px}
.product .item .name{width:calc(100%);height:35px;line-height:35px;margin:0;padding:0;text-align:center;color:#470000;font-family:'Taviraj', serif;font-size:16px;font-weight:600;overflow:hidden}
.product .item p{margin:0;padding:0;font-size:12px;text-align:center}

.book{width:calc(100% - 20px);margin:10px}
.book .minus,.book .plus{width:38px;height:38px;line-height:38px;border:1px solid #ddd;background-color:#F1EBDA;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;float:left;user-select:none;}
.book .minus:hover,.book .plus:hover{background-color:#F4F4F4;}
.book input[type="text"]{width:50px;height:38px;line-height:38px;margin:0;padding:0 5px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;display:inline-block;vertical-align:top;float:left}
.book input[type="text"].incart{background-color:#eee;}
.book .order{width:calc(100% - 180px);height:40px;line-height:40px;margin-left:10px;padding:0 5px;border-radius:2px;background-color:#c11d0d;text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear}
.book .order:hover{background-color:#7D0202}

.product .detail{width: calc(100%);padding:0 10px;position:relative}
.product .detail > .name{margin:0;padding:0}
.product .detail > .name > h3{width:calc(100% - 20px);height:40px;line-height:40px;color:white;margin:0;padding:0 10px;background-color:#DB0074;text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;border-top-left-radius:3px;border-top-right-radius:3px}
.product .detail > .name > div{width:calc(100% - 2px);margin:10px 0;border:1px solid #E1E1E1}
.product .detail > .name > div > a{width:100%;line-height:37px;background:url(Images/arrowfilter.png) no-repeat right+10px top+17px;text-indent:10px;color:black;font-size:14px;font-weight:400;display:block}
.product .detail > .name .on > a{background-color:#DB0074 !important;color:white !important;font-size:16px !important;font-weight:bold !important;background-image:url(Images/arrowfilteron.png) !important}
.product .detail .image img{max-width:100%;margin:auto;display:block}
.product .detail .desc{font-size:14px;border:1px solid #E1E1E1;border-top:0;margin:0;padding:10px;}
.product .detail .desc p{padding:0;margin:15px 0 0 0}
.product .detail .list{border-top:0}
.product .detail .infoimage{width:100%;position:relative}
.product .detail .infoimage .image{width:300px;margin:0 auto;position:relative}
.product .detail .infoimage .image img{width:300px;display:block;margin: auto;border-radius: 5px;}
.product .detail .infoimage .image .khung{width:300px;height:300px;position:absolute;top:0;left:0;z-index:2;pointer-events:none}
.product .detail .infoproduct {}
.product .detail .infoproduct h1{line-height:25px;font-size:18px;font-weight:bold;padding:10px 0;text-align:center;color:#c11d0d;border-bottom:1px solid #c11d0d;text-transform:uppercase}
.product .detail .infoproduct .price{font-size:16px;font-weight:bold;color:black}
.product .detail .infoproduct .price span{font-size:22px;color:#ed1c24;font-weight:bold}
.product .detail .infoproduct .price sup{color:red;margin-left:2px}
.product .detail .combo{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px}
.product .detail .combo h2{margin:10px 0;font-size:18px}
.product .detail .combo ul{margin:0;padding:0;list-style:none}
.product .detail .combo li{margin-bottom:5px;position:relative}
.product .detail .combo img{width:60px;height:60px}
.product .detail .combo span{margin-left:5px;font-size:28px;font-weight:bold;color:#c11d0d;position:absolute;top:0;left:70px}
.product .detail .combo label{margin-left:5px;font-size:18px;position:absolute;left:70px;bottom:0}
.product .summary{line-height:1.3;font-size:14px}
.product .description{line-height:1.8;font-size:16px}

.news{margin-bottom:30px;padding:0 10px}
.news h1{line-height:1.5;margin:20px 0 0;padding:0;font-size:22px;font-weight:bold;color:black;text-transform:uppercase;text-align:center}
.news .list{display:flex;flex-wrap:wrap;justify-content:start}
.news .list .item{width:100%;margin:20px 10px 0;padding:0;position:relative;overflow:hidden}
.news .list .item .image{width:100%}
.news .list .item .image a{display:block}
.news .list .item .image img{max-width:100%;max-height:100%;margin:auto;display:block}
.news .detail img{width: 100%; height: auto;}
.news .list .item > h3{width:calc(100%);height:44px;line-height:22px;margin:5px 0;padding:0;font-size:16px;font-weight:bold;color:black;text-align:left;text-transform:uppercase;display:block;overflow:hidden}
.news .list .item > span{width:100%;height:22px;line-height:22px;font-size:14px;color:#898989;text-indent:20px;background:url(images/date.png) no-repeat left center;display:block}
.news .list .item > hr{margin:5px 0;padding:0;border:0;width:50px;height:1px;background-color:black}
.news .list .item > .summary{width:100%;margin:5px 0 0;padding:0;display:block}
.news .list .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .detail{width:100%;margin:auto;padding:0;display:block}
.news .detail h1{line-height:1.5;margin:10px 0 0;padding:0;color:black;font-size:22px;font-weight:bold;text-transform:uppercase}
.news .detail .date{width:100%;height:30px;line-height:30px;font-size:14px;color:#A9A9A9;text-indent:20px;background:url(images/date.png) no-repeat left center;display:block}
.news .detail .summary{margin:0;padding:0}
.news .detail .summary *{font-size:15px;font-weight:bold;line-height:1.5;color:#191919}
.news .detail .summary p{margin:0;padding:0}
.news .detail .description iframe {max-width: 100%;}
.news .mostview{width:calc(100% - 830px);margin-left:20px;display:inline-block;vertical-align:top}
.news .mostview .title{width:calc(100% - 40px);height:40px;line-height:40px;margin:0;padding:0 20px;text-align:left;background-color:black;color:white;font-size:16px;font-weight:500;text-transform:uppercase}
.news .mostview .item{margin-top:10px;clear:both;display:inline-block}
.news .mostview .item a{display:block}
.news .mostview .item img{width:90px;height:60px;margin-right:10px;float:left}
.news .mostview .item h3{height:60px;margin:0;padding:0;line-height:1.3;font-size:15px;font-weight:400;color:#262626;overflow:hidden}
.news .mostview .item:hover h3{color:black}
.news .same{width:100%;height:300px;margin:20px;display:flex}
.news .same .item{width:240px;height:310px;margin:0;padding:0 30px 0 0;position:relative;overflow:hidden}
.news .same .item .image{height:160px;overflow:hidden}
.news .same .item .image a{display:block}
.news .same .item .image img{max-width:100%;max-height:100%}
.news .same .item > h3{width:calc(100%);height:44px;line-height:22px;margin:5px 0;padding:0;font-size:15px;color:black;text-align:left;display:block;overflow:hidden}
.news .same .item > span{width:100%;height:22px;line-height:22px;font-size:13px;color:#A9A9A9;text-indent:20px;background:url(Images/date.png) no-repeat left center;display:block}
.news .same .item > .summary{width:100%;margin:5px 0 0;padding:0;display:block}
.news .same .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .same .slick-prev{top:-30px;right:60px;left:unset}
.news .same .slick-next{top:-30px;right:30px}
.news .same .slick-prev:before,.news .same .slick-next:before{color:black}

.intro{padding:20px 20px 50px;}
.intro h1{margin:0;padding:0;line-height:60px;width:100%;text-align:center;font-size:26px}
.intro h3{margin:0;padding:0;line-height: 1.5;font-size:16px}
.intro p{line-height: 1.8;font-size:14px;}

.footer{padding:20px 20px 70px;background-color:#671710;font-family:'Taviraj', serif;font-size:16px;color:#BD887F}
.footer img{max-width:calc(50% - 20px);max-height:40px;margin:0 10px}
.footer h2{margin:0;padding:0;line-height: 1.5;font-size:22px;text-align:left;font-family: 'UTM-Alter-Gothic';color: #FFBF43;font-weight: 400;}
.footer h3{margin:0;padding:0;line-height:40px;font-size: 16px;text-align:left}
.footer ul{margin:0;padding:0;list-style:none}
.footer li{line-height:30px;font-size:14px}
.footer li a{color:inherit !important}
.footer i{margin-right:8px}
.footer img{max-width:150px;margin:10px 0;display:block}
.footer div{margin:0;padding:0;line-height:2;font-size:14px}
.footer .info{margin:20px 0;padding:20px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa}

/*Footer*/
.navfooter{width:100%;height:49px;border-top:1px solid #A3A3A3;background:#F9F9F9;position:fixed;bottom:0;left:0;z-index:999;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2)}
.navfooter ul{margin:0;padding:0;display:flex}
.navfooter li{width:24%;height:100%;list-style:none;text-align:center}
.navfooter a,.navfooter a:visited{line-height:15px;font-size:12px !important;font-weight: 500;color:green !important;display:block}
.navfooter a.on,.navfooter a.on .fa{color:#DB0074;}
.navfooter i{width:100%;height:25px;line-height:25px;margin: 3px 0;color:green;display:block;text-align:center;font-size:20px}
.navfooter .gift a{}
.navfooter img{width:22px;height:22px;border-radius:50%;display:block;margin:3px auto 0}

.nav{margin:10px 0;padding:0 10px;color:#898989;font-size:14px;display:inline-block}
.nav ul{margin:0;padding:0;list-style:none}
.nav li{margin:0 5px;color:black !important;font-size:14px;font-weight:400;display:inline}
.nav li:first-child{margin-left:0}
.nav li:last-child{color:#898989 !important}
.nav a{margin:0 5px;color:black !important;font-size:14px;font-weight:400}

ul.page{margin:10px auto;display:flex;justify-content:center}
ul.page li{width:32px;height:32px;line-height:34px;margin:0 5px 0 0;border-radius:5px;border:1px solid #E1E1E1;background-color:white;text-align:center;display:inline-block;vertical-align:top}
ul.page li a{color:#252525;font-size:14px;}
ul.page li.on{border:1px solid #DB0074;background-color:#DB0074;color:white}
ul.page li.on a{color:white}
.error404{margin:auto;padding:10px}
.error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
.error404 img{width:100px;margin:50px auto;display:block;}
.error404 .title2{width:100%;font-size: 17px;line-height: 1.47;color: #2c2c2c;text-align: center;}

.empty{width:calc(100%);height:200px;padding:30px 0;}
.empty img{max-height:50px;margin:10px auto;display:block;}
.empty div{width:100%;height:40px;line-height:40px;margin:10px auto;font-size:32px;color:black;text-align:center;display:block;}
.empty a{width:80%;height:43px;line-height:43px;margin:auto;background-color:rgb(52, 12, 12);border:solid 1px #333;display:block;font-size:20px;color:#fff !important;text-transform:uppercase;text-align:center;}
.empty a:hover{background-color:#0080D5;}

.cart{margin:110px 10px 150px}
.cart .panel{width: calc(100%);min-height:100px;margin: 0 0 20px;padding:10px;background-color:#fff;border:solid 1px #ddd}
.cart h2{height:40px;line-height:40px;padding:0;margin:0;font-size:16px;color:black;text-align:left;border-bottom:1px solid #ddd;}
.cart h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:black;text-align:left;}
.cart .item{padding:10px 0;border-bottom:1px solid #ccc;}
.cart .item:last-child{border-bottom:0;}
.cart .image{width:80px;height:80px;display:inline-block;vertical-align:top;}
.cart .image img{max-width:80px;max-height:80px;margin:auto;display:block;}
.cart .name{width:calc(100% - 100px);margin-left:10px;line-height:25px;display:inline-block;vertical-align:top;}
.cart .name a{line-height:30px;font-size:14px;color:red;}
.cart .name input[type="text"]{width:80px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;border: solid 1px #ddd;font-size:16px;color:black;}
.cart .quantity{margin-top:5px;float:right;display: flex;}
.cart .quantity .minus,.cart .quantity .plus{width:33px;height:33px;line-height:33px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;}
.cart .quantity .minus{border-right:0}
.cart .quantity .plus{border-left:0}
.cart .quantity .minus:hover,.cart .quantity .plus:hover{background-color:#F4F4F4;}
.cart .quantity input[type="text"]{height:33px;line-height:33px;margin:0;padding:0;border-radius:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;display:inline-block;vertical-align:top;}
.cart .bank{width: 150px;height: 30px;line-height: 30px;border: 1px solid #D09D2C;margin: 5px;padding: 5px 0;background-color: white;display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden;text-align: center;font-weight: bold;}
.cart .bank img{max-width: 100%;max-height: 100%;margin: auto;display: block;transition: all 0.5s;}
.cart button{width:100%;height:40px;line-height:40px;padding:0 10px;border:0;background-color:#7D0202;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
.cart .PaymentConfirm{margin:10px}
.cart .promotion{margin:10px 0;display:inline-block}
.cart .promotion > input[type="text"]{max-width:calc(100% - 120px);width:200px;height:38px;line-height:38px;padding:0 10px;margin:0;border:1px solid #ccc;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:none;display:inline-block;vertical-align:top;float:left}
.cart .promotion div{width:calc(100% - 110px);margin:0;padding:0;line-height:20px;font-size:14px;color:#afafaf;font-weight:600;float:left;clear:both}
.cart .promotion span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:14px;color:#212121;font-weight:600;display:inline-block}
.cart .promotion > button{width:100px;height:40px;line-height:40px;margin:0;padding:0 10px;border:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ED1C24;text-align:center;font-size:14px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear;display:inline-block;vertical-align:top;float:left}
.cart .promotion > button:hover{background-color:#ED1C24;}
.cart .promotion > button.del{border-radius:5px}
.cart .coupon{width:100%;display:inline-block}
.cart .coupon div{width:calc(100% - 100px);margin:0;padding:0;line-height:20px;font-size:14px;color:#afafaf;font-weight:600;float:left;clear:both}
.cart .coupon span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:14px;color:#212121;font-weight:600;display:inline-block}
.cart .coupon button{width:90px;height:30px;float:right;padding:5px 10px;margin:10px 0;line-height:unset;font-size:12px;text-align:center;display:block;border-radius:4px;background:#fff;color:#ff4343;border:solid 1px #ff4343}
.cart .coupon button:hover{background-color:#fff;}
.cart .coupon ul{margin:0;padding:0;list-style:none;display:inline}
.cart .coupon li{text-indent:5px;display:inline}
.cart .coupon li:before{content:", ";}
.cart .coupon li:first-child{text-indent:0}
.cart .coupon li:first-child:before{content:"";}
.cart .row{width:calc(100%);margin: 5px 0;display: inline-block;}
.cart .row > label{width: 100%;height: 30px;line-height: 30px;display: block;}
.cart .row > span{width:auto;height:35px;line-height:35px;margin:5px 0 5px 5px;display:inline-block;vertical-align:top;white-space:nowrap}
.cart .row > input[type="text"],.cart .row > select,.cart .row > textarea{width: 100%;height:30px;margin: 0;padding: 0 8px;display: block;vertical-align:top;border: 1px solid #aaa;border-radius: 3px;}
.cart .row > textarea{height:auto;padding:5px}
.cart .rowgroup{display:flex;justify-content:space-between;align-items:center}
.cart .rowgroup label{width:90px}
.cart .rowgroup span{width:calc(100% - 90px);padding-left:10px}
.cartheader{width:100%;height:100px;position:fixed;top:0;left:0;z-index: 99999;background-color:#fff;border-bottom:1px solid #ccc;}
.cartheader .title{width:100%;height:50px;line-height:50px;background-color:rgb(52, 12, 12);color:#fff;font-size:16px;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;}
.cartheader .title .fa-home{width:30px;height:30px;margin:10px;position:absolute;top:0;left:0;font-size:25px;color:white}
.cartheader .cartnav{margin:auto;padding:20px 0 5px;background-color:#fff;display:flex}
.cartheader .cartnav a{color:inherit !important}
.cartheader .status{width:calc(25% - 8px);margin-right:5px;font-size:12px;font-weight:600;color:black;text-align:center;position:relative;display:inline-block;vertical-align:top;}
.cartheader .status span{width:20px;height:20px;border:1px solid #7D0202;border-radius:50%;background-color:#fff;position:absolute;top:-30px;left:calc(50% - 10px);display:block;}
.cartheader .status.complete span{background-color:#7D0202;display:block;}

.cartfooter{width: calc(100%);padding:5px 10px;background-color:#fff;position:fixed;bottom:0;left:0;z-index: 999999;border-top:1px solid #ccc;}
.cartfooter div{height:25px;line-height:25px;text-align:right;color:#aaa;display:flex}
.cartfooter label{width:calc(50% - 10px);height:25px;line-height:25px;font-size:16px;color:black;text-align:left;vertical-align:top;display:inline-block;}
.cartfooter span{width:50%;height:25px;line-height:25px;color:black;font-size:16px;font-weight:bold;vertical-align:top;display:inline-block;}
.cartfooter button,.cartfooter a{width:calc(100%);height:35px;line-height:35px;margin:10px 0;padding:0;border:0;background-color:#ed2f2e;color:#fff !important;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:block;text-align:center}

.select2-container{height:30px !important;line-height:30px !important;font-size:14px !important;width: calc(100%) !important;margin: 0 !important;}
.select2-dropdown{margin-top:-2px}
.select2-selection{height:30px !important;border-radius:0;}
.select2-selection__rendered{line-height:30px !important;font-size:14px !important;font-weight:400 !important}
.select2-selection__arrow{height:28px !important}
body > .select2-container{z-index:10002}
.xdsoft_datetimepicker.xdsoft_inline{z-index: 1;}