/* Cart and Checkout page css */

/* Start Cart */
.checkout-cart-index .page-title-wrapper {
    padding: 20px 0;
    text-align: center;
}
.checkout-cart-index .page-title-wrapper h1.page-title {
    margin-bottom: 0;
    text-align: left;
}
.checkout-cart-index .page-title {
    width: 100%;
    padding: 0px 0;
}
.checkout-cart-index .page-title-wrapper .page-title span {
    font-size: 20px;
}
.page-title-wrapper h1 span {
    color: #222;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    text-transform: capitalize;
    text-transform: none !important;
}
@media (min-width: 768px), print {
    .cart-container {
        margin: 0 -15px;
    }
    .cart-summary {
        float: right;
        position: relative;
        width: 33.3333%;
    }
    .cart-container .form-cart {
        width: 66.6667%;
        float: left;
        position: relative;
        padding: 0 15px;
    }
}
.checkout-cart-index .cart.table-wrapper thead .col span, .cart-summary>.title {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background: #096baf;
    margin: 0;
    padding: 9px 5px;
}
#cart-totals .table-wrapper table.totals tr.sub th.mark, #cart-totals .table-wrapper table.totals tr.sub td.amount {
    background: transparent !important;
    border-bottom: 1px solid #ccc !important;
}
.checkout-cart-index .mark {
    padding: .2em;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.cart-totals .mark, .opc-block-summary .table-totals .mark, .cart-totals .mark .label {
    color: #333;
    font-size: 13px;
}

#cart-totals .table-wrapper table.totals tr.sub th.mark, #cart-totals .table-wrapper table.totals tr.sub td.amount {
    background: transparent !important;
    border-bottom: 1px solid #ccc !important;
}
.table td span.price {
    display: inline;
    /* font-size: 13px !important; */
    text-align: right;
    font-weight: 600;
}

.price {
    white-space: nowrap !important;
}
.checkout-cart-index .mark {
    padding: .2em;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.checkout-cart-index table.totals tbody tr.grand {
    border-top: 1px solid #ccc;
}
#cart-totals .table-wrapper table.totals tr.grand th.mark, #cart-totals .table-wrapper table.totals tr.grand td.amount {
    background: transparent !important;
    border-bottom: 1px solid #333 !important;
}
.cart-totals .mark strong, .opc-block-summary .table-totals .mark strong {
    font-weight: normal;
    font-size: 17px !important;
    color: #222 !important;
}
.checkout-cart-index .cart-summary .block>.title {
    border-bottom: 1px solid #d1d1d1;
    border-top: 0;
}
#block-discount-heading {
    border: transparent;
    color: #222 !important;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.cart-container .checkout-methods-items {
    margin-top: 20px;
    text-align: center;
}
.border-R-cs {
    border-right: 1px solid #eee;
}
table#shopping-cart-table .thead-dark th {
    color: #fff;
    background-color: #096baf !important;
    border-color: #454d55;
}
#shopping-cart-table thead tr th:nth-child(2) {
    text-align: center;
}
#shopping-cart-table thead tr th:nth-child(3) {
    text-align: center;
}
.table th.col.price,
.table th.col.subtotal,
.table th.col.discount-amount, 
.table th.col.tax {
    text-align: center;
}
.table td.col.price,
.table td.col.tax,
.table td.col.total-price,
.table td.col.subtotal,
.table td.col.tcs{
    text-align: right;
}

