.table-cart{
    font-family: r0c0SemiBold;
}
 #submitOrder, .cartItem{
    font-family: Arial;
}
.step, .sidebar-box, .barItems, .barItems .barIt{
    display: inline-block;
    width: 100%;
}


/*++++++++++++++++++++++++++++++++ Start Cart +++++++++++++++++++++++++++++++++*/
.step{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.step span{
    opacity: .3;
    margin: 10px;
    display: inline-block;
}
.step span.is{
    opacity: 1;
    color: #394a5d;
}
.step span i{
    margin-right: 10px;
}
.empty {
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #545454;
}

.sidebar-box .table-cart {
    margin-bottom: 0;
}
.table-cart {
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 0 10px; /* this is the ultimate fix */
}
.table-cart thead tr th {
    color: #252525;
}
.table-cart thead tr {
    font-weight: bold;
    text-transform: uppercase;
}
.table-cart thead tr, .table-cart thead tr th, .table-cart tbody tr td {
    color: #333;
    border: none;
}

.table-cart tbody tr td {
    vertical-align: middle !important;
    position: relative;
    border: none !important;
    border-bottom: 1px #ebebeb solid !important;
}

.table-cart tbody tr img {
    width: 100px;
    max-height: 130px;
    object-fit: contain;
}
.cartqty{
    width: 86px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid #344862;
}
.cartqty span, .cartqty input{
    font-size: 16px;
    font-weight: 700;
    min-height: 34px;
    float: left;
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    outline: 0;
}
.itemPri{
    color: #d6383c;
}
.itemPri i{
    color: #333;
    font-style: normal;
}
.cartqty span{
    cursor: pointer;
}
.removeCartItem {
    font-size: 1.3em;
    cursor: pointer;
}
.removeCartItem:hover {
    color: #545454;
}
.leftcart .scrollModal{
    padding-right: 25px;
}
.cart-sidebar {
    font-size: 14px;
    margin-bottom: 15px;
}
.sidebar-title {
    color: #252525;
    font-weight: bold;
    padding:10px 0 15px 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 3px solid #e1e1e1;
}
.barItems{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
}
.barItems:last-child{
    border-bottom: none;
}
.barItems .barIt{
    margin-bottom: 15px;
}
.barItems .barIt:last-child{
    margin-bottom: 0;
}
.barItems .btn, .history-back{
    color: #fff;
    padding: 10px 12px;
    border: 1px solid #42546c;
    background: #3498db;
    border-radius: 24px;
    min-width: 80px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    display: block;
    transition: all .5s;
}
.barItems .btn:hover, .barItems .btn:active, .barItems .btn:focus{
    background: #42546c;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.history-back{
    display: inline-block;
    padding: 10px 25px;
    margin-top: 13px;
    border-color: #f05f62;
    background: #f05f62;
}
.history-back:hover,.history-back:focus{
    border-color: #ad2427 !important;
    background: #ad2427 !important;
}
.cartLine{
    clear: both;
    width: 100%;
    margin-top: 30px;
    display: inline-block;
    border-bottom: 1px solid #ddd;
}
.history-back:hover, .history-back:active, .history-back:focus{
    color: #fff;
    background: #656565;
    border-color: #656565;
}



 /*++++++++++++++++++++++++++++++++++++++ Checkout ++++++++++++++++++++++++++++++++++++++++++++++++++*/
 .pointer{
     cursor: pointer;
 }
 input[type="radio"].radio, input[type="checkbox"].radio {
     -webkit-appearance: none;
     border: none;
     width: 15px;
     height: 15px;
     margin-top: -2px;
     margin-right: 8px;
     outline: 0;
     background: url('../img/check.png') left center no-repeat;
 }

 input[type="radio"].radio:focus, input[type="checkbox"].radio:focus {
     outline: 0;
 }

 input[type="checkbox"].radio:checked, input[type="radio"].radio:checked {
     outline: 0;
     background: url('../img/checked.png') left center no-repeat;
 }
 .payments.error {
     border: 1px solid red;
 }
 .payments li{
     width: 100%;
     display: inline-block;
 }
 .payments label{
     cursor: pointer;
 }
 .payments input[name="paymentMethod"], input[name="ckProvision"], .addressOrther input{
     float: left;
     margin:1px 10px 0 0;
 }
 .payInfo{
     display: table-cell;
     position: relative;
 }
 .payTitle{
     font-size: 14px;
     color: #394a5d;
     font-weight: bold;
 }
 .payMore{
     width: 100%;
     font-size: 13px;
     color: #666;
     display: none;
     font-weight: normal;
 }
 .list-pay-bk{
     display: block;
     width:100%;
     margin-bottom: 15px;
 }
 .payMore .tit{
     color: #f05f62;
     font-size: 14px;
     display: inline-block;
     height: 30px;
     line-height: 30px;
     text-transform: uppercase;
     width: 100%;
 }
 .payMore .bank-item{
     display: inline-block;
     float: left;
     padding: 5px 10px 5px 10px;
     cursor: pointer;
 }
 .payMore .bank-item img{
     width: 60px;
     height: 42px;
     border: 1px solid #eee;
 }
 .payMore .bank-item img:hover, .payMore .bank-item img.active{
     border: 1px solid #f05f62a6
 }
 /*++++++++++++++++++++++++ formAcount ++++++++++++++++++++++++++++*/
 .formAcount .form-group{
     position: relative;
 }
 .formAcount label{
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 400;
 }
 .formAcount .addressOrther.pointer{
     display: none;
 }
 #showCarrier .changeOrtherShipFee {
     text-align: right;
 }
 .formAcount label.fos{
     bottom: auto;
     z-index: 0;
     -webkit-transition: all .8s;
     transition: all .8s;
 }
 .formAcount input, .formAcount select{
     position: relative;
     z-index: 1;
     height: 30px;
 }
 .formAcount input, .formAcount input:focus, .formAcount select, .formAcount select:focus{
     border: none;
     outline: 0;
     box-shadow: none;
     font-size: 15px;
     padding: 5px 0;
 }
 .formAcount .spli{
     position: relative;
     display: block;
     width: 100%;
 }
 .formAcount .spli:before, .formAcount .spli:after{
     bottom: 0;
     left: 0;
     width: 0;
     height: 1px;
     z-index: 2;
     content: '';
     position: absolute;
     -webkit-transition: all .8s;
     transition: all .8s;
 }
 .formAcount input:focus + .spli:after, .formAcount textarea:focus + .spli:after, .formAcount select:focus + .spli:after{
     opacity: 0;
     -webkit-transition: all .8s;
     transition: all .8s;
 }
 .formAcount .spli:after{
     background:#999 ;
     width: 100%;
 }
 .formAcount input:focus + .spli:before,.formAcount textarea:focus + .spli:before, .formAcount select:focus + .spli:before{
     z-index: 3;
     height: 3px;
     background:#f15927 ;
     width: 100%;
 }

 .formAcount textarea{
     border: none;
     outline: 0;
     font-size: 15px;
     max-width: 100%;
     border-bottom: 1px solid #999;
 }
 .formAcount textarea:focus{
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }
 .addressOrther{
     color: #333;
     font-weight: normal;
     text-transform: none !important;
 }
 .addressOrther span{
     font-size: 14px;
     display: table-cell;
 }
 .addressOrther input{
     margin-top: 0 !important;
 }
 .register{
     color: #333;
     font-size: 14px;
     text-decoration: underline;
 }
 .formCode{
     padding: 15px;
     border-radius: 5px;
     border: 1px solid #ebebeb;
 }
 .formCode .sidebar-title{
     padding-top: 0;
     border-bottom: 1px solid #e1e1e1;
 }
 .formCode input{
     outline: 0;
     box-shadow: none;
 }
 .formCode button{
     border: 1px solid #3498db;
     background: #3498db;
     color: #fff;
     text-transform: uppercase;
 }
 .formCode button:hover,.formCode button:focus{
     color: #fff;
     border: 1px solid #0e75b9;
     background: #0e75b9;
 }
 .formCode .alert {
     margin-top: 10px;
 }
 .formAction{
     margin: 15px 0;
 }

 /*++++++++++++ Địa chỉ giao hàng khác +++++++++++*/
 .otherDelivery{
     display: none;
     margin-top: 30px;
 }
 .delivery-tit{
     font-size: 16px;
     font-weight: bold;
     color: #394a5d;
     margin-bottom: 20px;
 }

 /*++++++++++++++++++++++++++++++++ Medias +++++++++++++++++++++++++++++++++*/
 @media (min-width: 1200px) {
     .maincart .leftcart{
         padding-right: 30px;
         border-right: 1px solid #ebebeb;
     }
     .maincart .rightcart{
         padding-left: 30px;
     }
 }
 @media (max-width: 767px) {
     .step{
         font-size: 20px;
     }
     .step span{
         display: block;
     }
     .cartItem .itemName{
         max-width: 120px;
         white-space: pre-wrap;
         display: block;
         margin-bottom: 5px;
     }
     .cartItem .removeCartItem {
         padding: 5px;
         background: #344862;
         color: #fff;
         border-radius: 50%;
         width: 24px;
         height: 24px;
     }
     .cartItem .cartqty{
         margin-bottom: 5px;
     }
     .cartItem .removeCartItem {
         margin-top: 5px;
     }
     .rightcart{
         margin-top: 20px;
     }
     .history-back{
         display: block;
     }
     .addressOrther{
         margin-top: 15px;
     }
 }
 @media (max-width: 480px) {

 }
 @media (max-width: 380px) {
     .step{
         font-size: 16px;
         margin-bottom: 30px;
     }
     .cartItem .itemName{
         max-width: 110px;
     }
     .cartItem .attcode{
         font-size: 12px;
     }
 }