#popup-cart .modal-title{text-transform:uppercase;}
#popup-cart .modal-body .wrap-cart{padding:0px;box-shadow:none;border:0px;}
#popup-cart .modal-body .top-cart{width:100%;border:0px;padding:0px;margin:0px;}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;}
.buymore-cart{color:var(--color-red);cursor:pointer;margin:0px;}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px;}
.wrap-cart{padding:20px 15px;background:#ffffff;border:1px solid #d8d8d8;box-shadow:0 0 20px rgba(0,0,0,.15);}
.top-cart{width:60%;border-right:1px solid #eee;padding-right:15px;margin-right:15px;}
.procart{padding:20px 10px;border:1px solid #eee;border-top:0px;}
.pic-procart{width:20%;text-align:center;margin-right:3%;}
.pic-procart img{max-width:100%;max-height:100px;}
.pic-procart .del-procart{color:#999;font-size:12px;display:block;margin-top:5px;cursor:pointer;}
.pic-procart .del-procart:hover{color:red;}
.pic-procart-rp{display:none;margin:10px auto auto auto;width:100%;max-width:85px;}
.info-procart{width:80%;margin-right:3%;}
.name-procart a{font-size:14px;color:#000;display:block;}
.name-procart a:hover{color:var(--color-red);}
.properties-procart{display:block;}
.properties-procart p{display:inline-block;margin-bottom:0px;}
.properties-procart p:first-child{margin-right:10px;}
.properties-procart p strong{font-weight:600;}
.quantity-procart{width:20%;margin-right:3%;}
.quantity-procart p{margin-bottom:0px;}
.quantity-counter-procart{border:1px solid #dfdfdf;width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;}
.counter-procart{background-color:transparent;border:0px;width:30%;color:#333;outline:none;cursor:pointer;font-size:23px;}
.counter-procart:hover,.counter-procart:focus{color:var(--color-red);}
.counter-procart:disabled,.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed;}
.counter-procart-minus{line-height:26px;}
.counter-procart-plus{line-height:24px;}
.quantity-counter-procart .quantity-procat{width:40%;box-sizing:border-box;border:0px;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;outline:none;box-shadow:none;padding:0px;color:#333;text-align:center;}
.price-procart{width:20%;text-align:right;}
.price-procart-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px;}
.price-new-cart{color:var(--color-red);margin-bottom:0px;}
.price-old-cart{color:#999;text-decoration:line-through;}
.procart-label{border:0px;background:#eee;padding:10px;margin:0px;text-transform:capitalize;}
.procart-label .quantity-procart p:last-child{display:none;}
.money-procart{margin-top:15px;}
.total-procart{padding:7px 10px;/* border:1px solid #dddfe2; */margin-bottom:-1px;font-weight: bold;color: #e21164;}
.total-procart p{margin-bottom:0px;font-size:15px;}
.total-procart p:last-child{color: #e21164;}
.bottom-cart{width:40%;}
.section-cart{position:-webkit-sticky;position:sticky;top:15px;}
.title-cart{font-size:15px;text-transform:uppercase;color:var(--color-red);border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px;}
.information-cart{margin-bottom:1.5rem;}
.input-cart{margin-bottom:0.5rem;position:relative;}
.input-cart input,.input-cart textarea{font-size:14px;padding:0.5rem 0.75rem;outline:none;height:auto;}
.input-cart textarea{resize:none;height:100px;}
.input-cart select{cursor:pointer;font-size:14px;padding:0.5rem 1.75rem 0.5rem 0.75rem;height:auto;}
.input-double-cart{margin-bottom:0.5rem;}
.input-double-cart .input-cart{width:49%;float:left;margin-right:2%;margin-bottom:0px;}
.input-double-cart .input-cart:last-child{margin-right:0px;}
.input-triple-cart{margin-bottom:0.5rem;}
.input-triple-cart .input-cart{width:32.65%;float:left;margin-right:1%;margin-bottom:0px;}
.input-triple-cart .input-cart:last-child{margin-right:0px;}
.payments-cart{text-align:left;margin-bottom:5px;min-height:auto;}
.payments-cart:last-child{margin-bottom:0px;}
.payments-cart input{top:calc(50% - 1.25rem/2);}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0px;color:#313131!important;}
.payments-label::before,.payments-label::after{top:calc(50% - 1rem/2);}
.payments-label.active{background: #e21164;color:#ffffff!important;}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:#f5efef;border-radius:5px;}
.payments-info p{margin-bottom:1em;}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto;}
.btn-cart{outline:none!important;box-shadow:none!important;border-color:transparent!important;font-size:14px;text-transform:uppercase;background: #e21164;}
.btn-goon{outline:none!important;box-shadow:none!important;border-color:transparent!important;font-size:14px;text-transform:uppercase;}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%;}
.empty-cart i{color:red;font-size:70px;}
.empty-cart p{margin:15px 0px;color:#333;font-size:18px;}
.empty-cart span{display:inline-block;border:1px solid #2e9ef2;border-radius:3px;padding:10px;font-size:16px;text-transform:uppercase;width:100%;max-width:325px;}
@media(max-width:993px){
	.wrap-cart{flex-wrap:wrap;}
	.top-cart,.bottom-cart{width:100%;border-right:0px;padding-right:0px;margin-right:0px;}
	.top-cart{margin-bottom:30px;}
}
@media(max-width:769px){
	.price-procart,.procart-label .quantity-procart p:first-child{display:none;}
	.price-procart-rp,.procart-label .quantity-procart p:last-child{display:block;}
	.quantity-procart{width:25%;text-align:right;margin-right:0px;}
	.info-procart{width:65%;}
}
@media(max-width:441px){
	.procart-label{font-size:12px;}
	.pic-procart{display:none;}
	.pic-procart-rp{display:block;}
	.info-procart{width:65%;margin-right:5%;}
	.quantity-procart{width:35%;}
	.input-double-cart,.input-triple-cart{margin-bottom:0px;}
	.input-double-cart .input-cart,.input-triple-cart .input-cart{width:100%;float:none;margin:0 0 0.5rem 0!important;}
}

.order-inf1 .cols-order-inf .user-inf-add {
    position: absolute;
    width: 300px;
    padding: 5px 10px;
    line-height: 20px;
    border: 1px solid #189effed;
    background: #189eff;
    color: #fff;
    display: none;
    z-index: 999;
    opacity: 0.8;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
.order-inf1 .cols-order-inf:hover .user-inf-add {
    display: block;
}
.order-inf2 {
    padding-bottom: 2%;
}
.user-order-items .order-inf2 .order-inf2-lf {
    width: 52%;
    float: left;
    padding: 15px 15px 15px 20px;
}
.user-order-items .order-inf2 .order-inf2-lf.feedback {
    width: 40%;
}
.order-inf2 .order-inf2-rg {
}
.order-inf2 .order-inf2-lf .img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
    border: 1px solid #ddd;
}
.order-inf2 .order-inf2-lf .pr-name {
    font-weight: bold;
    display: block;
    line-height: 20px;
    color: #333;
}
.order-inf2 .order-inf2-lf .shop-name {
    display: block;
    padding: 5px 0;
    color: #999999;
}
.block-inprogress .inner-steps {
    float: left;
    text-align: center;
    padding-left: 30px;
    position: relative;
    min-width: 130px;
    justify-content: center;
    align-items: center;
}
.block-inprogress .inner-steps:first-child {
    padding-left: 0;
    /* min-width: 75px; */
}
.block-inprogress .inner-steps .icon-order {
    position: relative;
    margin-bottom: 9px;
}
.block-inprogress .inner-steps.active .icon-order:after {
    background: url(../images/icon_active_order.png) no-repeat center;
    z-index: 78;
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
}


.user-order-items .block-btn-group .bt {
    float: right;
}
.order-inf2 .order-inf2-rg .bt, .block-btn-group .bt {
  
text-align: center;
  
margin-top: 0;
  
-webkit-border-radius: 3px;
  
-moz-border-radius: 3px;
  
border-radius: 3px;
  
border: 1px solid #189eff;
  
color: #fff;
  
background: #189eff;
  
white-space: nowrap;
  
margin-left: 10px;
  
padding: 5px 5px;
  
overflow: auto;
}
.order-inf2 .order-inf2-rg .bt a, .block-btn-group .bt a {
    color: #fff;
}
.user-order-items .block-btn-right {
    float: right;
    text-align: right;
}
.cancel-order {
    float: left;
    margin-top: 6px;
}
.user-order-items .block-btn-group .bt {
    float: right;
}
.cancel-order a {
    font-size: 15px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 23px;
}
.user-order-items .block-btn-group {
    display: block;
    /* max-width: 50%; */
    padding: 10px 20px 10px;
    overflow: auto;
}
.order-inf2 .order-inf2-rg {
    float: left;
    padding: 20px 0px 0 0;
    width: 60%;
    position: relative;
}
.profile-user{margin-bottom: 25px}
.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.option-order-cancel {
    font-size: 15px;
    color: #000;
    margin-bottom: 6px !important;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
/*end*/
/*chi tiết đơn hàng*/
.ttl-box-profile {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ededed;
    height: auto;
}
.ttl-box-profile span {
    font-weight: normal;
}
.cont-order-detail .block-info-inprogress {
    display: block;
    overflow: auto;
    padding: 15px 0;
}
.cont-order-detail .first-block {
    padding: 10px 0;
    float: left;
    width: 30%;
}
.cont-order-detail .first-block {
    width: 20%;
}
.cont-order-detail .first-block span {
    display: inline-block;
    margin-right: 0;
    line-height: 1.6;
    font-size: 14px;
    color: #333;
}
.cont-order-detail .first-block span b {
    color: #189eff;
   font-weight: bold;
}
.cont-order-detail .block-inprogress {
    width: 91%;
    margin: 0 auto;
    float: none;
}
.block-inprogress .inner-steps {
    float: left;
    text-align: center;
    padding-left: 0px;
    position: relative;
    min-width: 130px;
}
.block-inprogress .inner-steps:first-child {
    padding-left: 0;
    /* min-width: 85px; */
}
.block-inprogress .inner-steps:first-child {
    padding-left: 0;
    /* min-width: 50px; */
}
.block-inprogress .inner-steps .icon-line {
    position: absolute;
    top: 25%;
    left: -20%;
    width: 50px;
    height: 3px;
    background: #d0d0d0;
}
.block-inprogress .inner-steps img {
    margin: 0 auto;
}
.block-left-detail, .block-right-detail {
    padding: 18px;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    border-radius: 3px;
    position: relative;
}
.block-left-detail, .block-right-detail {
    display: table-cell;
    width: 48%;
    min-height: auto;
    margin-left: 0;
    vertical-align: top;
    flex: 0 0 49%;
    max-width: 48%;
}
.block-left-detail.order-left {
    margin-right: 20px;
    padding-right: 20px;
}
.block-left-detail, .block-right-detail:last-child{margin-right: 1px;}
.block-left-detail .cols-left-detail {
    float: left;
    position: relative;
}
.block-left-detail .cols-left-detail {
}
.block-left-detail .cols-left-detail h3, .block-right-detail h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #093a78;
}
.block-left-detail .cols-left-detail p {
    margin: 0;
}
.block-left-detail .cols-left-detail .txt-inf label {
    width: 115px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.block-left-detail .cols-right-detail {
    float: left;
    width: 50%;
    font-size: 13px;
    color: #189eff;
    border: 1px dashed;
    padding: 10px;
    text-align: center;
    margin: 10px 0;
    border-radius: 3px;
}
.block-left-detail .cols-right-detail {
    width: 45%;
}
.shipment-tracking.pc {
    display: block;
    margin-top: -20px;
    padding: 20px 20px 20px 20px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    margin-bottom: 12px;
    margin-top: 15px;
    position: relative;
    display: none;
}
.shipment-tracking .shipment-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shipment-tracking .shipment-icon {
    position: relative;
}
.shipment-tracking .shipment-icon span {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 2;
    background: white;
}
.shipment-tracking.pc:after {
    content: "";
    position: absolute;
    left: 18px;
    top: 29px;
    height: 45px;
    width: 13px;
    background: url(../images/icon15.png) no-repeat center left;
}
.shipment-tracking .shipment-context {
    padding: 6px 0;
    width: 88%;
}
.shipment-tracking .shipment-text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.shipment-tracking .shipment-context .shipment-time {
    margin-right: 15px;
}
.shipment-tracking .shipment-context .shipment-time .time, .shipment-tracking .shipment-context .shipment-time .date {
    float: left;
    font-size: 14px;
    color: #333;
}
.shipment-tracking .shipment-context {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    padding: 7px 0;
}
.shipment-tracking .shipment-status:first-of-type .shipment-text {
    color: #2dc8ec;
}

.shipment-tracking .shipment-context .shipment-time .time {
    margin-right: 10px;
}
.block-inner-detail {
    position: relative;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 15px 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.detail-block .inner-detail {
    display: block;
    float: left;
    margin: 0 0 10px;
    width: 100%;
    color: #999999;
}
.order-bill {
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}
.order-btn-group {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.detail-block .inner-detail .txt-inf {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.detail-block .inner-detail .txt-inf label {
    font-size: 14px;
    color: #093a78;
    font-weight: bold;
}
.inner-detail .txt-inf .shop-name, .inner-detail .txt-inf .shop-name span {
    font-size: 14px;
    color: #189eff;
    font-weight: normal;
}
.detail-block .inner-detail .txt-inf span {
    color: #333333;
}
.detail-block .tbl-items-list {
    width: 100%;
}
.detail-block .tbl-items-list th {
    height: 30px;
    line-height: 30px;
   font-weight: bold;
    color: #000;
    text-align: center;
}
.detail-block .tbl-items-list td {
    vertical-align: top;
    padding: 15px 0;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}
.detail-block .tbl-items-list td:first-child {
    text-align: left;
}
.order-bill .detail-order-bill {
    width: 300px;
    float: right;
}
.order-bill .detail-order-bill .row-inf {
    padding: 8px 0;
    font-size: 14px;
    overflow: hidden;
}
.detail-order-bill .row-inf .lbl {
    width: 140px;
    float: left;
    text-align: right;
}
.detail-order-bill .row-inf .fee {
    float: right;
    color: red;
}
.user-address-block .bt-block .bt.back-order-list {
    color: #333;
    line-height: 30px;
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    border-radius: 3px;
   font-weight: bold;
}
.user-address-block .bt-block {
    text-align: center;
    margin-top: 15px;
}
.user-address-block .bt-block .bt.back-order-list {
    text-transform: uppercase;
}
.detail-block .tbl-items-list th:first-child {
    width: 40%;
    text-align: left;
}
.tbl-items-list .item-pr img {
    float: left;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    width: 80px;
    height: 80px;
}
.tbl-items-list .item-pr .item-pr-info {
    overflow: hidden;
}
.tbl-items-list .item-pr .pr-name {
    display: block;
   font-weight: bold;
    line-height: 17px;
    padding-bottom: 5px;
    color: #189eff;
}
.tbl-items-list .price {
    color: #595959;
}
.tbl-items-list .numb {
    font-weight: bold;
    color: #000;
}
.detail-block .tbl-items-list td.total-pr {
   font-weight: bold;
   color: red;
}
/*end*/
@media screen and (min-width:1200px) {

}
@media screen and (max-width:767px) {
	.tbl-items-list .item-pr .item-pr-info{
		display: block;
	    font-weight: bold;
	    line-height: 17px;
	    padding-bottom: 5px;
	    color: #189eff;
	    font-size: 11px;
	    margin-top: 10px;
	}
}
@media screen and (max-width:1200px) {
  .modal-login .modal-dialog{width: 97%;    margin: auto;}
  .modal-login .modal-dialog {
    margin-top: 48px;
}
.modal-login .btn-login-fb:before, .modal-login .btn-register-fb:before{left: 30px}
.modal-login .i-radio{margin-bottom: 10px;}
.jFiler-input-dragDrop{width: 100%}
.wrapuser .col-right{border-left: 0}
.nav-info{margin-left: 0}
.user-order-items .order-inf1 {
    padding: 5px;
}
.user-order-items .order-inf1 .cols-order-inf {
    width: 100%;
}
.user-order-items .order-inf1 .cols-order-inf:first-child {
    margin-left: 0px;
}
.user-order-items .order-inf1 .cols-order-inf {
    width: 100%;
}
.user-order-items .order-inf2 .order-inf2-lf.feedback, .order-inf2 .order-inf2-rg {
    width: 100%;
    padding: 10px;
}
.block-inprogress .inner-steps:first-child {
    width: 37px;
}
.block-inprogress .inner-steps img {
    width: 42px;
    min-width: 41px;
}

.block-inprogress .inner-steps .icon-line.line {
    left: -21%;
    width: 46px;
}
.block-inprogress .inner-steps .icon-line {
    position: absolute;
    top: 16%;
    left: -24%;
    width: 33px;
    height: 3px;
    background: #d0d0d0;
}
.block-inprogress .inner-steps img {
    width: 37px;
    min-width: 37px;
}
.cont-order-detail .first-block {
    width: 100%;
}
.block-left-detail, .block-right-detail{
    flex: 0 0 100%;
    max-width: 100%;
}
.block-inprogress .inner-steps .icon-line.line {
    left: -21%;
    width: 46px;
}
.block-inprogress .inner-steps {
    width: 50px;
    min-width: 75px;
    height: 112px;
}
.block-left-detail .cols-left-detail .txt-inf label{width: auto}
.cont-order-detail .block-inprogress{width:100%;display: flex;align-items: center;justify-content: center;}
}