.sales-order-printinvoice .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.checkout-cart-index table#shopping-cart-table tbody.cart tr.item-info a.product-item-photo {
    width: 15%;
    float: left;
    margin-right: 1%;
}
.checkout-cart-index table#shopping-cart-table tbody.cart tr.item-info .product-item-details {
    float: right;
    width: 80%;
}
.data.table tbody tr td .cart-price .price {
    font-size: 14px;
}
.choose-shipping-type {
    margin-top: 5px;
}
.choose-shipping-type label {
    display: inline-block !important;
}
ul.delivery-type-list {
    margin-left: 0 !important;
    display: inline;
}
ul.delivery-type-list li {
    margin-top: 0rem;
    display: inline-block;
    margin-right: 8px !important;
}
ul.delivery-type-list li input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    top: 3px;
    left: 3px;
}
ul.delivery-type-list li label {
    font-size: 12px;
    line-height: 18px;
    padding-top: 10px;
    font-weight: 600;
    margin-bottom: 0;
}
.checkout-cart-index table#shopping-cart-table tr.item-info .field label.label {
    display: none;
}
.checkout-cart-index table#shopping-cart-table .custom-qty {
    margin: 0 auto;
    border: 1px solid #ebebeb;
    width: 85px;
    padding-top: 3px;
}
.checkout-cart-index table#shopping-cart-table .custom-qty .alo_qty {
    width: 25px;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #222;
    text-align: center;
    outline: medium none;
}
.checkout-cart-index table#shopping-cart-table tbody tr td input.qty {
    border: 0 solid #ededed !important;
    color: #222;
    text-align: center;
    width: 25px !important;
    float: left;
    height: 21px;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    line-height: 19px;
}
.checkout-cart-index table#shopping-cart-table .custom-qty .alo_qty {
    width: 25px;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #222;
    text-align: center;
    outline: medium none;
}
table#shopping-cart-table tbody.item .item-actions {
    border-top: 4px solid #e79c0b;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    background: #f7f7f7;
}
@media (min-width: 768px), print {
    .actions-toolbar:before, .actions-toolbar:after {
        content: '';
        display: table;
    }
}
table#shopping-cart-table tbody.item .item-actions td .actions-toolbar a {
    color: #222 !important;
    margin-right: 7px;
    background: linear-gradient(0deg, #f0c049 0, #fbdd99 100%);
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600;
}
.main {
    margin: 0;
    padding: 0;
    text-align: left;
}
.cart-totals .mark strong, .opc-block-summary .table-totals .mark strong {
    font-weight: normal;
    font-size: 17px !important;
    color: #222 !important;
}
.cart-totals .grand.totals .price {
    font-size: 18px;
    color: #333;
}
.checkout-cart-index .wk-mp-btn{
    color: #222 !important;
    padding: 8px 12px !important;
    line-height: 18px !important;
}
button.button, button, .cart .continue, .actions-toolbar .primary a.action{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    border-style: solid;
    border-width: 1px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: auto;
    line-height: 42px;
    padding: 0 35px;
    border-radius: 3px;
}
button.button span, button span, .review-form .action.submit.primary, .cart .continue span, .actions-toolbar .primary a.action span {
    font-family: 'Dosis', sans-serif;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
}


/* Start Checkout */
.checkout-no-shippping .opc-progress-bar {
    margin: 0 auto;
    counter-reset: i;
    font-size: 0;
    width: 15%;
}
.checkout-index-index .checkout-payment-method .fieldset {
    margin: 0;
    padding: 15px;
}
.fieldset .legend span {
    text-transform: none !important;
}
.fieldset .legend span {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
}
.fieldset>.legend+br {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.checkout-index-index .checkout-billing-address {
    border: 2px solid #e79c0b;
    border-radius: 5px;
}
.checkout-no-shippping div.choice {
    margin-left: 0;
    padding-inline-start: 0 !important;
    padding-top: 10px !important;
}
.checkout-index-index .billing-address-same-as-shipping-block {
    background: #e79c0b;
    padding: 12px 0;
    margin: 0 !important;
}
.checkout-index-index .checkout-billing-address input[type="checkbox"] {
    position: relative;
    top: -3px;
    margin: 0 10px;
}
.field.choice input {
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 0;
}
.checkout-index-index .checkout-billing-address label span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.checkout-index-index .checkout-payment-method .fieldset {
    margin: 0;
    padding: 15px;
}
.checkout-index-index .billing-address-details {
    padding: 15px;
}
.checkout-index-index .checkout-payment-method .action-edit-address {
    margin-top: 15px;
}
.checkout-shipping-type .step-title, 
.checkout-index-index #shipping .step-title, #opc-shipping_method .step-title, .payment-group .step-title {
    font-weight: 600;
    font-size: 20px;
}
.opc .step-title {
    text-align: left;
    line-height: 40px;
}
.checkout-index-index .payment-method {
    display: inline-grid;
    width: 33%;
    border: 2px solid orange;
    padding: 5px;
    margin: 10px 0;
    border-radius: 5px;
}
.checkout-index-index .checkout-payment-method .payment-method-title {
    padding: 5px;
}
.checkout-index-index .payment-method .choice {
    margin-bottom: 5px;
}
.checkout-no-shippping div.choice {
    margin-left: 0;
    padding-inline-start: 0 !important;
    padding-top: 10px !important;
}
.checkout-payment-method .payment-method-title {
    padding-inline-start: 0;
}
.checkout-payment-method .payment-method-title {
    border: 0;
}
.field.choice {
    position: relative;
    padding-inline-start: 17px;
    margin-top: 10px;
}
.checkout-index-index .payment-method input[type="radio"] {
    position: relative;
    left: 0;
    top: -2px;
    margin-right: 2px;
    padding: 0;
}
.checkout-index-index .checkout-payment-method .payment-method-content {
    padding: 0;
}

.checkout-payment-method .payment-method-content {
    padding-inline-start: 0;
}
.checkout-container {
    margin: 30px 0 0;
}
.checkout-index-index .opc-progress-bar {
    margin: 0 auto;
    counter-reset: i;
    font-size: 0;
    width: 400px;
}
.checkout-index-index .opc-wrapper .shipping-address-items {
    height: 300px;
    font-size: 0;
    overflow-x: hidden;
    margin-bottom: 15px;
    overflow-y: scroll;
}
.checkout-index-index .opc-wrapper .shipping-address-item {
    width: 30%;
    margin-right: 20px;
}
.checkout-index-index .opc-wrapper .shipping-address-item {
    border: 2px solid #bccad8;
    line-height: 30px;
    margin: 0 0 20px;
    padding: 12px;
    font-size: 14px;
    display: inline-block;
    float: left;
    min-height: 290px;
    margin-right: 5px;
    margin-top: 10px;
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item:after {
    right: 3px;
    top: 3px;
}
.checkout-index-index .table-checkout-shipping-method {
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
}
.checkout-index-index .table-checkout-shipping-method tbody td:first-child {
    padding-left: 0;
    padding-right: 0;
    padding: 6px 0 10px;
    width: auto;
    margin: 0 0 0 15px;
}
.checkout-index-index .table-checkout-shipping-method tbody td {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}
.price {
    white-space: nowrap !important;
}
input.radio {
    margin-right: 3px;
    display: inline-block;
    margin-top: 0;
    min-height: 18px;
}
.checkout-index-index .table-checkout-shipping-method tbody td:last-child {
    margin-right: 16px;
}
.checkout-shipping-method .actions-toolbar > .primary {
    float: right;
}
.checkout-shipping-method .actions-toolbar .action.primary {
    margin: 0;
}
.checkout-index-index .opc-sidebar .modal-header {
    display: none;
}
.checkout-index-index .opc-sidebar .modal-content {
    padding-top: 0;
}
.checkout-index-index .opc-block-summary {
    background: #f9f9f9;
    padding: 15px;
    margin: 0 0 20px;
    border-radius: 6px;
    border: 2px solid #096baf;
}
.checkout-index-index .opc-block-summary .title {
    font-weight: 600;
    font-size: 20px;
    color: #222;
}
.checkout-index-index .table-totals .mark {
    background: 0;
}
.modal-content {
    padding: 25px;
}
.checkout-index-index .form-shipping-address .field{
margin-bottom: 10px;
}
.checkout-no-shippping .payment-method-title.field.choice {
    padding-top: 0 !important;
 }
 .checkout-no-shippping .payment-method-title.field.choice input[type="radio"] {
     top: 4px;
 }
 .checkout-index-index .modal-popup .modal-inner-wrap{
    width: 51%;
 }
 .checkout-index-index .modal-popup .form-shipping-address .field-tooltip{
display: none;
 }
 .checkout-index-index .modal-popup .form-shipping-address .field .control._with-tooltip input{
    width: 100%;
 }
 .checkout-index-index .modal-popup .form-shipping-address #shipping-new-address-form{
margin-top: 0;
 }
 .box-empty-cart .box-title {
    background-color: #e79c0b;
    color: #fff;
    border: 1px solid #e79c0b;
    margin: 0;
    padding: 10px 15px;
    display: block;
}
.box-empty-cart .box-title span {
    font-size: 14px;
    font-weight: 600;
}
.box-empty-cart .box-content {
    border: 1px solid #e79c0b;
}
.box .box-content {
    border-top: 0;
    font-size: 13px;
    min-height: 135px;
    padding: 20px 15px;
}
.cart-empty {
    text-align: center;
}
.checkout-cart-index .cart-empty .fa-cart-size {
    font-size: 56px !important;
    color: #9d9fa0;
}
.larger-text {
    font-size: 24px;
}
@media (min-width: 768px), print {
    .opc-estimated-wrapper {
        display: none;
    }
    .opc-wrapper {
        width: 66.66666667%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding-right: 30px;
    }
    .opc-sidebar {
        margin: 46px 0 20px;
        width: 33.33333333%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
   
}
.checkout-cart-configure .tocart.button {
    height: 38px;
    line-height: 32px;
    padding: 0 22px;
}
.checkout-cart-configure .tocart.button:focus {
    border:0
}
.checkout-no-shippping .action-update,
.checkout-no-shippping .action-cancel{
margin-top: 10px;
}
.checkout-no-shippping .action-update:hover,
.checkout-no-shippping .action-cancel:hover{
color:#000
}
.checkout-no-shippping .action-update:focus,
.checkout-no-shippping .action-cancel:focus{
outline-color:transparent;
}
.checkout-billing-address .fieldset.address .label span,
.checkout-billing-address .fieldset.address .label {
color: #000;
}
.checkout-billing-address .fieldset.address .control{
margin-bottom:15px
}

.checkout-no-shippping .checkout-billing-address .fieldset.address {
padding-left: 0;
padding-right: 0;
}

.checkout-billing-address .fieldset.address .field-tooltip.toggle {
display:none;
}

.checkout-billing-address .fieldset.address .control._with-tooltip input{
width:100%
}
.table-checkout-items-with-shipping-type {
    border: 2px solid #e79c0b;
    margin-top: 10px;
}
.table-checkout-items-with-shipping-type td{
    padding:0
}
.table-checkout-items-with-shipping-type td{
    text-align: left;
}
.table-checkout-items-with-shipping-type td:last-child{
    text-align: right;
}
.table-checkout-items-with-shipping-type .shipping-type-selector ~ tr td{
    padding: 4px 10px;
}
.table-checkout-items-with-shipping-type .shipping-type-selector td{
    padding:10px;
    background-color: #e8e5e5;
}
.table-checkout-items-with-shipping-type .sub-heading td{
border-bottom: 1px solid #e8e5e5;
font-weight: 600;
font-size: 15px;
padding: 7px 10px !important;
}
.table-checkout-items-with-shipping-type .shipping-type-selector ul.delivery-type-list{
    display: flex;
}
.table-checkout-items-with-shipping-type .shipping-type-selector ul.delivery-type-list li{
    white-space:nowrap;
    float: left;
    margin-right: 0 !important;
}
.table-checkout-items-with-shipping-type .shipping-type-selector ul.delivery-type-list li label{
    padding-top:0;
    font-size: 15px;
}
.table-checkout-items-with-shipping-type .shipping-type-selector td {
    vertical-align: middle;
    font-size: 17px;
}
.table-checkout-items-with-shipping-type .shipping-type-selector ul.delivery-type-list li input[type=radio]{
    top: 1px;
}