.my-account .brokenscreens-createorder .order-info-box {
    padding: 15px
}

.my-account .order-info-box+.order-info-box {
    margin-bottom: 20px
}

.my-account .messages {
    margin-bottom: 10px !important
}

/*---Customer Dashboard Design start----*/
.my-sublogin .add_supplier {
    float: right;
    min-width: 160px;
    text-align: center;
    background-color: var(--default-color);
    color: var(--white-color);
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    line-height: 25px;
    height: 38px;
    border: 2px solid var(--default-color);
    border-radius: 4px;
}

.my-sublogin .add_supplier:hover {
    background-color: transparent;
    color: var(--default-color);
}

.subaccount-flex-container {
    margin-top: 8px;
    flex-wrap: wrap;
}

.subaccount-flex-container .acc-flex {
    width: 100%;
    border: 1px solid var(--grey-color-tone-seven);
    margin: 20px 0 10px;
    background-color: var(--grey-color-tone-eight);
    padding: 20px 10px 10px;
    position: relative;
    float: left;
}

.subaccount-flex-container .acc-flex.set-block {
    width: 96%;
    margin: 25px auto 0;
    margin-top: 20px;
    padding: 20px 10px 10px 18px;
}

.subaccount-flex-container .acc-flex.flex-right-pos {
    display: flex;
    flex-wrap: wrap;
}

.subaccount-flex-container .acc-flex.flex-right-pos .ds-left {
    width: 28%;
}

.subaccount-flex-container .acc-flex.flex-right-pos .ds-right {
    width: 52%;
}

.subaccount-flex-container .acc-flex.flex-right-pos .ds-link {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0;
}

.dashboard-acc-bx-inner .footer_btn .popup-btn-right.add-custo-btn {
    display: flex;
    justify-content: space-between;
}

.each-manager .subaccount-flex-container .acc-flex.flex-right-pos .ds-link .popup-otp-disable {
    margin: 0 !important;
    float: none;
    text-align: right;
}

.each-manager .subaccount-flex-container .acc-flex.flex-right-pos .ds-link .popup-otp-disable .sm-addacc {
    margin: 0;
}

.each-manager .each_manager_subtitle label {
    display: inline-block;
    padding: 0px 10px;
}

.each-manager .popup-otp,
.each-manager .popup-otp-disable {
    margin-right: 10px;
}

.each-manager .manager_acc_inner {
    margin: 16px 0;
    text-align: left;
    padding: 10px 0;
}

.each-manager .each-substore>a {
    margin: 0 8px;
    background: var(--default-color);
    color: var(--white-color);
    padding: 6px 15px;
    border-radius: 5px;
    font-weight: 500;
    border: 1px solid var(--default-color);
}

.each-manager .each-substore>a {
    margin-left: 17px;
}

.each-manager .each-substore>a:hover {
    color: var(--default-color);
    background: var(--white-color);
    border: 1px solid var(--default-color);
}

.upgrade_customer_info_form .num_prefix+.input-text+.input-text {
    width: calc(100% - 82px) !important;
    border-radius: 0;
    height: 46px;
    margin-left: 0;
}

.text-with-prefix p.numaric-values {
    font-size: 20px;
    margin-right: 0;
    border-radius: 4px 0px 0px 4px !important;
    width: 30px;
}

.text-with-prefix p.numaric-values+.sm-text {
    width: 40px;
    border-radius: 0px 0px 0px 0px !important;
    border-left: 0;
    padding-left: 1px !important;
    padding-right: 1px !important;
    text-align: center;
}

.text-with-prefix p.numaric-values+.sm-text+.input-text {
    width: calc(80% - 15px);
    margin-left: 2%;
    border-radius: 0px 4px 4px 0px !important;
}

.ds-right .ac-link {
    float: right;
    position: absolute;
    right: -29%;
    top: 0;
}

.subaccount-flex-container .store-right-position {
    margin-left: 0;
    line-height: 23px;
}

.usernm-bx {
    position: absolute;
    top: -13px;
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-seven);
    font-size: 16px;
    padding: 2px 10px;
    font-weight: 600;
}

button.blue-btn span {
    background-color: var(--default-color);
    border: 2px solid var(--default-color);
}

button.blue-btn:hover span {
    color: var(--default-color);
}

.last-orders {
    margin: 0;
    word-break: break-all;
}

.last-orders svg {
    width: 14px;
    fill: var(--grey-color-tone-three);
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}

.subacc-comname {
    color: var(--dark-color);
    margin: 0 0 6px;
    float: left;
    width: 100%;
}

.subacc-comname svg {
    float: left;
    width: 17px;
}

.subacc-comname svg path {
    fill: var(--grey-color-tone-three);
}

.acc-flex ul {
    float: left;
    width: 100%;
    margin: 4px 0 0;
}

.acc-flex ul>li {
    float: left;
    width: 100%;
}

.acc-flex ul>li>span.price,
.acc-flex ul>li>label {
    float: none;
    font-weight: 600;
    color: var(--grey-color-tone-three);
}

.acc-flex ul>li.acc_balance_due,
.acc-flex ul>li.acc_balance_due>span.price {
    color: var(--primary-color);
}

.acc-flex ul>li.acc_total_intcredit,
.acc-flex ul>li.acc_total_intcredit>span.price {
    color: var(--sucess-color);
}

.last-orders>a {
    font-weight: 500;
    color: var(--default-color);
}

.my-manager .each-manager {
    margin: 0 0 10px;
}

.each-manager .each_manager_subtitle {
    border: 1px solid var(--grey-color-tone-six);
}

.each-manager .each_manager_subtitle>img {
    margin: 4px;
}

.each-manager .each_manager_subtitle>a {
    font-size: 16px;
    color: var(--grey-color-tone-three);
    line-height: 40px;
    cursor: pointer;
}

.each-manager .each_manager_subtitle>a:hover {
    text-decoration: underline;
    color: var(--default-color);
}

.each_manager_subtitle span {
    float: right;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    background-color: var(--grey-color-tone-eight);
    color: var(--primary-color);
    cursor: pointer;
}

.each_manager_subtitle span.plusminus:after {
    content: "+";
}

.each_manager_subtitle span.minusplus:after {
    content: "-";
    border-bottom: 1px solid var(--grey-color-tone-eight);
    position: absolute;
    width: 40px;
    left: 0;
    border-left: 1px solid var(--grey-color-tone-six);
    background-color: var(--grey-color-tone-eight);
}

.acc-links-right {
    float: right;
}

.acc-links-right>.add_supplier {
    line-height: 40px;
    color: var(--default-color);
    margin-right: 15px;
    font-weight: 500;
}

.acc-links-right>.add_supplier:hover {
    text-decoration: underline;
    color: var(--primary-color);
}

.acc-links-right .popup-otp,
.acc-links-right .popup-otp-disable {
    display: inline-block;
    margin: 9px 10px;
}

.my-sublogin {
    margin: 10px 0 0;
}

.my-manager {
    margin-top: 10px;
}

.manual-confirmation {
    display: none;
}

.manual-confirmation+label {
    display: block;
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    float: left;
    width: 100%;
    margin: 5px 0;
}

.manual-confirmation+.subacc_checkbox:before {
    content: "";
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-seven);
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 1px;
    border-radius: 2px;
}

.manual-confirmation:checked+.subacc_checkbox:before {
    content: "\2714";
    text-align: center;
    line-height: 16px;
    color: var(--white-color);
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.my-sublogin>h3 {
    display: inline-block;
    font-size: 20px;
    margin-top: 6px;
    font-weight: 500;
    color: var(--default-color);
}

.manager-subcustomer {
    padding: 10px 10px 3px;
    border: 1px solid var(--grey-color-tone-six);
    border-top: 0;
    background-color: var(--grey-color-tone-eight);
}

.dashboard-acc-info {
    border: 0;
}

.dashboard-acc-info .col2-set {
    border-bottom: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.dashboard-acc-info .col2-set .col-1,
.dashboard-acc-info .col2-set .col-2 {
    border: 1px solid var(--grey-color-tone-five);
    width: 50%;
}

.box-info.dashboard-acc-info .box .box-title,
.box-info .address-block .box .box-content h4 {
    background-color: var(--grey-color-tone-six);
    border-bottom: 1px solid var(--grey-color-tone-five);
    padding: 5px 10px;
    float: left;
    width: 100%;
}

.box-info .address-block .box .box-content h4 {
    margin-right: 0;
}

.dashboard-acc-info .col2-set .col-1 {
    margin-right: 1%;
}

.box-info.dashboard-acc-info .box .box-title a {
    float: right;
    background-image: none;
    text-decoration: underline;
    color: var(--grey-color-tone-ten);
}

.box-info.dashboard-acc-info .box .box-title h3,
.box-info .address-block .box .box-content h4 {
    color: var(--grey-color-tone-ten);
}

.box-info.dashboard-acc-info .box .box-content {
    padding: 15px;
    float: left;
    width: 100%;
}

.box-info.dashboard-acc-info .address-block .box-title {
    background-color: transparent;
    border-bottom: 0;
    padding: 10px 0px;
}

.box-info.dashboard-acc-info .address-block .box-title h3 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 500;
}

.box-info.dashboard-acc-info .address-block .box {
    width: 100%;
}

.box-info.dashboard-acc-info .address-block .box .box-content {
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.box-info .address-block .box .box-content address {
    padding: 15px;
}

.box-recent .box-head,
.dashboard-acc-info .box-head {
    background-color: var(--white-color);
    padding: 10px 0px;
    margin: 0;
}

.box-recent .box-head h2,
.dashboard-acc-info .box-head h2 {
    font-weight: 500;
}

.box-account.box-recent {
    margin-bottom: 0;
}

.box-account .box-head a,
.box-info.dashboard-acc-info .address-block .box-title a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 400;
}

.box-info.dashboard-acc-info .box .box-content a {
    color: var(--primary-color);
    text-decoration: underline;
}

.manual-confirm-bx .message p {
    margin: 0;
}

.sm-addacc:hover {
    color: var(--primary-color);
    background-color: transparent;
}

.acc-button-border {
    float: left;
    width: 100%;
    padding: 10px 1px 5px;
    border-top: 1px solid var(--grey-color-tone-six);
    margin: 3px 0 0;
}

p.no-submanager {
    margin: 0 0 8px;
    text-align: center;
    color: var(--error-color);
}

.btn.btn-primary.apple-pay-button-net .applepay-icon {
    background-image: url(../images/new-checkout/applepay.svg) !important;
    width: 50px;
    max-width: 50px;
    display: inline-block;
    height: 20px;
    max-height: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
    filter: invert(1);
    background-size: cover;
}

.braintree-sheet__content .btn.btn-primary.apple-pay-button-net {
    background-color: var(--dark-black-color-one);
}

@media screen and (max-width:1200px) {
    .ac-link {
        right: -78px;
    }
}

@media screen and (max-width:1100px) {
    .ac-link {
        top: 16%;
        right: -28%;
    }
}

@media screen and (max-width:1024px) {
    .ds-right .ac-link {
        float: left;
        position: inherit;
        right: inherit;
        top: inherit;
    }

    .each-substore .manual-confirmation+label {
        font-size: 13px;
    }

    .each-substore .last-orders,
    .each-substore .acc-flex ul>li,
    .each-substore .address {
        font-size: 14px;
    }
}

@media screen and (max-width:980px) {
    .ac-link {
        top: 0;
        right: 4%;
    }
}

@media screen and (max-width:900px) {
    .ac-link {
        top: 0;
        right: -4%;
    }
}

@media screen and (max-width: 840px) {
    .ac-link {
        top: 0;
        right: -12%;
    }
}

@media screen and (max-width:768px) {

    .dashboard-acc-info .col2-set,
    .box-info.dashboard-acc-info .address-block .box .box-content {
        flex-wrap: wrap;
    }

    .dashboard-acc-info .col2-set .col-1,
    .dashboard-acc-info .col2-set .col-2 {
        width: 100%;
    }

    .dashboard-acc-info .col2-set .col-1 {
        margin-right: 0;
        margin-bottom: 1%;
    }

    .text-with-prefix p.numaric-values+.sm-text+.input-text {
        width: calc(75% - 15px);
        margin-left: 1%;
    }

    .conform-bx-inner.fedex_schdule_inner {
        width: 90%;
    }

    .conform-bx-inner.fedex_schdule_inner:after {
        display: none;
    }

    .conform-bx-inner.fedex_schdule_inner .message {
        overflow-y: scroll;
    }
}

@media screen and (max-width:640px) {
    .subaccount-flex-container {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
    }

    .subaccount-flex-container .acc-flex {
        margin: 3% 0 1%;
        width: 100%;
    }

    .subaccount-flex-container .store-right-position {
        margin-left: 0;
        touch-action: manipulation !important;
        margin-top: 22px;
    }

    .subaccount-flex-container .acc-flex.flex-right-pos .ds-left,
    .subaccount-flex-container .acc-flex.flex-right-pos .ds-right,
    .subaccount-flex-container .acc-flex.flex-right-pos .ds-link {
        width: 100%;
        align-items: flex-start;
    }

    .text-with-prefix p.numaric-values+.sm-text+.input-text {
        width: calc(73% - 15px);
    }

    .customer-account-index .dashboard-acc-info .col2-set .col-1 {
        margin: 0;
    }

    .customer-account-index .dashboard-acc-info .col2-set .col-2 {
        margin: 30px 0% 0;
    }
}

@media screen and (max-width:536px) {
    .text-with-prefix p.numaric-values+.sm-text+.input-text {
        width: calc(100% - 76px);
    }
}

@media screen and (max-width:480px) {
    .acc-links-right>.add_supplier {
        margin-right: 5px;
        font-size: 12px;
    }

    .each-manager .each_manager_subtitle>a {
        font-size: 13px;
    }

    .dashboard-popup-account .fields+.fields .field {
        width: 100%;
    }

    .dashboard-popup-account .fields+.fields .field+.field {
        margin-left: 0;
    }

    .upgrade_customer_info_form .div_techbar_customer_token {
        margin-bottom: 0px;
    }

    .each-manager .each-substore>a {
        margin: 0 4px 5px;
        font-size: 14px;
    }
}

@media screen and (max-width:400px) {
    .my-sublogin .add_supplier {
        float: right;
        margin-top: 5px;
    }

}

@media screen and (max-width:380px) {
    .acc-links-right {
        float: left;
        width: 100%;
        padding-left: 9px;
        background: var(--grey-color-tone-six);
        margin-top: 6px;
    }

}

/*---Customer Dashboard Design over----*/

/*---- MyDashboard pop-up Design Start ----*/
.footer_btn .popup-btn-store {
    color: var(--notice-color);
    float: left;
    width: 100%;
    text-align: left;
}

.footer_btn p.required {
    width: 100%;
    text-align: left;
}

.popup-btn-right .button span {
    padding: 0;
    min-width: 90px;
    line-height: 30px;
    height: 30px;
}

.popup-btn-right {
    width: 100%;
}

.field.mb-top-5 {
    margin-top: 10px;
    width: 100%;
}

.address-form .fields .form-list {
    width: 100%;
}

.form-list li {
    clear: both;
    float: left;
    width: 100%;
}

.address-form .fields .form-list .customer-name {
    display: flex;
    flex-wrap: wrap;
}

.address-form .fields .form-list .customer-name .field {
    width: 50%;
    padding: 0 7px;
    float: left;
    margin-right: 0;
}

.dashboard-popup-account {
    border: 2px dashed var(--grey-color-tone-eight);
    padding: 10px;
    margin: 0 0 15px;
    border-radius: 4px;
    background-color: var(--grey-color-tone-eight);
    position: relative;
    float: left;
    width: 100%;
}

.dashboard-popup-account:before {
    content: "";
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--grey-color-tone-six) transparent;
    position: absolute;
    top: -12px;
    left: 3px;
}

.dashboard-popup-account>ul.form-list>li.fields {
    margin-bottom: 0;
}

.dashboard-popup-account .fields+.fields .field {
    width: 49%;
}

.dashboard-popup-account .fields+.fields .field+.field {
    margin-left: 2%;
}

.dashboard-popup-account .fields,
.dashboard-popup-account .fields .field {
    width: 100%;
}

.dashboard-popup-account .fields .field {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.dashboard-popup-account .fields .field.m-username {
    background-color: transparent;
    border: 0;
}

.dashboard-popup-account .fields .field.m-username .field {
    width: 49%;
}

.dashboard-popup-account .fields .field.m-username .field+.field+p {
    text-align: left;
}

.dashboard-popup-account .fields .field.m-username p.numaric-values {
    height: 35px;
    border-color: var(--grey-color-tone-six);
    border-radius: 4px;
    line-height: 35px;
    font-weight: 600;
    background-color: var(--white-color);
}

.dashboard-popup-account .fields .field.m-username .field+.field {
    margin-left: 2%;
}

.dashboard-popup-account ul {
    background-color: transparent;
}

.dashboard-popup-account ul:after {
    display: none;
}

.mydetail-edit .dashboard-acc-bx-inner {
    position: relative;
}

.mydetail-edit .cancel-btn {
    margin-left: 6px;
}

.sm-addacc {
    display: block;
    line-height: 16px;
    color: var(--primary-color);
    text-decoration: underline;
    padding: 0;
    text-align: right;
    margin-right: 10px;
    float: right;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
}

.addressBook-back-link:hover a,
.addressBook-back-link:hover {
    color: var(--error-color);
    background: transparent;
}

.edit-address-dashborad .adress-text {
    font-size: 14px;
}

.edit-address-dashborad .address-fixheight {
    max-height: initial;
    padding: 0;
}

.edit-address-dashborad .pop-close,
.edit-address-dashborad .fieldset .legend,
.edit-address-dashborad .addressBook-back-link {
    display: none;
}

.edit-address-dashborad.form-list li.adress-text {
    font-size: 14px;
    display: block;
    float: left;
    margin-right: 10px;
}

.edit-address-dashborad .footer_btn {
    border: transparent;
    padding: 0;
}

.edit-address-dashborad .popup-btn-right {
    float: left;
}

.dashboard-table.stylis-table-2>tbody>tr>td,
.dashboard-table.stylis-table-2>thead>tr>th {
    padding: 10px;
}

.dbox-whole {
    float: left;
    width: 100%;
}

.dbox-whole p {
    font-size: 16px;
    margin-bottom: 15px;
}

.dbox-whole h3 {
    font-size: 40px;
    font-weight: 800;
    color: var(--white-color);
    line-height: 40px;
    float: left;
    width: 100%;
}

.dRemainder_popup {
    background: rgba(255, 255, 255, 0.64);
}

.dRemainder_popup .conform-bx-inner {
    background: var(--dark-color);
    background: -moz-linear-gradient(left, var(--dark-color) 0%, var(--dark-color) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--dark-color)), color-stop(100%, var(--dark-color)));
    background: -webkit-linear-gradient(left, var(--dark-color) 0%, var(--dark-color) 100%);
    background: -o-linear-gradient(left, var(--dark-color) 0%, var(--dark-color) 100%);
    background: -ms-linear-gradient(left, var(--dark-color) 0%, var(--dark-color) 100%);
    background: linear-gradient(to right, var(--dark-color) 0%, var(--dark-color) 100%);
    border-radius: 20px;
    border-color: var(--primary-color);
    color: var(--white-color);
    overflow: inherit;
    position: relative;
}

.dRemainder_popup .conform-bx-inner .message {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    overflow: inherit;
    max-height: 530px;
}

.dRemainder_popup .message .doc-close {
    float: right;
    background-image: url(../images/document-popup/tax-close.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 11px;
    padding-left: 32px;
    font-size: 16px;
    font-weight: 500;
    color: var(--grey-color-tone-nine);
    line-height: 32px;
}

.dUploadBtn {
    display: inline-block;
    padding: 5px 10px;
    min-width: 250px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    margin-left: -125px;
    bottom: -17px;
}

.slot_divider {
    width: 95%;
    background-color: var(--grey-color-tone-four);
    height: 1px;
    display: inline-block;
    margin: 20px 0px 0;
}

.slot_divider:after {
    content: "";
    min-width: 80px;
    background-color: var(--primary-color);
    height: 7px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    margin-top: -3px;
}

.recent-order-sorting {
    cursor: pointer;
}

.dbox-whole .input-text {
    display: inline-block;
    border-radius: 60px;
    width: 250px;
    padding: 10px 20px;
    height: 40px;
    font-size: 16px;
    margin: 0 0 16px;
}

.weakpass_suggestion {
    float: left;
    width: 100%;
    background-color: var(--white-color);
    padding: 10px;
    margin: 0 0 20px;
    border-radius: 4px;
    border: 1px solid var(--warning-color);
    border-bottom: 4px solid var(--rma-cart-color);
    box-shadow: 1px 4px 9px var(--grey-color-tone-eight);
}

.weakpass_suggestion img {
    max-width: 110px;
    float: left;
}

.weakpass_suggestion ul {
    float: left;
    width: 90%;
    margin-top: 8px;
    padding-left: 11px;
}

.weakpass_suggestion ul li {
    position: relative;
    color: var(--dark-color);
    padding-left: 15px;
    font-weight: 300;
}

.weakpass_suggestion ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--grey-color-tone-six);
    top: 7px;
    left: 0;
    border-radius: 50%;
    border: 2px solid var(--rma-cart-color);
}

.weakpass_suggestion h4 {
    text-transform: uppercase;
    font-weight: 600;
}

.ds-left address {
    font-size: 14px;
}

/*---- MyDashboard pop-up Design Over ----*/

body.customer-accountpage-balancesheet .button-with-title h1 {
    margin: 0;
}

.block-account .myaccount-design li:hover>span>span,
.block-account .myaccount-design li:hover>a>p>span,
.block-account .myaccount-design li:hover>a>p {
    color: var(--white-color);
}

.myaccount-design .myacc-submenu>li:hover>a>span>span {
    color: var(--white-color) !important;
}

/* Edit account code start */
.my-account {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.my-account button.save {
    margin-top: 10px;
}

.block-account {
    border: none;
}

.myaccount-design ul li {
    position: relative;
}

.myaccount-design .active-menu {
    background-color: var(--grey-color-tone-eight);
}

.block-account .myaccount-design li.active-menu {
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: transparent;
    border-bottom: 0;
}

.block-account .myaccount-design li.active-menu:hover h2 {
    border-radius: 13px;
    background: var(--light-redbg-color);
    font-weight: 500;
}

.block-account .myaccount-design li.active-menu.active h2 {
    color: var(--primary-color);
    font-weight: 500;
}

.block-account .myaccount-design li.active-menu.active h2 span svg path,
.block-account .myaccount-design li.active-menu.active h2 span svg rect {
    stroke: var(--primary-color);
}

.block-account .myaccount-design li.active-menu.active h2 span svg.svg-gapp path,
.block-account .myaccount-design li.active-menu.active h2 span svg.svg-gapp circle {
    stroke: var(--primary-color);
}

.block-account .myaccount-design li.active-menu.active h2 span svg.stroke-icon path {
    fill: var(--primary-color);
    stroke: none;
}

.block-account .myaccount-design li.active-menu.active h2 span svg.stroke-icon-reverese path {
    fill: none;
    stroke: var(--primary-color);
}

.myaccount-design ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.myaccount-design ul li i {
    position: absolute;
    top: 21px;
    right: 25px;
}

.myaccount-design ul li i:before {
    content: "";
    position: absolute;
    background-color: var(--gray-plus-icon);
}

.myaccount-design ul li input[type=checkbox]~i:before {
    width: 2px;
    height: 10px;
    background: var(--gray-plus-icon);
    right: 0;
}

.myaccount-design ul li i:after {
    content: "";
    position: absolute;
    background-color: #ccc;
}

.myaccount-design ul li input[type=checkbox]~i:after {
    background: var(--gray-plus-icon);
    left: -6px;
    top: 4px;
    width: 10px;
    height: 2px;
    content: '';
}

.sidebar-open .block-account .myaccount-design li.active-menu h2,
.col-main-full+.col-left .block-account .myaccount-design li.active-menu h2 {
    display: flex;
    padding: 14px 15px 14px 15px;
    align-items: center;
}

.sidebar-open .block-account .myaccount-design,
.col-main-full+.col-left .block-account .myaccount-design {
    padding: 30px 15px 30px 15px;
}

.block-account .myaccount-design li.active-menu h2 {
    color: #5F5F5F;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 5px 10px 5px;
    letter-spacing: -0.15px;
}

.block-account .myaccount-design li .icon-list {
    position: relative;
    display: block;

}

.myaccount-design .myacc-submenu {
    color: rgba(48, 69, 92, 0.8);
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translate(0, 0);
    z-index: 2;
    transition: opacity 0.5s ease;
    display: none;
}

.myacc-submenu #myProgress,
.myacc-submenu .bar_num {
    float: right;
}

.myaccount-design ul li.active input[type=checkbox]:checked~.myacc-submenu {
    opacity: 1;
}

.sidebar-open .myaccount-design ul li input[type=checkbox]:checked~.myacc-submenu,
.col-main-full+.col-left .myaccount-design ul li input[type=checkbox]:checked~.myacc-submenu {
    opacity: 1;
    transition: 0.8s ease-in all;
    display: block;
    margin-top: 5px;
}

.myaccount-design ul li input[type=checkbox]:checked~i:before {
    display: none;
}

.myaccount-design ul li:nth-of-type(2) {
    animation-delay: 0.75s;
}

.myaccount-design ul li:nth-of-type(3) {
    animation-delay: 1s;
}

.myaccount-design li a {
    transition: none;
    display: block;
    width: 100%;
    padding-right: 20px;
}

.block-account .block-content li a.activeMenuLink .bar_num {
    color: #5F5F5F;
}

.block-account .block-content li a {
    color: #5F5F5F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    letter-spacing: normal;
}

.block-account .block-content li a:before {
    content: "";
    position: absolute;
    width: 14px;
    left: 12px;
    top: 50%;
    border-bottom: 2px dotted #8A8A8A;
}

.myaccount-design .myacc-submenu>li a {
    padding: 6px 15px 6px 35px;
    transition: all ease 0.5s;
}

.block-account .myaccount-design {
    border-radius: 25px;
    background: var(--white-color);
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.19);
    float: left;
    width: 100%;
    padding: 25px 12px 15px;
}

.block-account .block-content li.current {
    color: var(--secondary-color);
}

.block-account .block-content li a:hover {
    color: var(--secondary-color);
}

.block-account .myaccount-design ul.myacc-submenu li a:hover {
    border-radius: 8px;
    background: var(--light-redbg-color);
    font-weight: 500;
}

.block-account .myaccount-design ul.myacc-submenu li:hover a span.due {
    color: var(--white-color);
}

.block-account .block-content li a.activeMenuLink {
    color: var(--primary-color);
    font-weight: 500;
}

.block-account .block-content li a.activeMenuLink::before {
    border-bottom: 2px dotted var(--primary-color);
}

span.spouge-label-fundbox {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 0 5px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    display: none;
    position: relative;
    top: 2px;
    margin-left: 12px;
    float: right;
}

.myaccount-design span.spouge-label-fundbox {
    margin-left: 8px;
}

span.spouge-label-fundbox:before {
    content: "";
    background-color: var(--primary-color);
    height: 6px;
    width: 6px;
    position: absolute;
    left: -3px;
    top: 6px;
    transform: rotate(45deg);
}

span.due {
    float: right;
    color: var(--primary-color);
    font-weight: 400;
}

.myaccount-design span.due {
    font-size: 12px;
    margin-top: 2px;
}

.myaccount-design span.price {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0
}

.ds-right.right-align {
    position: relative;
}

.fieldset {
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fieldset .legend {
    color: var(--grey-color-tone-one);
    font-size: 20px;
    background: var(--grey-color-tone-eight);
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 25px
}

.form-edit .fieldset {
    border: 1px solid var(--grey-color-tone-seven);
    margin-bottom: 20px;
}

.form-edit input {
    min-height: 36px;
    padding: 0 10px;
}

.form-edit .fieldset .legend {
    padding: 10px 15px;
    font-weight: 500;
    color: var(--grey-color-tone-ten);
    border-bottom: 1px solid var(--grey-color-tone-seven);
}

.form-edit ul.form-list {
    padding: 0 17px;
    display: flex;
    flex-flow: row wrap;
}

.form-edit .form-list li {
    margin: 0 0 10px;
    width: 100%;
    float: left;
}

.form-edit .form-list label {
    float: left;
    position: relative;
    font-size: 16px;
    padding-bottom: 5px;
}

.form-list label.remember-reminder {
    padding-left: 25px;
}

.form-list label.required em {
    font-style: normal;
    color: var(--error-color);
    position: absolute;
    top: 0;
    right: -8px;
    display: block !important;
}

.block-account .myaccount-design li a>span,
.hamburgermenu .myaccount-nav span.price {
    float: right;
}

.form-list li.control label {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 0 5px;
}

.upgrade_customer_info_form .form-list li.control label {
    padding: 0;
}

.form-list li.control input.checkbox,
.form-list li.control input.radio {
    float: left;
    margin: 4px 5px 5px 0
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto
}

.form-list .input-box {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}

.form-list .field {
    float: left;
    width: 48.5%;
    margin-right: 3%;
}

.form-list .field+.field {
    margin-right: 0
}

.form-list .input-range input.input-text {
    width: 74px
}

.form-edit .pw-fields,
.form-edit .email-fields {
    width: 48.5%;
    margin-left: 0;
}

.form-edit .pw-fields .field {
    width: 100%;
}

.form-edit .email-fields {
    margin-left: 3%;
}

.input-text.text-disbaled {
    background: var(--grey-color-tone-seven);
    cursor: not-allowed;
}

.form-edit .control input {
    min-height: auto;
}

.form-edit .password-fields {
    border: transparent;
    margin-bottom: 0;
}

.addional_col,
.addional_col_2 {
    float: left;
}

.form-edit .addional_col {
    width: 100%;
    padding: 0 17px;
    display: flex;
}

.addional_col ul.form-list {
    float: left;
    width: 100%;
    padding: 0 5px;
}

.form-edit .addional_col ul.form-list:first-child {
    display: none;
}

.addional_col .form-list .field {
    width: 100%;
    margin-bottom: 0;
}

.upgrade_customer_info_form .num_prefix {
    float: left;
    min-width: 30px;
    background-color: var(--grey-color-tone-seven);
    text-align: center;
    font-size: 20px;
    height: 36px;
    border: 1px solid var(--grey-color-tone-five);
    line-height: 34px;
    border-radius: 0;
}

.form-edit .div_mobile input {
    width: calc(100% - 90px);
}

.upgrade_customer_info_form .num_prefix+.input-text {
    border-radius: 0px;
    border-left: 0;
    width: 48px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    height: 46px;
}

.form-edit .num_prefix+.input-text {
    height: 36px;
    width: 36px;
    margin-right: 2px;
}

.upgrade_customer_info_form .input-box .txt-success-icon {
    position: absolute;
    right: 8px;
    top: 11px;
}

.upgrade_customer_info_form .input-box.div_mobile .txt-success-icon {
    right: 32px;
}

span.tedit-icon {
    background-image: var(--my-account-sprite-bg);
    display: inline-block;
    background-repeat: no-repeat;
    width: 16px;
    margin-left: 15px;
    position: relative;
    top: 4px;
    background-size: 50px;
    background-position: -21px -300px;
    cursor: pointer;
}

.upgrade_customer_info_form .input-box .tedit-icon {
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 1;
}

.form-edit ul.token-fields {
    width: 50%;
    float: left;
}

.form-edit .token-fields .field {
    width: 100%;
    margin-right: 0;
}

.form-edit .fie_customer_token .blue-btn {
    background: var(--dark-color);
    padding: 6px 12px;
    color: var(--white-color);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

.form-edit .addional_col_2 {
    background-color: var(--white-color);
    padding: 0;
    border: transparent;
    position: relative;
    border-top: none;
    z-index: 9;
    width: 50%;
}

.form-edit .addional_col_2 ul.form-list {
    padding: 0;
    padding-right: 17px;
}

.form-edit .fie_cmi_clientid {
    z-index: 999;
    width: 100%;
    float: left;
}

.form-edit .addional_col_2 .form-list li {
    position: relative;
}

.addional_col_2 .form-list .field {
    width: 100%;
    margin: 0;
}

.form-edit .form-list label.lbl_cmi_clientid {
    padding-left: 25px;
}

.notification-wrapper,
.notification-wrapper .ms-subtitle {
    float: left;
    width: 100%;
}

.notification-wrapper {
    margin: 0 0 30px;
}

.notification-wrapper .ms-subtitle {
    border-bottom: 1px solid var(--grey-color-tone-six);
    padding: 0 0 10px;
    position: relative;
}

.notification-wrapper .ms-subtitle:before {
    content: "";
    min-width: 230px;
    background-color: var(--dark-color);
    position: absolute;
    height: 5px;
    bottom: -3px;
    left: 5px;
}

.ms-subtitle h2 {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    padding-left: 30px;
    color: var(--grey-color-tone-one);
    font-weight: 500;
    background-position: -20px 3px;
    background-size: 62px;
    line-height: 22px;
}

.notification-wrapper>h5 {
    font-size: 15px;
    color: var(--grey-color-tone-nine);
    padding: 10px 10px;
    float: left;
    width: 100%;
    font-weight: 500;
}

.notification-wrapper .notification-tr {
    float: left;
    width: 100%;
    background-color: var(--dark-color);
    color: var(--white-color);
    border-radius: 5px 5px 0px 0px;
    border: 1px solid var(--dark-color);
}

.notification-wrapper .notification-tr li {
    float: left;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
}

.notification-wrapper .notification-tr li:first-child {
    width: 50%;
}

.notification-wrapper .notification-tr li:nth-child(2) {
    width: 25%;
}

.notification-wrapper .notification-td,
.notification-td ul {
    float: left;
    width: 100%;
}

.notification-td {
    border: 1px solid var(--grey-color-tone-five);
    border-top: 0;
}

.notification-td>ul>li {
    float: left;
    font-size: 15px;
    padding: 10px;
    position: relative;
}

.notification-td>ul>li:first-child {
    width: 50%;
    font-weight: 500;
}

.notification-td>ul>li:nth-child(2) {
    width: 25%;
}

.notification-td>ul>li:nth-child(3) {
    width: 25%;
}

.ep-switch {
    margin-right: 10px;
    float: left;
    height: 25px;
    position: relative;
}

.ep-switch input[type="checkbox"] {
    position: absolute;
    z-index: 1;
    top: 0;
    opacity: 0;
    margin: 0;
    min-height: 0px;
}

.ep-switch label.ep-switch-label {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    width: auto;
    height: 25px;
    border-radius: 5px;
    position: relative;
}

.ep-switch .ep-switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
}

.ep-switch-checkbox:checked+.ep-switch-label .ep-switch-inner {
    margin-left: 0;
}

.ep-switch-inner::before,
.ep-switch-inner::after {
    display: block;
    float: right;
    width: 50%;
    height: 25px;
    padding: 0;
    line-height: 25px;
    font-size: 11px;
    color: var(--white-color);
    box-sizing: border-box;
    font-weight: 500;
}

.ep-switch-inner::before {
    content: attr(data-off);
    padding-right: 7px;
    padding-left: 7px;
    background-color: var(--grey-color-tone-nine);
    text-align: right;
}

.ep-switch-inner::after {
    content: attr(data-on);
    padding-left: 7px;
    background-image: linear-gradient(138deg, var(--dark-color), var(--dark-color));
}

.ep-switch-bar {
    width: 24px;
    height: 21px;
    border-radius: 4px;
    background-color: var(--white-color);
    box-shadow: 0 2px 5px 0 rgb(63 74 90 / 34%);
    position: absolute;
    display: block;
    margin: 2px 2px 0 1px;
    top: 0;
    bottom: 0;
    right: auto;
    transition: all 0.3s ease-in 0s;
}

.ep-switch-checkbox:checked+.ep-switch-label .ep-switch-bar {
    right: 0;
}

.notification-td .ep-allemails,
.notification-td .ep-allnums {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    padding-left: 34px;
    background-size: 60px;
    font-weight: 500;
    font-size: 14px;
    float: left;
    margin-top: 2px;
    cursor: pointer;
    text-decoration: underline;
}

.notification-td .ep-allemails.ntyred-cl,
.notification-td .ep-allnums.ntyred-cl {
    color: var(--primary-color);
}

.notification-td .ep-allnums {
    background-position: -18px -251px;
}

.notification-td .ep-allemails {
    background-position: -18px -80px;
}

.notification-td .ep-allnums.ntyred-cl {
    background-position: -18px -188px;
}

.notification-td .ep-allemails.ntyred-cl {
    background-position: -18px -130px;
}

/* Account Information page OPT text Twellio  */

.acc-opt-block {
    display: block;
    float: left;
    width: 100%;
    margin: 30px 0 0;
}

.acc-opt-block h3 {
    background-image: url(../images/sprites/notification.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    color: #747474;
    font-weight: 500;
    background-position: 5px 2px;
    background-size: 16px;
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 10px;
}

.acc-opt-block h3:before {
    content: "";
    min-width: 230px;
    background-color: var(--primary-color);
    position: absolute;
    height: 5px;
    bottom: -3px;
    left: 0;
}

.acc-opt-block .acc-opt-list {
    margin-top: 25px;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
}

.acc-opt-block .acc-opt-item {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
}

.acc-opt-block .acc-opt-item .opt-title {
    color: var(--dark-color);
    position: relative;
    width: 50%;
    font-size: 15px;
    padding: 10px 0 10px 20px;
    font-weight: 500;
    border-right: 1px solid #ccc;
}

.acc-opt-block .acc-opt-item .opt-para,
.acc-opt-block .acc-opt-item .opt-link {
    width: 50%;
    margin: 0;
    padding: 10px 0 10px 20px;
    font-size: 14px;
    line-height: 25px;
}

.acc-opt-block .acc-opt-item:last-child {
    border-bottom: 0;
}

/* Account Information page OPT text Twellio */
.ntifyemail-wrap {
    background-color: var(--grey-color-tone-six);
    float: left;
    width: 100%;
    padding: 10px;
}

.ntifyemail-wrap>ul>li {
    float: left;
    width: 100%;
    padding: 7px 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.ntifyemail-wrap>ul>li>input[type="checkbox"] {
    display: none;
}

.ntifyemail-wrap>ul>li>label {
    font-size: 15px;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    word-break: break-all;
    margin-right: 20px;
}

.ntifyemail-wrap>ul>li>label:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: var(--white-color);
    left: 0;
    top: 0px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 3px;
}

.ntifyemail-wrap>ul>li>a {
    float: right;
    font-weight: 500;
    text-decoration: underline;
    color: var(--error-color);
}

.ntifyemail-wrap>ul>li>input[type="checkbox"]:checked+label:before {
    background-color: var(--secondary-color);
    background-image: var(--my-account-sprite-bg);
    background-size: 60px;
    background-position: -24px -741px;
    border-color: var(--secondary-color);
    box-shadow: 0px 2px 3px var(--grey-color-tone-nine);
}

.ntify-buttonset {
    float: left;
    width: 100%;
    padding: 10px;
}

.ntify-buttonset .ntybtn {
    font-size: 16px;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 4px;
}

.ntify-buttonset button.ntyadd-btn {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border: 1px solid var(--secondary-color);
    width: 140px;
    float: right;
}

.ntify-buttonset .ntyfy-addfields {
    text-align: right;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.ntify-buttonset .ntyfy-addfields .input-text {
    border-radius: 4px;
}

.ntify-buttonset .ntyfy-addfields .inputbx-ntfy {
    display: inline-block;
    width: 300px;
}

.ntify-buttonset .ntyfy-addfields .ntysubmit-btn.popup-otp-disable {
    float: none;
}

.ntify-buttonset .ntyfy-addfields .inputbx-ntfy .validation-advice {
    float: left;
}

.ntify-buttonset .ntyfy-addfields .ntysubmit-btn {
    width: 100px;
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--white-color);
    margin: 0 10px;
}

.ntify-buttonset .ntyfy-addfields .ntycensel-btn {
    width: 100px;
    background-color: var(--grey-color-tone-three);
    color: var(--white-color);
    border: 1px solid var(--grey-color-tone-three);
}

.my-account .buttons-set {
    margin: 5px 0 0;
    padding: 5px 0 0;
}

.form-edit .addional_col_2:after {
    content: none;
}

.form-edit .addional_col_2 ul li.fie_cmi_clientid:after {
    content: "";
    background-image: var(--my-account-sprite-bg);
    width: 19px;
    background-size: 60px;
    background-position: -23px -310px;
    height: 18px;
    background-color: transparent;
    top: 3px;
    left: 0;
    position: absolute;
}

.form-list .field+.field+.field {
    margin-right: 0;
}

.form-edit.token-fields .field {
    width: 100%;
}

.form-edit.form-list .name-fields .field {
    width: 48%;
    margin-right: 2%;
}

.form-edit p.back-link a,
.form-edit #save_info_btn {
    min-width: 130px;
    margin-right: 5px;
}

.form-edit .back-link a,
.form-edit #save_info_btn span {
    padding: 8px;
    border-radius: 4px;
    margin-left: 5px;
}

.form-edit .otp_wapper {
    margin: 0;
}

.usernm-bx>a {
    max-width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--primary-color);
}

.acc-flex .front-uname a {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    color: var(--default-color);
    margin: 0 0 5px;
    font-weight: 500;
}

.common-popup-layout .dashboard-popup-account .fields .field.m-username .field {
    width: 100%;
}

.common-popup-layout .dashboard-acc-bx-inner .addressdetails .fieldset .form-list input#district_mobile {
    max-width: calc(100% - 65px);
}

.common-popup-layout .dashboard-popup-account .fields .field.m-username {
    margin-top: 0;
}

@media screen and (max-width:1366px) {
    .block-account .myaccount-design li a span.due {
        font-size: 10px;
    }

    .address-fixheight {
        max-height: 300px;
    }

    .conform-bx-inner.common-popup-layout {
        width: 96%;
        margin: 4% auto;
    }

    .edit-address-popup.dashboard-acc-bx-inner {
        margin: 4% auto;
        max-height: 400px;
    }
}

@media screen and (max-width:1200px) {
    .form-list .field {
        width: 49%;
        margin-right: 2%;
    }

    .form-edit .email-fields {
        margin-left: 2%;
    }

    .myaccount-design .myacc-submenu>li {
        padding-right: 10px;
    }

    .myaccount-design .myacc-submenu>li a {
        font-size: 12px;
    }

    span.due {
        font-size: 12px;
    }

    .myacc-submenu #myProgress {
        width: 60px;
    }
}

@media screen and (max-width:1100px) {
    .notification-td>ul>li:not(:first-child) {
        padding: 10px 5px;
    }
}

@media screen and (max-width:1024px) {

    .notification-wrapper .notification-tr li:first-child,
    .notification-td>ul>li:first-child {
        width: 40%;
    }

    .notification-wrapper .notification-tr li:nth-child(2),
    .notification-wrapper .notification-tr li:last-child,
    .notification-td>ul>li:nth-child(2),
    .notification-td>ul>li:nth-child(3) {
        width: 30%;
    }

    .myaccount-design {
        display: none !important;
    }

    .block-account .myaccount-design li.active-menu h2 {
        font-size: 13px;
    }

    .block-account .myaccount-design li a span.due {
        font-size: 10px;
    }

    .notification-td>ul>li {
        padding: 10px;
    }
}

@media screen and (max-width:640px) {
    .form-edit .addional_col{
        flex-wrap: wrap;
    }
    .notification-wrapper .notification-tr {
        display: none;
    }

    .notification-td {
        border-top: 1px solid var(--grey-color-tone-five);
    }

    .notification-td>ul>li:first-child {
        background-color: var(--grey-color-tone-six);
        border-bottom: 1px solid var(--grey-color-tone-five);
        width: 100%;
    }

    .notification-td>ul>li:nth-child(2),
    .notification-td>ul>li:nth-child(3) {
        width: 50%;
    }

    .ntify-buttonset .ntyfy-addfields .inputbx-ntfy {
        width: 100%;
        margin: 0 0 10px;
    }

    .email-fields .input-box input {
        padding-right: 30px;
    }

    .usernm-bx>a {
        max-width: 255px;
    }

    .button-with-title .button.filter_btn {
        margin: 0;
        margin-bottom: 5px;
    }

    body.customer-accountpage-balancesheet .button-with-title h1 {
        margin-top: 10px;
    }

    /* Account Information page OPT text Twellio  */
    .acc-opt-block .acc-opt-item .opt-title {
        width: 100%;
        border-right: 0;
        background-color: #eee;
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }

    .acc-opt-block .acc-opt-item .opt-para,
    .acc-opt-block .acc-opt-item .opt-link {
        width: 100%;
        padding: 10px;
    }

    /* Account Information page OPT text Twellio  */
}

@media screen and (max-width: 536px) {
    .form-list .field.name-firstname {
        margin-bottom: 10px;
    }

    .notification-td .ep-allemails,
    .notification-td .ep-allnums {
        text-indent: -9999px;
    }

    .ntify-buttonset .ntyfy-addfields .input-text {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .form-edit ul.token-fields {
        width: 100%;
    }

    .form-list .field {
        width: 100%;
        margin: 0;
    }

    .form-edit .addional_col_2 {
        width: 100%;
        padding: 0 3%;
        margin: 0 0 10px;
    }

    .form-edit .addional_col_2 ul.form-list {
        padding: 0;
        width: 100%;
    }

    .dashboard-popup-account .fields .field.m-username .field+.field {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {

    .form-edit ul.token-fields,
    .form-list .field,
    .form-edit .addional_col ul.form-list,
    .form-edit .password-fields .field,
    .form-edit .addional_col_2,
    .form-edit .pw-fields,
    .form-edit .email-fields {
        width: 100%;
        margin-left: 0;
    }

    .form-edit .div_mobile input {
        width: calc(100% - 85px);
    }

    .form-edit .addional_col_2 ul.form-list {
        margin-bottom: 10px;
    }

    .form-edit .fieldset .legend {
        padding: 10px;
        font-size: 18px;
    }

    .form-edit .password-fields ul.form-list,
    .form-edit ul.form-list {
        padding: 0 10px;
    }

    .form-edit .addional_col {
        padding: 0 10px 10px;
    }

    .form-edit .field+.field {
        margin-top: 0;
    }

    .form-edit .popup-otp-disable {
        margin-top: 0;
    }

    .ntifyemail-wrap>ul>li>label,
    .ntifyemail-wrap>ul>li>a,
    .ntify-buttonset .ntyfy-addfields .input-text,
    .ntify-buttonset .ntybtn {
        font-size: 14px;
    }

    .my-account .lcdbuyback-createorder .createorder-form .buttons-set .lcd-bb-btn button.button {
        min-width: 160px;
    }
}

@media screen and (max-width:420px) {
    .upgrade_customer_info_form .input-box .tedit-icon {
        right: 7px;
    }

    .ms-subtitle h2 {
        font-size: 16px;
    }
}

@media screen and (max-width:320px) {

    .notification-td .ep-allemails,
    .notification-td .ep-allnums {
        margin-top: 10px;
    }

    .address-form .fields .form-list .customer-name .field {
        width: 100%;
    }
}

/* Edit account code end */

/* Tax form page start */

.business_doccontent {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-eight);
    border-radius: 10px 10px 0 0;
    margin: 15px 0 0;
}

.busiTop_content,
.BstateSection,
.busiTop_Blackbg {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 15px;
}

.busiTop_content p {
    text-align: justify;
}

.busiTop_Blackbg {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: 500;
}

.BstateSection .stateBul {
    float: left;
    width: 20%;
    border-right: 2px solid var(--grey-color-tone-four);
    min-height: 240px;
    margin: 12px 0px;
}

.BstateSection .stateBul li {
    font-weight: 400;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 24px;
}

.BstateSection .stateBul:last-child {
    border-right: 0;
}

.busiTop_Blackbg.opBox {
    margin-bottom: 15px;
}

.tx-title h1 {
    display: inline-block;
}

.tx-title .button {
    max-width: 220px;
    float: right;
    border-radius: 6px;
    height: 35px;
    line-height: 11px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-top: 7px;
}

.tx-accesption-form .conform-bx-inner {
    width: 100%;
    max-width: 950px;
    border-radius: 4px;
    position: relative;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.tx-accesption-form .conform-bx-inner .next-tb {
    float: left;
    width: 100%;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.tx-accesption-form .conform-bx-inner .next-tb .footer_btn {
    padding: 10px;
}

.next-tb h2 {
    text-align: left;
    display: block;
    clear: both;
}

.tx-accesption-form .conform-bx-inner .pop-close {
    position: absolute;
    right: 7px;
    top: 9px;
    margin-top: 0;
    color: var(--primary-color);
    background-color: var(--white-color);
    height: 28px;
    width: 30px;
    font-size: 32px;
    line-height: 23px;
    border-radius: 4px;
}

.tx-accesption-form .conform-bx-inner #next-tb2 h4.sltx-address {
    padding: 1px 24px;
    margin-top: -12px;
    position: relative;
    z-index: 1;
    background-color: var(--white-color);
    float: left;
    width: 100%;
}

.tx-accesption-form .conform-bx-inner div#next-tb4 .message {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.tx-accesption-form .conform-bx-inner div#next-tb4 .message>h2 {
    padding-top: 10px;
}

.tx-accesption-form .conform-bx-inner .message {
    margin-bottom: 0;
    width: 100%;
    padding: 15px;
    max-height: 440px;
}

.tx-form-list textarea {
    padding: 5px 4px;
    font-size: 14px;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 4px;
}

.tx-foobuttons {
    height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 4px;
    min-width: 90px;
    padding: 0 10px;
}

.tx-foobuttons span {
    line-height: 20px;
}

.original_entertx_btn {
    border-color: var(--dark-primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.entertx_btn {
    border-color: var(--dark-primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.cencel_txbtn {
    background-color: var(--grey-color-tone-two);
    border-color: var(--grey-color-tone-one);
    color: var(--white-color);
}

.tx-form-list li.sm-exfields {
    width: 49.7%;
}

.tx-form-list li input[disabled="disabled"],
.tx-form-list li select[disabled="disabled"] {
    background-color: var(--grey-color-tone-six);
    cursor: not-allowed;
}

.txstate_title {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 10px;
    background-color: var(--grey-color-tone-three);
    border: 1px solid var(--grey-color-tone-three);
    border-bottom: 0;
    height: 45px;
}

.txstate_title>h2 {
    color: var(--white-color);
    display: inline-block;
    line-height: 40px;
}

.top_droppy .message {
    display: none;
}

.tx-accesption-form .conform-bx-inner .next-tb.top_droppy .message ul {
    padding-top: 0;
    border-bottom: 1px solid var(--grey-color-tone-five);
    margin: 0 0 10px;
}

.tx-accesption-form .conform-bx-inner .next-tb.top_droppy .message ul>li {
    margin: 0 0 8px;
}

.c-uppercase {
    text-transform: uppercase;
}

.show-docbtn {
    float: right;
    font-size: 14px;
    background: var(--dark-color);
}

.button.show-docbtn span {
    padding: 2px 10px;
    font-size: 14px;
    border-width: 1px;
    border-radius: 5px;
    line-height: 15px;
}

.txdocument_img {
    float: left;
    width: 98%;
    border: 1px dashed var(--grey-color-tone-seven);
    margin: 0 1%;
    border-radius: 4px;
    overflow: hidden;
}

.txdocument_img>img {
    width: 100%;
}

.show-taxt-form {
    max-height: 420px;
    overflow: auto;
}

#purchaser_order,
.other-business-type,
#deplomet_number_li,
#fein_li,
#driving_license_number_li,
#two_letter_postcode_li {
    display: none;
}

.sm-chkaddress input[type="checkbox"] {
    display: none;
}

.sm-chkaddress input[type="checkbox"]:checked+label {
    background-color: var(--border-pattens-blue);
    border-color: var(--default-color);
}

.sm-chkaddress input[type="checkbox"]:checked+label:before {
    content: "";
    background-image: url(../images/sprites/taxsprites2.svg);
    background-repeat: no-repeat;
    background-position: center -47px;
    background-size: 22px;
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.sm-chkaddress address {
    background-size: 14px;
    margin-left: 35px;
    position: relative;
}

.sm-chkaddress label {
    position: relative;
    border: 1px solid var(--grey-color-tone-seven);
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
}

.sm-chkaddress label:before {
    content: "";
    background-color: var(--grey-color-tone-six);
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid var(--grey-color-tone-five);
}

.address_droppyval {
    font-size: 14px;
    float: right;
    border: 1px solid var(--white-color);
    padding: 2px 9px;
    border-radius: 3px;
    color: var(--grey-color-tone-three);
    background-color: var(--white-color);
    margin-top: 8px;
    display: block;
    margin-right: 33px;
}

.address_block {
    float: left;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    margin: 10px 0;
    padding: 0 1%;
}

.address_block>li {
    float: left;
    width: 100%;
    color: var(--grey-color-tone-four);
    padding: 0 0 8px;
    border-bottom: 1px dashed var(--grey-color-tone-five);
    margin: 0 0 7px;
}

.txupload-btn-wrapper .btn {
    float: left;
    /*width: 145px;*/
    border: 1px solid var(--default-color);
    background-color: var(--default-color);
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--white-color);
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.txupload-btn-wrapper .btn input[type="file"] {
    display: none;
}

.txupload-btn-wrapper .btn svg {
    fill: var(--white-color);
    width: 20px;
    height: 15px;
    margin: 6px 4px;
    float: left;
}

.tx_status span {
    display: inline-block;
    padding: 0px 5px;
}

.tx_status span:not(:first-child) {
    border-right: 1px dotted var(--dark-color);
}

.tx_status span:nth-child(2) {
    border-left: 1px dotted var(--dark-color);
    border-right: 1px dotted var(--dark-color);
}

.tx_pending {
    color: var(--notice-color);
}

.tx_approve {
    color: var(--sucess-color);
}

.tx_reject {
    color: var(--error-color);
}

.tx-actionlink {
    text-align: right;
}

.tx-actionlink>a:hover {
    color: var(--error-color);
    text-decoration: underline;
    cursor: pointer;
}

.tx-toggle-i {
    min-width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    background-image: var(--my-account-sprite-bg);
    background-size: 55px;
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
}

.tx-toggle-i.tx-plus {
    background-position: -20px -615px;
}

.tx-toggle-i.tx-minus {
    background-position: -20px -643px;
    background-color: var(--error-color);
    border-color: var(--error-color);
}

.txtr-close {
    display: none;
}

.tx-table .tx_accordian td {
    padding: 0;
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-five);
}

.tx-table .popup-otp .disable-lock-btn,
.tx-table .popup-otp-disable .disable-lock-btn {
    background-color: transparent !important;
    border: 0 !important;
}

.tx-hasinner,
.tx-hasinner .txG-row {
    float: left;
    width: 100%;
}

.tax-info-red {
    color: var(--error-color);
    font-weight: bold;
}

.tx-hasinner .txG-row {
    border-bottom: 1px solid var(--grey-color-tone-five);
}

.tx-hasinner .txG-row:last-child {
    border-bottom: 0;
}

.tx-hasinner .txG-row address {
    width: 66%;
    border-right: 1px solid var(--grey-color-tone-five);
    display: inline-block;
    vertical-align: middle;
}

.tx-hasinner .txG-row address,
.tx-hasinner .txG-row .tx_othersection {
    padding: 7px 8px;
}

.tx-hasinner .txG-row .tx_othersection {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    position: relative;
}

.tx-expired-date {
    font-size: 13px;
    margin: 0 0 0px;
    display: inline-block;
    line-height: 13px;
}

.tx-expired-date strong {
    color: var(--error-color);
}

.txicon-group {
    display: inline-block;
}

.txicon-group .txGicon {
    display: inline-block;
    min-width: 25px;
    background-repeat: no-repeat;
    opacity: 0.7;
    background-image: var(--my-account-sprite-bg);
}

.txicon-group .txGicon.r-tx {
    background-position: -16px -482px;
    background-size: 55px;
}

.txicon-group .txGicon.v-tx {
    background-position: -23px -612px;
    background-size: 65px;
}

.txicon-group .txGicon.d-tx {
    background-position: -18px -550px;
    background-size: 55px;
}

.txicon-group .txGicon.d-rn {
    background-position: -16px -584px;
    background-size: 55px;
}

.txicon-group .txGicon:hover {
    opacity: 1;
}

.sm-chkaddress input[disabled]+label {
    opacity: 0.8;
    background-color: var(--grey-color-tone-six);
    cursor: not-allowed;
}

.tx-accesption-form .conform-bx-inner #next-tb1 select {
    margin: 0 0 10px;
}

.renew-dateBx {
    float: left;
    width: 235px;
    background-color: var(--grey-color-tone-eight);
    padding: 7px;
    position: absolute;
    z-index: 1;
    border-radius: 3px 0px 3px 3px;
    right: 10px;
    margin-top: 9px;
    box-shadow: 3px 6px 4px var(--box-shadow-color-nine);
    border: 1px solid var(--grey-color-tone-seven);
    border-top: 4px solid var(--default-color);
}

.renew-dateBx:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--default-color) transparent;
    position: absolute;
    top: -12px;
    right: 5px;
}

.renew-dateBx>.input-text {
    padding: 4px 81px 4px 8px;
    border-radius: 3px;
    font-size: 14px;
}

.renew-dateBx button {
    position: absolute;
    right: 8px;
    top: 13px;
    z-index: 11;
}

.renew-dateBx .button>span {
    border-width: 2px;
    padding: 0px 10px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: transparent;
    color: var(--default-color);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-color: var(--default-color);
    line-height: 20px;
    font-weight: 700;
}

#exemption_form .next-tb {
    float: left;
}

#exemption_form .next-tb .footer_btn {
    margin-bottom: 15px;
}

#exemption_form .next-tb .footer_btn .popup-btn-right .tx-foobuttons span {
    line-height: 30px;
}

.tx-form-list {
    float: left;
    width: 100%;
    padding: 15px 0 0;
}

.tx-form-list li {
    padding: 0 1%;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0 15px;
}

.tx-form-list label {
    font-weight: 500;
    display: inline-block;
}

.tx-form-list .input-text {
    height: 36px;
    line-height: 36px;
    padding: 5px 4px;
    font-size: 14px;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 4px;
}

.ex-fields .file-input {
    display: inline-block;
    text-align: left;
    background: var(--grey-color-tone-eight);
    padding: 8px 9px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px dashed var(--grey-color-tone-five);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
}

.ex-fields .file-input>.button {
    display: inline-block;
    cursor: pointer;
    background: var(--default-color);
    padding: 8px 31px;
    border-radius: 4px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 16px;
    color: var(--white-color);
}

.ex-fields .file-input>[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.ex-fields .file-input>label {
    text-align: left !important;
    float: none;
}

.tx-stateblock {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.tx-stateblock>label {
    display: block;
    font-size: 17px;
    margin: 0 0 15px;
}

.btx-dropdown {
    display: flex;
    max-width: 315px;
    flex-wrap: wrap;
}

.btx-dropdown .nice-select {
    width: 100%;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 16%);
    border: solid 1px var(--white-color);
    line-height: 25px;
    padding: 10px 30px 10px 18px;
    white-space: inherit;
    height: auto;
}

.btx-dropdown .nice-select .list {
    width: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    padding: 0px 15px;
    max-height: 200px;
    overflow: auto;
}

.btx-dropdown .nice-select .option.selected {
    color: var(--store-remove-btn);
}

.btx-dropdown .nice-select .list>li {
    border-bottom: 1px solid var(--grey-color-tone-six);
    padding: 0px 15px;
}

.nice-select .option {
    line-height: 25px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    white-space: inherit;
    height: auto;
}

.btx-dropdown .nice-select:after {
    border-bottom: 3px solid var(--grey-color-tone-two);
    border-right: 3px solid var(--grey-color-tone-two);
    height: 10px;
    margin-top: -9px;
    right: 20px;
    width: 10px;
}

.btx-address-container {
    float: left;
    width: 100%;
    border-top: 1px solid var(--grey-color-tone-nine);
    padding: 20px 0;
}

.btx-address-container>label {
    float: left;
    width: 100%;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: -26px -1175px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 400;
    margin: 15px 0;
}

.btx-address-container .btx-address-row {
    float: left;
    width: 100%;
    overflow: auto;
    max-height: 160px;
}

.btx-address-container .btx-address-row::-webkit-scrollbar {
    width: 10px;
    background-color: var(--white-color);
    border-radius: 8px;
}

.btx-address-container .btx-address-row::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .8);
    background-color: var(--dark-color);
}

.btx-address-container .btx-address-row>li {
    float: left;
    width: 100%;
    padding: 10px 10px 10px 50px;
    background-color: var(--grey-color-tone-eight);
    margin: 0 0 10px;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}

.btx-address-container .btx-address-row>li>input[type=checkbox] {
    display: none;
}

.btx-address-container .btx-address-row>li>label.disable-address-label {
    color: var(--grey-color-tone-five);
}

.btx-address-container .btx-address-row>li>label {
    cursor: pointer;
}

.btx-address-container .btx-address-row>li>label:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    position: absolute;
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 4px;
    left: 1.5%;
}

.btx-address-container .btx-address-row>li>input[type=checkbox]:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-size: 62px;
    background-image: var(--my-account-sprite-bg);
    background-position: -24px -765px;
    background-repeat: no-repeat;
}

.btx-address-container .btx-address-row>li>input[type=checkbox]:checked+label {
    font-weight: 500;
}

.btx-address-container .btx-addnewaddress {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: var(--grey-color-tone-eight);
    margin: 0 0 10px;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: var(--grey-color-tone-four);
    line-height: 28px;
    cursor: pointer;
}

.btx-address-container .btx-addnewaddress.address-selects {
    color: var(--store-remove-btn);
}

.btx-address-container .btx-addnewaddress.address-selects>span {
    background-color: var(--store-remove-btn);
    color: var(--white-color);
}

.btx-address-container .btx-addnewaddress>span {
    width: 30px;
    height: 30px;
    float: left;
    background-color: var(--grey-color-tone-seven);
    color: var(--grey-color-tone-two);
    border-radius: 100%;
    text-align: center;
    font-size: 25px;
    line-height: 32px;
    margin-right: 10px;
}

.btx-formelement.bottom-line {
    border-bottom: 1px solid var(--grey-color-tone-two);
}

.btx-addressform {
    padding: 20px 0;
    float: left;
    padding-top: 0;
}

.btx-addressform h5 {
    color: var(--dark-color);
    font-size: 17px;
    display: block;
    margin-bottom: 30px;
}

.btx-addressform .btx-dropdown {
    max-width: 100%;
}

.btx-addressform select {
    border: 0;
    outline: 1px solid var(--grey-color-tone-five);
    margin-top: 2px;
    border-right: 0px solid transparent;
}

.btx-formelement .btx-col .btx-box .input-text:focus,
.btx-formelement .btx-col .btx-box .input-text:active,
.btx-formelement .btx-col .btx-box .input-text:visited {
    background: transparent;
}

.btx-formelement {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btx-formelement .btx-col {
    margin: 0 0 20px;
}

.btx-formelement .col-33 {
    max-width: 31.333%;
    width: 100%;
    flex: 0 0 31.333%;
}

.btx-formelement .col-50 {
    width: calc(50% - 10px);
    margin-right: 20px;
}

.btx-formelement .col-50:nth-child(even) {
    margin-right: 0;
}

.btx-formelement .col-100 {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
}

.btx-formelement .btx-col .btx-box {
    background-color: var(--grey-color-tone-eight);
    border-radius: 5px;
    padding: 10px;
}

.btx-formelement .btx-col .btx-box label em {
    color: var(--store-remove-btn);
}

.btx-formelement .btx-col .btx-box .input-text {
    background-color: transparent;
    border: 0;
    padding: 5px;
}

.btx-buttonsets {
    float: left;
    width: 100%;
    border-top: 1px solid var(--grey-color-tone-nine);
    padding: 30px 0 10px;
}

.btx-addressform .btx-buttonsets {
    float: right;
    width: auto;
    border: 0;
    padding: 0 0 10px;
}

.btx-addressform .btx-buttonsets button+button {
    margin-left: 15px;
}

.btx-dropdown.full-length {
    max-width: 100%;
    margin: 0 0 15px;
    display: block;
    color: var(--dark-color);
    font-weight: 400;
}

.btx-dropdown .nice-select .list::-webkit-scrollbar {
    width: 10px;
}

.btx-dropdown .nice-select .list::-webkit-scrollbar-thumb {
    background-color: black;
    border-radius: 10px;
}

.btx-dropdown .nice-select .list::-webkit-scrollbar-track {
    border-radius: 10px;
}

.btx-dropdown .nice-select .option:hover,
.btx-dropdown .nice-select .option.focus,
.btx-dropdown .nice-select .option.selected.focus {
    background-color: var(--white-color);
}

.btx-taxidblock {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid var(--grey-color-tone-nine);
}

.btx-taxidblock .btx-formelement .col-100 {
    margin: 15px 0 0;
}

.btx-taxidblock .btx-formelement>li>label {
    margin: 0 0 15px;
    display: block;
    color: var(--dark-color);
    font-weight: 400;
}

.btx-taxidblock .btx-formelement>li .btx-box {
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
}

.btx-formelement .btx-col .btx-box.full-length {
    max-width: 100%;
}

.btx-formelement .btx-col .btx-box label {
    color: var(--grey-color-tone-one);
    font-weight: 500;
    font-size: 14px;
    float: left;
    padding-bottom: 5px;
}

.btx-taxidblock .btx-formelement .btx-col .cl-purple {
    color: var(--my-account-blue-color);
}

.btx-taxidblock .btx-formelement>li .btx-box .input-text {
    padding: 0;
    font-size: 14px;
    margin-top: -8px;
}

.btx-formelement.some-space {
    padding: 8px 0 20px;
}

/*Tax-pop-up*/

.conform-bx.pop-up-center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.conform-bx.checkout-pop-up-bg {
    background: rgba(255, 255, 255, 0.64);
}

.checkout-pop-up-bg .tax-popup-container {
    width: 700px;
    height: 95vh;
    overflow: inherit;
    position: relative;
    background-color: var(--white-color);
    border-radius: 20px;
    border: 1px solid transparent;
    box-shadow: 0px 1px 19px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.checkout-pop-up-bg .tax-popup-container .tx-pop-up-header {
    height: 15%;
    background-color: black;
    border-color: transparent;
    color: var(--white-color);
    text-align: left;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    position: relative;
}

.cls-pop-up {
    position: absolute;
    right: 7px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 24px;
    font-weight: 900;
    background-color: var(--white-color);
    color: black;
    border-radius: 100%;
    top: 7px;
    cursor: pointer;
}

.tx-pop-up-header h1 {
    width: 100%;
    height: 60%;
    line-height: 75px;
    font-size: 38px;
    color: var(--white-color);
    font-weight: 600;
    padding-left: 92px;
    background-image: url(../images/sprites/tax-popup-title.svg);
    background-repeat: no-repeat;
    background-position: 42px 12px;
}

.tx-pop-up-header p {
    width: auto;
    display: block;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: 45px;
    margin-top: 10px;
}

.checkout-pop-up-bg .tax-popup-container .tax-popup-fixed-btn {
    padding: 0 20px;
}

.checkout-pop-up-bg .tax-popup-container .add-address-main-div {
    padding: 20px;
    height: 72%;
    overflow: auto;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up {
    padding: 20px;
    height: 72%;
    overflow: auto;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-dropdown .nice-select {
    white-space: inherit;
    height: auto;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-dropdown .nice-select .option {
    line-height: 25px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up::-webkit-scrollbar,
.checkout-pop-up-bg .tax-popup-container .add-address-main-div::-webkit-scrollbar {
    width: 10px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up::-webkit-scrollbar-track,
.checkout-pop-up-bg .tax-popup-container .add-address-main-div::-webkit-scrollbar-track {
    border-radius: 10px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up::-webkit-scrollbar-thumb,
.checkout-pop-up-bg .tax-popup-container .add-address-main-div::-webkit-scrollbar-thumb {
    background-color: black;
    border-radius: 10px;
}

.checkout-pop-up-bg .tax-popup-container .back-btn {
    display: block;
    padding: 15px 20px;
    cursor: pointer;
    text-align: left;
    width: 35%;
    margin-top: -20px;
    position: fixed;
    z-index: 1000;
    background: var(--white-color);
}

.checkout-pop-up-bg .tax-popup-container .back-btn span {
    font-size: 17px;
    font-weight: 600;
    color: black;
}

.btx-buttonsets.havesomespace {
    padding: 30px 22px 25px;
    position: absolute;
    bottom: 0;
    height: 13%;
    left: 0;
}

.btx-addressform h5.get-title-bold {
    font-weight: 600;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .tx-stateblock.p-less {
    padding: 30px 0;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-address-container {
    border-top: 0;
    padding: 0 20px 20px 20px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-dropdown {
    display: inherit;
    max-width: 65%;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-address-container>label {
    background-image: none;
    padding-left: 0;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-dropdown.full-width {
    max-width: 100%;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-address-container .btx-addnewaddress {
    width: 100%;
    margin: 20px 0;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-address-container .btx-addnewaddress span {
    font-size: 40px;
    margin-right: 10px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock {
    border-top: 0;
    padding: 0 20px 20px 20px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-fileupload label .img-validation-message {
    width: 100%;
    right: 0;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formfooter ul.btx-formelement {
    padding-top: 35px;
    border-top: 1px solid var(--grey-color-tone-nine);
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formfooter .btx-formelement .btx-col .btx-box {
    padding: 16px 20px 16px 20px;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formfooter .btx-formelement .btx-col .btx-box textarea {
    height: 130px;
    resize: none;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement>li .btx-box {
    padding: 16px 20px 16px 20px;
    margin-bottom: 0;
    max-width: 100%;
}

.checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formelement .btx-col .btx-fileupload>label {
    width: 300px;
}

.btx-taxidblock .btx-formelement>li>label.m-top {
    margin: 0;
}

.add-delete-price-div .product-options .spmicons.amp-input-icon {
    top: 17px;
}

.add-delete-price-div .product-options .input-text.plpre-define.amp-mail-icon {
    top: 12px;
}

.add-delete-price-div .product-options .input-text.notify-me-input {
    padding: 10px 35px;
    font-size: 17px;
    height: 50px;
}

/*Tax-pop-up end*/

.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 250px;
    max-width: 950px;
    max-height: 460px;
    border: 1px solid var(--grey-color-tone-six);
    background-color: var(--white-color);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
}

.signature-pad::before,
.signature-pad::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    bottom: 10px;
    background: transparent;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
    left: 20px;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
    right: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid var(--grey-color-tone-eight);
}

.signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.signature-pad--footer {
    color: var(--grey-color-tone-five);
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px;
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}

.signature-pad label {
    display: none;
}

.btx-formfooter .btx-button {
    width: auto;
    height: 50px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    background-color: var(--white-color);
    border-radius: 5px;
    border: 1px solid rgb(161 161 161 / 25%);
    cursor: pointer;
    padding: 12px 20px;
    margin: 0 0 25px 0;
}

.btx-formfooter .btx-button:hover {
    box-shadow: 0px 0px 0px rgb(0 0 0 / 25%);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.btx-hearbyblock,
.btx-formfooter {
    float: left;
    width: 100%;
}

.btx-hearbyblock {
    padding: 30px 0;
    border-top: 1px solid var(--grey-color-tone-nine);
}

.btx-hearbyblock input[type="checkbox"] {
    display: none;
}

.btx-hearbyblock label {
    position: relative;
    padding-left: 30px;
    font-size: 17px;
    float: left;
}

.btx-hearbyblock label:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    position: absolute;
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 4px;
    left: 0;
}

.btx-hearbyblock input[type="checkbox"]:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: 62px;
    background-image: var(--my-account-sprite-bg);
    background-position: -24px -765px;
}

.btx-buttonsets .btx-button {
    width: 115px;
    height: 49px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: 1px solid rgb(161 161 161 / 25%);
    cursor: pointer;
}

.btx-buttonsets .btx-button:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-weight: 600;
}

.btx-buttonsets .btx-button.btx-deselected {
    pointer-events: none;
    opacity: 0.5;
}

.btx-buttonsets .btx-bleft {
    float: left;
}

.btx-buttonsets .btx-bright {
    float: right;
}

.btx-formelement .btx-col .btx-fileupload>span {
    font-size: 17px;
    margin: 21px 0;
    float: left;
}

.btx-formelement .btx-col .btx-fileupload input[type="file"] {
    display: none;
}

.btx-formelement div p,
.btx-formelement div ul li {
    word-break: break-word;
}

.btx-formelement .btx-col .btx-fileupload>label {
    float: right;
    border: 2px dashed var(--dark-color);
    width: 185px;
    padding: 20px;
    font-size: 17px;
    color: var(--dark-color);
    text-align: center;
    font-weight: 600;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
}

.btx-fileupload .img-validation-message {
    position: absolute;
    width: 170%;
    height: auto;
    right: -30%;
    bottom: -83%;
    color: var(--store-remove-btn);
    font-weight: 400;
}

.btx-fileupload .pop-file-attchment {
    float: left;
    width: 100%;
    margin-top: 60px;
    height: auto;
}

.btx-fileupload .pop-file-attchment li {
    font-size: 16px;
    color: var(--dark-color);
    font-weight: 400;
    letter-spacing: 1px;
    padding: 6px 10px 6px 10px;
    background: var(--grey-color-tone-eight);
    margin: 5px;
    border-radius: 10px;
    display: inline-block;
    width: auto;
    border: 1px solid var(--grey-color-tone-five);
}

.btx-error-message label {
    font-weight: bold;
    color: var(--store-remove-btn);
    font-size: 16px;
}

.txupload-btn-wrapper .upload_msg {
    float: right;
    padding: 9px 0;
    color: var(--error-color);
}

.tx-hasinner .txG-row.txExpire {
    background-color: var(--menu-bg-light-color);
}

.tx_reject-tootip {
    display: inline-block;
    background-image: url(../images/icon-tooltip.png);
    width: 13px;
    background-repeat: no-repeat;
    background-position: -1px 4px;
    cursor: pointer;
    margin-left: 3px;
}

.tooltip-txContent {
    position: absolute;
    left: -152px;
    background-color: var(--grey-color-tone-three);
    z-index: 1;
    color: var(--white-color);
    padding: 5px;
    width: 400px;
    text-align: left;
    border-radius: 4px;
    line-height: 19px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
    margin-top: 7px;
}

.tooltip-txContent:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent var(--grey-color-tone-three) transparent;
    position: absolute;
    top: -6px;
    right: 156px;
}

.tx_reject-tootip:hover+.tooltip-txContent {
    opacity: 1;
    visibility: visible;
}

.tx-accesption-form .conform-bx-inner #next-tb2 h4 {
    text-align: left;
    margin: 10px 0 -18px;
    padding: 1px 14px;
    font-weight: 700;
}

.address_block>li>i.addr_icon {
    background-image: url(../images/sprites/taxsprites2.svg);
    display: inline-block;
    width: 13px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: -1px 3px;
    opacity: 0.8;
}

.tx-accesption-form .conform-bx-inner .message>h2 {
    padding: 0 1%;
}

.tx-accesption-form .conform-bx-inner .next-tb .footer_btn>p.tsucess-msg {
    float: left;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 29px;
    color: var(--primary-color);
}

.tx-accesption-form .conform-bx-inner .message.nopaddCA>ul {
    padding-top: 0;
}

.tx-accesption-form .conform-bx-inner .message.nopaddCA>ul>li {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px;
}

@media screen and (max-width:1366px) {
    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up {
        height: 100%;
        max-height: 70%;
    }

    .checkout-pop-up-bg .tax-popup-container .add-address-main-div {
        height: 100%;
        max-height: 70%;
    }
}

@media screen and (max-width:1024px) {
    .tx-accesption-form .conform-bx-inner {
        max-width: 95%;
    }
}

@media screen and (max-width:980px) {
    .tx-form-list li.sm-exfields {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .tx-accesption-form .conform-bx-inner {
        width: 98%;
    }

    .tx-accesption-form .conform-bx-inner .next-tb .footer_btn>p.tsucess-msg {
        font-size: 12px;
        width: 100%;
        line-height: 18px;
    }

    .tx-accesption-form .conform-bx-inner #next-tb2 h4 {
        margin: 10px 0 0;
    }

    .tx-accesption-form .conform-bx-inner #next-tb2 h4+.message {
        padding-top: 0;
    }
}

@media screen and (max-width:767px) {
    .BstateSection .stateBul {
        width: 33.333%;
    }
}

@media screen and (max-width: 700px) {
    .checkout-pop-up-bg .tax-popup-container {
        width: 96%;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up {
        padding: 10px;
    }

    .btx-address-container>label {
        background-position: -26px -1170px;
    }
}

@media screen and (max-width:640px) {

    .btx-formelement .col-33,
    .btx-formelement .col-50 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .btx-taxidblock .btx-formelement>li .btx-box {
        max-width: 100%;
    }

    .btx-formelement .btx-col .btx-fileupload {
        margin-top: 20px;
    }

    .btx-dropdown .nice-select .list {
        height: 106px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formelement .btx-col .btx-fileupload>label {
        width: 240px;
    }

    .btx-fileupload .img-validation-message {
        font-size: 80%;
    }

    .txupload-btn-wrapper .upload_msg {
        float: left;
    }

    .tx-accesption-form .conform-bx-inner .next-tb.last-tab-scroll .message {
        max-height: none;
        overflow: inherit;
    }

    .tx-accesption-form .conform-bx-inner .message {
        padding: 10px;
    }

    .next-tb h2 {
        font-size: 16px;
    }

    .txstate_title {
        height: auto;
    }

    .txstate_title>h2 {
        line-height: 30px;
        float: left;
    }

    .address_droppyval {
        float: left;
        width: auto;
        margin-right: 0;
        margin-top: 0px;
        clear: both;
        padding: 0 5px;
        background-color: var(--grey-color-tone-two);
        color: var(--white-color);
        margin-bottom: 11px;
        border-color: var(--box-shadow-color-nine);
    }

    .tx-accesption-form .conform-bx-inner .pop-close {
        background-color: transparent;
        color: var(--white-color);
        width: 25px;
        height: 25px;
        top: 3px;
        line-height: 21px;
    }

    .btx-dropdown .nice-select {
        margin: 10px 0;
        height: auto;
        white-space: inherit;
        line-height: inherit;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .btx-dropdown .nice-select .option:hover,
    .btx-dropdown .nice-select .option.focus,
    .btx-dropdown .nice-select .option.selected.focus {
        line-height: inherit;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tx-foobuttons {
        height: 25px;
        font-size: 12px;
        min-width: 84px;
        padding: 0 5px;
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 600px) {
    .btx-formelement .btx-col .btx-fileupload {
        margin-top: 20px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formelement .btx-col .btx-fileupload>label {
        width: 200px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formelement .btx-col .btx-fileupload .img-validation-message {
        font-size: 65%;
    }
}

@media screen and (max-width:536px) {
    .checkout-pop-up-bg .conform-bx-inner {
        width: 96%;
    }

    .btx-address-container .btx-address-row>li>label:after {
        top: 10px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-col .btx-fileupload>span {
        font-size: 15.5px;
    }

    .tx-pop-up-header p {
        left: 15px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-col .btx-dropdown {
        max-width: 100%;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-dropdown {
        max-width: 100%;
    }

    .busiTop_content p {
        font-size: 14px;
    }
}

@media screen and (max-width:480px) {
    .BstateSection .stateBul {
        width: 50%;
    }

    .BstateSection .stateBul li {
        padding: 0 15px;
    }

    .BstateSection .stateBul:nth-child(2n) {
        border-right: 0;
    }

    .BstateSection .stateBul:nth-child(2n+1) {
        border-right: 2px solid var(--grey-color-tone-four);
    }

    .btx-dropdown {
        max-width: 100%;
    }

    .btx-dropdown .nice-select:after {
        height: 6px;
        margin-top: -6px;
        width: 6px;
    }

    .btx-address-container .btx-address-row>li>label:before {
        left: 4.5%;
    }

    .tx-stateblock,
    .btx-address-container,
    .btx-addressform,
    .btx-taxidblock,
    .btx-formelement.some-space,
    .btx-hearbyblock {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btx-formelement .btx-col .btx-fileupload>span {
        width: 100%;
        text-align: center;
    }

    .btx-formelement .btx-col .btx-fileupload>label {
        width: 100%;
        padding: 15px;
    }

    .btx-fileupload .img-validation-message {
        right: -36%;
        font-size: 100%;
        bottom: -45px;
    }

    .tx-pop-up-header h1 {
        padding-left: 60px;
        background-position: 10px 30px;
    }

    .tx-pop-up-header p {
        font-size: 16px;
    }

    #exemption_form .next-tb .footer_btn .popup-btn-right .tx-foobuttons span {
        line-height: 25px;
    }

    .checkout-pop-up-bg .conform-bx-inner .message {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }

    .btx-addressform h5 {
        margin-bottom: 20px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-formelement .btx-col .btx-fileupload>label {
        width: 100%;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-fileupload label .img-validation-message {
        font-size: 100%;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-col .btx-fileupload>span {
        font-size: 17px;
    }

    .address_block {
        font-size: 13px;
    }

    .show-docbtn {
        width: 100% !important;
        margin: 10px 0 0 !important;
    }

    .button.show-docbtn span {
        padding: 6px 10px;
    }

    .tx-accesption-form .conform-bx-inner .next-tb .footer_btn {
        padding-top: 10px;
    }

    .txstate_title {
        padding: 0 5px;
    }

    .tx-accesption-form .conform-bx-inner .message {
        max-height: 370px;
    }

    .tx-accesption-form .conform-bx-inner .message.no-overflow-message {
        max-height: 205px;
    }

    .tx-title h1 {
        display: inline-block;
        line-height: 28px;
        margin: 13px 0 0;
    }

    .tx-title .button {
        max-width: 180px;
        font-size: 12px;
        height: 34px;
    }

    .btx-formfooter .btx-button {
        margin: 0 0 26px;
    }

    .btx-address-container>label,
    .btx-address-container .btx-address-row>li,
    .btx-addressform select,
    .btx-buttonsets .btx-button,
    .tx-stateblock>label,
    .btx-formelement div p,
    .btx-formelement div ul li,
    .btx-formelement .btx-col .btx-fileupload>label,
    .btx-formfooter .btx-button,
    .btx-hearbyblock label,
    .btx-fileupload .pop-file-attchment li {
        font-size: 14px;
    }

    .btx-buttonsets .btx-button {
        width: 100px;
        height: 40px;
    }

    .btx-addressform h5,
    .btx-formelement .btx-col .btx-fileupload>span {
        font-size: 15px;
    }

    .btx-formelement .btx-col .btx-box label {
        font-size: 13px;
    }

    .btx-hearbyblock label:before,
    .btx-address-container .btx-address-row>li>label:before {
        width: 16px;
        height: 16px;
    }

    .btx-hearbyblock input[type="checkbox"]:checked+label:before,
    .btx-address-container .btx-address-row>li>input[type=checkbox]:checked+label:before {
        background-size: 55px;
        background-position: -22px -679px;
    }
}

@media only screen and (max-height: 640px) {
    .tx-pop-up-header h1 {
        height: 47%;
        line-height: 55px;
        font-size: 30px;
        background-position: 10px 7px;
    }

    .btx-buttonsets.havesomespace {
        padding: 12px 23px 22px;
    }
}

@media screen and (max-width:420px) {
    .tx-pop-up-header p {
        font-size: 16px;
        text-align: center;
        left: 1%;
    }

    .tx-pop-up-header h1 {
        height: 50%;
        line-height: 82px;
        background-position: 10px 15px;
    }

    .checkout-pop-up-bg .tax-popup-container .back-btn {
        width: 85%;
    }
}

@media screen and (max-width:375px) {
    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-fileupload label .img-validation-message {
        font-size: 90%;
    }

    .checkout-pop-up-bg .tax-popup-container .tx-pop-up-header {
        height: 17%;
    }

    .cls-pop-up {
        height: 25PX;
        width: 25px;
        line-height: 26px;
        font-size: 15px;
        top: 7px;
    }

    .btx-buttonsets.havesomespace {
        padding: 17px 22px 25px;
    }

    .tx-pop-up-header h1 {
        background-position: 10px 10px;
        line-height: 70px;
        font-size: 30px;
        height: 50%;
    }
}

@media screen and (max-width:360px) {
    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-fileupload label .img-validation-message {
        font-size: 80%;
    }

    .tx-pop-up-header h1 {
        padding-top: 1%;
    }

    .tx-pop-up-header p {
        left: 0;
    }

}

@media screen and (max-width:320px) {
    .btx-address-container .btx-address-row>li>input[type=checkbox]:checked+label:before {
        margin-left: 5px;
    }

    .tx-pop-up-header h1 {
        font-size: 32px;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up .btx-taxidblock .btx-formelement .btx-fileupload label .img-validation-message {
        font-size: 70%;
    }

    .checkout-pop-up-bg .tax-popup-container .main-checkout-form-pop-up {
        height: 65%;
    }

    .checkout-pop-up-bg .tax-popup-container .add-address-main-div {
        height: 65%;
    }

    .checkout-pop-up-bg .tax-popup-container .tx-pop-up-header {
        height: 20%;
    }

    .btx-buttonsets.havesomespace {
        padding: 10px 15px;
    }
}

/* Tax form page end */

/* Saved payment information style start */
.save-details-title,
.fieldset .legend.saved-card-title {
    float: left;
    font-size: clamp(22px, 3vw, 25px);
    width: 100%;
    padding: 8px;
    margin: 16px 0;
    color: var(--dark-color);
    font-weight: 500;
    letter-spacing: 0.4px;
    background: var(--grey-color-tone-six);
}

#braintree-saved-payments .payment-methods-container .payment-methods table>tbody>tr>td.align-right a.makeasdfkt-btn {
    background-color: var(--brain-text-border-color);
    border-color: var(--brain-placeholder-color);
}

#braintree-saved-payments .payment-methods-container .payment-methods table>tbody>tr>td.align-right a.makeasdfkt-btn:hover {
    color: var(--brain-text-border-color);
    border-color: var(--brain-text-border-color);
    background-color: transparent;
}

#braintree-saved-payments .payment-methods-container .payment-methods .ccard-saved-pay-info,
#braintree-saved-payments .payment-methods-container .payment-methods .ccard-saved-pay-info .card-info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px 0;
}

#braintree-saved-payments .payment-methods-container .payment-methods .ccard-saved-pay-info {
    border-bottom: 1px dashed var(--grey-color-tone-five);
    width: calc(100% - 20px);
    margin: 0 10px;
}

#braintree-saved-payments .payment-methods-container .payment-methods .ccard-saved-pay-info .card-info-wrap {
    width: auto;
}

#braintree-saved-payments .payment-methods-container .payment-methods .payment-method-bank-wrapper {
    margin-left: 20px;
}

#braintree-saved-payments .payment-methods-container .payment-methods .payment-method-card-number {
    letter-spacing: 3px;
    display: block;
    line-height: 1.2;
}

#braintree-saved-payments .payment-methods-container .payment-methods .payment-method-card-date {
    font-size: 13px;
}

#braintree-saved-payments .payment-methods-container .payment-methods .method-options .info-remove-btn,
.br-row-block>li>ul>li.br-row-remove-btn>a {
    border: 1px solid var(--primary-color);
    padding: 6px 12px;
    font-size: 15px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 500;
    background-color: var(--primary-color);
    color: var(--white-color);
}

.payment-methods-container table>tbody>tr.trdefault-display {
    background-color: var(--border-pattens-blue);
}

.payment-methods-container table>tbody>tr.trdefault-display>td>img {
    margin-left: 10px;
}

.payment-methods-container table>tbody>tr.trdefault-display>td>span {
    padding-left: 10px;
}

.payment-methods-container table>tbody>tr.trdefault-display>td .popup-otp-disable {
    padding-right: 12px;
}

#braintree-saved-payments .payment-methods-container .payment-methods .method-options .info-remove-btn:hover,
.br-row-block>li>ul>li.br-row-remove-btn>a:hover {
    background-color: var(--white-color);
    color: var(--primary-color);
}

#braintree-saved-payments .bank-detail-wrap .br-row-detail>li>ul>li {
    flex: 0 0 100%;
}

#braintree-saved-payments .bank-detail-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: auto;
}

#braintree-saved-payments .bank-detail-wrap .bank-details-block {
    max-width: calc(50% - 20px);
    margin: 10px;
}

#braintree-saved-payments .bank-detail-wrap .bank-details-block>li {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
}

#braintree-saved-payments .payment-methods .bank-detail-wrap {
    display: block;
    width: auto;
}

#braintree-saved-payments .bank-detail-wrap .br-row-block>li>ul {
    height: 100%;
}

#braintree-saved-payments .bank-detail-wrap .br-row-block>li>ul>li.br-row-remove-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.br-row-block>li {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin: 18px 4px;
    box-shadow: 0 2px 5px var(--box-shadow-color-four);
    padding: 15px;
}

.br-row-block>li>ul {
    display: flex;
    flex-wrap: wrap;
}

.br-row-block>li>ul>li {
    flex: 0 0 50%;
}

.br-row-block>li>ul>li.br-row-remove-btn {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
    text-align: end;
}

.braintree-saved-index #braintree-saved-payments .payment-methods-container .payment-methods,
.customer-account-index #braintree-saved-payments .payment-methods-container .payment-methods {
    margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    #braintree-saved-payments .bank-detail-wrap .bank-details-block {
        max-width: calc(100% - 20px);
    }

    #braintree-saved-payments .bank-detail-wrap .br-row-detail>li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width:640px) {
    .br-row-block>li>ul>li {
        flex: 0 0 100%;
        display: flex;
    }

    .br-row-block>li>ul>li>span:not(.bank-detail) {
        word-break: break-all;
        padding-left: 5px;
    }

    .br-row-block>li>ul>li>.bank-detail {
        min-width: 155px;
    }

    .br-row-detail {
        justify-content: center;
    }

    #braintree-saved-payments .bank-detail-wrap .br-row-block>li>ul>li.br-row-remove-btn {
        justify-content: flex-start;
    }
}

@media screen and (max-width:536px) {

    .braintree-saved-index #braintree-saved-payments .payment-methods-container .payment-methods table,
    .customer-account-index #braintree-saved-payments .payment-methods-container .payment-methods table {
        width: 480px !important;
    }

    .braintree-saved-index #braintree-saved-payments .payment-methods-container .payment-methods,
    .customer-account-index #braintree-saved-payments .payment-methods-container .payment-methods {
        overflow: auto;
    }
}

@media screen and (max-width:576px) {
    #braintree-saved-payments .payment-methods-container .payment-methods .payment-method-card-number {
        letter-spacing: 0;
    }
}

@media screen and (max-width:360px) {
    #braintree-saved-payments .payment-methods-container .payment-methods .ccard-saved-pay-info {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
    }

    .br-row-block>li>ul>li {
        font-size: 15px;
        margin-bottom: 5px;
    }
}

/* Save payment information style end  */

/* Address Book account style start */

.my-account .addressBook_popUp_container .page-title h1 {
    font-size: clamp(1.3rem, 5vw, 1.6rem);
    margin: 10px 0;
}

.addresses-list h2 {
    margin: 0 0 15px 0;
    font-weight: 500;
    color: var(--dark-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ic-user {
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    fill: var(--default-color);
}

.addresses-list .popup-otp a.disable-lock-btn,
.addresses-list .popup-otp-disable a.disable-lock-btn {
    background-color: transparent !important;
    border: 0 !important;
}

.addresses-list .popup-otp,
.tx-table .popup-otp,
.addresses-list .popup-otp-disable,
.tx-table .popup-otp-disable {
    display: inline-block;
}

.addresses-list .popup-otp-disable .separator {
    color: var(--dark-color);
}

.address-padd {
    padding: 0px 18px 10px;
}

.addresses-list .addressBook_getPopUp.enable-lock-btn,
.addresses-list .link-remove.enable-lock-btn {
    color: var(--default-color);
}

.addr-book {
    font-weight: 400;
}

.addr-book .username-addr {
    line-height: 25px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

.addr-book .username-addr span {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    padding-left: 24px;
    /* background-position: -20px -438px; */
    background-position: -20px -408px;
    background-size: 55px;
    color: var(--dark-color);
}

.addresses-additional .addr-book .username-addr span {
    background-position: -20px -408px;
    color: var(--dark-color);
}

.addr-book li {
    color: var(--grey-color-tone-two);
    margin-bottom: 2px;
}

.addr-book span {
    color: var(--grey-color-tone-three);
    font-weight: 600;
}

.addresses-additional li.item {
    line-height: 25px;
    margin-bottom: 30px;
}

.addresses-list .addresses-additional ol li p a:first-child {
    color: var(--default-color);
}

.addresses-list li.noaddr-msg p {
    padding: 10px;
    line-height: 20px;
    margin: 0;
}

.addresses-list ol {
    display: flex;
    flex-wrap: wrap;
}

.form-new-address .iQmetrix_checkout_section {
    padding: 10px;
    background-color: var(--grey-color-tone-eight);
    border-top: 3px solid var(--default-color);
    border-left: 1px solid var(--grey-color-tone-seven);
    border-right: 1px solid var(--grey-color-tone-seven);
    border-bottom: 1px solid var(--grey-color-tone-seven)
}

.form-new-address .iQmetrix_checkout_section a {
    color: var(--default-color);
    font-size: 15px;
    font-weight: 400;
}

.dashboard-acc-bx-inner {
    border: 0;
    border-radius: 4px;
}

.form-new-address h2.popup-header-text {
    padding: 9px 0;
}

.form-list .field.fd-zipcode {
    width: 20%;
}

.form-list .field.fd-telephone {
    width: 26%;
    margin-left: 2%;
}

.form-new-address .control {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: auto;
    clear: none;
}

.form-new-address .form-list li.control input.checkbox {
    margin: 7px 5px 5px 0;
}

.form-new-address .form-list li.control label {
    padding-left: 0;
}

.common-popup-layout .popup-btn-right button:nth-child(2) {
    margin-left: 5px;
}

.common-popup-layout .popup-btn-right button:nth-child(2)>span,
button.common-subbtn span {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.common-popup-layout .popup-btn-right button:nth-child(2):hover span,
button.common-subbtn:hover span {
    background: transparent;
    color: var(--default-color);
}

.addressdetails .page-title h1 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    padding: 10px 0;
    display: inline-block;
}

.addressdetails .page-title {
    margin: 0;
    padding: 0;
}

.addressdetails .fieldset .legend {
    display: none;
}

.addressdetails .footer_btn button.button {
    margin-left: 5px;
    float: right;
}

.addressBook-back-link {
    display: block;
    background: var(--primary-color);
    border-radius: 4px;
    margin: 0;
    border: 2px solid var(--primary-color);
    float: left;
}

.addressBook-back-link a {
    color: var(--white-color);
    min-width: 90px;
    line-height: 31px;
    height: 30px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 17px;
}

.form-new-address .my-account {
    margin-bottom: 0;
}

.addressBook-back {
    border-radius: 4px;
    margin: 0;
}

.addressBook-back a.cancel-btn,
.assign-store-back a.cancel-btn,
.update-ac-back a.cancel-btn {
    margin-left: 0;
    cursor: pointer;
}

.popup-btn-right .update-ac-back {
    display: block;
    border-radius: 4px;
    margin: 0;
    float: left;
}

.addressBook-back a {
    color: var(--grey-color-tone-three);
    min-width: 90px;
    line-height: 31px;
    height: 30px;
    font-weight: 500;
    font-size: clamp(15px, 3vw, 17px);
    text-decoration: underline;
}

.popup-btn-right .update-ac-back a,
.popup-btn-right .assign-store-back a {
    color: var(--grey-color-tone-three);
    min-width: 90px;
    line-height: 31px;
    height: 30px;
    font-weight: 500;
    font-size: 17px;
    text-decoration: underline;
}

.popup-btn-right .assign-store-back {
    display: block;
    border-radius: 4px;
    margin: 0;
    float: left;
}

.popup-btn-right p.addressBook-back {
    margin-top: 2px;
}

#advice-required-entry-pre_mobile {
    display: none;
}

.form-new-address .adress-text {
    display: block;
    float: left;
    margin-right: 10px;
    color: var(--grey-color-tone-ten);
    font-size: 15px;
    font-weight: 400;
}

.form-new-address .page-title {
    text-align: left;
    padding: 0 10px 0 18px !important;
}

.address-fixheight {
    max-height: 410px;
    overflow-y: auto;
    width: 100%;
    float: left;
    padding: 0 20px;
}

.form-new-address .validation-advice {
    text-align: left;
}

.customer-mobile .input-text.cls_mobile {
    width: calc(100% - 90px) !important;
}

.sp-sm-button h1 {
    display: inline-block;
}

#create_new_ticket_popup .dashboard-acc-bx-inner .message {
    width: 100%;
    padding: 0;
    margin: 15px 0 0 0;
    overflow: hidden;
}

#create_new_ticket_popup .footer_button.button span {
    line-height: 35px;
}

.dashboard-acc-bx-inner .footer_btn {
    padding: 10px 15px;
}

.dashboard-acc-bx-inner .addressdetails .fieldset .form-list {
    float: left;
    width: 100%;
    text-align: left;
}

.dashboard-acc-bx-inner .addressdetails .fieldset .form-list .wide {
    margin-bottom: 10px;
}

.dashboard-acc-bx-inner .addressdetails .fieldset .form-list .field {
    margin-bottom: 10px;
}

.dashboard-acc-bx-inner .addressdetails .fieldset .form-list label {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 0;
    position: relative;
}

.dashboard-acc-bx-inner .addressdetails .fieldset .form-list input.input-text,
.dashboard-acc-bx-inner .addressdetails .fieldset .form-list select {
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    height: 35px;
    border-color: var(--grey-color-tone-six);
    color: var(--dark-color);
}

.dashboard-acc-bx-inner .footer_btn p.required {
    display: block;
    color: var(--error-color);
    font-size: clamp(14px, 3vw, 15px);
    margin-top: 8px;
}

.dashboard-acc-bx-inner .message.form-new-address {
    max-height: 520px;
}

.iQmetrix_checkout_section .iqmetrix-logo-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.iQmetrix_checkout_section .iqmetrix-logo-img {
    width: 70px;
    margin-left: 30px;
}

/* =============== Address Book account New Css start  =============== */
.address-book-title {
    border-radius: 26px;
    background-color: var(--bb-address-title-color);
    color: var(--dark-color);
    width: 100%;
    padding: 38px 64px;
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 40px;
}

.address-book-title::after {
    content: "";
    background-image: url(../images/address-book/address-book-title-bg.svg);
    position: absolute;
    right: 68px;
    bottom: 0;
    width: 149px;
    height: 121px;
}

.information-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.information-box .information-inner {
    width: calc(100% - 375px);
    font-size: 15px;
    font-weight: 500;
    color: var(--grey-color-tone-four);
    border-left: 2px solid var(--primary-color);
    padding-left: 10px;
    margin-left: 60px;
    position: relative;
}

.information-box .information-inner svg {
    position: absolute;
    left: -40px;
    top: 10px;
}

.information-box .information-inner svg circle {
    stroke: var(--primary-color);
}

.information-box .information-inner svg path {
    fill: var(--primary-color);
}

.information-box .button {
    border-radius: 8px;
    padding: 6px 15px;
    font-size: clamp(13px, 3vw, 14px);
    font-weight: 600;
    line-height: normal;
}

ul.addresses-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
    justify-content: space-between;
    padding-right: 4px;
    align-items: flex-start;
}

ul.addresses-list .item {
    margin-bottom: 15px;
    padding: 13px 14px 16px 15px;
    border-radius: 9px;
    border: solid 1px var(--grey-color-tone-seven);
    position: relative;
}

ul.addresses-list .item .addresses-hed {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

ul.addresses-list li.item h3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-color);
    line-height: normal;
    width: calc(100% - 161px);
    padding-right: 10px;
    padding-left: 8px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

ul.addresses-list li.item h3::before {
    content: "";
    width: 3px;
    height: 100%;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
}

.addresses-link a {
    font-size: 12px;
    line-height: 1.58;
    font-weight: 500;
    text-decoration: underline;
    margin-right: 12px;
    letter-spacing: -0.12px;
    color: var(--dark-color);
}

.addresses-link a:hover {
    color: var(--primary-color);
}

.addresses-link a:last-child {
    margin-right: 0;
}

ul.addresses-list .item address {
    padding-left: 7px;
    width: 100%;
}

ul.addresses-list .item address p {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-black-color);
}

ul.addresses-list .item address p.tel {
    margin: 0;
    background-image: url(../images/address-book/mobile-icon.svg);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.add-addresses {
    width: 100%;
    padding: 10px 12px 10px 12px;
    border-radius: 6px;
    border: 1px dashed var(--d-danger-color);
    background-color: var(--light-red-bgcolor);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add-addresses a {
    font-weight: 500;
    font-size: 24px;
    line-height: 0.8;
    margin-left: auto;
    padding-top: 2px;
    color: var(--dark-color);
}

.add-addresses a:hover {
    color: var(--primary-color);
}

.add-addresses span {
    position: relative;
    display: inline-block;
    padding-left: 38px;
    padding-right: 10px;
    text-decoration: underline;
}

.add-addresses span::before {
    background-image: url(../images/address-book/truck-icon.svg);
    content: "";
    width: 28px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}

.addr-accordion {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.addr-accordion .addr-toggle {
    padding: 10px;
    border-radius: 6px;
    background-color: var(--light-success-bgcolor);
    color: var(--dark-black-color);
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50px;
    padding-right: 40px;
    cursor: pointer;
}

.addr-accordion .addr-toggle i {
    background-image: url(../images/address-book/truck-icon.svg);
    background-repeat: no-repeat;
    width: 28px;
    display: inline-block;
    height: 21px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
}

.addr-accordion .addr-toggle i:after {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--green-bgcolor);
    border-radius: 50%;
    position: absolute;
    right: -3px;
    top: -2px;
    border: solid 1px var(--white-color);
}

.addr-accordion .addr-toggle:after {
    content: "";
    border-top: 2px solid var(--dark-color);
    width: 10px;
    height: 10px;
    background: transparent;
    border-right: 2px solid var(--dark-color);
    border-radius: 2px;
    transform: rotate(135deg);
    margin-top: -7px;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.addr-accordion .addr-toggle.active::after {
    transform: rotate(-44deg) translateY(-50%);
    top: 50%;
    margin-top: 0;
}

.addr-accordion .addr-content {
    width: 100%;
    margin: 0;
    padding: 15px 8px 10px;
    display: none;
}

.addr-accordion .addr-content.default {
    display: block;
}

.addr-content h4 {
    font-size: 12px;
    font-weight: 500;
    color: var(--dark-black-color);
    margin-bottom: 6px;
}

.addr-content ul {
    margin-bottom: 20px;
}

.addr-content ul li {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-black-color);
}

.addr-content ul li label {
    margin-right: 2px;
}

.addr-content>span {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-black-color);
    display: block;
    margin-bottom: 18px;
    word-break: break-word;
}

.addr-content ul.pictures-reason-img {
    margin: 0;
    display: flex;
    width: 100%;
    overflow: auto;
    max-width: 415px;
    padding-bottom: 6px;
}

.addr-content .delay-uploaded-files-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 5px;
}

.addr-content .delay-uploaded-files-list::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
}

.addr-content .delay-uploaded-files-list::-webkit-scrollbar-thumb {
    background-color: var(--grey-color-tone-seven);
    border-radius: 4px;
}

.addr-content .delay-uploaded-files-list li {
    min-width: 90px;
    position: relative;
    border-radius: 4px;
    padding: 5px;
    max-width: 90px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 60px;
    margin-right: 10px;
}

.addr-content .delay-uploaded-files-list li>img {
    width: auto;
    max-height: 100%;
}

ul.pictures-reason-img::-webkit-scrollbar {
    height: 3px;
    border-radius: 4px;
}

ul.pictures-reason-img::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    border-radius: 4px;
}

ul.pictures-reason-img::-webkit-scrollbar-thumb {
    height: 3px;
    background-color: var(--grey-color-tone-seven);
    border-radius: 4px;
}

.addr-content .uploaded-text {
    color: var(--grey-color-tone-nine);
    margin-top: 6px;
    margin-bottom: 0;
}

.addr-accordion .addr-content .bottom {
    display: flex;
    justify-content: center;
    padding: 6px 25px;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
    max-width: 80px;
    margin: 22px auto 0;
    background-color: var(--white-color);
}

.addr-accordion .addr-content .bottom:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.address-selection {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.address-selection .form-group {
    width: calc(50% - 10px);
}

.address-selection .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.address-selection .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    margin-right: 0;
    color: var(--dark-color);
    display: flex;
}

.address-selection .form-group label:before {
    content: '';
    -webkit-appearance: none;
    border: 1px solid var(--dark-color);
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
}

.address-selection .form-group input:checked+label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.address-selection .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 4px;
    height: 9px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.address-form .form-list li.control .address-selection .form-group label,
.address-form .form-list li.adress-text .address-selection .form-group label {
    font-size: 14px;
    padding-left: 8px;
}

.address-form .form-list li.control .address-selection .form-group label:after,
.address-form .form-list li.adress-text .address-selection .form-group label:after {
    left: 14px;
}

@media screen and (min-width:768px) {
    ul.addresses-list .item {
        display: flex;
        flex-direction: column;
        width: calc(50% - 21px);
    }

    .addr-accordion .addr-content {
        padding-right: 0;
    }

    .information-box .information-inner {
        width: calc(100% - 265px);
    }

    ul.addresses-list .item address {
        border-bottom: 1px solid var(--grey-color-tone-seven);
        padding-bottom: 14px;
        margin-bottom: 16px;
    }

    .addresses-link {
        position: absolute;
        right: 14px;
        top: 6px;
    }

    .information-box .popup-otp-disable {
        margin-left: auto;
        padding-left: 10px;
        padding-right: 5px;
    }

}

@media screen and (max-width:767px) {
    ul.addresses-list .item {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .information-box .information-inner {
        width: calc(100% - 200px);
    }

    .addr-content ul.pictures-reason-img {
        max-width: 100%;
    }

    ul.addresses-list {
        padding-left: 0;
        padding-right: 0;
    }

    .address-book-title {
        padding: 38px 25px;
    }

    .address-book-title::after {
        right: 30px;
    }

    ul.addresses-list .item address {
        padding-left: 7px;
        width: 100%;
        margin-bottom: 15px;
    }

    .addresses-link {
        border-bottom: 1px solid var(--grey-color-tone-seven);
        padding-bottom: 12px;
        margin-bottom: 15px;
        padding-left: 7px;
    }

    ul.addresses-list li.item h3 {
        width: 100%;
    }

}

@media screen and (max-width: 640px) {
    .address-book-title {
        padding: 18px 25px;
        font-size: 22px;
        border-radius: 9px;
    }

    .address-book-title::after {
        right: 20px;
        height: 62px;
        width: 90px;
        background-size: 90px auto;
    }

    .information-box {
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .information-box .information-inner {
        width: calc(100% - 0px);
        margin-bottom: 30px;
    }

    .information-box .popup-otp-disable {
        margin-left: auto;
        margin-right: auto;
    }

    .information-box .button {
        border-radius: 8px;
        padding: 11.5px 60px;
        font-size: clamp(15px, 3vw, 15px);
    }

    .addr-content ul.pictures-reason-img {
        max-width: 100%;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .addr-content ul.pictures-reason-img li {
        width: auto;
        margin-bottom: 0;
        min-width: auto;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .address-selection .form-group {
        width: calc(100% - 0px);
        margin-bottom: 15px;
    }

    .address-selection .form-group:last-child {
        margin-bottom: 0;
    }
}

/* =============== Address Book account New Css end  =============== */

/* =============== Add Address form Css Start =============== */
.add-address-title {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.page-title.add-address-title h1 {
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    color: var(--dark-color);
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.add-address-title a {
    font-size: 15px;
    font-weight: 500;
    color: var(--light-grey-color-four);
}

.add-address-title a:hover {
    color: var(--primary-color);
}

.add-address-form {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    max-width: 650px;
}

.add-address-form select {
    display: none !important;
}

.add-address-form .address-form .field .input-box .nice-select .list::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}

.add-address-form .address-form .field .input-box .nice-select .list::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 4px;
}

.address-form {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

.address-form .fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.address-form .field {
    width: 100%;
    padding: 0 7px;
    margin-bottom: 18px;
}

.address-form .field label {
    font-size: 15px;
    color: var(--dark-color);
    padding-left: 13px;
    position: relative;
    margin-bottom: 6px;
    display: block;
    float: left;
}
/**/
.cform-group.itbox-w-select>label {
    margin-left: 0;
    letter-spacing: 0;
    font-weight: 400;
}
.address-form .field.itbox-w-select .input-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.address-form .field.itbox-w-select .input-box .nice-select {
    max-width: 91px;
    height: 49px;
    padding: 14px 15px;
}
.address-form .field.itbox-w-select .input-box .input-text {
    width: calc(100% - 100px);
    height: 49px;
}
.address-form .field.itbox-w-select .input-box .nice-select .nice-select-search-box {
    display: none;
}
.address-form .field.itbox-w-select .input-box .nice-select .list {
    padding: 0;
}
.address-form .field.itbox-w-select .input-box .nice-select .list li {
    border-radius: 0;
    color: var(--dark-color);
    padding: 7.5px 15px !important;
}
.address-form .field.itbox-w-select .input-box .validation-advice{
    margin-left: 100px;
}
.address-form .field.itbox-w-select .add-another-taxvat {
    color: #0084FF;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 275px;
    padding: 9.75px 8px;
    margin-top: 8px;
}
.address-form .field.itbox-w-select .add-another-taxvat.disabled-taxvat{
    color: #B2B2B2;
}
.address-form .field.itbox-w-select .add-another-taxvat svg path{
    stroke: var(--na-link-color);
}
.address-form .field.itbox-w-select .add-another-taxvat.disabled-taxvat svg path{
    stroke: #B2B2B2;
}
.vat-checkout-gruper.vat-another-row {
    position: relative;
}
.address-form .field.itbox-w-select .input-box.vat-another-row {
    margin: 10px 0 0;
    position: relative;
}
.address-form .field.itbox-w-select .input-box.vat-another-row .input-text {
    padding-right: 40px;
}
.address-form .field.itbox-w-select .input-box.vat-another-row .remove-taxvat{
    position: absolute;
    right: 11px;
    top: 14px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-image: url(../images/new-registration/close-accesories.svg);
    background-color: #9A9A9A;
    background-size: 10px;
    background-repeat: no-repeat;
    text-indent: -999999999px;
    background-position: center;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.address-form .field.itbox-w-select .input-box.vat-another-row:hover .remove-taxvat {
    opacity: 1;
    visibility: visible;
}
.address-form .field.itbox-w-select .input-box.vat-another-row .remove-taxvat:hover{
    background-color: var(--primary-color);
}
/**/
.address-form .field .input-box {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.address-form .input-box .input-text {
    border-radius: 10px;
    border: solid 1px var(--grey-color-tone-seven);
    background-color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    padding: 12px 20px;
    color: var(--dark-color);
    width: 100%;
}
.address-form .input-box .input-text.vat-valid-true{
    border-color: var(--isvalidation-true-color);
    background-image: url(../images/new-registration/isvalid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
}
.vat-valid-false{
    background-image: url(../images/new-registration/notvalid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 15px;
}
.address-form .field.street-address .input-text {
    margin-bottom: 10px;
}

.address-form .field.street-address .input-text:last-child {
    margin-bottom: 0;
}

.address-form .field.field-col-6 {
    width: 50%;
    margin-right: 0;
}

.address-form .field .input-box .nice-select {
    height: auto;
    line-height: normal;
}

.address-form .field .input-box .nice-select .list {
    overflow: auto;
    max-height: 230px;
    max-width: 100%;
    width: 100%;
    margin-top: 10px !important;
}

.address-form .field .input-box .nice-select .list .option {
    font-weight: 400;
    font-size: 15px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: auto;
    word-break: break-all;
    white-space: initial;
}

.address-form .field .input-box .nice-select .current {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-right: 13px;
}

.address-form .field .input-box .nice-select::after {
    border-bottom: 2px solid var(--dark-color);
    border-right: 2px solid var(--dark-color);
    height: 10px;
    margin-top: -8px;
    width: 10px;
    right: 15px;
}

.address-form .delay-btn-set {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
}

.delay-btn-set .delay-btn {
    width: 134px;
    height: 49px;
    padding: 10px 22.7px 9px 22.7px;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.delay-btn-set .delay-btn:not(.save-btn) {
    margin-right: 26px;
}

.delay-btn-set .delay-btn.save-btn {
    background-color: var(--primary-color);
    color: var(--white-color);
}
/**/
.address-form .field .input-box.disabled-select-gen .nice-select{
    background-color: #F9F9F9;
    cursor: not-allowed;
    pointer-events: none;
}
.address-form .field .input-box.disabled-select-gen .nice-select span.current {
    color: #555;
}

.address-form .field .input-box.disabled-select-gen .nice-select:after {
    border-color: #898989;
}
@media screen and (max-width: 640px) {
    .address-form .field.field-col-6 {
        width: 100%;
    }

    .address-form .delay-btn-set {
        justify-content: flex-start;
        margin-top: 15px;
        position: static;
        border-top: 0;
        min-height: auto;
    }

    .page-title.add-address-title h1 {
        font-size: 18px;
        margin-bottom: 0;
        position: relative;
        z-index: 9;
        padding-left: 30px;
        padding-right: 30px;
    }

    .add-address-title {
        padding: 10px 20px 9px;
        background-color: var(--grey-title-bgcolor);
        position: relative;
        margin-left: -15px;
    }

    .add-address-title:after {
        content: "";
        width: 100%;
        background-color: var(--grey-title-bgcolor);
        position: absolute;
        right: -30px;
        height: 100%;
        top: 0;
    }

    .add-address-title>a {
        left: 15px;
        font-size: 0;
        z-index: 9;
        width: 35px;
        position: absolute;
        height: 25px;
    }

    .add-address-title>a:after {
        content: "";
        border-bottom: 2px solid var(--dark-color);
        border-right: 2px solid var(--dark-color);
        height: 10px;
        margin-top: -8px;
        width: 10px;
        right: 15px;
        position: absolute;
        left: 12px;
        transform: rotate(-222deg);
        top: 15px;
    }

    .page-title.add-address-title h1 .lock-icon {
        width: 21px;
        float: right;
        position: absolute;
        right: -32px;
        background-image: url(../images/address-book/lock-icon.svg);
        height: 22px;
        background-repeat: no-repeat;
        top: 4px;
    }
}

/* =============== Add Address form Css End =============== */

/* =============== Address-book pop-up design start  =============== */

.customer-address-index .main-container {
    position: static;
}

.conform-bx.address-delay-popup {
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 10000000;
    top: 0;
    display: none;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    background: none;
}

.conform-bx.address-delay-popup .conform-bx-inner {
    max-width: 800px;
    padding: 25px 30px;
    border-radius: 40px;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--white-color);
    position: relative;
    margin: 5% auto;
}

.conform-bx.address-delay-popup:after {
    content: "";
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -9;
}

.ad-delay-title-block {
    min-height: 85px;
    padding: 0 25px 0 40px;
    border-radius: 18.6px;
    background-color: var(--bb-address-title-color);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-image: url(../images//address-book/ad-title-bg-pop-icon.png);
    background-repeat: no-repeat;
    background-position: 88% 8px;
    margin-bottom: 18px;
}

.ad-delay-title-block>h2 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.25px;
    text-align: left;
    color: var(--grey-color-tone-ten);
}

.ad-delay-title-block>p {
    font-size: 13px;
    letter-spacing: 0.13px;
    text-align: left;
    color: var(--grey-color-tone-ten);
    margin: 0;
}

.ad-delay-timing-block {
    max-width: 650px;
    margin: 0 auto;
}

.ad-delay-timing-block>h4 {
    font-size: 15px;
    color: var(--dark-color);
    text-align: left;
    margin-bottom: 5px;
    position: relative;
}

.ad-delay-timing-block>p {
    font-size: 12px;
    text-align: left;
    color: var(--grey-color-tone-nine);
    margin: 0 0 18px;
}

.ad-delay-timing-box {
    padding: 24px 24px 24px 14px;
    border-radius: 10px;
    border: solid 1px var(--grey-color-tone-seven);
}

.ad-delay-timing-box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.ad-delay-timing-box ul li {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5px;
    min-height: 50px;
}

.ad-delay-timing-box ul li .time-box-data {
    min-width: 100px;
    text-align: left;
    font-size: 15px;
    color: var(--dark-color);
    margin-right: 40px;
}

.ad-delay-timing-box ul li .time-switch {
    min-width: 130px;
}

.ad-delay-timing-box ul li .time-switch>label {
    display: flex;
    align-items: center;
}

.ad-delay-timing-box ul li .time-switch.disabled-switch label {
    pointer-events: none;
}

.ad-delay-timing-box ul li .time-switch>label>input {
    display: none;
}

.ad-delay-timing-box ul li .time-switch>label>span.delay-mobile-show {
    display: none;
}

.ad-delay-timing-box ul li .time-switch>label>span {
    font-size: 12px;
    color: var(--dark-color);
}

.ad-delay-timing-box ul li .time-switch>label .time-switch-track {
    position: relative;
    transition: 0.3s;
    width: 42px;
    height: 20px;
    background-color: var(--white-color);
    border-radius: 40px;
    border: solid 1px var(--grey-color-tone-seven);
    cursor: pointer;
    margin-right: 20px;
}

.time-switch-thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: var(--grey-color-tone-seven);
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.ad-delay-timing-box ul li .time-switch>label>input:checked+.time-switch-track {
    background-color: var(--primary-color);
}

.ad-delay-timing-box ul li .time-switch>label>input:checked+.time-switch-track .time-switch-thumb {
    right: 2px;
    left: inherit;
    background-color: var(--white-color);
}

.ad-delay-timing-box ul li .delay-time-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.ad-delay-timing-box ul li .delay-time-box>span {
    margin: 0 24px;
    font-size: 15px;
    color: var(--dark-color);
    min-width: 20px;
    height: 20px;
    position: relative;
}

.ad-delay-timing-box ul li .delay-time-box>span::before {
    content: attr(data-desk);
    display: block;
}

.ad-delay-timing-box ul li .delay-time-box input {
    min-width: 125px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    border: solid 1px var(--grey-color-tone-seven);
    position: relative;
}

.ad-delay-timing-box ul li .delay-time-box input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.timing-information-block {
    max-width: 650px;
    margin: 18px auto 0;
}

.timing-information-block .delay-info-block {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 0 15px;
    text-align: left;
    align-items: center;
}

.timing-information-block .delay-info-block label {
    font-size: 15px;
    position: relative;
    margin-bottom: 7px;
    width: 100%;
}

.timing-information-block .delay-info-block label:not(.upload-data):after,
.ad-delay-timing-block>h4:after {
    content: '*';
    color: var(--error-color);
    margin-left: 5px;
}

.timing-information-block .delay-info-block .nice-select {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: solid 1px var(--grey-color-tone-seven);
}

.timing-information-block .delay-info-block .nice-select:after {
    height: 9px;
    width: 9px;
    border-bottom: 2px solid var(--dark-color);
    border-right: 2px solid var(--dark-color);
    margin-top: -4px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    right: 26px;
}

.timing-information-block .delay-info-block .nice-select.open:after {
    transform: rotate(-135deg);
    margin-top: -8px;
}

.timing-information-block .delay-info-block .nice-select>span.current {
    font-size: 15px;
}

.timing-information-block .delay-info-block .nice-select ul.list {
    width: 100%;
    padding: 14px 32px;
    max-height: 130px;
    overflow: auto;
}

.timing-information-block .delay-info-block .nice-select ul.list::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}

.timing-information-block .delay-info-block .nice-select ul.list::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 4px;
}

.timing-information-block .delay-info-block .nice-select ul.list .option {
    font-size: 12px;
    color: var(--grey-color-tone-two);
    padding: 0 !important;
    min-height: 25px;
}

.timing-information-block .delay-info-block .nice-select ul.list .option:hover {
    background-color: transparent;
}

.timing-information-block .delay-info-block .nice-select ul.list li.option.selected.focus {
    font-weight: 400;
    background-color: transparent;
    color: var(--primary-color);
}

.timing-information-block .delay-info-block input.input-text {
    border-radius: 10px;
    border: solid 1px var(--grey-color-tone-seven);
    min-height: 50px;
}

.timing-information-block .delay-info-block input[type="file"] {
    display: none;
}

.timing-information-block .delay-info-block label.upload-data {
    width: 100%;
    border-radius: 10px;
    border: dashed 1px var(--grey-color-tone-nine);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #2295ff;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 12px;
}

.timing-information-block .delay-info-block label.upload-data.disable-upload {
    opacity: 0.5;
    pointer-events: none;
}

.timing-information-block .delay-info-block label.upload-data .delay-upload-icon {
    background-image: url(../images/address-book/delay-upload-icon.svg);
    height: 16px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    margin-right: 6px;
}

.timing-information-block .delay-info-block span.d-img-data {
    min-width: 125px;
    text-align: right;
    color: var(--grey-color-tone-nine);
    font-size: 12px;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list {
    width: calc(100% - 125px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li {
    position: relative;
    border-radius: 4px;
    padding: 5px;
    max-width: 90px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 60px;
    border: 1px solid transparent;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li:last-child {
    margin-right: 0;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li:hover {
    border-color: var(--primary-color);
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li>img {
    border-radius: 4px;
    width: auto;
    max-height: 100%;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li>.remove-img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -6px;
    background-color: var(--primary-color);
    cursor: pointer;
    background-image: url(../images/address-book/delay-close-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    visibility: hidden;
    opacity: 0;
    z-index: 11;
}

.timing-information-block .delay-info-block .delay-uploaded-files-list li:hover>.remove-img {
    visibility: visible;
    opacity: 1;
}

.delay-btn-set {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 65px 0 10px;
}

.delay-btn-set .delay-btn {
    width: 134px;
    height: 49px;
    padding: 10px 22.7px 9px 22.7px;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width:639px) {
    .conform-bx.address-delay-popup .conform-bx-inner {
        animation: none;
    }

    .conform-bx.address-delay-popup {
        position: fixed;
        padding: 0;
    }

    .conform-bx.address-delay-popup .conform-bx-inner {
        height: 100vh;
        width: 100%;
        border-radius: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        max-height: inherit;
    }

    .ad-delay-title-block {
        background: none;
        border-bottom: 1px solid var(--grey-color-tone-five);
        border-radius: 0;
        padding: 0 12px;
        min-height: 10vh;
        width: 96%;
        margin: 0 auto;
        z-index: 3;
        position: relative;
    }

    .ad-delay-timing-box ul li .delay-time-box>span::before {
        content: attr(data-mob);
    }

    .ad-delay-timing-box ul li .time-switch>label>span.closed-time {
        font-size: 15px;
        margin-left: 15px;
    }

    .ad-delay-timing-box ul li .time-switch>label>span.open-value {
        display: none !important;
    }

    .delay-content-main-block {
        max-height: 70vh;
        overflow: auto;
        padding: 15px 20px 0;
    }

    .delay-btn-set {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-top: 1px solid var(--grey-color-tone-five);
        min-height: 14vh;
    }

    .ad-delay-timing-box {
        padding: 0;
        border-radius: 0;
        border: none;
    }

    .ad-delay-timing-box ul li .time-box-data {
        min-width: 65px;
    }

    .ad-delay-timing-box ul li .delay-time-box {
        justify-content: space-around;
    }

    .timing-information-block .delay-info-block span.d-img-data {
        width: 100%;
        margin: 15px 0;
        text-align: left;
    }

    .timing-information-block .delay-info-block .delay-uploaded-files-list {
        width: 100%;
    }
}

@media screen and (max-width:536px) {
    .ad-delay-timing-box ul li .time-box-data {
        display: none;
    }

    .ad-delay-timing-box ul li .time-switch>label>span {
        display: none;
    }

    .ad-delay-timing-box ul li .time-switch>label>span.delay-mobile-show {
        display: block;
        font-size: 15px;
        min-width: 35px;
    }
}

@media screen and (max-width:480px) {
    .timing-information-block .delay-info-block .delay-uploaded-files-list li {
        width: 25%;
    }

    .ad-delay-timing-box ul li .delay-time-box {
        justify-content: flex-end;
    }

    .ad-delay-title-block>h2 {
        font-size: 18px;
    }

    .ad-delay-timing-box ul li .time-switch {
        min-width: 100px;
    }

    .ad-delay-timing-box ul li .time-switch>label .time-switch-track {
        margin-right: 12px;
    }

    .ad-delay-timing-box ul li .delay-time-box>span {
        margin: 0 5px;
    }
}

@media screen and (max-width:430px) {
    .ad-delay-timing-box ul li .delay-time-box input {
        min-width: 100px;
        padding-left: 10px;
    }

    .timing-information-block .delay-info-block .delay-uploaded-files-list li {
        width: 33.333%;
    }

    .ad-delay-timing-box ul li .time-switch {
        min-width: 85px;
    }
}

@media screen and (max-width: 360px) {
    .ad-delay-title-block {
        padding-left: 2px;
    }

    .delay-content-main-block {
        padding: 15px 10px 0;
    }

    .ad-delay-timing-box ul li .time-switch>label .time-switch-track {
        width: 35px;
    }

    .ad-delay-timing-box ul li .time-switch>label>span.delay-mobile-show,
    .timing-information-block .delay-info-block .nice-select>span.current,
    .timing-information-block .delay-info-block label {
        font-size: 14px;
    }

    .ad-delay-timing-box ul li .delay-time-box input {
        min-width: 90px;
        padding-left: 7px;
        padding-right: 7px;
        height: 42px;
    }

    .ad-delay-timing-box ul li .delay-time-box input[type="time"]::-webkit-calendar-picker-indicator {
        right: 7px;
    }
}

/* =============== Address-book pop-up design End  =============== */

/* Address-book image gallery popup css start */

.owl-carousel.img-popup-box {
    display: block;
}

.conform-bx.image-gallery-popup {
    z-index: 100000000;
}

.conform-bx.image-gallery-popup .conform-bx-inner {
    display: block;
    position: relative;
    border-radius: 5px;
    border: 0;
    animation: none;
}

.conform-bx.image-gallery-popup .conform-bx-inner .close-img-gallery {
    background-color: var(--primary-color);
    height: 30px;
    width: 30px;
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 15;
    border-radius: 0 0 0 5px;
}

.conform-bx.image-gallery-popup .conform-bx-inner .close-img-gallery>svg {
    width: 15px;
}

.owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

.owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item .item {
    display: block;
    width: auto;
    margin: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
}

.owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item .item img {
    max-height: 300px;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav {
    display: block;
    position: absolute;
    width: 100%;
    max-height: 60px;
    height: 100%;
    margin: 15px 0 5px;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav.disabled {
    display: none;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots {
    position: relative;
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 5px;
    overflow: hidden;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots .owl-dot {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 90px;
    width: fit-content;
    border-radius: 0;
    min-height: 60px;
    background-color: transparent;
    border-radius: 5px;
    border-color: var(--grey-color-tone-six);
    margin: 0 5px;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots .owl-dot.active {
    background-color: transparent;
    border-color: var(--primary-color);
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-prev,
.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-weight: 400;
    line-height: 5px;
    padding: 0;
    min-height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 10px;
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 0;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

@media screen and (max-width:640px) {
    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav {
        max-height: 50px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots .owl-dot {
        min-height: 50px;
        min-width: 70px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-prev,
    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-next {
        min-height: 30px;
        min-width: 30px;
        font-size: 30px;
    }
}

@media screen and (max-width:540px) {
    .conform-bx.image-gallery-popup .conform-bx-inner {
        margin: 100px auto 0;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav {
        max-height: 40px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots {
        padding: 0 30px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots .owl-dot {
        min-height: 40px;
        min-width: 50px;
    }

    .owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item {
        min-height: 250px;
    }

    .owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item .item img {
        max-height: 250px;
    }
}

@media screen and (max-width:430px) {
    .owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item {
        min-height: 180px;
    }

    .owl-carousel.img-popup-box .owl-stage-outer .owl-stage .owl-item .item img {
        max-height: 180px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .close-img-gallery {
        height: 25px;
        width: 25px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .close-img-gallery>svg {
        width: 10px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-prev,
    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-next {
        min-width: 25px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-prev {
        left: -10px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-nav .owl-next {
        right: -10px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots {
        padding: 0 20px;
    }

    .conform-bx.image-gallery-popup .conform-bx-inner .owl-carousel .owl-dots .owl-dot {
        margin: 0 3px;
        border-width: 1px;
    }
}

/* Address-book image gallery popup css end */

/* Address Book account style End */

/* Manage Buying limit page start */

.buying-limit-wrapper,
.buying-limit-wrapper .buying-panel,
.buying-limit-wrapper .bpanel-section {
    float: left;
    width: 100%;
}

.buying-limit-wrapper {
    margin: 30px 0 0;
}

.buying-limit-wrapper .buying-panel {
    border: 1px solid var(--grey-color-tone-six);
    border-radius: 15px;
    box-shadow: 4px 3px 6px var(--grey-color-tone-six);
    margin: 0 0 30px;
}

.buying-panel .bpanel-header {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-six);
    border-radius: 15px 0;
    position: relative;
}

.buying-panel .bpanel-header h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    color: var(--dark-color);
}

.buying-limit-wrapper .bsteps {
    float: right;
    position: absolute;
    padding: 12px 18px;
    font-weight: 600;
    width: 100px;
    right: -7px;
    font-size: 16px;
    top: -5px;
    border-radius: 8px 8px 8px 0px;
    background-color: var(--primary-color);
    color: var(--white-color);
    text-align: center;
}

button.blimit-save-btn.btn-assign-group {
    margin-right: 0;
}

.buying-limit-wrapper .bpanel-section {
    padding: 0 0 10px;
}

.buying-limit-wrapper .bpanel-section .bsection-row {
    padding: 15px 22px 0;
    float: left;
    width: 100%;
}

.bsection-row>label {
    font-weight: 400;
    display: inline-block;
    margin: 0 0 8px;
}

.bsection-row>label>em {
    color: var(--error-color);
    font-weight: 600;
    font-style: normal;
}

.bselectdropdown {
    display: flex;
    max-width: 330px;
    position: relative;
}

.bselectdropdown select {
    display: none;
}

.bselectdropdown .nice-select {
    width: 280px;
    border: solid 1px var(--grey-color-tone-nine);
    height: 40px;
    line-height: 38px;
    font-size: 15px;
}

.bselectdropdown .nice-select .list {
    width: 327px;
    box-shadow: 1px 3px 5px 2px rgb(84 84 84 / 11%);
    border: 1px solid var(--grey-color-tone-six);
    border-radius: 10px 0px 10px 10px;
    top: calc(100% - -6px);
    padding: 0px 15px;
}

.baddress-block .baddress-tr .bselectdropdown.byopendropdown .nice-select .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.bselectdropdown .nice-select:before {
    content: "";
    background-color: var(--white-color);
    width: 40px;
    height: 36px;
    position: absolute;
    right: -50px;
    border-radius: 4px;
    box-shadow: 2px 2px 3px var(--grey-color-tone-six);
    border: 1px solid var(--grey-color-tone-six);
}

.bselectdropdown .nice-select:after {
    border-bottom: 3px solid var(--box-shadow-color-ten);
    border-right: 3px solid var(--box-shadow-color-ten);
    height: 8px;
    width: 8px;
    right: -33px;
    top: 40%;
}

.bselectdropdown .nice-select.open:before {
    background-color: var(--primary-color);
}

.bselectdropdown .nice-select .option {
    border-bottom: 1px solid var(--grey-color-tone-five);
    padding: 5px 15px;
}

.bselectdropdown .nice-select .option:last-child {
    border-bottom: 0;
}

.bselectdropdown .nice-select .option.focus,
.bselectdropdown .nice-select .option.selected.focus {
    background-color: var(--white-color);
    color: var(--primary-color);
    font-weight: 500;
}

.bselectdropdown .nice-select .option:hover {
    color: var(--box-shadow-color-ten);
    font-weight: 600;
    background-color: var(--white-color);
}

.bselectdropdown .nice-select.open:after {
    border-color: var(--white-color);
}

.buying-limit-wrapper .bposeven {
    background-color: var(--grey-color-tone-eight);
    position: relative;
    border-radius: 0 0 15px 15px;
}

.buying-limit-wrapper .buying-panel .BL-div-tab .bposeven {
    border-radius: 0;
}

.buying-limit-wrapper .bposeven .bsteps {
    top: -50px;
}

ul.btabs-section {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 60px 0 0;
    border-top: 1px solid var(--grey-color-tone-six);
    border-bottom: 1px solid var(--grey-color-tone-six);
}

.b-saprate-div {
    float: left;
    margin-top: 7%;
    width: 100%;
    position: relative;
}

.buying-limit-wrapper .buying-panel .BL-div-tab {
    display: none;
}

.buying-limit-wrapper .buying-panel .BL-div-tab.current-bl-tab {
    display: block;
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab {
    width: calc(24% - 10px);
    border-right: 1px solid lightgray;
    text-align: center;
    padding: 20px;
    font-size: 15px;
    font-weight: 600;
    margin: 5px 5px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    border-bottom: 4px solid transparent;
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab.current-bl-tab,
.bpanel-section .bsection-rwo .btabs-section li.BL-tab:hover {
    color: var(--primary-color);
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab::before {
    content: "";
    position: absolute;
    width: calc(100% - 10px);
    height: 2px;
    bottom: -2px;
    left: 0;
    border: none;
    background-color: transparent;
    border-radius: 10px;
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab:last-child::before {
    width: 100%;
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab.current-bl-tab::before,
.bpanel-section .bsection-rwo .btabs-section li.BL-tab:hover:before {
    background-color: var(--primary-color);
    height: 4px;
    bottom: -3.5px;
}

.bpanel-section .bsection-rwo .btabs-section li.BL-tab:last-child {
    border-right: 0;
}

.bpanel-section .bsection-rwo .btabs-section .tb-parts {
    background-size: 80px;
    background-position: 10px -1096px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-parts:hover,
.bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab {
    background-position: 10px -1162px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-tools {
    background-size: 85px;
    background-position: 6px -1317px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-tools:hover,
.bpanel-section .bsection-rwo .btabs-section .tb-tools.current-bl-tab {
    background-position: 6px -1395px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-devices {
    background-size: 80px;
    background-position: -8px -1386px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-devices:hover,
.bpanel-section .bsection-rwo .btabs-section .tb-devices.current-bl-tab {
    background-position: -8px -1472px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-accessories {
    background-size: 85px;
    background-position: -20px -1648px;
}

.bpanel-section .bsection-rwo .btabs-section .tb-accessories:hover,
.bpanel-section .bsection-rwo .btabs-section .tb-accessories.current-bl-tab {
    background-position: -20px -1724px;
}

.bradio-group {
    display: flex;
}

.bradio-group>li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 5%;
    font-weight: 500;
}

.bradio-group>li>input[type=radio] {
    display: none;
}

.bradio-group>li>label {
    position: relative;
    padding-left: 25px;
}

.bradio-group>li>label:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 100%;
    top: 4px;
}

.bradio-group>li>input[type=radio]:checked+label:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    left: 3px;
    border-radius: 100%;
    top: 7px;
}

.bradio-group>li>input[type=radio]:checked+label:after {
    background-color: var(--primary-color);
}

.bradio-group>li>input[type=radio][checked="checked"]+label:after {
    background-color: var(--box-shadow-color-ten);
    border-color: var(--box-shadow-color-ten);
}

.bradio-group>li>input[type=radio][disabled="disabled"]+label {
    opacity: 0.3;
}

.bpanel-section .bsection-row .blimit-textbox[disabled="disabled"] {
    background-color: var(--grey-color-tone-six);
    border-color: var(--grey-color-tone-eight);
}

.bpanel-section .bsection-row .blimit-textbox {
    width: 260px;
    height: 38px;
    border-radius: 5px;
    font-size: 14px;
}

.buying-limit-wrapper .bpanel-section .bsection-row .bying-del {
    float: right;
    color: var(--error-color);
    font-weight: 500;
    text-decoration: underline;
    margin-top: 8px;
}

.bsection-row .blimit-save-btn,
.blimit-save-btn {
    border: 1px solid var(--primary-color);
    color: var(--white-color);
    background-color: var(--primary-color);
}

.baddress-block+.blimit-save-btn {
    margin-right: 0;
}

button.blimit-save-btn.f-marign+.limit-edit {
    margin-right: 0;
}

.bsection-row .blimit-save-btn,
.blimit-save-btn {
    float: right;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    margin: 20px 20px 20px;
    max-width: 150px;
    cursor: pointer;
}

.blimit-save-btn:first-child {
    margin-left: 0;
}

button.blimit-save-btn.bdisabled {
    border: 1px solid var(--grey-color-tone-seven);
    color: var(--grey-color-tone-nine);
    background-color: var(--grey-color-tone-six);
    pointer-events: none;
}

.nsample-wrapper {
    float: right;
    margin-top: -50px;
    font-size: 14px;
}

.nsample-wrapper>label {
    font-weight: 400;
    color: var(--grey-color-tone-two);
    margin-left: 18px;
    margin-bottom: 6px;
    float: left;
    width: 100%;
}

.nsample-wrapper>span {
    background-color: var(--grey-color-tone-six);
    padding: 7px 15px;
    font-weight: 500;
    border-radius: 14px;
    float: right;
}

.bpanel-section .bsection-row.b-payment-div {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    gap: 4%;
    margin-top: 2%;
    padding-bottom: 3%;
    padding-top: 3%;
}

.bpanel-section .bsection-row.b-payment-div:last-child {
    margin-bottom: 20px;
}

.bpanel-section .bsection-row.b-payment-div.b-ups-main {
    background-color: var(--ups-bg-color);
}

.bpanel-section .bsection-row.b-payment-div.b-usps-main {
    background-color: var(--usps-bg-color);
}

.bpanel-section .bsection-row.b-payment-div.b-fedex-main {
    background-color: var(--fedex-bg-color);
}
.bpanel-section .bsection-row.b-payment-div.b-rm-main {
    background-color: var(--royal-mail-bgcolor);
}
.bpanel-section .bsection-row.b-payment-div.b-dhl-main{
    background-color: var(--royal-mail-bgcolor);
}
.bpanel-section .bsection-row.b-payment-div.b-postnl-main{
    background-color: var(--fedex-bg-color);
}
.bpanel-section .bsection-row.b-payment-div .buying-payment-title {
    width: 100%;
    background-image: url(../images/sprites/shipping-methods-sprite.svg);
    background-repeat: no-repeat;
    height: 35px;
    max-width: 80px;
    background-size: 214px;
}
.bpanel-section .bsection-row.b-payment-div .buying-payment-title.dhl {
    background-image: url(../images/dhl-new.svg);
    background-size: 90px;
    max-width: 90px;
    height: 16px;
}
.bpanel-section .bsection-row.b-payment-div .postnl {
    background-image: url(../images/postnl-img_new.svg);
    background-size: 56px;
    max-width: 55px;
    height: 55px;
}
.bpanel-section .bsection-row.b-payment-div .buying-payment-title.rm {
    background-image: url(../images/royalmail-img-new.svg?ver=2.0);
    background-size: 110px;
    max-width: 110px;
    height: 25px;
}
.bpanel-section .bsection-row.b-payment-div .buying-payment-title.fedex {
    background-position: 4px -65px;
}

.bpanel-section .bsection-row.b-payment-div .buying-payment-title.ups {
    background-position: -95px -65px;
}

.bpanel-section .bsection-row.b-payment-div .buying-payment-title.usps {
    background-position: -175px -65px;
}

.bpanel-section .bsection-row.b-payment-div .f-input-div {
    flex: 0 0 22%;
    margin: 1% 0;
}

.bpanel-section .bsection-row.b-payment-div label {
    font-weight: 400;
    display: inline-block;
    margin: 0 0 8px;
    font-size: 15px;
}

.bpanel-section .bsection-row.b-payment-div .blimit-textbox.b-col-width {
    width: 100%;
    margin: 2% 0;
}

.bpanel-section .bsection-row.b-payment-div.b-usps-main .f-input-div {
    flex: 0 0 30%;
}

.buying-limit-wrapper .bpanel-section .bsection-row.labelaligner>label {
    margin: 8px 0;
}

.bsearchgroup {
    float: right;
    max-width: 565px;
    height: 40px;
    position: relative;
}

.bsearchgroup>.input-text {
    border-radius: 10px;
    height: 38px;
    float: left;
    margin-right: 5px;
    width: 260px;
    border: 1px solid var(--grey-color-tone-six);
    box-shadow: 1px 1px 1px var(--grey-color-tone-eight);
}

.bsearchgroup .bsearch-btn {
    float: left;
    width: 45px;
    height: 38px;
    border: 1px solid var(--grey-color-tone-six);
    background-color: var(--white-color);
    border-radius: 10px;
    box-shadow: 1px 1px 1px var(--grey-color-tone-eight);
    background-position: -6px -1137px;
    background-size: 50px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.bsearchgroup .bsearch-addbtn {
    float: left;
    width: 200px;
    height: 37px;
    border: 1px solid var(--grey-color-tone-six);
    background: var(--white-color);
    border-radius: 10px;
    margin-left: 10px;
    box-shadow: 1px 1px 1px var(--grey-color-tone-eight);
    cursor: pointer;
    font-weight: 600;
    padding: 2px;
}

.bsearchgroup .bsearch-addbtn:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.bsearchgroup .addnewgroup {
    padding: 10px;
    background-color: var(--white-color);
    float: right;
    width: 320px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1;
    box-shadow: 2px 2px 3px var(--grey-color-tone-six);
    border: 1px solid var(--dark-color);
    border-radius: 10px;
}

.bsearchgroup .addnewgroup .input-text {
    width: 198px;
    height: 35px;
    border-color: var(--grey-color-tone-six);
    box-shadow: 0px 0px 3px var(--grey-color-tone-six);
}

.bsearchgroup .addnewgroup button {
    margin-top: 0;
    height: 35px;
    padding: 6px 10px;
    width: 85px;
    background-color: var(--white-color);
    color: var(--grey-color-tone-three);
    font-size: 14px;
    border-color: var(--grey-color-tone-six);
    box-shadow: 0px 0px 5px var(--grey-color-tone-six);
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 12px;
}

.bsearchgroup .addnewgroup button:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
    box-shadow: 0px 0px 0px var(--grey-color-tone-six);
}

.addnewgroup>a {
    background-image: var(--my-account-sprite-bg);
    background-position: -12px -989px;
    background-size: 40px;
    background-repeat: no-repeat;
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: var(--white-color);
    border-radius: 100%;
    right: -10px;
    top: -10px;
    border: 3px solid var(--white-color);
    box-shadow: 0px 0 5px var(--grey-color-tone-nine);
}

.baddress-block {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-six);
    padding: 18px;
    border-radius: 14px;
    box-shadow: 1px 1px 7px rgb(184 184 184 / 93%);
    margin-top: 20px;
    overflow: auto;
    max-height: 404px;
}

.baddress-block::-webkit-scrollbar {
    width: 5px;
    background-color: var(--grey-color-tone-six);
    border-radius: 8px;
}

.baddress-block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .8);
    background-color: var(--dark-color);
}

.baddress-block .baddress-tr {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

.baddress-block .baddress-tr .baddress-th {
    font-weight: 500;
    color: var(--grey-color-tone-three);
}

.baddress-block .baddress-tr .bcolflex-col70 {
    max-width: 70%;
    width: 100%;
}

.baddress-block .baddress-tr .bcolflex-col30 {
    max-width: 30%;
    width: 100%;
    text-align: center;
}

.baddress-block .baddress-tr.baddress-white-bg {
    background-color: var(--white-color);
    padding: 10px 0px;
    border-radius: 8px;
    box-shadow: 1px 1px 1px var(--grey-color-tone-six);
}

.baddress-block .baddress-tr .bcolflex-td70 {
    max-width: calc(100% - 220px);
    width: 100%;
}

.baddress-block .baddress-tr .bcolflex-td30 {
    max-width: 220px;
    width: 100%;
}

.baddress-block .baddress-tr .baddress-td {
    padding-left: 15px;
}

.baddress-block .baddress-tr .baddress-td p {
    margin: 0;
}

.baddress-block .baddress-tr .baddress-th .bsorting {
    display: inline-block;
    width: 20px;
    background-size: 40px;
    background-position: -14px -880px;
    height: 20px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.baddress-block .baddress-tr .baddress-th.bsort-in .bsorting {
    background-position: -14px -852px;
}

.baddress-block .baddress-tr .bselectdropdown {
    max-width: 100%;
}

.baddress-block .baddress-tr .bselectdropdown .nice-select {
    width: 140px;
    padding: 0 14px;
}

.baddress-block .baddress-tr .bselectdropdown .nice-select span,
.bselectdropdown .nice-select .option {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}

.baddress-block .baddress-tr .bselectdropdown .nice-select .list {
    right: -50px;
    left: inherit;
    display: none;
}

.baddress-block .baddress-tr .bselectdropdown .nice-select.open .list {
    display: block;
}

.buying-limit-wrapper .bpanel-section .bgoroup-box {
    background-color: var(--box-shadow-color-ten);
    color: var(--white-color);
    padding: 12px 18px;
    font-weight: 600;
    border-radius: 8px 8px 8px 0px;
    font-size: 20px;
    position: absolute;
    top: -54px;
    left: 10px;
}

.bpanel-section.bottom-none {
    padding: 0;
}

.buying-limit-wrapper .bpanel-section .bgoroup-box.bgroup-highlight {
    padding: 8px 8px;
}

.buying-limit-wrapper .bpanel-section .bgoroup-box.bgroup-highlight small {
    display: block;
    background-color: var(--grey-color-tone-eight);
    color: var(--box-shadow-color-ten);
    padding: 4px 10px;
    border-radius: 8px 8px 8px 0px;
}

.conform-bx.buyinglimit-alert .conform-bx-inner {
    width: 100%;
    max-width: 320px;
    border-radius: 24px 4px 24px 24px;
    position: relative;
    overflow: inherit;
}

.conform-bx.buyinglimit-alert .conform-bx-inner .message {
    width: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    max-height: 400px;
}

.conform-bx.buyinglimit-alert .conform-bx-inner .message mark {
    background-color: transparent;
    color: var(--primary-color);
}

.conform-bx.buyinglimit-alert .conform-bx-inner .message strong {
    font-weight: 700;
}

.conform-bx.buyinglimit-alert .conform-bx-inner .balert-close {
    float: right;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    text-align: center;
}

.conform-bx.buyinglimit-alert .conform-bx-inner .balert-close {
    background-color: var(--error-color);
}

.conform-bx.buyinglimit-alert .balert-close span {
    display: block;
    background-image: var(--my-account-sprite-bg);
    height: 40px;
    background-position: -13px -1424px;
    background-size: 60px;
}

.conform-bx.buyinglimit-alert .conform-bx-inner .button span {
    padding: 5px 27px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 24px;
    background-color: var(--primary-color);
}

.conform-bx.buyinglimit-alert .conform-bx-inner .button:hover span {
    background-color: var(--white-color);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

#buyingLimitConfirmBox .conform-bx-inner {
    padding: 15px 15px;
}

.sntt-title label {
    font-weight: 500;
    font-size: 20px;
    color: var(--primary-color);
    margin: 0 0 8px;
    display: block;
}

.c_country-dropdown {
    float: left;
    border-radius: 4px;
    border: 1px solid var(--grey-color-tone-five);
    margin-left: 0;
    background-color: var(--grey-color-tone-three);
    padding-right: 0;
    margin-top: 3px;
    position: relative;
}

.c_country-dropdown .c_droppy {
    float: left;
    width: 100%;
    color: var(--white-color);
    font-weight: 500;
    line-height: 18px;
    padding: 4px 25px 4px 31px;
    background-image: url(../images/country_popup/countryicons.png);
    background-repeat: no-repeat;
    background-size: 17px;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.c_country-dropdown .c-usa {
    background-position: 7px 5px;
}

.c_country-dropdown .c-canada {
    background-position: 7px -25px;
}

.c_country-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: var(--white-color) transparent transparent transparent;
    position: absolute;
    right: 5px;
    top: 9px;
}

/* progressbar*/
span.active-progress {
    background: var(--primary-color);
}

span.active-progress:before {
    border-color: var(--primary-color) transparent transparent transparent;
}

.animated_progress>span:first-child {
    background-color: var(--default-color);
}

.animated_progress>span:first-child:after {
    border: 2px solid var(--default-color);
}

span.swap-total {
    color: var(--primary-color);
}

/* end progressbar*/
/*--Business Verification--*/
.b-blockleft h3 .bsvg-user {
    fill: var(--primary-color);
}

.b-blockleft address {
    color: var(--grey-color-tone-three);
}

.b-blockleft .blocation-ico svg {
    fill: var(--grey-color-tone-one);
}

.get-form {
    border-color: var(--default-color);
    background-color: var(--default-color);
    color: var(--white-color);
    border-style: solid;
}

.bupload {
    border-style: dashed;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.bupload svg {
    fill: var(--white-color);
}

.doc-list>li>a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.doculist-li .dbtn {
    color: var(--primary-color);
}

.doc-list>li>a>span>svg {
    fill: var(--default-color);
}

.doc-list>li>a:hover svg,
.doculist-li .dbtn svg {
    fill: var(--primary-color);
}

.dUploadBtn {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 1px solid var(--primary-color);
}

.dUploadBtn:hover {
    color: var(--white-color);
}

.dformBox .bdoclinks svg {
    width: 11px;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    fill: var(--default-color);
}

.dformBox .bdoclinks:hover {
    text-decoration: underline;
    color: var(--primary-color);
}

.dformBox .bdoclinks:hover svg {
    fill: var(--primary-color);
}

.b-col-third .bupload {
    border-color: var(--default-color);
    background-color: var(--default-color);
}

.docBborder {
    border-bottom: 4px solid var(--default-color);
}

/*--Business Verification over--*/

@media screen and (max-width:1200px) {
    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        padding: 20px 20px 20px 45px;
    }

    .bpanel-section .bsection-row.b-payment-div .f-input-div {
        flex: 0 0 30.333%;
    }

    .bpanel-section .bsection-row.b-payment-div label {
        font-size: 13px;
    }
}

@media screen and (max-width: 1100px) {
    .buying-limit-wrapper .bpanel-section .bsection-row {
        padding: 15px;
    }

    .baddress-block {
        padding: 10px;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        padding: 20px 20px 20px 60px;
    }
}

@media screen and (max-width:1024px) {
    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        padding: 20px;
    }

    .buying-limit-wrapper .bpanel-section .bgoroup-box {
        top: 17px;
    }
}

@media screen and (max-width: 980px) {
    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        width: calc(23% - 10px);
        padding: 20px 20px 20px 55px;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab:nth-child(2n) {
        border-right: 1px solid lightgray;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab:last-child {
        border-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        width: calc(48% - 10px);
        text-align: left;
        padding: 20px 20px 20px 85px;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab::before {
        background-color: var(--grey-color-tone-five);
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab:nth-child(2n) {
        border-right: 0;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-parts {
        background-position: 0 -1096px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-parts:hover,
    .bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab {
        background-position: 0 -1162px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-tools {
        background-position: 0 -1317px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-tools:hover,
    .bpanel-section .bsection-rwo .btabs-section .tb-tools.current-bl-tab {
        background-position: 0 -1395px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-devices {
        background-position: 0 -1386px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-devices:hover,
    .bpanel-section .bsection-rwo .btabs-section .tb-devices.current-bl-tab {
        background-position: 0 -1472px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-accessories {
        background-position: 0 -1648px;
    }

    .bpanel-section .bsection-rwo .btabs-section .tb-accessories:hover,
    .bpanel-section .bsection-rwo .btabs-section .tb-accessories.current-bl-tab {
        background-position: 0 -1724px;
    }

    ul.btabs-section {
        margin: 30px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .bsearchgroup>.input-text {
        width: 227px;
    }

    .bsearchgroup .bsearch-addbtn {
        width: 190px;
    }
}

@media screen and (max-width: 640px) {
    ul.btabs-section {
        flex-flow: row wrap;
    }

    .bradio-group {
        width: 100%;
        flex-wrap: wrap;
    }

    .bradio-group>li {
        max-width: 50%;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 8px;
    }

    .baddress-block .baddress-tr .bcolflex-td30 {
        padding-right: 65px;
    }

    .baddress-block .baddress-tr .bcolflex-td30 .bselectdropdown {
        float: right;
    }

    .bpanel-section .bsection-row.b-payment-div {
        gap: 4%;
    }

    .bpanel-section .bsection-row.b-payment-div:last-child {
        margin-bottom: 0px;
    }

    .bpanel-section .bsection-row.b-payment-div .f-input-div {
        flex: 0 0 48%;
    }

    .bpanel-section .bsection-row.b-payment-div hr {
        margin: 3% 0 !important;
    }

    .nsample-wrapper {
        float: left;
        margin-top: 10px;
        font-size: 14px;
    }

    .nsample-wrapper>span {
        display: block;
        text-align: center;
    }

    .b-col-third .bSendmessages textarea {
        height: 50px;
        font-size: 14px !important;
    }

    #my-productreturn-table>thead>tr.tfilter>td>input {
        font-size: 12px !important;
    }

    .form-new-address .page-title {
        padding: 0 10px !important;
    }

    .form-new-address .control {
        margin: 0 0 8px 0;
        width: 100%;
    }

    .modify-datetime {
        white-space: nowrap;
    }

    .editacc-link,
    .login-link,
    .approval-link,
    .paybalance-link,
    .pastbalance-link {
        float: left;
    }

    .sm-addacc {
        float: left;
        text-align: left;
    }

    .buying-limit-wrapper #dv_limit_store {
        margin-top: 50px;
    }

    .form-new-address .form-list .field {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .form-list .field.fd-telephone {
        margin-left: 0;
    }

    .address-fixheight {
        padding: 0 10px;
        max-height: 410px;
    }

    .form-new-address .control:last-child {
        margin-left: 0;
    }

    .customer-account-managebuylimit .my-account  .page-title h1{
        font-size: 23px;
    }
}

@media screen and (max-width:536px) {
    .buying-limit-wrapper .bpanel-section .bsection-row {
        padding: 10px;
    }

    .buying-limit-wrapper .bpanel-section .bsection-row.labelaligner>label {
        text-align: center;
        float: none;
        width: 100%;
    }

    .buying-limit-wrapper .bpanel-section .bsection-row.labelaligner .bsearchgroup {
        float: none;
        text-align: center;
        width: 100%;
        height: auto;
    }

    .bsearchgroup .bsearch-addbtn {
        float: none;
        display: inline-block;
        clear: both;
        margin-left: 0;
        margin-top: 12px;
    }

    .bsearchgroup .addnewgroup {
        width: fit-content;
        margin: 12px auto 5px;
        float: none;
        position: relative;
        top: inherit;
        right: inherit;
    }

    .bsearchgroup .addnewgroup button {
        margin-left: 5px;
        margin-right: 0;
    }

    .bsearchgroup>.input-text,
    .bsearchgroup .bsearch-btn {
        float: none;
    }

    .buying-limit-wrapper .group-xs {
        margin-top: 0;
    }

    button.blimit-save-btn.f-marign {
        margin-right: 10px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .buying-limit-wrapper .bpanel-section .bgoroup-box {
        top: 11px;
    }
}

@media screen and (max-width:480px) {
    .baddress-block .baddress-tr {
        flex-wrap: wrap;
    }

    .baddress-block .baddress-tr .bcolflex-td70,
    .baddress-block .baddress-tr .bcolflex-td30 {
        max-width: 100%;
    }

    .baddress-block .baddress-tr .baddress-td {
        padding-left: 15px;
    }

    .baddress-block .baddress-tr .baddress-td p {
        margin: 0 0 10px;
    }

    .baddress-block .baddress-tr .bselectdropdown .nice-select {
        width: 100%;
    }

    .baddress-block .baddress-tr .bselectdropdown .nice-select .list {
        right: inherit;
        left: 0;
    }

    .bselectdropdown .nice-select .list {
        width: 100%;
    }

    .baddress-block .baddress-tr .bcolflex-col30,
    .baddress-block .baddress-tr .bcolflex-col70 {
        max-width: 50%;
    }

    .bpanel-section .bsection-row.b-payment-div.b-usps-main .f-input-div {
        flex: 0 0 48%;
    }

    .bpanel-section .bsection-row.b-payment-div hr {
        margin: 4% 0 !important;
    }

    .baddress-block .baddress-tr .bselectdropdown .nice-select .list>li>.input-text {
        width: 170px;
    }

    .bupload svg {
        float: none;
        top: -4px;
    }

    .bupload span {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .b-blockleft .blocation-ico {
        width: auto;
        margin-right: 2%;
    }

    .b-blockleft address {
        width: 90%;
    }

    .b-blockleft .blocation-ico svg {
        width: 14px;
    }

    .b-blockleft address {
        line-height: 16px;
        font-size: 13px;
    }

    .dUploadBtn {
        float: none;
        display: inline-block;
    }

    .baddress-block .baddress-tr .bcolflex-td30 .bselectdropdown {
        float: none;
    }
}

@media screen and (max-width: 420px) {

    .bsection-row .blimit-save-btn,
    .blimit-save-btn {
        margin: 20px 9px;
        max-width: 45%;
        width: 100%;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab::before {
        width: 100%;
    }

    .blimit-save-btn:first-child {
        margin-left: 9px;
    }

    .b-saprate-div {
        margin: 10% 0;
    }

    .buying-limit-wrapper .bpanel-section .bgoroup-box {
        width: 95%;
        left: calc(50% - 48%);
        top: -50px;
        border-radius: 8px;
    }

    .bselectdropdown .nice-select {
        width: 80%;
    }

    .b-saprate-div .bpanel-section .bl-btn-center {
        width: 100%;
        display: flex;
        margin-bottom: -30px;
        justify-content: space-around;
    }

    .bpanel-section .bsection-row.b-payment-div {
        gap: 0;
    }

    .bpanel-section .bsection-row.b-payment-div .f-input-div,
    .bpanel-section .bsection-row.b-payment-div.b-usps-main .f-input-div {
        flex: 0 0 100%;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab {
        width: calc(98% - 10px);
        border-right: 0;
    }

    .bpanel-section .bsection-rwo .btabs-section li.BL-tab.current-bl-tab::before,
    .bpanel-section .bsection-rwo .btabs-section li.BL-tab:hover:before {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {

    .bsection-row .blimit-save-btn,
    .blimit-save-btn {
        margin: 20px 7px;
    }

    .bpanel-section .bsection-row.b-payment-div hr {
        margin: 5% 0 !important;
    }

    .buying-limit-wrapper .bposeven .bsteps {
        top: -45px;
    }

    .buying-limit-wrapper .bsteps {
        width: 75px;
        padding: 10px;
        top: 1px;
    }

    .buying-panel .bpanel-header h4 {
        font-size: 15px;
        padding: 12px;
    }

    .bpanel-section .bsection-row .blimit-textbox {
        width: 65%;
    }

    .bsearchgroup .addnewgroup button {
        width: 32%;
    }

    .bsearchgroup>.input-text {
        width: 200px;
    }

    .bradio-group>li>label {
        font-size: 14px;
    }
}

@media screen and (max-width: 320px) {

    .bsection-row .blimit-save-btn,
    .blimit-save-btn {
        margin: 20px 5px;
    }
}

/* Manage Buying limit page end */

/* District manager */

.m-username p.imp-msg {
    text-align: left;
    margin-top: 4px;
}

.district-popup.dashboard-popup-account>ul.form-list>li.fields {
    margin-bottom: 10px;
}

.ds-left {
    float: left;
    display: block;
    width: 28%;
    border-right: 1px solid var(--grey-color-tone-seven);
    padding-right: 5px;
    overflow: hidden;
}

.ds-right {
    float: left;
    display: block;
    padding-left: 25px;
    width: 55%;
}

.ds-link {
    float: right;
    margin: 47px 0 2px 0;
    position: absolute;
    right: 10px;
    bottom: 13px;
    text-align: right;
}

.ds-tooltip {
    display: block;
    font-weight: 600;
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1px;
    cursor: pointer;
    top: 3px;
    color: var(--primary-color);
}

.ds-tooltip .ds-tooltiptext {
    visibility: hidden;
    width: 215px;
    background-color: black;
    color: var(--white-color);
    text-align: center;
    padding: 2px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    right: 5px;
    font-size: 13px;
    font-weight: 500;
    top: 23px;
    text-indent: 0;
    opacity: 1;
    filter: alpha(opacity=1);
}

.ds-tooltip:hover .ds-tooltiptext {
    visibility: visible;
}

.ds-tooltip .ds-tooltiptext:before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 5px transparent;
    border-bottom: 5px solid;
    border-left: 5px transparent;
    border-right: 5px transparent;
}

.editacc-link,
.my-sublogin .editacc-link,
.login-link,
.approval-link,
.paybalance-link,
.pastbalance-link {
    padding: 2px 10px;
    color: var(--white-color);
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    margin: 5px;
    margin-left: 0;
    line-height: 23px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 6px;
    height: auto;
    min-width: auto;
}

.editacc-link,
.my-sublogin .editacc-link {
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
}

.paybalance-link:hover {
    color: var(--primary-color);
    background-color: var(--white-color);
}

.login-link {
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
}

.login-link:hover,
.editacc-link:hover {
    color: var(--default-color);
    background-color: var(--white-color);
}

.approval-link {
    background-color: transparent;
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
    line-height: 15px;
}

.paybalance-link {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--white-color);
}

.pastbalance-link {
    min-width: 200px;
    background-color: transparent;
    color: var(--grey-color-tone-ten);
    padding: 0;
    width: 100%;
    line-height: 5px;
    position: absolute;
    right: 3px;
    top: -17px;
    text-align: right;
}

.conform-bx-inner.custom-edituser-popup .message,
.cell-popup .message {
    max-height: initial;
    overflow-y: initial;
}

.custom-edituser-popup .dashboard-popup-account:before {
    content: none;
}

.conform-bx-inner.custom-edituser-popup .address-fixheight,
.edit-address-popup .address-fixheight,
.cell-popup .address-fixheight {
    padding: 0;
}

/* District manager */

/* IRP/ISP Agreement account style Start */

h3.irp-title-p {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 1.3;
    color: var(--dark-color);
    font-weight: 600;
    margin: 15px 0 0 0;
}

p.irp-para-p {
    font-size: clamp(15px, 2vw, 16px);
    font-weight: 400;
    width: 100%;
    float: left;
    margin: 10px 0;
}

p.irp-para-p.sm-p {
    font-size: 14px;
    margin: 0;
}

p.irp-para-p.sign-from {
    font-size: clamp(18px, 2vw, 21px);
    font-weight: 700;
}

.irp-input-field-div {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    height: auto;
}

.irp-input-field-div .ap-bottom-field {
    width: 48%;
    height: auto;
}

.ap-bottom-field>label {
    display: block;
    font-weight: 500;
    color: var(--grey-color-tone-three);
    margin: 15px 0 7px;
}

.ap-bottom-field {
    float: left;
    width: 300px;
}

.ap-bottom-field .input-text {
    border-radius: 4px;
    width: 100%;
}

.ap-bottom-field select {
    border-radius: 4px;
}

.ap-signature>label {
    font-weight: 500;
    color: var(--grey-color-tone-three);
    margin: 15px 0 7px;
    display: block;
}

.ap-crblock>label {
    font-weight: 500;
    color: var(--grey-color-tone-three);
    display: block;
    clear: both;
    position: relative;
    top: 22px;
}

.ap-crblock>label.irp-label {
    top: 0;
    margin: 15px 0 0;
}

.savedCard.irp-saved-card {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0;
}

.savedCard.irp-saved-card ul.saved-card-recurring {
    width: 85%;
    display: flex;
    flex-flow: row wrap;
}

.ap-signature .ap-signbtn {
    margin-left: 0;
    margin-top: 20px;
    display: block;
}

.ap-footer-block {
    float: left;
    width: 100%;
}

.ap-footer-block .button {
    float: right;
    margin-top: 20px;
}

.ap-footer-block .button span {
    border-radius: 4px;
    font-weight: 600;
    height: 45px;
    line-height: 20px;
}

.irp-btn-div {
    width: auto;
    margin: 15px 0;
    text-align: end;
}

.irp-btn-div button {
    width: auto;
    height: 100%;
    border-radius: 15px;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    font-size: 17px;
    padding: 10px 15px;
    color: var(--white-color);
    cursor: pointer;
}

.scard-right label {
    float: left;
    width: 100%;
    cursor: pointer;
}

.scard-right label .saved-card-info {
    display: inline-block;
    margin-left: 11px;
    line-height: 16px;
    margin-top: 7px;
}

.scard-right label .saved-card-info .saved-card-number {
    font-weight: 600;
}

.scard-right label .saved-expiry-date {
    font-size: 13px;
    font-weight: 400;
    color: var(--error-color);
}

@media screen and (max-width:640px) {
    .irp-input-field-div .ap-bottom-field {
        width: 100%;
        height: auto;
    }

    .ap-crblock>label.irp-label {
        margin: 15px 0;
    }

    .savedCard.irp-saved-card {
        justify-content: space-between;
    }

    .savedCard.irp-saved-card ul.saved-card-recurring {
        width: 100%;
    }

    .irp-btn-div {
        width: 100%;
        margin: 15px 8px;
    }

    .irp-btn-div#dvcancel {
        margin: 15px -2px;
    }

    .ap-footer-block .button {
        float: left;
        margin-top: 15px;
    }

    h3.irp-title-p {
        font-size: 17px;
    }
}

/* IRP/ISP Agreement account style End */

/* Sales order page */

.no-data {
    font-weight: 600;
    width: 100%;
    float: left;
    line-height: 30px;
}

.order-user-filter,
.order-address-filter {
    display: block;
    float: left;
    width: 43%;
    margin-right: 1%;
}

.order-address-filter label {
    width: auto;
}

.common-tabs .order_history_filter_form select {
    width: 100%;
}

.order_history_filter_form button {
    margin-top: 22px;
    display: block;
    float: left;
}

.ord-title {
    display: block;
    float: left;
    font-size: 15px;
    width: auto;
    padding: 16px 0;
}

.orders-table #select_all input {
    margin-right: 5px;
}

a.ord-reset {
    background: transparent;
    border: transparent;
    display: inline-block !important;
    line-height: normal;
    vertical-align: middle;
    margin-top: -3px;
    padding: 0;
}

.refresh-svg {
    fill: var(--primary-color);
    width: 17px;
}

a.ord-reset:hover {
    background: transparent;
}

.common-next-btn a:before {
    transform: rotate(45deg);
}

.common-pre-btn a:before {
    transform: rotate(-135deg);
}

.order-uname {
    min-width: 117px;
}

@media screen and (max-width:1200px) {
    .order-uname {
        min-width: auto;
    }

    .order-user-filter,
    .order-address-filter,
    .nt-user,
    .nt-add {
        width: 42%;
    }
}

@media screen and (max-width:980px) {
    .order-uname {
        white-space: nowrap;
    }
}

@media screen and (max-width:768px) {
    .ord-title h2 {
        font-size: 16px;
    }
}

@media screen and (max-width:640px) {

    .order-user-filter,
    .order-address-filter {
        width: 100%;
        margin-right: 0;
    }

    .no-data {
        text-align: center;
    }

    .order-address-filter {
        margin-top: 5px;
    }

    label.remainingamount {
        margin-left: 0;
        margin-top: 15px;
    }

    .ntpayment {
        margin: 0;
    }

    .right-align_1 {
        margin: 0;
        margin-top: 10px;
    }

    .ord-title h2 {
        font-size: 15px;
    }

    .ds-left,
    .ds-right {
        width: 100%;
        padding-left: 0;
        border-right: 0;
    }

    .ds-link {
        width: 100%;
        margin-top: 10px;
        margin-top: 7px;
        position: relative;
        right: auto;
        bottom: auto;
    }

    .pastbalance-link {
        position: relative;
        right: auto;
        top: auto;
        text-align: left;
    }
}

@media screen and (max-width:480px) {
    .netterms_select #radio_btn>div {
        width: 31%;
    }

    .netterms_select #downlaod_btn .button span {
        line-height: 25px;
    }

    button.nt-autofill {
        margin-right: 0;
    }

    .nt-container,
    .payment-container {
        padding: 0;
    }

    .ord-title {
        padding-bottom: 0;
    }

    .ord-title h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .new_bx {
        height: 54px !important
    }

    .paypal-icon,
    .paypal-id {
        width: 100%;
    }

    .tabs-stage {
        border-radius: 0;
    }
}

/* Sales order page */

/* Balence sheet account style Start */

.order_filter_txtbox+.payment_balancesheet_btn .button {
    width: 100%;
    margin-top: 23px;
}

.order_filter_txtbox+.payment_balancesheet_btn .button span {
    line-height: 14px;
}

.date_filter_form_balancesheet .order_filter {
    border: 0;
}

.order_history_filter_form .ms_order_filter {
    margin: 0;
}

.myorder-form .ms_order_filter button {
    width: auto;
}

.nt-tab {
    margin-bottom: 20px;
}

.duration-filter a {
    display: inline-block;
    padding: 8px 7px;
    font-size: 12px;
    line-height: 13px;
    color: var(--grey-color-tone-ten);
    font-weight: 500;
    border: 1px solid var(--grey-color-tone-seven);
    border-top: 2px solid var(--default-color);
    border-radius: 4px;
    background: var(--border-pattens-blue);
}

#tab-2 .quick-duration {
    width: 42%;
    float: left;
}

.date-filter .order_filter_txtbox {
    width: 80%;
    margin-right: auto;
}

.date-filter,
.order_filter .duration-filter {
    display: block;
    float: left;
    width: 60%;
}

.quick-duration {
    float: left;
    width: 40%;
}

.quick-duration select {
    padding: 5px 7px;
    height: 38px;
    border-radius: 4px;
}

.quick-duration label {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.balancedata_div_render>tr>td:first-child,
.balancedata_div_render>tr>td:nth-child(3),
.balancedata_div_render>tr>td:nth-child(4) {
    width: 120px;
}

/* pagination*/
ul.common-pagination {
    width: 100%;
    float: left;
    border-bottom: 3px solid var(--grey-color-tone-seven);
    text-align: center;
}

ul.common-pagination li {
    display: inline-block;
    padding: 10px 5px;
    margin: 0 3px -3px;
}

ul.common-pagination li a,
ul.common-pagination li>span {
    padding: 3px 8px;
    font-weight: 600;
    color: var(--grey-color-tone-three);
    display: inline-block;
}

ul.common-pagination li:hover a {
    color: var(--default-color);
}

ul.common-pagination .active-page a {
    color: var(--default-color);
}

ul.common-pagination li:hover {
    border-bottom: 3px solid var(--default-color);
}

ul.common-pagination li.active-page {
    border-bottom: 3px solid var(--default-color);
}

ul.common-pagination li:hover .active-page {
    border-bottom: 3px solid var(--default-color);
    color: var(--white-color);
    transition: 0.3s all ease-out;
}

ul.common-pagination .visited-page {
    margin-bottom: -3px;
}

.pagination-detail {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pagination-detail select {
    width: 55px;
    padding: 5px;
    height: 33px;
    float: right;
    position: relative;
}

.pagination-detail .pages {
    float: left;
    vertical-align: middle;
    margin-top: 5px;
    font-weight: 500;
    color: var(--grey-color-tone-three);
    font-size: 14px;
}

.pagination-btn .pre-btn:hover {
    background: transparent;
    color: var(--primary-color);
    transition: all .3s ease 0s;
}

.pagination-btn .next-btn:hover {
    background: transparent;
    color: var(--default-color);
    transition: all .3s ease 0s;
}

.pagination-section {
    width: 100%;
    float: left;
    margin-top: -50px;
}

.pagination-section button {
    background: transparent;
    color: var(--default-color);
    border: transparent;
    padding: 5px 10px;
    position: relative;
}

ul.common-pagination .pagination-btn a {
    position: relative;
    height: 12px
}

ul.common-pagination li.pagination-btn {
    height: 48px;
}

ul.common-pagination .pagination-btn a:before,
ul.common-pagination .pre-last a:after,
ul.common-pagination .pre-first a:after {
    content: "";
    position: absolute;
    background-color: var(--grey-color-tone-two);
    margin-top: 1px;
    border-top: 2px solid var(--grey-color-tone-two);
    width: 8px;
    height: 8px;
    background: transparent;
    border-right: 2px solid var(--grey-color-tone-two);
    border-radius: 1px;
}

ul.common-pagination li:hover a:before,
ul.common-pagination li:hover a:after {
    border-color: var(--default-color);
}

ul.common-pagination .pre-first a:before,
ul.common-pagination .pre-first a:after,
ul.common-pagination .pre-btn a:before {
    transform: rotate(-135deg);
}

ul.common-pagination .pre-last a:before,
ul.common-pagination .pre-last a:after,
ul.common-pagination .next-btn a:before {
    transform: rotate(40deg);
}

ul.common-pagination .pre-first a:after {
    right: 8px;
}

.pagination-section .pre-last {
    right: 0;
}

div#code-please-wait-first {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 11111111;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1200px) {
    body .balancesheet_user_filter_form .ms_order_filter select {
        width: 86%;
    }
}

@media screen and (max-width:1024px) {
    .pagination-detail .pages {
        font-size: 13px;
    }

    .c_country-dropdown {
        margin-top: 8px;
        margin-left: 11px;
    }
}

@media screen and (max-width: 980px) {
    .countrySwithcerBlockMobile {
        display: block;
    }
}

@media screen and (max-width:900px) {
    .balancesheet_user_filter_form .ms_order_filter button {
        width: 12%;
    }

    .balancesheet_user_filter_form .ms_order_filter select {
        width: 86%;
    }
}

@media screen and (max-width: 640px) {
    .pagination-detail .pages {
        position: relative;
        top: 0;
    }

    .pagination-detail select {
        top: 0;
        z-index: 9;
    }

    #horizontalTab .countrySwithcerBlockMobile .c_country-dropdown {
        margin: 13px auto 0;
        width: 220px;
        float: none;
        height: 28px;
    }

    body .balancesheet_user_filter_form .ms_order_filter select {
        width: 100%;
    }
}

.rm-cls+.pages {
    margin-left: 90px;
}

.rm-class+.pages {
    margin-right: 100px;
}

body .main_orders_title a.scalable.save.balancesheet-dwld {
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0;
    border: 2px solid var(--dark-color);
    background: var(--dark-color)
}

body .main_orders_title a.scalable.save.balancesheet-dwld:hover {
    border-color: var(--dark-color);
    background-color: transparent;
    color: var(--dark-color);
}

.balancesheet-dwldbtn .main_orders_title {
    width: auto;
}

.BS-cls-1 {
    fill-rule: evenodd;
    fill: var(--white-color);
}

.common-tabs {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.common-tabs ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.common-tabs ul.tabs li {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #4E4E4E;
    text-align: center;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 15px 15px 0 0;
    min-width: 135px;
    margin: 0 5px;
    box-shadow: 0px 0px 4px 0px #00000040;
    cursor: pointer;
}
.common-tabs ul.tabs li:last-child{
    margin-right: 0;
}
.common-tabs ul.tabs li:first-child{
    margin-left: 0;
}

.common-tabs ul.tabs li.current-tab {
    background: var(--primary-color);
    color: var(--white-color);
    position: relative;
}

.common-tabs .tab-content {
    display: none;
    background: var(--white-color);
    padding: 15px;
    border-radius: 26px;
    box-shadow: 0px 1.01px 8.12px 0px #00000024;
    position: relative;
}

.common-tabs .tab-content.current-tab {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.common-tabs .tab-content.current-tab select {
    margin-bottom: 10px;
}
.common-tabs .tab-content.current-tab select.cform-control{
    margin-bottom: 0;
}

.common-tabs .order_filter_txtbox+.payment_balancesheet_btn {
    float: left;
    width: auto;
    margin: 0;
}

.common-tabs .balancesheet_buttons {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
}

.common-tabs .date_filter_form_balancesheet .order_filter {
    margin-bottom: 0;
}

.common-tabs button span {
    border-radius: 4px;
}

.common-tabs .ms_order_filter select {
    width: 440px;
    padding: 5px 7px;
    height: 38px;
    margin-right: 1%;
    border-radius: 4px;
}

.common-tabs .ms_order_filter label {
    display: block;
    width: 100%;
    float: left;
    margin-top: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

/* end pagination*/
.my-account a.bs-request {
    float: right;
}

.my-account .title-buttons {
    margin: 0 0 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my-account .title-buttons a {
    line-height: 20px;
    padding: 10px;
    border-radius: 4px;
    width: auto;
}

.dashboard .welcome-msg p.hello strong {
    display: block;
}

.dashboard .welcome-msg {
    float: left;
    width: 100%;
    font-size: 17px;
    color: var(--grey-color-tone-one);
    font-weight: 300;
    line-height: 23px
}

.dashboard .welcome-msg p.hello {
    color: var(--dark-color);
    margin-bottom: 5px
}

/* ============ Net Terms Css ============ */
.common-tabs.nt-tab .tab-content .nttauto-payment {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 20px 20px 20px 20px;
    border-radius: 9px;
    width: 100%;
    border: 1px solid var(--light-grey-color-three);
}
.common-tabs.nt-tab .tab-content .nttauto-payment > p {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .content-ach-section {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu {
    display: flex;
    border: 1px solid #D9D9D9;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    box-sizing: border-box;
    max-width: 332px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu li {
    margin: 0;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu li::before{
    display: none;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu li .ach-tab {
    padding: 8px 10px;
    width: 100px;
    text-align: center;
    border-radius: 40px;
    cursor: pointer;
    min-width: 160px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 14px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu li .ach-tab.active-a {
    background-color: var(--primary-color);
    color: #fff;
}
.common-tabs.nt-tab .tab-content .tab-menu {
    margin: 0 0 20px 0;
}

.common-tabs.nt-tab .conform-bx .conform-bx-inner {
    max-width: 800px;
    padding: 25px 30px;
    border-radius: 40px;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--white-color);
    position: relative;
    margin: 0% auto;
    border: 0;
}
.cms-pagepopup-page .cms-page-head {
    text-align: left;
    display: flex;
    justify-content: space-between;
    position: sticky;
    border-bottom: 1px dashed rgba(198, 198, 198, 1);
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.cms-page-head h3 {
    font-size: 22px;
    color: var(--dark-color);
    font-weight: 600;
}
.cms-page-head>i {
    cursor: pointer;
}
.cms-pagepopup-page div{
    text-align: left;
}
.cform-checkbox label a, .chk-cms-page-content a {
    color: var(--checkbox-link-color);
}
.chk-cms-page-content a {
    text-decoration: underline;
}
.privicy-statement.terms-and-use p {
    padding-right: 15px;
    font-size: 15px;
    text-align: justify;
    color: var(--dark-black-color-one);
    line-height: 25px;
    font-weight: 400;
}
.cms-pagepopup-page h6 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: normal;
    padding: 0;
    margin: 14px 0 10px 0;
    color: var(--primary-color);
}
.conform-bx.cms-pagepopup-page{
    padding-bottom: 50px;
}
.privacy-agree-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chk-cms-page-content .privacy-agree-footer .btn {
    color: var(--white-color);
    text-decoration: none;
    text-align: center;
    min-width: 95px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .content-ach-section .add-bank-form .btn-primary {
    margin: 10px 0 10px 0;
}

.common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    font-size: 16px;
    color: var(--dark-black-color-one);
    font-weight: 400;
    line-height: 30px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2.1px;
    border: solid 1px var(--dark-color);
    position: absolute;
    left: 0;
    top: 2px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand input:checked+label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);

}
.common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid var(--white-color);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect {
    width: 100%;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont {
    padding: 20px;
    border-radius: 10px;
    border: solid 1px var(--light-grey-color-three);
    box-shadow: none;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont .placeholder {
    font-size: 15px;
    letter-spacing: normal;
    width: auto;
    display: block;
    max-width: 100%;
    font-style: normal;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont > span {
    max-width: 100%;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont label {
    visibility: visible;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont label i {
    background-image: url(../images/new-checkout/select-arrow.svg);
    background-size: 15px auto;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .CaptionCont .search-txt {
    padding: 19px;
    border-radius: 10px;
    width: calc(100% - 35px);
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper {
    top: 110%;
    border-radius: 10px;
    width: 100%;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper .options{
    padding: 10px;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper .options::-webkit-scrollbar-track {
    box-shadow: inherit;
    background-color: transparent;
    border-radius: 20px;
}

.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper .options::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper .options::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--scrollbar-thumb-bg);
    background-image: -webkit-linear-gradient(top, var(--scrollbar-thumb-bg) 0%, var(--scrollbar-thumb-bg) 50%, var(--scrollbar-thumb-bg) 51%, var(--scrollbar-thumb-bg) 100%);
}
.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect select.cform-control {
    padding: 0;
    height: 50px;
    margin-top: 5px;
}
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-color: var(--error-color) !important;
}
.common-tabs.nt-tab .tab-content .nttauto-payment .tab.content-credit-card-section {
    width: 100%;
}
.SumoSelect .no-match{
    text-align: center;
}
@media screen and (min-width: 768px) {
    .common-tabs.nt-tab .conform-bx .conform-bx-inner {
        display: block;
        top: 50%;
        transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
    }
    .privicy-statement.terms-and-use {
        max-height: 600px;
        overflow: scroll;
    }
    .privicy-statement.terms-and-use::-webkit-scrollbar {
        width: 5px;
    }

    .privicy-statement.terms-and-use::-webkit-scrollbar-track {
        box-shadow: none;
    }

    .privicy-statement.terms-and-use::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        border-radius: 6px;
    }

    .privicy-statement.terms-and-use .cart-scroll.cookie-table::-webkit-scrollbar {
        height: 5px;
    }

    .privicy-statement.terms-and-use .cart-scroll.cookie-table::-webkit-scrollbar-track {
        box-shadow: none;
    }

    .privicy-statement.terms-and-use .cart-scroll.cookie-table::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        border-radius: 6px;
    }

    .privicy-statement.terms-and-use .cart-scroll.cookie-table {
        max-width: 800px;
        overflow: auto;
    }


}
@media screen and (max-height: 700px) {
    .conform-bx.cms-pagepopup-page .conform-bx-inner {
        max-height: calc(100% - 0px);
    }
}

/* ============ Net Terms Css ============ */


@media screen and (max-width:1300px) {
    .common-tabs.mt-tabn ul.tabs li {
        padding: 8px 20px;
        min-width: auto;
    }
}

@media screen and (max-width:1200px) {
    .common-tabs .date-filter .order_filter_txtbox {
        width: calc(100% - 100px);
    }

    .order_filter_txtbox+.payment_balancesheet_btn .button {
        width: 94px;
    }

    .quick-duration {
        padding-left: 20px;
    }

    .order_filter .duration-filter {
        width: 70%;
    }

    .customer-account-edit ul.form-list li .customer-name>div {
        width: 49%;
    }
}

@media screen and (max-width:1024px) {

    ul.common-pagination li a,
    ul.common-pagination li>span {
        padding: 3px 7px;
    }

    .customer-accountpage-balancesheet .balancesheet_buttons button {
        width: 96px;
    }
}

@media screen and (max-width:900px) {
    .order_filter_txtbox+.payment_balancesheet_btn {
        width: auto;
        margin: 10px 8px 0
    }
}

@media screen and (max-width:980px) {
    .pagination-section {
        margin-top: -10px;
    }
}

@media screen and (max-width:768px) {

    .common-tabs .from-date,
    .common-tabs .to-date {
        width: 48% !important;
        margin: 0 2% 0 0 !important;
        padding: 0;
    }

    .common-tabs .balancesheet_buttons {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .form-edit .addional_col ul.form-list {
        width: 100%;
    }

    .balancedata_div_render>tr>td:first-child,
    .balancedata_div_render>tr>td:nth-child(3),
    .balancedata_div_render>tr>td:nth-child(4) {
        width: 150px;
    }

    .pagination-section button {
        font-size: 13px;
        padding: 5px;
        top: 10px;
    }

    .pagination-btn .pre-btn,
    .pagination-btn .next-btn {
        min-width: auto;
        font-size: 13px;
    }

    ul.common-pagination li {
        padding: 10px 0;
    }

    .date-filter,
    .order_filter .duration-filter,
    .quick-duration {
        width: 100%;
    }

    .order_filter_txtbox+.payment_balancesheet_btn {
        width: 95%;
    }

    .quick-duration {
        margin: 0;
        padding-left: 0;
    }

    body .common-tabs .date-filter .order_filter_txtbox {
        width: 100%;
    }

    .common-tabs .order_filter_txtbox+.payment_balancesheet_btn {
        margin: 0 0 15px 0;
    }

    .common-tabs .order_filter_txtbox+.payment_balancesheet_btn>.button {
        margin: 0;
    }

    #tab-2 .quick-duration {
        margin: 0;
        width: 100%;
        padding: 0;
    }

    #tab-2 {
        padding: 15px;
    }

    .common-tabs .tab-content {
        padding: 15px;
    }

    .common-tabs .ms_order_filter select {
        width: 100%;
    }

    .common-tabs .balancesheet_buttons button span {
        padding: 10px 15px;
        line-height: 14px;
    }

    .my-account .order_filter .leftdata_order {
        padding: 0 5px 10px 5px;
    }

    .my-account button.button.order_btn {
        width: auto;
        margin-top: 10px;
    }
}

@media screen and (max-width:536px) {
    .customer-account-edit ul.form-list li .customer-name>div {
        width: 100%;
    }

    .order_filter .rightdata_order a.button {
        width: auto;
    }
}

@media screen and (max-width:400px) {
    ul.common-pagination li a {
        padding: 3px 5px;
    }

    .common-tabs ul.tabs li {
        padding: 10px;
        font-size: 16px;
    }

    .btx-address-container {
        padding: 10px 0;
    }

    .btx-address-container>label {
        font-size: 15px;
    }

    .btx-address-container>label {
        background-position: -26px -1142px;
    }
}

@media screen and (max-width:320px) {
    .pagination-section button {
        font-size: 12px;
        padding: 5px;
        top: 8px;
    }

    .pagination-btn .pre-btn,
    .pagination-btn .next-btn {
        font-size: 12px;
    }

    .pagination-btn .pages {
        font-size: 13px;
    }

    ul.common-pagination li {
        margin: 8px 3px -6px;
        padding: 8px 0;
    }

    ul.common-pagination li.active-page {
        font-size: 12px;
    }
}

@media screen and (max-width:280px) {
    .btx-address-container>label {
        background-position: -26px -1126px;
    }
}

/* Balence sheet account style End */

/* Support Ticket account style Start */



.createnew-tikit-form .fieldset ul li>label.required {
    position: relative;
}

.sp-sm-button .button {
    float: right;
    margin-top: 4px;
}

.sp-sm-button .button span {
    border-radius: 4px;
    line-height: 15px;
    height: 40px;
}

.sp-sm-button .button.incr_lmtbtn {
    margin-left: 8px !important
}

.stylis-table-2.sup-ttable>thead>tr>th:first-child {
    width: 120px;
}

.data-table tfoot tr.grand_total.order-foot.last {
    background: var(--grey-color-tone-six);
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td>input {
    max-width: 85px;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:first-child>input,
.stylis-table-2.sup-ttable>thead>tr.tfilter>td:nth-child(2)>input {
    max-width: inherit;
    width: 100%;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:last-child {
    width: 100px;
    text-align: center;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:nth-child(3) {
    width: 100px;
}

.autowidth_sp {
    word-wrap: break-word;
    text-align: justify;
    margin: 0;
}

.supportticket-index-index .sp-sm-button .button span {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.supportticket-index-index .sp-sm-button .button span:hover {
    background-color: transparent;
    color: var(--primary-color);
}

#view_ticket_popup .order-popup-header {
    padding: 20px !important;
}

#view_ticket_popup .conform-bx-inner {
    position: relative;
    overflow: auto;
}

#view_ticket_popup .my-account {
    margin-bottom: 0px;
}

#view_ticket_popup .display_ticket_msg_block {
    width: 100%;
    float: left;
    max-height: 240px;
    overflow-y: auto;
    margin: 20px 0;
}

#view_ticket_popup .commentdetail {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid var(--grey-color-tone-six);
    border-left: 3px solid var(--default-color);
    border-radius: 5px;
    height: auto;
}

#view_ticket_popup .created_date>label {
    font-style: italic;
    color: var(--grey-color-tone-three);
}

#view_ticket_popup .adminreply .created_date>label {
    color: var(--white-color);
}

#view_ticket_popup .thread_body {
    margin: 0;
}

#view_ticket_popup .ticket-info {
    float: left;
    width: 100%;
    padding: 5px 0;
    border: 1px solid var(--grey-color-tone-five);
    margin: 0 0 10px;
}

#view_ticket_popup .ticket-info li {
    padding: 4px 15px;
}

#view_ticket_popup .thread_body .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

#view_ticket_popup .thread_body .content {
    word-break: break-all;
}

#view_ticket_popup a.attch {
    height: 26px;
    width: 30px;
}

#view_ticket_popup .page-title {
    margin: 0 0 14px;
}

#view_ticket_popup .ticket-info li {
    background-color: transparent;
    border: transparent;
    margin: 0;
    padding: 8px;
    font-style: normal;
    text-align: left;
    font-size: 15px;
    word-break: break-word;
}

#view_ticket_popup .customer_detail .icon.icon-user-icon {
    line-height: 46px;
}

#view_ticket_popup .user_details .customer_detail h4 {
    font-size: 16px;
    padding-left: 0;
    color: var(--grey-color-tone-three);
}

#view_ticket_content .created_date h4 {
    color: var(--primary-color);
}

#view_ticket_popup .adminreply .customer_detail h4 {
    color: var(--white-color);
}

#view_ticket_popup .reply-buttons button span {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    padding: 4px 10px;
    border-radius: 3px;
}

#view_ticket_popup .reply-buttons button span:hover {
    background-color: transparent;
    color: var(--primary-color);
}

#view_ticket_popup .reply-buttons button.common-subbtn span {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

#view_ticket_popup .reply-buttons button.common-subbtn span:hover {
    background-color: transparent;
    color: var(--default-color);
}

#view_ticket_popup .back-link {
    margin-top: 7px;
    margin-right: 1%;
    font-size: 15px;
    float: left;
}

#view_ticket_popup .comment-list>li {
    margin-bottom: 6px;
}

#view_ticket_popup p.required {
    float: right;
    display: block;
    font-size: clamp(14px, 2vw, 15px);
    color: var(--error-color);
}

#view_ticket_popup .add-reply {
    float: left;
    width: 50%;
    display: block;
    font-size: clamp(15px, 2vw, 16px);
    text-align: left;
    color: var(--dark-color);
}

#view_ticket_popup .adminreply .commentdetail {
    background-color: var(--usps-bg-color);
}

#view_ticket_popup .fix-btn {
    display: inline-block;
    width: 100%;
    background-color: var(--white-color);
}

#view_ticket_popup .back-link a,
.display_ticket_reply_block .back-link a {
    background: var(--grey-color-tone-three);
    padding: 7px 10px;
    color: var(--white-color);
    font-size: 16px;
    border-radius: 3px;
}

.display_ticket_reply_block .back-link a {
    padding: 15px 10px;
    border-radius: 0;
}

#view_ticket_popup .back-link a:hover {
    background: var(--grey-color-tone-four);
}

#view_ticket_popup .display_ticket_reply_block {
    width: 100%;
    float: left;
}

#view_ticket_popup .display_ticket_reply_block .replyformdiv .fieldset ul li {
    width: 100%;
    text-align: left;
}

#view_ticket_popup .display_ticket_reply_block .replyformdiv .fieldset ul li .file-inputs-front {
    margin: 12px 0 6px 0;
}

#view_ticket_popup .display_ticket_reply_block .replyformdiv .fieldset ul li label {
    margin-left: 0;
    font-size: clamp(15px, 3vw, 16px);
    position: relative;
}

#view_ticket_popup .display_ticket_reply_block .replyformdiv .fieldset ul .file-inputs-front>label[for="ticket_attachment"] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

#view_ticket_popup .display_ticket_reply_block .replyformdiv .fieldset ul .file-inputs-front>label[for="ticket_attachment"]:hover {
    background-color: transparent;
    color: var(--primary-color);
}

#view_ticket_popup .reply-buttons {
    float: right;
    width: 48%;
    display: block;
}

#view_ticket_popup .user_details,
#view_ticket_content .user_details {
    display: inline-block;
    width: 100%;
    padding: 2px 12px;
    border-bottom: 1px solid var(--grey-color-tone-six);
    background-color: rgba(237, 237, 237, 0.55);
}

#view_ticket_popup .adminreply .user_details {
    background-color: var(--default-color);
    border-bottom: 1px solid rgba(24, 120, 239, 0.51);
}

#view_ticket_popup .created_date,
#view_ticket_popup .order-popup-container .order-popup-header .created_date h4 {
    font-size: 13px;
    font-weight: 400;
}

.view_ticket_popup .replyformdiv {
    float: left;
    width: 100%;
}

.view_ticket_popup .my-account {
    margin-bottom: 0;
}

.view_ticket_popup .dashboard-acc-bx-inner .addressdetails .fieldset .form-list {
    background-color: transparent;
    border: 0;
    padding: 0;
}

#view_ticket_popup h1 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    margin: 10px 0 0 0;
}

#view_ticket_popup .replyformdiv .fieldset {
    margin-bottom: 20px;
}

body.supportticket-index-index #creNewTicRecaptcha,
body.supportticket-front-view #creNewTicRecaptcha {
    margin-bottom: 5px;
    display: none;
}

.ticket_view {
    margin: 0 0 12px;
}

.ticket_view>li {
    display: inline-block;
    width: 50%;
}

.customer_detail {
    float: left;
    width: 50%
}

.customer_detail>h4 {
    float: left;
    font-size: 18px;
    color: var(--primary-color);
}

.customer_detail .icon.icon-user-icon {
    color: var(--box-shadow-color-ten);
    float: left;
    font-size: 20px;
    margin-right: 5px;
    text-align: center;
    width: auto;
    line-height: 28px;
    height: 22px
}

.adminreply .user_details {
    background-color: var(--secondary-color);
    border-bottom: 1px solid rgba(24, 120, 239, 0.51)
}

.adminreply .customer_detail h4,
.adminreply .customer_detail .icon.icon-user-icon {
    color: var(--white-color);
}

.adminreply .created_date,
.adminreply .created_date h4 {
    color: var(--white-color);
}

.adminreply .commentdetail {
    border: 1px solid var(--secondary-color);
    background-color: rgba(39, 167, 236, 0.13)
}

.comment-list {
    float: left;
    width: 100%
}

.comment-list>li {
    float: left;
    margin-left: 5%;
    width: 95%;
    margin-bottom: 10px
}

.ticket-info {
    float: left;
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--grey-color-tone-five);
    margin: 0 0 10px
}

.ticket-info>ul {
    width: 100%
}

.ticket-info li {
    float: left;
    width: 48%;
    background-color: var(--grey-color-tone-six);
    margin: 0 1% 15px;
    padding: 10px 15px;
    border-bottom: 2px solid var(--grey-color-tone-five);
    line-height: 20px;
    font-style: italic
}

.ticket-info b {
    display: block;
    color: var(--secondary-color);
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
}

.commentdetail {
    float: left;
    width: 100%;
    border: 1px solid var(--grey-color-tone-five);
    margin: 0 0 10px
}

.thread_body {
    float: left;
    width: 100%;
    margin: 5px 0 5px
}

.thread_body .content {
    float: left;
    width: 100%;
    padding: 5px 10px
}

.content>p {
    float: left;
    font-size: 14px;
    margin: 0 0 3px
}

#view_ticket_popup #repPopRecaptcha {
    margin-bottom: 5px;
}

@media screen and (max-height:1024px) {
    #view_ticket_popup .order-popup-header {
        height: 700px;
        overflow-y: auto;
    }
}

@media screen and (max-width:1200px) {
    #view_ticket_popup #orderpopup {
        width: 95%;
    }
}

@media screen and (max-width: 1024px) {

    .display_ticket_reply_block .back-line-main,
    .display_ticket_reply_block .reply-buttons {
        width: auto;
        display: flex;
    }

    .display_ticket_reply_block .back-line-main {
        float: right;
        padding-left: 15px;
    }

    .display_ticket_reply_block .customer_detail>h4 {
        color: var(--box-shadow-color-ten);
    }

    .name-creditlimit label,
    .name-uescreditlimit label,
    .name-avlcreditlimit label {
        font-size: 15px;
    }

    .support-page-title {
        padding: 0;
        margin: 10px 0;
    }

    .support-page-title h1 {
        text-align: left;
        margin: 0 10px;
        font-size: 25px;
    }

    #view_ticket_content .ticket-info li {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }

    #view_ticket_content .ticket-info li:nth-child(even) {
        margin-right: 0;
    }

    #view_ticket_popup .order-popup-container .order-popup-header .created_date h4 {
        padding-left: 0;
    }

    #view_ticket_content .user_details {
        padding: 15px;
    }

    #view_ticket_content .customer_detail .icon.icon-user-icon {
        display: none;
    }

    #view_ticket_content .customer_detail>h4 {
        font-size: 16px;
        color: var(--dark-color);
    }

    #view_ticket_content .form-list label {
        position: relative;
        font-size: 15px;
        display: inline-block;
        margin: 0 0 10px 0;
    }

    #view_ticket_content .form-list .file-inputs-front {
        margin-top: 10px;
    }

    #view_ticket_content .form-list .file-inputs-front>label {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--white-color);
    }

    #view_ticket_content .form-list .file-inputs-front>label:hover {
        background-color: transparent;
        color: var(--primary-color);
    }

    #view_ticket_content .fix-btn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    #view_ticket_content .fix-btn #repPopRecaptcha {
        display: none;
    }

    #view_ticket_content .close-ticket-btn {
        margin: 0 0 0 10px;
        float: left;

    }

    #view_ticket_content .created_date>label {
        font-size: 15px;
    }

    #view_ticket_content .thread_body {
        margin: 0;
    }

    #view_ticket_content .thread_body .content {
        display: flex;
        padding: 15px;
        justify-content: space-between;
        align-items: center;
    }

    #view_ticket_content .thread_body .content p {
        word-break: break-all;
    }

    #view_ticket_content .reply-buttons button {
        width: auto;
        float: left;
    }

    .display_ticket_reply_block .back-line-main {
        width: 44%;
    }

    .display_ticket_reply_block button.button span {
        width: 100%;
        padding: 6px 12px;
        border-radius: 4px;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--white-color);
    }

    .display_ticket_reply_block button.button span:hover {
        background-color: transparent;
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    .display_ticket_reply_block button[title="Post reply"] span {
        background-color: var(--default-color);
        border-color: var(--default-color);
        color: var(--white-color);
    }

    .display_ticket_reply_block button[title="Post reply"] span:hover {
        background-color: transparent;
        border-color: var(--default-color);
        color: var(--default-color);
    }

    #view_ticket_content .display_ticket_reply_block .back-link a {
        padding: 10px 12px;
        width: 100%;
        font-size: 13px;
        display: inline-block;
        border-radius: 4px;
    }

    div#view_ticket_content p.required {
        display: block;
        text-align: right;
        color: var(--error-color);
        font-size: 15px;
    }

    #view_ticket_content .add-reply {
        font-size: 16px;
        color: var(--dark-color);
    }
}

@media screen and (max-width:900px) {
    .ticket-info li {
        width: 98% !important
    }

    .content>p {
        width: 92%
    }

    .quickorder-view .quick-export {
        float: left !important;
    }
}

@media screen and (max-width:730px) {
    #view_ticket_popup .display_ticket_msg_block {
        max-height: 160px;
    }

    .adminreply .user_details {
        background-color: var(--secondary-color);
        border-bottom: 1px solid rgba(24, 120, 239, 0.51)
    }

    .adminreply .created_date,
    .adminreply .created_date h4 {
        color: var(--white-color);
    }

    .adminreply .commentdetail {
        border: 1px solid var(--secondary-color);
        background-color: rgba(39, 167, 236, 0.13)
    }

    .ticket-info li {
        width: 100% !important;
        margin: 0 !important;
    }

    #view_ticket_popup .back-link a,
    .display_ticket_reply_block .back-link a {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {

    .supportticket-front-view .my-account,
    .supportticket-index-index .my-account {
        padding: 0;
    }

    .sp-sm-button .button {
        float: left;
    }

    #view_ticket_popup .display_ticket_msg_block {
        max-height: 120px;
    }

    .ticket-info li {
        padding: 10px 15px;
        font-size: 15px;
        word-wrap: break-word;
    }

    .ticket-info b {
        font-size: 15px;
    }

    .content>p {
        float: left;
        font-size: 14px;
        margin: 0 0 3px
    }

    .incr_lmtbtn {
        float: right !important;
    }

    #view_ticket_content .created_date h4 {
        display: block;
    }

    #view_ticket_content .reply-buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #view_ticket_content .display_ticket_reply_block .back-link a {
        margin: 10px 0;
        padding: 10px 14px;
        border-radius: 4px;
    }

    #view_ticket_content .fix-btn {
        flex-direction: column;
    }

    .display_ticket_reply_block .back-line-main {
        float: left;
        width: 100%;
    }

    .display_ticket_reply_block .back-line-main .back-link {
        width: 100%;
        text-align: center;
    }

    #view_ticket_content .display_ticket_reply_block .back-link a {
        display: block;
    }

    .supportticket-front-view .my-account .page-title {
        margin-bottom: 20px;
    }

    .display_ticket_reply_block .back-line-main {
        padding-left: 0;
    }
}

@media screen and (max-width: 600px) {
    #view_ticket_popup .reply-buttons {
        display: flex;
        justify-content: space-between;
        width: 100% !important;
    }

    #view_ticket_popup .back-link {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    .sp-sm-button .button span {
        padding: 10px;
        height: 35px;
        line-height: 10px;
        font-size: 16px;
    }

    .sp-sm-button .button {
        float: left;
    }

    .display_ticket_reply_block .back_to_support_tckt {
        float: left;
        display: block;
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }

    .display_ticket_reply_block .close-ticket-btn {
        margin: 0;
    }

    .display_ticket_reply_block .back-line-main {
        float: left;
        width: 100%;
    }

    .display_ticket_reply_block .back-link.left-side,
    .display_ticket_reply_block .back-line-main {
        margin-top: 0;
    }

    #view_ticket_popup .replyformdiv .fieldset {
        margin-bottom: 40px;
    }

    #view_ticket_popup h1 {
        font-size: 18px;
    }

    .form-list label {
        font-size: 13px;
    }
}

/* Support Ticket account style End */
.product-row {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--grey-color-tone-seven);
    line-height: 30px
}

.product-row>strong {
    color: var(--primary-color)
}

.price.match_pr {
    color: var(--primary-color);
    font-weight: 400
}
@media screen and (max-width:1200px) {
    .savecart-tbl .product-row a {
        width: 72%;
    }
}

@media screen and (max-width:640px) {
    .product-row {
        float: left;
        width: 100%;
        border-bottom: 1px solid var(--grey-color-tone-seven);
        line-height: 30px
    }

    .product-row>strong {
        color: var(--primary-color)
    }

    .price.match_pr {
        color: var(--primary-color);
        font-weight: 400
    }

    .total_row {
        background-color: var(--grey-color-tone-six);
        border-bottom: 1px solid var(--grey-color-tone-seven);
        color: var(--grey-color-tone-three);
        float: left;
        font-weight: 400;
        line-height: 24px;
        padding: 5px 6px;
        width: 100%
    }
}

/* Saved Shopping Cart end*/

/* Import Order CSS Start */
.import-page.page-title {
    flex-direction: column;
    align-items: flex-start;
}

body.quickorder-importexport-view .button-with-title p {
    width: 100%;
    float: left;
}

.importordermain-view h4 {
    float: left;
}

.quickorder-view .quick-export,
.importordermain-view .quick-export {
    margin-top: 0;
    float: right;
    display: block;
    font-weight: 400;
    line-height: 34px;
    text-decoration: underline;
}

.quickorder-view .file-input>[type='file'],
.importordermain-view .file-input>[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.quickorder-view .file-input>.button,
.importordermain-view .file-input>.button {
    display: inline-block;
    cursor: pointer;
    background: var(--default-color);
    padding: 8px 31px;
    border-radius: 4px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 16px;
    color: var(--white-color);
}

.quickorder-view .file-input:hover>.button,
.importordermain-view .file-input:hover>.button {
    background: var(--default-color);
    color: var(--white-color);
}

.quickorder-view .file-input>.label,
.importordermain-view .file-input>.label {
    color: var(--secondary-color);
    white-space: nowrap;
    opacity: 0.8;
}

.quickorder-view .file-input.-chosen>.label,
.importordermain-view .file-input.-chosen>.label {
    opacity: 1;
}

.quickorder-view .quick-csv,
.importordermain-view .quick-csv {
    width: 100%;
    float: left;
    padding: 10px 20px 13px;
}

.quickorder-view .quick-csv h4,
.importordermain-view .quick-csv h4 {
    line-height: 34px;
    font-size: 16px;
    display: inline-block;
}

button.csv-importbtn span {
    line-height: 15px;
    padding: 10px 24px;
    border-radius: 4px;
    margin-top: 10px;
}

.quickorder-view .quick-export,
.quickorder-view .quick-csv h4,
.importordermain-view .quick-export,
.importordermain-view h4 {
    line-height: 22px;
}

.quick-export-login .csvexport {
    background: var(--grey-color-tone-three);
    border-radius: 4px;
    text-transform: inherit;
    height: 23px;
    margin-top: -1px;
    color: var(--white-color);
    border: 0;
    font-size: 13px;
    font-weight: 500;
    display: block;
    padding: 0 6px;
}

.quick-export-login.loginas-customer .csvexport {
    background: var(--menu-bg-light-color);
    border: 2px dashed var(--store-remove-btn);
    color: var(--grey-color-tone-three);
}

.quick-export-login {
    float: right;
    padding-left: 8px;
}

.quickorder-view .file-input,
.importordermain-view .file-input {
    display: inline-block;
    text-align: left;
    background: var(--grey-color-tone-eight);
    padding: 8px 9px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px dashed var(--grey-color-tone-five);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
}

.file-submit-popup .conform-bx-inner {
    position: relative;
    text-align: center;
    width: 520px;
    border: 0;
    color: var(--grey-color-tone-three);
    font-weight: 400;
    border-radius: 4px;
}

.file-submit-popup p {
    text-align: left;
    float: left;
}

.export-main .outofstock {
    display: none;
    background: transparent;
    margin-top: 5px;
}

.export-main .outofstock h2 {
    margin-bottom: 10px;
}

.export-main .outofstock ul li {
    width: 20%;
}

.quickorder-view .outofstock h2,
.export-main .outofstock h2 {
    font-size: 15px;
    line-height: 28px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 5px;
    position: relative;
}

.quickorder-view .outofstock ul,
.export-main .outofstock ul {
    border: 1px solid var(--grey-color-tone-seven);
    border-right: 0;
    border-bottom: 0;
    float: left;
    width: 100%;
}

.quickorder-view .outofstock ul li,
.export-main .outofstock ul li {
    display: block;
    border-right: 1px solid var(--menu-bg-light-color);
    padding: 8px;
    border-bottom: 1px solid var(--menu-bg-light-color);
    width: 128.8px;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.deviceproducts {
    margin: 10px 0px;
    padding: 12px;
    display: none;
    background-color: var(--menu-bg-light-color);
}

@media screen and (max-width:640px) {
    .export-main .outofstock ul li {
        width: 33.33%;
    }

    .export-main .outofstock ul li {
        width: 50%;
    }

    .importordermain-view .quick-export {
        float: left;
        width: calc(100% - 140px);
    }

    .quick-export-login {
        padding: 0;
    }

    .importordermain-view h4 {
        margin: 10px 0 4px 0;
    }

    body.quickorder-importexport-view .button-with-title p {
        text-align: left;
    }
}

/* Import Order CSS End */


/*--Brokenscreen Design  start--*/

.data-table.bs-order-table th {
    padding: 10px 5px;
}

.stylis-table-2>thead>tr>th.order-sorting {
    cursor: pointer;
    white-space: nowrap;
}

.stylis-table-2.bs-order-table>thead>tr>th:nth-child(4) {
    width: 140px;
}

.width90 {
    width: 90px;
}

.date-nowrap {
    white-space: nowrap;
}

.width120 {
    width: 120px;
}

.dashboard-table {
    table-layout: auto;
}

.stylis-table-2>thead>tr.tfilter>td:last-child {
    text-align: center;
    padding-top: 2px;
    min-width: 75px;
}

.stylis-table-2>thead>tr.tfilter>td {
    padding: 5px 5px 1px;
    white-space: nowrap;
    border-right: 1px solid var(--grey-color-tone-five);
    border-bottom: 1px solid var(--grey-color-tone-five);
    background-color: var(--grey-color-tone-seven);
}

.stylis-table-2>thead>tr.tfilter>td:first-child {
    border-left: 1px solid var(--grey-color-tone-five);
}

.stylis-table-2>thead>tr.tfilter>td>input {
    /*max-width: 90px;*/
    border: 1px solid var(--grey-color-tone-five);
    padding: 3px;
    width: 100%;
    border-radius: 4px;
    display: inline-block;
    height: 25px;
    margin: 0 0 4px;
    font-size: 12px;
}

.stylis-table-2>thead>tr.tfilter>td>input#payment_from,
.stylis-table-2>thead>tr.tfilter>td>input#payment_to {
    width: 88px;
    height: 25px;
    font-size: 12px;
    border: 1px solid var(--grey-color-tone-five);
}

.stylis-table-2>thead>tr.tfilter>td>select {
    max-width: 85px;
    padding: 3px;
    height: 25px;
    border-radius: 4px;
    font-size: 12px;
    margin: 0 0 4px;
}

.stylis-table-2>thead>tr.tfilter>td>label {
    font-size: 10px;
    font-weight: 600;
    width: 10px;
    display: inline-block;
}

.dashboard-table.stylis-table-2>thead>tr.tfilter>td:first-child>input {
    width: 100%;
}

.dashboard-table.stylis-table-2>thead>tr.tfilter>td:nth-child(3)>input,
.dashboard-table.stylis-table-2>thead>tr.tfilter>td:nth-child(4)>input,
.dashboard-table.stylis-table-2>thead>tr.tfilter>td:nth-child(6)>select {
    max-width: 100%;
    width: 100%;
}

.stylis-table-2>thead>tr.tfilter>td>button {
    display: inline-block;
    width: 27px;
    margin: 2px;
    background-image: url(../images/sprites/tablefilter-sprites.svg);
    height: 27px;
    float: none;
}

.stylis-table-2>thead>tr>th>.asc_farrow {
    background-image: url(../images/sprites/tablefilter-sprites.svg);
    padding: 3px;
    background-size: 40px;
}

.stylis-table-2>thead>tr>th[title='descending'] .asc_farrow {
    background-position: -1px -234px;
}

.stylis-table-2>thead>tr>th[title='ascending'] .asc_farrow {
    background-position: -28px -234px;
}

.stylis-table-2.orders-table>thead>tr.tfilter>td:nth-child(7)>input {
    max-width: 82px;
    width: 100%;
}

.stylis-table-2.orders-table>thead>tr.tfilter>td:nth-child(7)>input[type='checkbox'] {
    width: auto;
    max-height: inherit;
}

.stylis-table-2>thead>tr.tfilter>td>input[type='checkbox'] {
    margin-bottom: 0;
}

.stylis-table-2.orders-table>thead>tr.tfilter>td:nth-child(7)>label {
    display: inline-block;
}

.stylis-table-2.orders-table>thead>tr.tfilter>td {
    font-size: 12px;
    font-weight: 600;
}

.stylis-table-2.bs-order-table>thead>tr.tfilter>td:nth-child(2)>input,
.stylis-table-2.bs-order-table>thead>tr.tfilter>td:nth-child(5)>select {
    width: 100%;
    max-width: inherit;
}

#my-productreturn-table>thead>tr.tfilter>td>input {
    border: 1px solid var(--grey-color-tone-five);
    padding: 3px;
    width: 100%;
    height: 25px;
    margin: 0 0 4px;
    font-size: 12px;
    text-transform: inherit;
}

.product-RMA-grid-table>thead>tr.tfilter>td:first-child>input,
.product-RMA-grid-table>thead>tr.tfilter>td:nth-child(2)>input,
.product-RMA-grid-table>thead>tr.tfilter>td:nth-child(3)>select,
.product-RMA-grid-table>thead>tr.tfilter>td:nth-child(4)>select,
.product-RMA-grid-table>thead>tr.tfilter>td:nth-child(5)>select {
    max-width: inherit !important;
}

.stylis-table-2.device-order-table>thead>tr>th:nth-child(6) {
    width: 110px;
}

.stylis-table-2.device-order-table>thead>tr.tfilter>td>input[type='checkbox'] {
    max-width: inherit;
    width: auto;
    margin-bottom: 0;
}

.stylis-table-2.device-order-table>thead>tr.tfilter>td:first-child>input,
.stylis-table-2.device-order-table>thead>tr.tfilter>td:nth-child(3)>select,
.stylis-table-2.device-order-table>thead>tr.tfilter>td:nth-child(4)>select {
    max-width: inherit;
    width: 100%;
}

.stylis-table-2.device-order-table>thead>tr>th:last-child {
    width: 100px;
}

.stylis-table-2.devicerma-table>thead>tr.tfilter>td:first-child>input,
.stylis-table-2.devicerma-table>thead>tr.tfilter>td:nth-child(3)>select,
.stylis-table-2.devicerma-table>thead>tr.tfilter>td:nth-child(4)>select,
.stylis-table-2.devicerma-table>thead>tr.tfilter>td:nth-child(5)>select,
.stylis-table-2.devicerma-table>thead>tr.tfilter>td:nth-child(6)>input {
    max-width: inherit;
    width: 100%;
}

.stylis-table-2.devicerma-table>thead>tr>th:first-child {
    width: auto;
}

.stylis-table-2.devicerma-table>thead>tr>th:last-child {
    width: 100px;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td>input {
    max-width: 85px;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:first-child>input,
.stylis-table-2.sup-ttable>thead>tr.tfilter>td:nth-child(2)>input {
    max-width: inherit;
    width: 100%;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:last-child {
    width: 100px;
    text-align: center;
}

.stylis-table-2.sup-ttable>thead>tr.tfilter>td:nth-child(3) {
    width: 100px;
}

.stylis-table-2.behalf-table>thead>tr.tfilter>td>br {
    display: none;
}

.stylis-table-2.behalf-table>thead>tr.tfilter>td>input,
.stylis-table-2.behalf-table>thead>tr.tfilter>td>input#payment_from,
.stylis-table-2.behalf-table>thead>tr.tfilter>td>input#payment_to {
    max-width: 80px;
}

.stylis-table-2.behalf-table>thead>tr.tfilter>td:first-child>input,
.stylis-table-2.behalf-table>thead>tr.tfilter>td:nth-child(4)>select {
    max-width: initial;
    width: 100%;
}

.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td:nth-child(2)>input,
.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td:nth-child(4)>select,
.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td:nth-child(5)>select {
    max-width: inherit;
    width: 100%;
}

.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td>input,
.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td>input#payment_from,
.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td>input#payment_to {
    max-width: 170px;
}

.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td>input[type='checkbox'] {
    max-width: inherit;
    width: auto;
    margin-bottom: 0px;
}

.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td:last-child {
    width: 90px;
}

.stylis-table-2.fundbox-order-table>thead>tr.tfilter>td:nth-child(6) {
    width: 90px;
}

.stylis-table-2>thead>tr.tfilter>td>input.fdispnone,
.fdispnone {
    display: none !important;
}

.stylis-table-2>thead>tr>th.ordersrtactive {
    white-space: nowrap;
    text-align: center;
    background-color: var(--box-shadow-color-ten);
}

.bros_table .order-filter {
    margin-left: -12px;
    font-size: 14px;
    width: 102px;
    margin-right: -12px;
}

.bros_table .tracking-filter {
    margin-left: -12px;
    font-size: 14px;
    width: 102px;
}

.bros_table .location-filter {
    margin-left: -12px;
    font-size: 14px;
    width: 102px;
}

.bros_table input.from-filter,
.bros_table input.to-filter {
    width: 65px;
}

.bros_table .status-filter {
    margin-left: -12px;
    font-size: 14px;
    width: 118px;
}

.bros_table .search-btn {
    display: block;
    text-align: center;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    padding: 10px 15px;
    font-size: 14px;
    line-height: 3px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--white-color);
    transition: all .3s ease 0s;
}

.bros_table .search-btn:hover {
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
}

.bros_table .reset-btn {
    display: block;
    text-align: center;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    padding: 10px 15px;
    font-size: 14px;
    line-height: 3px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--white-color);
    transition: all .3s ease 0s;
    margin-top: 3px;
}

.bros_table .reset-btn:hover {
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
}

.bros_table select#order_status {
    font-size: 14px;
}

.bros_table img.order-sorting {
    margin-left: -4px;
    margin-top: 2px;
    cursor: pointer;
}

.info-shiplabel-li>.sinfo-content {
    left: 5px;
    margin-top: 21px;
}

.stylis-table-2>thead>tr.tfilter>td>button {
    border: 1px solid;
    border-radius: 3px;
    padding: 5px;
    float: left;
}

.stylis-table-2>thead>tr.tfilter>td>button.fsearch-icon {
    background-color: var(--default-color);
    border-color: var(--default-color);
    background-position: 3px -37px;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../images/sprites/tablefilter-sprites.svg);
    border: 0;
}

.stylis-table-2>thead>tr.tfilter>td>button.freset-icon {
    background-color: var(--grey-color-tone-ten);
    border-color: var(--grey-color-tone-ten);
    background-position: 4px 3px;
    background-size: 19px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../images/sprites/tablefilter-sprites.svg);
    border: 0;
}

.bs-order-table .bsorder_status {
    font-weight: 600;
}

.bs-order-table .bsorderreq,
.sw-requested {
    color: var(--default-color);
}

.bs-order-table .bsprocessing,
.sw-processing {
    color: var(--warning-color);
}

.bs-order-table .bscompleted,
.sw-completed {
    color: var(--sucess-color);
}

.bs-order-table .bscanceled,
.sw-canceled {
    color: var(--error-color);
}

.bs_order_filter select {
    border-radius: 4px;
    padding: 5px 10px;
    height: 38px;
}

.bs_order_filter label {
    font-weight: 500;
}

.width150 {
    width: 150px;
}

.bs-noorder {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.lcd-dwnld-btn {
    margin: 8px 0;
    margin-right: 10px;
}

.bs-order-popup .print_label_button {
    line-height: 33px;
    margin: 8px 10px 0 10px;
    min-width: auto;
    background: transparent;
    padding: 0;
    box-shadow: none;
    padding: 0 9px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 0;
}

.bs-order-popup .print_label_button .print-icon {
    background-color: transparent;
    margin-right: 0;
    display: block;
    text-align: center;
    background-size: 15px;
}

.bs-order-table .bs-dropdown {
    position: absolute;
    right: -15px;
    top: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--grey-color-tone-three);
    transition: all .3s ease-in;
    cursor: pointer;
}

.bs-order-table .bs-main {
    position: relative;
}

.bs-order-table .bsdropdown-open {
    position: absolute;
    background: var(--white-color);
    padding: 5px 10px;
    z-index: 11;
    border-radius: 5px;
    width: 125px;
    margin-left: -44px;
    margin-top: 2px;
    font-weight: 500;
    box-shadow: 0 0 7px var(--grey-color-tone-seven);
}

.bs-order-table a.bs-cencel-icon,
.bs-order-table a.bs-print-label,
.bs-order-table a.old_viewlink {
    background: none;
    border: transparent;
    text-indent: 0;
}

.bs-order-table a.bs-cencel-icon,
a.bs-print-label,
.bs-order-view-res {
    display: block;
}

.bs-order-table td.v-center-links {
    width: 70px;
    position: relative;
}

.bs-order-table td a {
    color: var(--box-shadow-color-ten);
    text-transform: none;
    width: auto;
    height: auto;
    line-height: 20px;
}

td.v-center-links {
    line-height: normal;
    width: 125px;
}

td.v-center-links span {
    display: inline-block !important;
}

td.v-center-links a {
    text-transform: uppercase;
}

.mobileview-link {
    display: none;
}

.data-table tbody td.v-center-links>span {
    line-height: normal;
}

.bs_order-popup-container {
    width: 100%;
    clear: both;
}

.bs_order-popup-header {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid var(--grey-color-tone-six);
    background-color: var(--white-color);
}

.bs_order-popup-container .orderrow_methods {
    float: left;
    width: 100%;
    clear: both;
    background-color: var(--grey-color-tone-eight);
    border-bottom: 1px dashed var(--grey-color-tone-five);
}

.bs_order-popup-container .orderrow_methods .bs_order_col {
    float: left;
    padding: 10px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-3 {
    width: 25%;
    border-left: 1px dashed var(--grey-color-tone-five);
    min-height: 60px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col h4 {
    display: inline-block;
    font-size: 15px;
    line-height: 1.2;
}

.bs_order-popup-container .orderrow_methods .bs_order_col p {
    font-size: 14px;
    line-height: 15px;
}

.bs_order-popup-container .orderpop-sectons {
    clear: both;
}

.bs_order-popup-container .orderpop-sectons h5 {
    font-size: 16px;
    line-height: 50px;
    color: var(--dark-color);
    padding-left: 12px;
    display: inline-block;

}

.print_label_button {
    font-size: 13px;
    font-weight: 400;
    color: var(--default-color);
    background-color: var(--grey-color-tone-eight);
    border: 1px solid var(--grey-color-tone-seven);
    padding: 0px 8px 0 0;
    display: block;
    min-width: 100px;
    border-radius: 2px;
    box-shadow: 0px 1px 1px var(--box-shadow-color-five);
    float: right;
    margin: 4px 15px;
}

.print_label_button:focus {
    box-shadow: 0 0 0;
}

.print_label_button .print-icon {
    background-image: url(../images/i_print.gif);
    width: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: var(--default-color);
    margin-right: 6px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-1 {
    width: 25%;
    border-right: 1px dashed var(--grey-color-tone-five);
    min-height: 60px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 {
    width: 50%;
}

.bs_order-popup-container .orderrow_methods .bs_order_col #returnshipdata>ul {
    display: flex;
}

.bs_order-popup-header>h2 {
    color: var(--default-color);
    display: inline-block;
    line-height: 30px;
    margin: 0px 1% 0px;
}

.bs_order-popup-header>span {
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    position: relative;
    top: -1px;
}

.bs_order-popup-header>span>strong {
    color: var(--error-color);
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li {
    display: inline-block;
    padding: 0;
    width: 40.7%;
    margin-bottom: 0;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li:first-child {
    padding-right: 10px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li input.input-text,
.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li select {
    padding: 0px 5px;
    height: 27px;
    border-radius: 3px;
    font-size: 12px;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li.bs-pop-button {
    width: auto;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 0;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li.bs-pop-button .button {
    min-height: 0;
}

.bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li.bs-pop-button .button span {
    padding: 0px 5px;
    border-radius: 3px;
    min-width: 60px;
    line-height: 24px;
    border-width: 1px;
    font-size: 14px;
}

.bs_order-popup-container .data-table tfoot td {
    border-bottom: 1px solid var(--grey-color-tone-seven);
}

a.bs-cencel-icon,
a.bs-print-label {
    display: inline-block;
    text-indent: -9999px;
    width: 28px;
    height: 28px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 50%;
    background-color: whitesmoke;
}

a.bs-cencel-icon {
    background-image: var(--my-account-sprite-bg);
    background-position: 37px -217px;
    background-size: 115px;
}

a.bs-print-label {
    background-image: url(../images/i_print.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.bs_order-popup-container .order_tbody {
    max-height: 380px;
    background-color: var(--white-color);
}

.bs_order-popup-container .order_tbody span.price {
    float: left;
}

.bros_table tbody tr td:last-child {
    padding-right: 25px;
}

.bs-order-popup #orderpopup {
    margin: 6% auto;
    max-width: 1024px;
    text-align: left;
    padding: 0;
    position: relative;
    overflow: inherit !important;
    border: 0;
}

.bs-order-popup .lcd-dwnld-btn {
    margin-right: 10px;
}

.bs-order-view-res {
    background-image: url(../images/sprites/view-order-sprites.png);
    background-repeat: no-repeat;
    background-size: 20px;
    text-indent: -628000px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: var(--grey-color-tone-six);
    background-position: 3px 6px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 50%;
}

.bs-order-table td.v-center-links a.openpop,
.bs-order-table a.old_viewlink {
    color: var(--error-color);
}

.stylis-table-2 .openpop {
    background-image: none;
    text-indent: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    border-radius: unset;
    color: var(--error-color);
    font-weight: 500;
}

.stylis-table-2 .openpop:hover {
    text-decoration: underline;
    background-color: transparent;
}

button.orclose_btn {
    position: absolute;
    right: -10px;
    width: 30px;
    font-size: 15px;
    border-radius: 50%;
    border: 2px solid var(--white-color);
    line-height: 28px;
    top: -12px;
    background-color: var(--default-color);
    color: var(--white-color);
    box-shadow: 1px 1px 1px var(--box-shadow-color-ten);
    -webkit-box-shadow: 1px 1px 1px var(--box-shadow-color-ten);
    cursor: pointer;
    height: 30px;
    margin: 0;
    padding: 0;
}

.order-popup-container {
    float: left;
    width: 100%;
}

.order-popup-container .order-popup-header,
.order-popup-container .orderpop-sectons,
.order-popup-container .order_section_table {
    float: left;
    width: 100%;
}

.order-popup-container .order-popup-header h4 {
    display: inline-block;
    line-height: 40px;
    padding-left: 11px;
}

.order-popup-container .order-popup-header .orderrow_methods {
    float: right;
    font-size: 12px;
    width: 50%;
    padding-top: 5px;
}

.order-popup-container .order-popup-header .orderrow_methods .order_methods1 {
    float: left;
    width: 50%;
    line-height: 17px;
}

.order-popup-container .order-popup-header .orderrow_methods .order_methods2 {
    float: left;
    width: 50%;
    line-height: 17px;
}

.order-popup-container .order-popup-header {
    border-bottom: 1px solid var(--grey-color-tone-seven);
    border-top: 5px solid var(--default-color);
}

.order-popup-container .orderpop-sectons h5 {
    line-height: 30px;
    font-size: 15px;
    padding-left: 13px;
    font-weight: 600;
    color: var(--grey-color-tone-three);
    display: inline-block;
}

.order-popup-container .orderpop-sectons ul {
    float: right;
}

.order-popup-container .orderpop-sectons ul>li {
    display: inline-block;
}

.order-popup-container .orderpop-sectons ul>li>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
    line-height: 30px;
    border-right: 1px solid var(--grey-color-tone-five);
}

.order_tbody,
.rmaorder_tbody {
    float: left;
    width: 100%;
    max-height: 210px;
    overflow-y: auto;
}

.order_tbody table.data-table tr th {
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    background-color: var(--grey-color-tone-six);
}

.order_tbody table.data-table tr td {
    font-size: 12px;
    padding: 5px 10px;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
}

.order_tbody table.data-table td.changeqty_parent span {
    cursor: pointer;
    position: absolute;
    right: 20px;
}

.new_add_pr a {
    margin: 0px 6px;
    position: relative;
    top: 8px;
}

.bsqty-option a {
    margin: 0 6px;
    position: relative;
    top: 3px;
}

a.editProductbtn_edit img {
    width: 18px !important;
}

a.updatePrdQtyBtn img.updatePrdBtn {
    width: 20px !important;
}

.min_plus {
    background-color: var(--sucess-color) !important;
    border: 1px solid var(--sucess-color) !important;
}

.order-popup-container .orderpop-sectons ul>li>a:hover {
    background-color: var(--grey-color-tone-six);
}

.order_tfoot {
    float: left;
    width: 100%;
    font-size: 12px;
}

.orderaddrss-row {
    float: left;
    min-height: 150px;
    width: 70%;
    background-color: var(--grey-color-tone-six);
}

.orderaddrss-row .order_addressbox {
    float: left;
    width: 30%;
    padding: 15px;
}

.final_order_total {
    float: left;
    width: 30%;
    max-height: 150px;
    overflow: auto;
}

.overflow_notes {
    overflow: auto;
    max-height: 150px;
}

.final_order_total ul {
    float: left;
    width: 100%;
}

.final_order_total ul li {
    display: block;
    line-height: 24px;
    border-bottom: 1px solid var(--grey-color-tone-five);
}

.final_order_total ul li strong {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.final_order_total ul li span {
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 13px;
    padding-right: 6px;
}

.final_order_total ul li:last-child strong {
    font-size: 17px;
}

.final_order_total ul li:last-child span {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}

.final_order_total ul li:last-child {
    border: 0;
}

.orderaddrss-row .order_addressbox p {
    float: left;
    width: 100%;
    word-wrap: break-word;
}

.openpop {
    background-image: url(../images/sprites/view-order-sprites.png);
    background-repeat: no-repeat;
    background-size: 20px;
    text-indent: -628000px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: var(--grey-color-tone-six);
    background-position: 3px 6px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 50%;
}

.openpop:hover {
    background-position: 3px -17px;
    border-color: var(--default-color);
    background-color: var(--white-color);
}

a.old_viewlink {
    display: none;
}

.order-popup-container .order-popup-header h4 br {
    display: none;
}

.orderpop-sectons b {
    color: var(--default-color);
}

.orderpop-sectons small {
    font-weight: 200;
    font-size: 13px;
}

.order-popup-container .order-popup-header .orderrow_methods .order_methods1 a {
    display: block;
    font-weight: 500;
}

.order-popup-container .order-popup-header .orderrow_methods .order_methods1 a+br {
    display: none;
}

.order-popup-container .order-popup-header .orderrow_methods .order_methods1 strong,
.order-popup-container .order-popup-header .orderrow_methods .order_methods2 strong {
    display: block;
    width: 100%;
}

@media screen and (max-width:1366px) {

    .bs_order-popup-container .order_tbody,
    .deviceorder-popup .order_tbody,
    .myorder_popup .order_tbody,
    .deviceorder-popup .order_tbody {
        max-height: 237px;
    }

    .bs-order-popup #orderpopup,
    .deviceorder-popup .conform-bx-inner,
    .myorder_popup #orderpopup,
    .deviceorder-popup .conform-bx-inner {
        margin: 10% auto;
    }
}

@media screen and (max-width:1024px) {
    .bs-order-table .mobileview-link .pdfbtn-tlist {
        border-radius: 100%;
        background-position: 8px -25px;
    }

    #my-orders-table tfoot td {
        border-left: 1px solid var(--grey-color-tone-seven);
    }

    .bs-order-table .mobileview-link a {
        display: block !important;
        float: left;
        font-size: 0;
        width: 30px;
        height: 30px;
        position: relative;
        border: 1px solid var(--grey-color-tone-seven);
        padding: 12px;
        margin-right: 5px;
    }

    .bs-order-table .bs-main {
        display: none !important;
    }

    .bs-order-table td.v-center-links {
        width: 136px;
    }

    .bs-order-table .mobileview-link a.old_viewlink {
        background: var(--grey-color-tone-seven) url(../images/sprites/view-order-sprites.png) 4px 8px no-repeat;
        background-size: 70%;
    }

    .bs-order-table .mobileview-link a.bs-print-label {
        background: var(--grey-color-tone-seven) url(../images/i_print.gif) 6px 5px no-repeat;
    }

    .bs-order-table .mobileview-link a.bs-cencel-icon {
        background: var(--grey-color-tone-seven) url(../images/delete.png) 9px 9px no-repeat;
        background-size: 38%;
    }

    .responsive-commonorder .order-info-box .box-title h2 {
        background-color: var(--grey-color-tone-six);
        padding: 10px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .responsive-commonorder .box-content,
    .responsive-commonorder .bs_show_refno {
        font-size: 14px;
        padding: 5px 10px;
        border-top: 0;
    }

    .responsive-commonorder .box-content p a {
        color: var(--default-color);
    }

    .responsive-commonorder .box-content>p:last-child {
        margin-bottom: 0;
    }

    .responsive-commonorder .box-content>div {
        display: inline-block;
    }

    .responsive-commonorder .order-info-box .col-1,
    .responsive-commonorder .order-info-box .col-2 {
        width: 100%;
    }

    .responsive-commonorder .order-info-box .col-1,
    .responsive-commonorder .order-info-box .col-2 {
        margin: 0 0 15px;
        width: 100%;
        border: 1px solid var(--grey-color-tone-seven);
    }

    .responsive-commonorder .order-info-box .col-2.shipping-margin {
        margin-top: 10px;
    }

    .openpop {
        display: none !important;
    }

    .mobileview-link {
        display: block;
    }
}

@media screen and (max-width:640px) {
    .bs-order-table .bsresponsive-links .bsdropdown-open {
        margin-top: 34px;
        box-shadow: 0 0 7px var(--grey-color-tone-two);
    }

    .bsresponsive-links {
        height: 44px;
        position: relative;
        background: var(--grey-color-tone-four) !important;
        display: block;
    }

    .bsresponsive-links span {
        width: 30px;
        height: 30px;
        background: var(--grey-color-tone-four);
    }

    .responsive-commonorder .page-title h2 {
        font-size: 24px;
    }

    .bsresponsive-links:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--white-color);
        transition: all .3s ease-in;
        cursor: pointer;
        position: absolute;
        top: 11px;
        left: 7px;
        display: block;
    }

    .my-account .brokenscreens-createorder .order-info-box {
        padding: 0;
    }

    .my-account a.bs-request {
        float: left;
        line-height: 12px;
        margin-top: 10px;
    }

    .responsive-commonorder .order-info-box .col-1 {
        margin: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:360px) {
    .bs-order-table .bs-dropdown {
        top: 0;
        height: 20px;
        margin-top: 9px;
    }
}

/*--Brokenscreen Design end--*/
#download_msg_file {
    display: block;
    float: left;
}

div#download_msg_file p a#setnewfilenamelink {
    font-weight: 600;
    color: var(--primary-color);
}

/* Reserve orders page start */

.neworder-css.r-o-space {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.a-p-tab-div {
    float: left;
    width: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    display: none;
}

.a-p-tab-div .a-p-tab {
    min-width: 150px;
    min-height: 43px;
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
    border-radius: 5px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-weight: 500;
    border: 2px solid var(--primary-color);
    background: var(--white-color);
}

.a-p-tab-div .a-p-tab:first-child {
    margin-left: 0;
}

.a-p-tab-div .a-p-tab.ap-tab-active {
    background: var(--primary-color);
    border: 2px solid transparent;
    box-shadow: none;
    color: var(--white-color);
}

/* Common download redio block code */

div#radio_btn {
    margin-right: 5px;
}

div#radio_btn>.radio_group_1 {
    margin-right: 5px;
}

.neworder-css,
.netterm-dwld {
    float: right;
    margin: 10px 0;
    border-top: 0;
    display: block;
    width: auto;
    padding: 0;
}

.neworder-css .right_neterms {
    float: right;
}

.neworder-css .right_neterms #downlaod_btn>button {
    margin-top: 0;
}

.neworder-css .right-align_2 {
    margin: 0;
    display: block;
    float: left;
    width: auto;
    padding: 0;
}

.neworder-css #downlaod_btn {
    float: left;
}

div#radio_btn>div {
    float: left;
    background-color: var(--white-color);
    line-height: 33px;
    padding: 0 10px;
    border: 1px solid var(--grey-color-tone-five);
}

div#radio_btn>div>input {
    margin-top: 10px
}

.right_neterms #radio_btn>div {
    position: relative;
    line-height: 32px;
    padding: 0 7px;
}

.nt-user,
.nt-add,
.right-align_1,
.right-align_2 {
    display: block;
    width: 40%;
    float: left;
    padding-right: 1%;
}

.right_neterms #radio_btn>div>input[type="radio"] {
    display: none;
}

.sales-order-reserveorders #download_msg_file>p>a {
    font-weight: 600;
    color: var(--primary-color);
}

.right_neterms #radio_btn>div>label {
    position: relative;
    padding-left: 18px;
}

.right_neterms #radio_btn>div>label:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.right_neterms #radio_btn>div>input[type="radio"]:checked+label:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.right_neterms #radio_btn>div>input[type="radio"]:checked+label:before {
    background-color: var(--default-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid var(--white-color);
    left: 1px;
}

/* Common download redio block code */

button.myacc-download-btn span {
    padding: 5px 10px;
    border-radius: 4px;
}

div#downlaod_btn .button span,
.balancesheet-dwld {
    line-height: 10px;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

div#downlaod_btn .button:hover span {
    border-color: var(--dark-color);
    background-color: transparent;
    color: var(--dark-color);
}

.BS-cls-2 {
    fill: var(--white-color);
}

.res-zindex {
    position: relative;
    z-index: 1;
    width: 100%;
}

.rsv-box-left .sp-methods .new-shipment-info .dg-charges-txt {
    font-size: 14px;
}

.rsv-box-left.rsv-grey-bg .sp-methods .new-shipment-info .dg-charges-txt {
    opacity: 0.5;
}

body.sales-order-reserveorders .my-account .pagination-section {
    margin-bottom: 10px;
}

.info-resetrve-tooltip {
    position: relative;
}

.info-resetrve-tooltip .sinfo-content {
    color: var(--white-color);
    padding: 7px;
    text-align: left;
    border-radius: 5px;
    left: -1px;
    width: 360px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    box-shadow: 0px 1px 1px var(--grey-color-tone-four);
    top: -75px;
}

.info-resetrve-tooltip .sinfo-content>p {
    margin: 0;
}

.info-resetrve-tooltip .sinfo-content:before {
    left: 6px;
    bottom: -6px;
    top: auto;
}

.sp-methods {
    float: left;
    width: 100%;
    padding: 7px 0 0
}

.sp-methods dt {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    color: var(--primary-color)
}

.sp-methods dd {
    float: left;
    width: 100%;
    margin: 0
}

.sp-methods dd ul {
    float: left;
    width: 100%;
}

.sp-methods dd .shipping-m-price-block input.radio {
    margin: 5px 10px 5px 0
}

span.m_shipper {
    float: right;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--grey-color-tone-two);
    line-height: 28px;
}

.sp-methods dd label {
    font-size: 15px;
    font-weight: 300;
}

.sp-methods dd li {
    background: var(--white-color);
    border: 1px solid var(--grey-color-tone-six);
    margin-bottom: 2px;
    padding: 15px;
    position: relative;
}

.RSV_popup2 .sp-methods dd label .r-s-methods {
    max-width: 175px;
    word-break: break-word;
}

.RSV_popup2 .res-popup-wide .sp-methods dd ul li span.m_shipper {
    line-height: normal;
    max-width: 200px;
    text-align: right;
}

.sp-methods dd li span.price {
    float: none;
    padding-left: 10px;
    color: var(--default-color);
}

.sp-methods dd li.smethods-green-gr,
.sp-methods dd li.smethods-red-gr {
    padding-right: 0;
}

.sp-methods dd li.smethods-bluegr {
    background: var(--white-color);
    background: linear-gradient(90deg, var(--white-color), var(--default-color))
}

.sp-methods dd li.smethods-green-gr .info-shiplabel,
.sp-methods dd li.smethods-red-gr .info-shiplabel {
    position: static;
}

.idivarr-block {
    float: right;
    width: 42px;
    margin-left: 10px;
    position: relative;
    z-index: 1;
    padding: 5px;
    top: -5px;
    cursor: pointer;
}

.idivarr-block:after {
    content: "";
    background-color: var(--white-color);
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 15px 0px 0px 15px;
    left: 0;
    top: 1px;
    transform: translate(1%, -2%);
    -webkit-transform: translate(1%, -2%);
    transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
}

.sp-methods dd li.smethods-green-gr .idivarr-block small {
    background-color: var(--sucess-color);
}

.sp-methods dd li.smethods-red-gr .idivarr-block small {
    background-color: var(--primary-color);
}

.idivarr-block small {
    float: left;
    width: 22px;
    height: 22px;
    position: relative;
    z-index: 2;
    border-radius: 100%;
}

.idivarr-block small:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: var(--white-color) transparent transparent transparent;
    position: absolute;
    top: 9px;
    left: calc(50% - 6px);
}

.idivarr-block small:after {
    content: "";
    width: 17px;
    height: 10px;
    position: absolute;
    border: 1px solid var(--white-color);
    border-bottom: 0;
    border-radius: 10px 10px 0px 0px;
    left: 2px;
    top: 1px;
}

.idivarr-block.idivarr-block-open:after {
    transform: rotate(90deg);
    margin-top: 10px;
    margin-left: -5px;
    top: -4px;
    width: 44px;
}

.sp-methods dd li.smethods-green-gr .idivarr-block.idivarr-block-open small,
.sp-methods dd li.smethods-red-gr .idivarr-block.idivarr-block-open small {
    background-color: var(--white-color);
}

.sp-methods dd li.smethods-green-gr .idivarr-block.idivarr-block-open small:before {
    border-color: var(--sucess-color) transparent transparent transparent;
    transform: rotate(180deg);
}

.sp-methods dd li.smethods-red-gr .idivarr-block.idivarr-block-open small:before {
    border-color: var(--primary-color) transparent transparent transparent;
    transform: rotate(180deg);
}

.opc-block-progress .block-content,
.opc-block-progress dl {
    margin-top: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important
}

.opc-block-progress .block-content dl dt {
    background-color: var(--grey-color-tone-six);
    border-bottom: 1px solid var(--white-color);
    padding: 10px;
    float: left;
    width: 100%
}

.opc-block-progress .block-content dd {
    padding: 10px 20px 10px 20px;
    margin-left: 0 !important;
    background-color: var(--grey-color-tone-eight);
    float: left;
    width: 100%
}

.opc-block-progress .block-content dt.complete {
    background-color: var(--default-color);
    color: var(--white-color);
    font-weight: 400;
}

.idiver-content {
    position: absolute;
    width: 510px;
    right: 10px;
    padding: 9px;
    box-shadow: -2px 2px 3px var(--grey-color-tone-four);
    background: var(--white-color);
    z-index: 1;
    border-radius: 5px 0px 5px 5px;
    margin-top: 8px;
}

.sp-methods dd .idiver-content>li {
    padding: 0 0 0 15px;
    border: 0;
    position: relative;
}

.sp-methods dd .idiver-content>li:before {
    content: "";
    width: 5px;
    height: 5px;
    left: 3px;
    position: absolute;
    border-radius: 100%;
    top: 8px;
}

.sp-methods dd li.smethods-green-gr .idiver-content>li:before {
    background-color: var(--sucess-color);
}

.sp-methods dd li.smethods-red-gr .idiver-content>li:before {
    background-color: var(--primary-color);
}

.sp-methods dd li.smethods-green-gr {
    background: var(--white-color);
    background: linear-gradient(90deg, var(--white-color), rgb(60, 170, 55) 50%);
}

.sp-methods dd li.smethods-red-gr {
    background: var(--white-color);
    background: linear-gradient(90deg, var(--white-color) 0%, var(--primary-color) 50%);
}

.sp-methods dd li.smethods-green-gr span.m_shipper,
.sp-methods dd li.smethods-red-gr span.m_shipper {
    color: var(--white-color);
    font-weight: 500;
}

.sp-methods dd li.smethods-green-gr .info-smethod,
.sp-methods dd li.smethods-red-gr .info-smethod {
    display: none;
}

.sp-methods dd .fedex-location-table li .location-address .default-checkbox label:after {
    display: none;
}

.sp-methods dd .fedex-location-table li .location-address .default-checkbox input[type="radio"]:checked+label {
    border: 0;
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}

p.sku-highlight {
    color: var(--dark-color);
    font-weight: 700;
    font-size: 10px;
}

.new-shipment-info select.input-text {
    margin: 0 0 10px;
}

.sp-methods dd li.smethods-bluegr {
    background: var(--white-color);
    background: linear-gradient(90deg, var(--white-color), var(--default-color));
}

.sp-methods dd li.smethods-bluegr span.price {
    color: var(--dark-color);
}

.info-smethod {
    background-image: url(../images/sprites/info-sprites.png);
    float: right;
    min-width: 17px;
    background-repeat: no-repeat;
    background-size: 17px;
    height: 19px;
    margin: 4px;
    cursor: pointer;
}

.sinfo-content {
    float: left;
    background-color: var(--dark-color);
    padding: 15px;
    border-radius: 8px;
    position: absolute;
    left: -36px;
    width: 770px;
    z-index: 1;
    top: 30px;
    box-shadow: 0px 5px 2px var(--grey-color-tone-eight);
    -webkit-box-shadow: 0px 5px 2px var(--grey-color-tone-eight);
    border: 1px solid var(--dark-color);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.info-smethod:hover+.m_shipper+.sinfo-content,
.info-smethod:hover+.sinfo-content {
    opacity: 1;
    visibility: visible;
}

.sinfo-content:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: var(--dark-color);
    position: absolute;
    top: -6px;
    right: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 2px;
}

.sinfo-content>h4 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 20px;
}

.sinfo-content>ul {
    float: left;
    width: 100%;
}

.sinfo-content>ul>li {
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--white-color);
    line-height: 18px;
    margin: 0 0 7px;
}

.sinfo-content>ul>li {
    position: relative;
    padding-left: 20px;
}

.sinfo-content>ul>li:before {
    content: "";
    position: absolute;
    left: 1px;
    background-color: var(--white-color);
    width: 10px;
    height: 10px;
    top: 11px;
    border-radius: 2px;
}

body .main_orders_title a.scalable.save.balancesheet-dwld:hover .BS-cls-1,
div#downlaod_btn .button:hover .BS-cls-2 {
    fill: var(--dark-color);
}

.download_msg {
    display: block;
    float: left;
    margin-top: 17px;
}

.stylis-table-2.reserve-table>tbody>tr>td .rslbl-censel {
    background-color: var(--default-color);
    padding: 5px 10px;
    color: var(--white-color);
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left: 5px;
}

.stylis-table-2.reserve-table>thead>tr>th:nth-child(4) {
    width: 320px;
}

.stylis-table-2.reserve-table>thead>tr>th:nth-child(7) {
    width: 150px;
}

.stylis-table-2.reserve-table>thead>tr>th:nth-child(6) {
    width: 100px;
}

#payment_from,
#payment_to {
    font-size: 15px;
}

body.sales-order-reserveorders .my-account .buttons-set {
    margin: 15px 0 0;
    padding: 0;
    clear: none;
}

body.sales-order-reserveorders .my-account .buttons-set.RSV_nbuttonset {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 1px;
}

.my-account .buttons-set.RSV_nbuttonset .button.bl-btn {
    width: calc(100% - 95px);
}

.my-account .buttons-set.RSV_nbuttonset .button {
    float: left;
    margin-left: 0;
}

.my-account .buttons-set.RSV_nbuttonset .button:not(.bl-btn) {
    float: right;
    width: 85px;
}

body.sales-order-reserveorders .my-account .buttons-set.RSV_nbuttonset .button span {
    height: 40px;
    line-height: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

body.sales-order-reserveorders .my-account .buttons-set.RSV_nbuttonset .button.bl-btn span {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

body.sales-order-reserveorders .my-account .buttons-set.RSV_nbuttonset .button.bl-btn:hover span {
    background-color: transparent;
    color: var(--default-color);
}

.create_new_ticket_popup .conform-bx-inner {
    width: 500px;
    padding: 15px;
}

.create_new_ticket_popup {
    text-align: left;
}

.create_new_ticket_popup .popup-header-text {
    line-height: 1.3;
    float: left;
}

.create_new_ticket_popup .addressdetails {
    width: 100%;
}

.create_new_ticket_popup .createnew-tikit-form .file-inputs-front>label {
    height: 35px;
    border-radius: 3px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    width: 110px;
    min-width: 150px;
    line-height: 18px;
}

.create_new_ticket_popup .createnew-tikit-form .file-inputs-front>label:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.myorder_popup.deviceorder-popup {
    text-align: left;
}

#orderpopup,
.conform-bx-inner-fundbox {
    position: relative;
    overflow: visible;
    padding: 0;
    border: 0;
    max-width: 1000px;
    margin: 3% auto;
}

.create_new_ticket_popup .dashboard-acc-bx-inner .footer_btn {
    padding: 10px 0 0;
}

.create_new_ticket_popup .dashboard-acc-bx-inner .buttons-set {
    margin: 0;
    padding: 0;
}

.create_new_ticket_popup .dashboard-acc-bx-inner .pop-file-attchment {
    text-align: left;
    float: left !important;
}

a.pop-close {
    float: right;
    font-size: 30px;
    font-weight: 600;
    color: var(--grey-color-tone-one);
    width: 30px;
    text-align: center;
    margin-top: 10px;
    position: relative;
}

a.pop-close:hover {
    color: var(--error-color);
}

.create_new_ticket_popup a.pop-close {
    width: 40px;
    margin: 0;
}

.create_new_ticket_popup .dashboard-acc-bx-inner .reject-order-popup .buttons-set {
    width: 100%;
}

.RSV_popup2 .conform-bx-inner {
    border-radius: 4px;
    position: relative;
}

.myorder_popup .conform-bx-inner.res-popup-wide {
    max-width: 1097px;
    padding: 0;
    border: 0;
    margin: 4% auto;
}

.RSVpopup_close {
    float: right;
    border: 1px solid var(--primary-color);
    font-size: 20px;
    min-width: 23px;
    height: 23px;
    text-align: center;
    border-radius: 100%;
    line-height: 21px;
    position: absolute;
    background-color: var(--primary-color);
    right: 18px;
    color: var(--white-color);
    margin-top: -2px;
    font-weight: bold;
    cursor: pointer;
    z-index: 3;
}

.myorder_popup .conform-bx-inner.res-popup-wide .RSVpopup_close {
    top: 16px;
    right: 17px;
}

.res-popup-wide .rsv-box-left {
    max-width: 560px;
    width: 100%;
    float: left;
    padding: 25px;
}

.res-popup-wide .rsv-box-right {
    float: left;
    max-width: 536px;
    width: 100%;
    padding: 25px;
}

.res-popup-wide .rsv-box-left.rsv-grey-bg,
.res-popup-wide .rsv-box-right.rsv-grey-bg {
    background-color: var(--grey-color-tone-six);
    position: relative;
    pointer-events: none;
}

.res-popup-wide .rsv-box-right.rsv-grey-bg:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 40px 20px;
    border-color: transparent transparent transparent var(--grey-color-tone-six);
    position: absolute;
    left: -20px;
    transform: rotate(180deg);
    top: 17px;
}

.RSV_popup2 h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--grey-color-tone-six);
    padding: 0 0 3px;
    margin: 0 0 3px;
}

.RSV_popup2 .res-popup-wide .rsv-box-left.rsv-grey-bg h4,
.RSV_popup2 .res-popup-wide .rsv-box-right.rsv-grey-bg h4 {
    color: var(--grey-color-tone-nine);
}

.RSV_popup2 .sp-methods {
    margin: 0;
}

.RSV_popup2 .sp-methods dd li {
    padding: 6px 10px;
    border-color: var(--grey-color-tone-two);
    border-radius: 4px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shipping-m-price-block {
    display: flex;
    align-items: center;
    max-width: 300px;
}

.RSV_popup2 .res-popup-wide .rsv-box-left.rsv-grey-bg .sp-methods dd li {
    opacity: 0.5;
}

.RSV_popup2 .sp-methods dd label {
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.RSV_popup2 .sp-methods .new-shipment-info {
    border-left: 1px solid var(--grey-color-tone-two);
    width: 98%;
    margin: 10px 1px 5px;
    float: left;
    padding-left: 1%;
}

.RSV_popup2 .sp-methods .new-shipment-info p {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-color-tone-three);
    margin: 0;
}

.RSV_popup2 .nt-container,
.RSV_popup2 .payment-container {
    padding: 0;
}

.RSV_popup2 .nt-container h1 {
    color: var(--primary-color);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    float: left;
    margin: 0 0 3px;
}

.rsv-box-right h2 {
    display: inline-block;
    margin: 0 0 9px;
    color: var(--default-color);
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
}

.rsv-box-right h2+h2 {
    color: var(--primary-color);
    border-left: 1px solid var(--grey-color-tone-three);
    padding-left: 10px;
    margin-left: 6px;
}

.RSV_popup2 .nt-container h2 {
    color: var(--default-color);
    font-weight: 500;
    font-size: 16px;
}

.rsv-box-right .payment-container {
    overflow: auto;
    max-height: 370px;
}

.RSV_popup2 .payment-container .braintree-sheet__header .braintree-sheet__logo--header {
    width: auto;
    margin-right: 5px;
}

.RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table td {
    vertical-align: middle;
}

.RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table label span {
    display: inline-block;
    margin-top: 5px;
}

.RSV_popup2 .payment-container .braintree-sheet .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error {
    text-align: left;
}

.RSV_popup2 .payment-container .braintree-placeholder {
    margin-bottom: 0 !important;
    margin-top: 13px;
}

.RSV_popup2 .braintree-loaded .braintree-upper-container {
    margin-top: 10px;
}

.RSV_popup2 .buttons-set .button span {
    border-radius: 5px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.my-account .RSV_popup2 .conform-bx-inner .buttons-set {
    margin-top: 11px;
    background-color: transparent;
    border-radius: 4px;
    float: right;
    width: 100%;
    z-index: 2;
    position: relative;
}

.my-account .RSV_popup2 .buttons-set .button {
    float: right;
}

.my-account .RSV_popup2 .buttons-set .back-btn,
.my-account .RSV_popup2 .buttons-set .button.backbutton-link {
    float: left;
}

.my-account .RSV_popup2 .buttons-set .button.backbutton-link span {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.my-account .RSV_popup2 .buttons-set .button.backbutton-link:hover span {
    color: var(--default-color);
    border-color: var(--default-color);
    background-color: var(--white-color);
}

.RSV_popup2 .res-popup-wide .rsv-box-left.rsv-grey-bg .sp-methods dd li.rsv-cheked-radio {
    border-color: var(--primary-color);
    opacity: 1;
}

.myorder_popup .conform-bx-inner.res-popup-wide .buttons-set {
    padding: 20px 22px;
    margin-top: 0;
}

.res-popup-wide .rsv-box-left.rsv-grey-bg:after,
.res-popup-wide .rsv-box-right.rsv-grey-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--grey-color-tone-six);
    left: 0;
    bottom: -100%;
    z-index: 1;
}

.res-popup-wide .rsv-box-left.rsv-grey-bg:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 40px 20px;
    border-color: transparent transparent transparent var(--grey-color-tone-six);
    position: absolute;
    right: -20px;
}

.res-popup-wide .rsv-box-right.rsv-grey-bg h2,
.res-popup-wide .rsv-box-right.rsv-grey-bg h2+h2 {
    color: var(--grey-color-tone-nine);
    border-color: var(--grey-color-tone-nine);
}

.res-popup-wide .rsv-box-right.rsv-grey-bg .payment-container {
    opacity: 0.5;
}

.data-table .qtyToUpdate {
    padding: 5px;
    font-size: 14px;
    height: 36px;
}

.new_add_pr img.updatePrdBtn {
    width: 20px !important;
}

.new_add_pr .add_product_remove img {
    width: 18px !important;
}

.checkbox-options.consign-check-option b {
    color: var(--white-color);
}

.checkbox-options.consign-check-option .ch-col-1 {
    margin-left: 0;
}

.lcdbuyback-createorder .address-bar {
    margin-right: 2%;
    position: relative;
    width: 60%;
    margin-top: 0;
}

.lcdbuyback-createorder .address-bar select#billing-address-select {
    width: 100%;
}

.lcd-addr .bslinks>a {
    float: right;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.lcdbuyback-createorder #paypal_id {
    margin: 20px 0 0;
    width: 100%;
    border-top: 8px solid var(--default-color);
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    position: relative;
}

.lcdbuyback-createorder #paypal_id:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid var(--default-color);
    right: 100px;
    top: -17px;
}

.lcdbuyback-createorder .paypal-parent .address-bar,
.lcdbuyback-createorder .paypal-parent .lcd-payop {
    width: 38.5%;
    margin-right: 1%;
}

.paypal-id {
    background: var(--grey-color-tone-eight);
}

.paypal-logo {
    background: url(../images/paypal-bs.png) no-repeat;
    width: 100%;
    min-height: 40px;
}

.paypal-icon p {
    margin-bottom: 10px;
}

.lcdbuyback-createorder #paypal_id label {
    margin-top: 6px;
}

.lcdbuyback-createorder .lcd-total-ship.tot_canada {
    margin-top: 20px;
}

.lcdbuyback-createorder .lcd-total-ship.tot_canada:before {
    top: 15px;
}

.lcdbuyback-createorder .address-bar span.required,
.lcdbuyback-createorder .lcd-payop span.required {
    font-family: initial;
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-model {
    float: left
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-condition {
    float: left;
    padding: 0 25px
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-condition ul {
    float: left;
    width: 100%
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-condition li {
    float: left;
    width: 100%;
    line-height: 50px;
    padding: 0 25px
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-condition li .text-detail {
    float: left;
    color: var(--dark-color);
    font-size: 12px
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-qty {
    float: left;
    border-left: solid 1px var(--grey-color-tone-five);
    padding: 0 25px
}

.brokenscreens-createorder .createorder-form li.fields .broken-td-qty .qty-min {
    float: left;
    width: 100%
}

.my-account .createorder-form .buttons-set button.button {
    min-width: 140px;
}

.my-account .lcdbuyback-createorder .createorder-form .buttons-set .lcd-bb-btn button.button {
    width: 50%;
    min-width: 170px;
}

.RSV_popup2 .braintree-loaded .braintree-upper-container .braintree-options-list .braintree-option .braintree-option__label {
    text-align: left;
}

/*ACH payment method icon*/

.ach-row {
    float: none;
    border: 0;
    display: flex;
    flex-wrap: wrap;
}

.wire-tab1.ach-row .wire_col:first-child,
.wire-tab1.ach-row .wire_col {
    width: auto;
    max-width: 25%;
    flex: 0 0 25%;
    float: none;
    padding: 15px;
}

.wire-tab1.ach-row .wire_col:nth-child(2),
.wire-tab1.ach-row .wire_col:last-child {
    padding: 15px;
    float: none;
}

.wire-row .required em {
    color: var(--error-color);
}

/* Chrome, Safari, Edge, Opera */

.wire-tab1.ach-row .wire_col input[type='number']::-webkit-outer-spin-button,
.wire-tab1.ach-row .wire_col input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

.wire-tab1.ach-row .wire_col input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.wire-tab1.ach-row .wire_col select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/sprites/select-dropdown.svg);
    background-position: 93% 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 43px;
}

.wire-check-box-col input[type="checkbox"] {
    display: none;
}

.wire-check-box-col {
    padding: 0 15px;
}

.wire-check-box-col label {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    margin: 0 0 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.wire-row .wire_col_full {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.wire-check-box-col label:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 3px;
    background-color: var(--white-color);
    left: 0;
    top: 0;
}

.wire-check-box-col input[type="checkbox"]:checked+label:before {
    background-image: url(../images/sprites/taxsprites2.svg);
    background-color: var(--dark-color);
    background-position: center 16px;
    border-color: var(--dark-color);
    box-shadow: 1px 2px 4px var(--box-shadow-color-six);
    background-size: 15px;
}

.wire-check-box-col label a:hover {
    text-decoration: underline;
}

.conform-bx.terms-braintree-popup {
    display: block;
    text-align: left;
}

.conform-bx.terms-braintree-popup .address {
    max-height: 400px;
    overflow: auto;
}

.conform-bx.terms-braintree-popup p {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    padding-right: 14px
}

.conform-bx.terms-braintree-popup .wire-check-box-col {
    padding-left: 0;
}

.footer_btn.support-ticket-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: none;
}

.footer_btn.support-ticket-foot .popup-btn-right {
    display: flex;
    justify-content: space-between;
}

.conform-bx.terms-braintree-popup .footer_btn {
    text-align: center;
}

.conform-bx.terms-braintree-popup .address::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--box-shadow-color-three);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px;
}

.conform-bx.terms-braintree-popup .address::-webkit-scrollbar {
    width: 2px;
    background-color: var(--grey-color-tone-three);
}

.conform-bx.terms-braintree-popup .address::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top, #000 0%, #000 50%, #000 51%, #000 100%);
}

.conform-bx.terms-braintree-popup .footer_btn .button span {
    height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 20px;
}

.wire-row .wire_col .input-text.text-value-successed {
    border-color: var(--brain-text-border-color);
    background-color: var(--brain-text-bg-color);
    color: var(--brain-text-border-color);
}

.wire-row .wire_col .input-text.text-value-successed::placeholder {
    color: var(--brain-placeholder-color);
    opacity: 1;
    /* Firefox */
}

.wire-row .wire_col .input-text.text-value-successed:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--brain-placeholder-color);
}

.wire-row .wire_col .input-text.text-value-successed::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--brain-placeholder-color);
}

.conform-bx.terms-braintree-popup .wire-check-box-col label:before {
    top: 1px;
}

.conform-bx.terms-braintree-popup .wire-check-box-col label {
    padding-left: 25px;
}

.br-row-detail {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.br-row-detail>li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px;
}

.br-row-detail>li>.brain-block-list {
    background-color: var(--white-color);
    width: 100%;
    padding: 15px 15px 15px 50px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
    transition: all 0.3s ease-in;
}

.br-row-detail>li>input[type='radio'] {
    display: none;
}

.wire-row .wire_col .brain-block-list:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 17px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 3px;
    top: 17px;
}

.br-row-detail>li>input[type='radio']:checked+label {
    border-color: var(--dark-color);
    box-shadow: 1px 2px 4px var(--box-shadow-color-six);
}

.br-row-detail>li>input[type='radio']:checked+label:before {
    background-image: url(../images/sprites/taxsprites2.svg);
    background-color: var(--dark-color);
    background-position: center 17px;
    border-color: var(--dark-color);
    box-shadow: 1px 2px 4px var(--box-shadow-color-six);
    background-size: 15px;
}

.wire-row .wire_col label ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}

.wire-row .wire_col label ul li {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    padding: 0 10px 4px 0px;
    font-weight: 500;
}

.wire-row .wire_col label ul li span {
    font-weight: 300;
}

.ach-desclamier {
    font-size: 12px;
    margin: 10px 0;
    font-weight: 500;
    padding: 0 17px;
}

.ach-desclamier strong {
    font-weight: 700;
}

.rsv-box-left .res-height {
    max-height: 400px;
    overflow: auto;
    float: left;
    width: 100%;
}
.pac-container{
    z-index: 111111 !important;
}
@media screen and (max-width: 1440px) {
    .conform-bx.terms-braintree-popup .address {
        max-height: 310px;
    }
}

@media screen and (max-width:1200px) {

    #radio_btn.right-align_2,
    .name-avlcreditlimit {
        margin-right: 0;
    }

    .neworder-css #radio_btn.right-align_2 {
        margin-right: 10px;
        width: auto;
    }

    .create_new_ticket_popup .conform-bx-inner {
        width: 95%;
    }

    .create_new_ticket_popup .createnew-tikit-form,
    .supportticket-index-index .create_new_ticket_popup .fieldset {
        padding: 0;
    }

    .lcdbuyback-createorder .lcd-total-ship:before {
        top: 69px;
    }

    .sp-methods dd li {
        width: 100%;
        float: left;
    }
}

@media screen and (max-width:1100px) {

    .res-popup-wide .rsv-box-left,
    .res-popup-wide .rsv-box-right {
        max-width: 100%;
        padding: 15px;
    }

    .rsv-grey-bg,
    .res-popup-wide .rsv-box-left.rsv-grey-bg:before,
    .res-popup-wide .rsv-box-right.rsv-grey-bg:before {
        display: none;
    }

    .myorder_popup .conform-bx-inner.res-popup-wide {
        width: 700px;
    }

    .res-popup-wide .rsv-box-left.rsv-grey-bg,
    .res-popup-wide .rsv-box-right.rsv-grey-bg {
        background-color: transparent;
        position: static;
        pointer-events: unset;
        width: 100%;
    }

    .res-popup-wide .rsv-box-right .payment-container {
        overflow: auto;
        max-height: 340px;
    }

    .myorder_popup .conform-bx-inner.res-popup-wide .RSVpopup_close {
        top: 16px;
        right: 20px;
    }

    .myorder_popup .conform-bx-inner.res-popup-wide .buttons-set {
        padding: 15px;
        margin-top: 0;
        background-color: var(--grey-color-tone-six);
        border-radius: 0;
    }

    .rsv-box-left .res-height {
        max-height: 320px;
    }

    .bs-order-popup #orderpopup {
        width: 95%;
    }
}

@media screen and (max-width:1024px) {
    .orders-table td {
        padding: 10px 12px;
    }

    a.old_viewlink {
        display: inline-block;
    }

    .bros_table tbody tr td:last-child {
        width: 120px;
        min-width: 120px;
        padding: 6px;
    }

    .bros_table tbody tr td:last-child .mobileview-link {
        display: inline-block;
    }

    body.nettermpayment-index-eligibilitycheck .name-postcode {
        position: relative;
    }

    body.nettermpayment-index-eligibilitycheck .ms_autofill {
        display: block;
        min-width: 80px;
        border: 2px solid var(--primary-color);
        background-color: var(--primary-color);
        color: var(--white-color);
        font-size: 14px;
        padding: 5px;
        border-radius: 4px;
        position: absolute;
        right: 9px;
        top: 35px;
        z-index: 1;
        cursor: pointer;
    }

    body.nettermpayment-index-eligibilitycheck .ms_autofill:hover {
        background-color: transparent;
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    .info-resetrve-tooltip .info-smethod {
        display: block;
    }

    .info-resetrve-tooltip .sinfo-content {
        display: none;
    }

    .info-resetrve-tooltip .info-smethod:hover+.sinfo-content {
        display: block;
    }

    .info-smethod {
        display: none;
    }

    .info-smethod.info-covid-19 {
        display: block;
        margin: 0;
    }

    .order-info-box.shipping_information .box {
        border: 1px solid var(--grey-color-tone-seven);
        margin-bottom: 15px;
    }

    .lcdbuyback-createorder .address-bar {
        width: 100%;
    }
}

@media screen and (max-width:960px) and (orientation: landscape) {
    #update-manager-popup .dashboard-acc-bx-inner .message {
        max-height: 200px;
    }

    body #assignstore-popup #user_info {
        width: 500px;
    }

    #assignstore-popup .dashboard-acc-bx-inner {
        height: 100px;
        overflow: scroll;
        margin-top: 2%;
    }

    body #assignstore-popup #user_info {
        height: 500px;
    }
}

@media screen and (max-width:900px) {
    #update-manager-popup .fields+.fields .field+.field.username-input {
        margin-left: 0;
        width: 100%;
        margin-top: 5px;
    }
}

@media screen and (max-width:768px) {
    .myorder_popup .conform-bx-inner.res-popup-wide {
        width: 95%;
    }

    .conform-bx.terms-braintree-popup .address {
        max-height: 400px;
    }

    .createnew-tikit-form {
        float: left;
        width: 100%;
        padding: 10px;
    }

    .sp-methods dd li {
        padding: 10px;
    }

    .sp-methods dd li.smethods-bluegr,
    .sp-methods dd li.smethods-green-gr,
    .sp-methods dd li.smethods-red-gr {
        background: var(--white-color);
        background: linear-gradient(90deg, var(--white-color), var(--default-color));
        background: -webkit-linear-gradient(90deg, var(--white-color), var(--default-color));
    }

    .sp-methods dd li.smethods-green-gr {
        background: linear-gradient(90deg, var(--white-color) -78%, var(--sucess-color));
        background: -webkit-linear-gradient(90deg, var(--white-color), var(--sucess-color));
    }

    .sp-methods dd li.smethods-red-gr {
        background: linear-gradient(90deg, var(--white-color), var(--error-color));
        background: -webkit-linear-gradient(90deg, var(--white-color), var(--error-color));
    }

    .sp-methods dd .idiver-content>li {
        line-height: 18px;
        margin: 0 0 8px;
    }
}

@media screen and (max-width:767px) {
    .bs_order-popup-container .orderpop-sectons {
        padding: 10px;
    }

    .bs_order-popup-container .orderpop-sectons>h5 {
        padding: 0;
    }

    .bs_order-popup-container .orderpop-sectons {
        padding: 10px;
    }

    .bs_order-popup-container .orderpop-sectons>h5 {
        padding: 0;
    }

    #view_ticket_popup .order-popup-header {
        height: 700px;
        overflow-y: auto;
        padding: 15px !important;
    }

    .payment-method-table .br-row-detail>li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width:640px) {

    .nt-user,
    .nt-add,
    .right-align_1,
    .right-align_2 {
        width: 100%;
        margin-bottom: 10px;
    }

    #radio_btn.right-align_2 {
        display: block;
        width: 100%;
        float: left;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col-1,
    .bs_order-popup-container .orderrow_methods .bs_order_col-2,
    .bs_order-popup-container .orderrow_methods .bs_order_col-3 {
        width: 100%;
        margin: 0;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col-2 ul {
        flex-direction: column;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col .form-list>li {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col-2 {
        padding: 0 10px;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li:first-child {
        padding: 0;
    }

    .bs_order-popup-container .orderrow_methods .bs_order_col-2 .form-list>li.bs-pop-button {
        margin: 10px 0 0 0;
    }

    .lcdbuyback-createorder .address-bar select#billing-address-select {
        margin-bottom: 10px;
    }

    .lcdbuyback-createorder .paypal-parent .address-bar,
    .lcdbuyback-createorder .paypal-parent .lcd-payop,
    .lcdbuyback-createorder #paypal_id {
        width: 100%;
        margin-right: 0;
    }

    .lcd-addr .bslinks>a {
        float: left;
        width: 100%;
        text-align: left;
    }

    .lcdbuyback-createorder .createorder-form .fields-title.accordion-active .field-one:after {
        border-top: 10px solid var(--white-color);
    }

    #assignstore-popup #user_info {
        overflow-y: scroll;
        float: left;
        width: 380px;
    }

    #view_ticket_popup .my-account {
        padding: 0;
    }

    .shipping-m-price-block,
    .RSV_popup2 .res-popup-wide .sp-methods dd ul li span.m_shipper {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width:536px) {
    .RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table label img {
        max-width: 30px;
    }

    .create_new_ticket_popup .dashboard-acc-bx-inner .footer_btn p.required {
        float: none;
        margin: 0 0 10px;
    }

    .create_new_ticket_popup .footer_btn .popup-btn-right {
        float: left;
        width: 100%;
        text-align: center;
    }

    .bs_order-popup-container .bs_order-popup-header {
        padding: 10px 15px;
    }

    .bs_order-popup-container .bs_order-popup-header>h2 {
        display: block;
        margin: 0;
    }

    .bs_order-popup-container .bs_popinfo {
        float: left;
        width: 100%;
    }

    .RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table label span {
        margin-top: 0;
    }

    .conform-bx.terms-braintree-popup .footer_btn {
        text-align: left;
    }

    .conform-bx.terms-braintree-popup .wire-check-box-col label:before {
        top: 3px;
    }

    .conform-bx.terms-braintree-popup p {
        font-size: 13px;
    }
}

@media screen and (max-width:480px) {
    .RSV_popup2 .conform-bx-inner {
        padding: 10px;
    }

    .a-p-tab-div {
        width: 100%;
        flex-flow: row wrap;
    }

    .a-p-tab-div .a-p-tab {
        min-width: inherit;
        max-width: 210px;
        margin: 10px 5px;
        width: calc(50% - 10px);
    }

    .neworder-css .right_neterms #radio_btn>div {
        width: auto;
    }

    div#downlaod_btn,
    div#downlaod_btn .button {
        width: 100%
    }

    div#downlaod_btn .button span {
        line-height: 20px
    }

    .neworder-css #downlaod_btn {
        display: inline-block;
        width: auto;
    }

    .neworder-css div#downlaod_btn .button span {
        line-height: 15px;
    }

    .neworder-css div#downlaod_btn .button {
        width: auto;
        line-height: 33px;
    }

    div#radio_btn>div {
        line-height: 40px;
        width: 50%;
    }

    .my-account .buttons-set.RSV_nbuttonset {
        float: left;
        width: 100%;
    }

    .my-account .buttons-set.RSV_nbuttonset .button.bl-btn {
        width: 100%;
    }

    .my-account .buttons-set.RSV_nbuttonset .button:not(.bl-btn) {
        width: 100%;
    }

    .bs_order-popup-container .order_tbody table.data-table tr th {
        padding: 5px;
    }

    .bs_order-popup-container .order_tbody table.data-table tr th:last-child {
        width: 100px;
    }

    .bs_order-popup-container .order_tbody table.data-table tr th>.min_plus {
        margin-right: 5px;
    }

    .lcdbuyback-createorder .lcd-ship .lcd-no label {
        width: auto;
        float: none;
    }

    .lcdbuyback-createorder #paypal_id {
        display: block;
    }

    .RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table label span {
        font-size: 12px;
    }

    .conform-bx.terms-braintree-popup .conform-bx-inner {
        padding: 15px 20px;
    }

    .wire-tab1.ach-row .wire_col:first-child,
    .wire-tab1.ach-row .wire_col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0px 10px 10px 15px;
    }

    .wire-check-box-col {
        padding: 5px 0;
    }

    .ach-desclamier {
        padding: 0;
        line-height: 18px;
    }
}

@media screen and (max-width:420px) {
    .myorder_popup .conform-bx-inner.res-popup-wide .buttons-set .button {
        width: 100%;
        margin: 0;
    }

    .myorder_popup .conform-bx-inner.res-popup-wide .buttons-set .button:nth-child(2) {
        margin-top: 7px;
    }

    .RSV_popup2 .payment-container .braintree-savecard.braintree-sheet {
        overflow: auto;
    }

    span.m_shipper {
        float: left;
    }

    .RSV_popup2 .payment-container .braintree-sheet .braintree-sheet__content--button {
        padding: 5px;
    }
}
@media screen and (max-width:400px) {
    .common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper {
        top: auto;
        bottom: 0;
    }
}
@media screen and (max-width:380px) {
    .lcdbuyback-createorder ul.total-bslbl li:first-child {
        width: 100%;
        font-size: 16px;
    }

    .lcdbuyback-createorder ul.total-bslbl li:first-child input {
        width: calc(100% - 47%);
        font-size: 15px !important;
    }

    #assignstore-popup #user_info {
        overflow-y: scroll;
        float: left;
        width: 300px;
    }

    .RSV_popup2 .payment-container .braintree-savecard.braintree-sheet table label span {
        font-size: 11px;
    }
}

@media screen and (max-height:360px) and (orientation: landscape) {
    body #assignstore-popup #user_info {
        height: 200px;
    }
}

/* Reserve orders page end */

/* Device Approval Request page*/

p.required {
    color: #e3051b;
    font-size: 13px;
    text-align: right;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.bs_overly {
    position: absolute;
    width: 100%;
    background-color: rgba(80, 80, 80, 0.3215686274509804);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.approverequest_popup {
    position: absolute;
    background-color: var(--white-color);
    width: 700px;
    border: 1px solid var(--grey-color-tone-five);
    left: 50%;
    margin-left: -350px;
    min-height: 100px;
    z-index: 150;
}

.approverequest_popup .createnew-tikit-form .fieldset {
    text-align: left;
}

.approverequest_popup .createnew-tikit-form .fieldset .form-list {
    padding: 0;
}

.approverequest_popup .buttons-set .button span {
    border-radius: 4px;
}

.approverequest_popup .createnew-tikit-form .fieldset .form-list li label {
    font-size: 15px;
}

#deviceRecaptcha {
    float: left;
    margin-bottom: 10px;
}

.conform-bx-st {
    text-align: center;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(162, 162, 162, 0.64) none repeat scroll 0% 0%;
    z-index: 10000000;
    top: 0px;
    display: none;
    left: 349px;
}

.conform-bx-st-inner {
    background: rgb(255, 255, 255) none repeat scroll 0px 0px;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: rgb(0, 0, 0);
    width: 700px;
    font-size: 17px;
    font-weight: 300;
    margin: 10% auto;
    display: table;
    box-shadow: 1px 4px 30px rgba(51, 51, 51, 0.47);
    -webkit-box-shadow: 1px 4px 30px rgba(51, 51, 51, 0.47);
    animation: popanimation 0.3s;
    -webkit-animation: popanimation 0.3s;
    position: relative;
}

.conform-bx-st-inner .validation-advice {
    text-align: left;
}

@media screen and (max-width:1200px) {
    .conform-bx-st-inner {
        width: 90%;
        margin: 5% auto;
        position: relative;
    }
}

@media screen and (max-width:640px) {
    .conform-bx-st-inner .page-title {
        margin: 0;
        border-bottom: 1px solid var(--grey-color-tone-seven);
    }

    .conform-bx-st-inner .page-title h1 {
        font-size: 28px;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

    .conform-bx-st-inner .createnew-tikit-form {
        padding: 10px 0 0;
    }
}

@media screen and (max-width:536px) {
    .conform-bx-st-inner .file-inputs-front>label {
        width: 55px;
        text-indent: -1000000px;
        margin-right: 10px;
        background-image: url(../images/sprites/attachment-sprites.png);
        background-position: center 8px;
        background-repeat: no-repeat;
        min-height: 42px;
    }

    .conform-bx-st-inner .file-inputs-front>label:hover {
        background-color: var(--dark-color);
        border-color: var(--dark-color);
        color: var(--white-color);
    }

    .approverequest_popup .createnew-tikit-form .fieldset .form-list li .file-inputs-front label {
        width: 140px;
        text-indent: 0;
    }

    .conform-bx-st-inner .input-box.attach-file>label.attachment_limit,
    .conform-bx-st-inner .buttons-set {
        float: left;
    }

    .createnew-tikit-form .conform-bx-st-inner .buttons-set .button {
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .createnew-tikit-form .conform-bx-st-inner .buttons-set .button {
        width: 100%;
        margin-left: 0;
    }

    .conform-bx-st-inner .input-box.attach-file>label.attachment_limit {
        width: auto;
        text-align: left;
    }

    .conform-bx-st-inner .createnew-tikit-form .buttons-set button.button {
        float: left;
        width: 100%;
        margin-left: 0;
    }
}

/* Device Approval Request page*/

/* Device Order Style Start */
.device-order-table.stylis-table-2>thead>tr>th.date-nowrap,
.device-order-table.stylis-table-2>thead>tr>th:first-child {
    width: 96px;
}

.device-order-table.stylis-table-2>thead>tr>th:nth-child(3) {
    width: 150px;
}

.device-order-table.stylis-table-2>thead>tr>th:nth-child(4) {
    width: 190px;
}

.orders-table.stylis-table-2>thead>tr>th:nth-child(5) {
    width: 140px;
}

em.status-label.processing,
em.status-label.shipped {
    color: var(--notice-color);
}

.deviceorder-popup .orderaddrss-row {
    width: 100%;
}

.deviceorder-popup .orderaddrss-row .order_addressbox {
    width: 50%;
}

.deviceorder-popup a.old_viewlink {
    display: block;
}

.device-order-table.stylis-table-2>thead>tr>th {
    font-size: 14px;
}

.width20 {
    width: 20px;
}

.my-account .order-date {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.my-account .order-details {
    margin-top: 30px;
}

.my-account .order-info-box {
    float: left;
    width: 100%;
    margin-top: -1px;
    padding: 40px;
    border: 1px solid var(--grey-color-tone-five);
}

.my-account .order-info-box+.order-info-box {
    margin-bottom: 30px
}

.my-account .order-info-box .box-title h2 {
    font-size: 16px;
    padding-bottom: 10px
}

.box-payment .box-content strong {
    font-weight: 400
}

.my-account .fieldset .form-list .account-name .input-box span {
    border: 1px solid var(--grey-color-tone-five);
    line-height: 30px;
    padding: 9px 15px;
    width: 100%;
    float: left
}

.deviceorder-popup .order_tbody table.data-table tr td {
    color: var(--grey-color-tone-three);
}

@media screen and (max-width: 1024px) {
    .device-order-table a.old_viewlink {
        display: block;
        color: var(--error-color);
    }

    .my-account .order-info-box {
        padding: 0;
        border: transparent;
    }

    .my-account .brokenscreens-createorder .order-info-box {
        padding: 0;
    }
}

/* Device Order Style End */

/* Success page */

.checkout-onepage-success .col-sucess a {
    color: var(--primary-color);
}

/* Success Page */

/* News Letter black */

.news-letter-block .news-btn>span {
    border-radius: 4px;
    padding: 8px 15px;
}

/* News Letter black */

/* Store credit page start */

.credit-top {
    position: relative;
}

.credit-top .subuser-credit {
    width: 190px;
    padding: 3px 10px;
    min-height: auto;
    right: 155px;
}

.subuser-credit i {
    float: left;
    background-size: 80%;
    margin-top: 5px;
    height: 28px;
    width: 44px;
}

.subuser-credit span,
.subuser-credit label {
    display: block;
    float: left;
}

.subuser-credit label {
    font-size: 13px;
    line-height: 17px;
}

.subuser-credit span {
    font-size: 20px;
    line-height: 22px;
}

.right-div {
    width: 100%;
    float: left;
}

.total-balance i {
    background: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: -9px -1554px;
    width: 45px;
    height: 34px;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 3px;
}

.nt-three-CL {
    margin: 0 -10px;
}

.name-creditlimit,
.name-uescreditlimit,
.name-avlcreditlimit {
    float: left;
    margin: 10px 10px 0;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 4px;
    width: calc(33.3333% - 20px);
    text-align: center;
    padding: 32px 0;
}

.nnt-due-head>span {
    font-size: 14px;
}

.ntt-ord-tot>p {
    font-size: 14px;
}

.ntt-ord-tot {
    text-align: center;
    padding: 10px;
}

.ntt-ord-tot .popup-btn-right {
    width: 100%;
}

.ntt-ord-tot .popup-btn-right .button span {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.ntt-ord-tot .popup-btn-right .button.ignore-cc-order-due span {
    background-color: var(--grey-color-tone-four);
    border-color: var(--grey-color-tone-four);
}

.ntt-ord-tot .popup-btn-right .button.ignore-cc-order-due:hover span {
    background-color: transparent;
    color: var(--grey-color-tone-four);
}

.ordntt-row {
    min-height: 110px;
}

.ms-options-wrap.multiselect-card .ms-options>ul label {
    text-align: left;
    padding-left: 27px;
    font-size: 14px;
}

.bbottomRD {
    border-radius: 4px 4px 0px 0px;
}

.name-avlcreditlimit {
    background: var(--grey-color-tone-eight);
}

.credit-top .total-balance {
    width: 100%;
    background: var(--grey-color-tone-eight);
    padding: 15px;
    text-align: left;
    margin: 0;
}

.left-div {
    width: 40%;
    float: left;
    margin: 2% 0% 2% 0px;
}

.name-creditlimit span,
.name-uescreditlimit span,
.name-avlcreditlimit span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}

.total-balance span {
    color: var(--primary-color);
    float: none;
}

.credit-top .total-balance .price,
.credit-top .total-balance label {
    display: inline-block;
    width: auto;
}

.credit-top .total-balance .price {
    line-height: 38px;
}

.name-creditlimit label,
.name-uescreditlimit label,
.name-avlcreditlimit label {
    display: block;
    font-weight: 500;
}

.name-creditlimit {
    background: var(--grey-color-tone-eight);
}

.name-uescreditlimit {
    background: var(--grey-color-tone-eight);
}

.name-creditlimit label {
    color: var(--notice-color);
}

.name-uescreditlimit label {
    color: var(--error-color);
}

.name-avlcreditlimit label {
    color: var(--sucess-color);
}

.total-balance label {
    color: var(--grey-color-tone-three);
}

.credit-top .total-balance label {
    position: relative;
    top: -1px;
}

.total-balance span.ic_clicon {
    float: right;
    width: 38px;
    height: 38px;
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-three);
    border-radius: 4px;
    margin-left: 15px;
    position: relative;
    cursor: pointer;
}

.total-balance span.ic_clicon:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: var(--dark-color) transparent transparent transparent;
    position: absolute;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    top: calc(50% - 4px);
    left: calc(50% - 8px);
}

.total-balance span.ic_clicon.ic_expand:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}

.total-balance span.ic_clicon:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.popup-otp-disable {
    float: none;
}

.credit-top .total-balance .popup-otp,
.credit-top .total-balance .popup-otp-disable {
    float: right;
}

a.transfer-credit {
    line-height: 15px;
    padding: 10px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
}

.customer_credit_opt .store-credit-form .neworder-css .manual-confirmation+label {
    width: auto;
    font-weight: 500;
}

.customer_credit_opt .store-credit-form .neworder-css .manual-confirmation:checked+.subacc_checkbox:before {
    content: "";
    background-image: url(../images/country_popup/right-checbox.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

.customer_credit_opt .store-credit-form .neworder-css input {
    margin-top: 9px;
    vertical-align: inherit;
}

.in_bifurgation {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 0px 0px 4px 4px;
    border-top: 0;
}

.inbifur_ul {
    float: left;
    width: 100%;
}

.inbifur_ul>li {
    float: left;
    width: 24%;
    background-color: var(--grey-color-tone-six);
    padding: 10px;
    margin: 0.5%;
    text-align: center;
}

.inbifur_ul>li>span {
    float: left;
    width: 100%;
    font-weight: 400;
    color: var(--grey-color-tone-one);
    margin: 0 0 3px;
}

.inbifur_ul>li>big {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    word-break: break-all;
}

.customer_credit_opt {
    margin: 2% 2% 2% 0px;
    float: left;
    width: 58%;
}

label.credit-label {
    background: var(--grey-color-tone-six);
    padding: 10px 15px;
    font-weight: 500;
    color: var(--grey-color-tone-three);
    width: 100%;
    margin: 0;
    border: 1px solid var(--grey-color-tone-seven);
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
}

.credit-table.data-table th {
    vertical-align: middle;
    font-size: 15px;
}

.store-credit-form {
    border: 1px solid var(--grey-color-tone-seven);
    width: 100%;
    float: left;
    padding: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 120px;
}

.store-credit-form select#my_credit_filter_select {
    width: 100%;
    height: 41px;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0;
}

.store-credit-form .button.credit_btn {
    line-height: 27px;
    width: 100px;
    margin-left: 7px;
}

.store-credit-form .button.credit_btn span {
    border-radius: 4px;
}

.store-credit-form .order_filter_txtbox {
    width: 75%;
}

.from-date,
.to-date {
    float: left;
    margin-right: 1.8%;
    text-align: center;
    width: 48%;
    position: relative;
}

.from-date>label,
.to-date>label {
    float: left;
    margin-top: 0;
    font-weight: 500;
    width: 100% !important;
    text-align: left;
}

.store-credit-form .order_filter_txtbox .from-date,
.store-credit-form .order_filter_txtbox .to-date {
    margin-right: 2.8%;
    width: 47%;
}

.order_filter_txtbox .from-date .input-text,
.order_filter_txtbox .to-date .input-text {
    border: 1px solid var(--grey-color-tone-seven);
    height: 38px;
    padding: 5px 7px 5px 30px;
    border-radius: 4px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: -4px -946px;
}

.store-credit-form .order_filter_txtbox+.payment_balancesheet_btn {
    width: 24%;
    margin: 1px 0 0;
    float: left;
}

.customer_credit_opt .store-credit-form .payment_balancesheet_btn .button span {
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.customer_credit_opt .store-credit-form .neworder-css {
    float: left;
    margin: 15px 0 0 0;
}

.customer_credit_opt .store-credit-form .neworder-css .right_neterms {
    margin-left: 12px;
}

.customer_credit_opt .store-credit-form .neworder-css .right_neterms .credit-download-btn span {
    height: 34px;
    border-radius: 4px;
    padding: 5px;
    min-width: 45px;
}

select#my_credit_filter_select {
    width: 89%;
}

.cell-paypalpaymentblock {
    float: left;
    width: 100%;
    margin: 15px 0
}

.credit-block {
    margin: 0;
}

.child-title {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.ms-addcredit-btn .child-title {
    margin-top: 0;
}

.child-title a,
.payment-method a {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white-color);
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 15px;
    text-align: center;
    white-space: nowrap;
    float: left;
}

.ms-addcredit-btn .add-credit-sm {
    line-height: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    padding: 10px 10px;
    font-size: 15px;
}

.ms-paypalpayment-container {
    float: left;
    width: 100%;
    border: 1px solid var(--grey-color-tone-seven);
    padding: 20px;
    background-color: var(--grey-color-tone-eight);
    position: relative
}

.ms-paypalpayment-container>h1 {
    font-weight: 600;
    color: var(--grey-color-tone-one);
    font-size: 18px;
    padding: 0 0 10px
}

.ms-paypalpayment-container:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent var(--grey-color-tone-eight) transparent;
    position: absolute;
    left: 48px;
    top: -6px;
}

table#my-credit-log-table {
    margin-bottom: 50px;
}

table#my-credit-log-table .notes {
    color: var(--secondary-color);
    font-size: 20px
}

body table#my-credit-log-table.credit-table {
    margin-bottom: 20px;
}

.modify-datetime {
    width: 117px;
}

.usedcredit {
    color: var(--error-color);
}

.paypal-confirm-box .conform-bx-inner {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    width: 530px;
    overflow: visible;
    padding: 0;
}

.paypal-confirm-box .conform-bx-inner ul#paypal_tabs {
    float: left;
    padding-left: 10px;
}

.paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li {
    display: inline-block;
}

.paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li>a {
    background-color: var(--primary-color);
}

.paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li>a {
    display: block;
    color: var(--white-color);
    padding: 8px 10px;
    border-radius: 5px 5px 0px 0px;
    margin: 0 4px;
    font-weight: 400;
    cursor: pointer;
    height: 38px;
}

.paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li>a.p-active {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.paypal-icon,
.paypal-id {
    width: 50%;
    float: left;
    padding: 10px 20px;
}

span.p-icon {
    width: 40px;
    float: left;
    background-image: var(--my-account-sprite-bg);
    background-repeat: repeat;
    height: 30px;
}

.internal-icon {
    background-position: -18px -1943px;
}

.p-active .internal-icon {
    background-position: -18px -1907px;
}

.paypal-icon {
    background-position: -18px -2024px;
}

.p-active .paypal-icon {
    background-position: -18px -1986px;
}

.paypal_tab_container {
    background-color: var(--white-color);
    float: left;
    width: 100%;
    padding: 20px 20px 20px;
    border-radius: 5px;
    position: relative;
}

.paypal_tab_container {
    border-bottom: 5px solid var(--primary-color);
}

.paypal_tab_container .message {
    overflow-y: inherit;
}

.paypal_tab_container .message.addressdetails>li {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.paypal_tab_container .message.addressdetails>li label {
    font-size: 16px;
    font-weight: 400;
    color: var(--grey-color-tone-three);
}

.paypal_tab_container .ms-options-wrap>.ms-options>ul label {
    padding: 4px 4px 4px 30px;
    text-align: left;
}

.paypal_tab_container .ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    top: 50%;
    transform: translateY(-50%);
}

.paypal_tab_container .message.addressdetails>li .input-text {
    border-radius: 3px;
    padding: 3px 10px;
    min-height: 35px;
}

.paypal_tab_container .message.addressdetails>li.select2 {
    position: relative;
}

.paypal_tab_container .message.addressdetails>li.select2 .ms-options-wrap .ms-options {
    visibility: visible;
    display: none;
}

.paypal_tab_container .message.addressdetails>li.select2 .ms-options-wrap.ms-active>.ms-options {
    display: block;
}

.paypal_tab_container .message.addressdetails>li select.input-text {
    height: 35px;
    padding-right: 35px;
    appearance: none;
    -webkit-appearance: none;
}

.paypal_tab_container .message.addressdetails>li span.sarrow {
    width: 0;
    height: 0;
    position: absolute;
    right: 12px;
    top: 40px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: var(--grey-color-tone-four) transparent transparent transparent;
}

.send-transfer {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 2px solid var(--primary-color);
}

.send-transfer .p-icon {
    background-size: 50px;
    background-position: -61px -1577px;
}

.paypal_tab_container .message.addressdetails>li>label>span {
    color: var(--default-color);
}

.sm-close {
    float: right;
    background-color: transparent;
    border: 0;
    font-size: 25px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px;
    color: var(--error-color);
    padding: 0;
}

.send-transfer {
    float: left;
    line-height: 30px;
    padding: 0px 11px 0px 0px;
    border-radius: 5px;
    cursor: pointer;
    width: auto;
}

.creditcard-section .order-detail label {
    float: left;
    font-weight: 400;
    font-size: 16px;
}

.multiselect-card ul li label {
    float: left;
}

.paypal-confirm-box .message {
    width: 100%;
    margin: 0;
}

.send-transfer .p-icon {
    width: 34px;
}

.link-store-scope {
    width: 16px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: -30px -2278px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    right: -6px;
}

.online-transfer-main {
    float: left;
    width: 100%;
}

.online-transfer-main .online-transfer-type {
    float: left;
    width: 100%;
}

.online-transfer-main .online-transfer-type>label {
    float: left;
    font-weight: 400;
    font-size: 16px;
}

.online-transfer-main .online-transfer-type>select {
    margin: 0 0 10px;
    border-radius: 4px;
    padding: 0 6px;
    height: 40px;
    width: 98%;
    float: left;
}

.paypal-confirm-box .creditcard-section {
    float: left;
    width: 100%;
}

.card-row .ms-options-wrap {
    float: left;
    width: 480px;
}

.card-row .ms-options-wrap .ms-options {
    width: 480px;
    left: 20px;
    margin-top: -1px;
    min-height: auto !important;
}

.order-detail .card-amount input {
    border-radius: 4px;
    height: 40px;
}

.order-detail .card-amount {
    float: left;
    width: 480px;
    margin: 10px 0 10px;
}

@media screen and (max-width:1200px) {

    .name-creditlimit span,
    .name-uescreditlimit span,
    .name-avlcreditlimit span {
        font-size: 21px;
    }

    label.m-label {
        width: 100%;
    }

    .nt-container,
    .payment-container {
        padding: 0 20px;
        margin: 0 auto;
    }

    .BstateSection .stateBul li {
        padding: 0 10px;
        font-size: 14px;
    }

    .store-credit-form {
        padding: 15px;
    }
}

@media screen and (max-width:1100px) {
    .customer_credit_opt .store-credit-form .neworder-css .right_neterms {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 1024px) {

    .name-creditlimit span,
    .name-uescreditlimit span,
    .name-avlcreditlimit span {
        font-size: 19px;
    }
}

@media screen and (max-width: 980px) {

    .name-creditlimit span,
    .name-uescreditlimit span,
    .name-avlcreditlimit span {
        font-size: 17px;
    }

    .order_filter_txtbox {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .paypal-confirm-box .conform-bx-inner {
        width: 95%;
    }

    .inbifur_ul>li {
        width: 32.3%;
    }

    .inbifur_ul>li {
        width: 49%;
    }

    .order_filter_txtbox .from-date,
    .order_filter_txtbox .to-date {
        width: 50% !important;
        margin: 0 0 10px !important;
        padding: 0 10px 10px 0;
    }
}

@media screen and (max-width:640px) {
    .left-div {
        width: 100%;
        margin-right: 0;
    }

    .right-div {
        width: 100%;
        margin: 10px 0;
    }

    .name-creditlimit span,
    .name-uescreditlimit span,
    .name-avlcreditlimit span {
        font-size: 20px;
    }

    a.transfer-credit {
        width: 100%;
        margin-top: 12px;
    }

    .customer_credit_opt {
        width: 100%;
        margin-right: 0;
    }

    .conform-bx-inner .paypal_tab_container .message {
        text-align: left;
    }

    .paypal_tab_container .message li label {
        text-align: left;
    }

    .order_filter_txtbox .to-date {
        padding-right: 0;
    }

    .credit-top .total-balance .popup-otp-disable {
        width: 100%;
    }

    .nt-three-CL {
        margin: 0;
    }

    .name-creditlimit,
    .name-uescreditlimit,
    .name-avlcreditlimit {
        max-width: 100%;
        margin: 10px 0;
        width: 100%;
    }

    .name-avlcreditlimit {
        margin-bottom: 0;
    }

    .subuser-credit i,
    .subuser-credit span,
    .subuser-credit label {
        float: none;
        display: block;
        margin: 0 auto;
        background-size: 100%;
    }

    .order_filter_txtbox .from-date,
    .order_filter_txtbox .to-date {
        padding: 0 10px 0 0;
    }

    .order_filter_txtbox .to-date {
        padding-right: 0;
    }

    .left-div {
        margin: 2% 0 4% 0;
    }

    .store-credit-form .order_filter_txtbox+.payment_balancesheet_btn {
        width: 20%;
        margin: 1px 0 0 10px;
    }

    .store-credit-form {
        min-height: inherit;
    }

    .paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li>a {
        font-size: 14px;
    }
}

@media screen and (max-width:536px) {
    .store-credit-form .order_filter_txtbox {
        width: 100%;
    }

    .order_filter_txtbox .from-date,
    .order_filter_txtbox .to-date {
        width: 100% !important;
        padding: 0;
    }

    .order_filter_txtbox+.payment_balancesheet_btn .button {
        margin-top: 10px;
    }

    .store-credit-form .order_filter_txtbox+.payment_balancesheet_btn {
        margin-left: 0;
    }

    .neworder-css {
        float: left;
    }

}

@media screen and (max-width:480px) {
    .paypal-confirm-box .conform-bx-inner ul#paypal_tabs {
        padding-left: 0;
        width: 100%;
        display: flex;
    }

    .paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li {
        width: 49%;
    }

    .paypal-confirm-box .conform-bx-inner ul#paypal_tabs>li>a {
        font-size: 13px;
        text-align: left;
        margin: 0 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 8px 5px;
        line-height: 15px;
    }

    span.p-icon {
        width: 35px;
    }

    .paypal_tab_container .message.addressdetails>li label,
    .paypal_tab_container .message.addressdetails>li .input-text,
    .send-transfer {
        font-size: 14px;
    }

    .paypal_tab_container .message.addressdetails>li span.sarrow {
        background-position: 0 36px;
    }

    .online-transfer-main .online-transfer-type,
    .paypal-confirm-box .creditcard-section,
    .card-row .ms-options-wrap,
    .order-detail .card-amount {
        width: 100%;
    }

    .credit-top .total-balance label {
        display: none;
    }

    .inbifur_ul>li {
        width: 100%;
        margin: 0.5% 0;
    }

    .store-credit-form {
        min-height: auto;
        padding: 15px;
    }

    .store-credit-form .order_filter_txtbox {
        width: 100%;
    }

    .store-credit-form .order_filter_txtbox .from-date,
    .store-credit-form .order_filter_txtbox .to-date {
        margin-right: 0 !important;
        width: 100% !important;
        padding: 0;
    }

    .credit-top .total-balance .popup-otp,
    .credit-top .total-balance .popup-otp-disable {
        width: 100%;
    }

    .ms-options-wrap>button>span {
        text-overflow: ellipsis;
        max-width: 290px;
        overflow: hidden;
    }
}

@media screen and (max-width:400px) {
    .store-credit-form .button.credit_btn span {
        margin: 10px 0 0;
    }
}

/* Store credit page end */

/* FedEx Refund Style Start */

.notes {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.notes p {
    color: var(--primary-color);
}

.fedex-order-table.stylis-table-2>thead>tr>th {
    vertical-align: middle;
}

.fedex-order-table.stylis-table-2>tbody>tr>td {
    padding: 10px;
}

.page-title.fedex_request {
    margin: 20px 0 15px 0;
    padding: 0;
}

.fundbox-dwnld {
    margin: 13px 0;
}

.nowrap {
    white-space: nowrap;
}

em.status-label.complete {
    color: var(--brain-text-border-color);
}

.custom_fedex_pagination .limiter,
.custom_fedex_pagination2 .limiter {
    display: none;
}

.custom_fedex_pagination>.pager {
    position: relative;
}

.custom_fedex_pagination .pager .pager {
    width: 70%;
    margin: 0;
    float: right;
}

.custom_fedex_pagination .pager .pages ol {
    display: block;
    float: right;
}

.refund-warning {
    background-color: var(--light-loginas-bg);
    border-color: var(--light-loginas-bg);
    padding: 10px 15px;
    line-height: normal;
    border-radius: 4px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    background: var(--light-loginas-bg) url(../images/warning-icon.png) 12px 12px no-repeat;
    background-size: 15px;
}

.refund-warning p {
    line-height: normal;
    margin: 0;
    margin-left: 20px;
    color: var(--warning-color);
    font-weight: 500;
}

.label-container {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.label-container .fedex-labelpanel {
    background-color: var(--grey-color-tone-six);
    position: relative;
    height: 37px;
    display: block;
    margin-left: 10px;
    border-radius: 5px 5px 0px 0px;
}

.label-container .fedex-labelpanel .label-panel {
    background-image: url(../images/sprites/fedex-sprites.png);
    min-width: 170px;
    float: left;
    height: 58px;
    background-repeat: no-repeat;
    background-position: 0 -5px;
    position: absolute;
    left: -14px;
    top: -16px;
}

.label-container .fedex-labels-btn-group {
    background-color: var(--grey-color-tone-eight);
    padding: 40px;
    display: block;
    margin-left: 10px;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
}

.label-container .fedex-labels-btn-group .button.nt-autofill span i.lblicon {
    background-image: url(../images/sprites/fedex-sprites.png);
    background-repeat: no-repeat;
    background-size: 194px;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}

.label-container .fedex-labels-btn-group .button[labeltype="RMA"] span i.lblicon {
    background-position: 3px -104px;
}

.label-container .fedex-labels-btn-group .button[labeltype="BS"] span i.lblicon {
    background-position: 3px -169px;
}

.label-container .fedex-labels-btn-group .button[labeltype="DR"] span i.lblicon {
    background-position: 3px -105px;
}

.label-container .fedex-labels-btn-group .button[labeltype="SP"] span i.lblicon {
    background-position: 5px -225px;
}

.label-container .fedex-labels-btn-group .button[labeltype="SPRMA"] span i.lblicon {
    background-position: 3px -104px;
}

.label-container .fedex-labels-btn-group .popup-otp,
.label-container .fedex-labels-btn-group .popup-otp-disable {
    display: inline-block;
}

.fedexmoneback-popup .conform-bx-inner {
    width: 720px;
    padding: 0 0 40px;
    margin: 5% auto;
}

.fedexmoneback-popup .conform-bx-inner .slot_divider {
    width: 100%;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol {
    padding: 10px 40px;
    text-align: left;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol p {
    font-weight: 500;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol p strong {
    font-weight: 800;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol h5 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 16px;
    color: var(--white-color);
    padding: 0 0 25px;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col {
    float: left;
    width: 100%;
    padding: 0 0 30px;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col img {
    width: 300px;
    padding: 20px 15px;
    float: left;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col .gurslot-ul {
    float: left;
    border-left: 3px solid var(--white-color);
    padding-left: 55px;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col .gurslot-ul li {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    padding-left: 26px;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col .gurslot-ul li:before {
    content: "";
    position: absolute;
    background-color: var(--white-color);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    left: 0;
    top: 5px;
}

.fedexmoneback-popup .conform-bx-inner .dbox-whole h3 {
    margin: 20px 0 10px;
    padding: 0 10px;
}

.fedexmoneback-popup .conform-bx-inner a.geraction-btn {
    min-width: 100px;
    left: calc(50% - 50px);
    margin: 0;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol::-webkit-scrollbar {
    width: 12px !important;
    -webkit-appearance: none !important;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.fedexmoneback-popup .conform-bx-inner .ger-fedexcol::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: var(--primary-color) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}

.label-container .fedex-labels-btn-group .button.nt-autofill:hover span {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

.label-container .fedex-labels-btn-group .button.nt-autofill span {
    background-color: var(--default-color);
    padding: 5px;
    border: 1px solid var(--default-color);
    border-radius: 4px;
    font-size: 15px;
    min-width: 148px;
    font-weight: 500;
    height: 35px;
    text-align: center;
    line-height: 24px;
}

.generatelabel_popup .generate-label-popup-header {
    background-color: var(--default-color);
}

.generatelabel_popup .generate-label-popup-header h4 {
    color: var(--white-color);
}

.generatelabel_popup .generate-label-popup-container .footer_btn .button span {
    background-color: var(--default-color);
    border-color: var(--default-color);
    color: var(--white-color);
    font-weight: 600;
}

.generatelabel_popup .generate-label-popup-container .footer_btn .button:hover span {
    background-color: var(--white-color);
    border-color: var(--default-color);
    color: var(--default-color);
}

.conform-bx.generatelabel_popup .conform-bx-inner {
    border: 0;
    border-radius: 4px;
    padding: 0;
}

.generatelabel_popup .generate-label-popup-container {
    float: left;
    width: 100%;
}

.generatelabel_popup .generate-label-popup-header {
    float: left;
    width: 100%;
    text-align: left;
}

.generatelabel_popup .generate-label-popup-header h4 {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 15px;
}

.generatelabel_popup .generate-label-popup-header .glabelclose {
    float: right;
    background-image: url(../images/sprites/fedex-sprites.png);
    background-position: 1px -1150px;
    width: 27px;
    border: 0;
    height: 27px;
    background-color: transparent;
    padding: 0;
    margin: 9px 13px 0;
    background-size: 180px;
}

.conform-bx.generatelabel_popup .conform-bx-inner .message {
    width: 100%;
    padding: 20px;
    margin-bottom: 0;
}

.generate-form-body label {
    font-weight: 500;
    color: var(--dark-color);
    display: inline-block;
}

.generate-form-body select,
.generate-form-body .input-text {
    padding: 10px;
    border-radius: 4px;
    border-color: var(--grey-color-tone-seven);
    font-size: 14px;
    line-height: 14px;
    height: 40px;
    color: var(--dark-color);
}

.generate-form-body .bs_extra_info,
.generate-form-body .bs_sendemail_label,
.generate-form-body .bs_note {
    float: left;
    margin: 0 0 15px;
}

.generate-form-body .bs_note {
    width: 73%;
}

.generate-form-body .bs_extra_info {
    width: 100%;
}

.generate-form-body .bs_sendemail_label {
    width: 25%;
    margin-right: 2%;
}

.generatelabel_popup .generate-label-popup-container .footer_btn {
    padding: 15px;
    background-color: var(--grey-color-tone-six);
}

.generate-form-body .error-msg {
    margin: 0 0 10px;
    border-radius: 4px;
}

.generate-form-body .bs_radio {
    float: left;
    width: 100%;
}

.generate-form-body .imgradio {
    width: 24.1%;
    background-color: var(--grey-color-tone-eight);
    display: inline-block;
    border: 2px solid var(--grey-color-tone-eight);
    margin: 0 0.2%;
    vertical-align: middle;
    height: 75px;
    padding: 15px;
    border-radius: 4px;
    cursor: pointer;
}

.generate-form-body .bs_radio input[type="radio"] {
    display: none;
}

.imgradio img {
    width: 100px;
    margin: 0 auto;
    display: block;
}

.generate-form-body .bs_radio .fx-labelselected {
    border-color: var(--fedex-label-color);
    background-color: var(--white-color);
}

.generate-form-body .bs_radio .shiplabeltitle {
    float: left;
    width: 100%;
    color: var(--dark-color);
    font-weight: 500;
    margin: 0 0 3px;
}

.generatelabel_popup .generate-label-popup-container .footer_btn .button {
    min-width: 120px;
}

.stylis-table-2.labels-table>thead>tr.tfilter>td>input#created_at,
.stylis-table-2.labels-table>thead>tr.tfilter>td>input#created_to {
    width: 85px;
    font-size: 12px;
}

.stylis-table-2.labels-table>tbody>tr>td:nth-child(3) {
    width: 100px;
}

.stylis-table-2.labels-table>tbody>tr>td:nth-child(4) {
    width: 240px;
}

.stylis-table-2.labels-table>tbody>tr>td:nth-child(2) {
    width: 85px;
}

.stylis-table-2.labels-table>tbody>tr>td:nth-child(5) {
    width: 150px;
}

.stylis-table-2.labels-table>tbody>tr>td:nth-child(6) {
    width: 100px;
}

.fedex-labelpanel .label-panel strong {
    float: left;
    color: var(--white-color);
    font-size: 20px;
    line-height: 45px;
    padding-left: 106px;
    font-weight: 400;
}

/*------covid-19 popup-------*/

.covid-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    padding: 20px 30px 20px 20px;
    border-radius: 10px;
    background: url(../images/covid19-sprites.png);
    background-size: cover;
    width: 640px;
}

.covid-19-popup.conform-bx {
    background: rgba(27, 27, 27, 0.64) none repeat scroll 0 0;
}

.covid-19-popup span.covid-icon {
    float: left;
    width: 166px;
    height: 140px;
    background: url(../images/covid19-sprites.png) repeat scroll -396px center;
    background-position: 11px -803px;
}

.covid-content p {
    text-align: justify;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    line-height: 22px;
}

.covid-up,
.covid-footer,
.covid-mid {
    position: relative;
}

.covid-content .covid-up p:after {
    content: "";
    width: 10px;
    position: absolute;
    height: 122px;
    background: var(--primary-color);
    left: -24px;
    top: 4px;
}

.covid-footer p:after {
    content: "";
    width: 11px;
    position: absolute;
    height: 189px;
    background: var(--primary-color);
    left: -24px;
    top: 4px;
}

.covid-content .covid-mid p:after {
    content: "";
    width: 10px;
    position: absolute;
    height: 145px;
    background: var(--grey-color-tone-three);
    right: -28px;
    top: 0;
}

.covid-content a.covid-close {
    width: 140px;
    height: 37px;
    position: absolute;
    right: 31px;
    top: -35px;
    background: url(../images/covid19-sprites.png) repeat scroll -204px center;
    background-position: 0 -625px;
}

.covid-content .covid-img {
    width: 28%;
    float: left;
}

.covid-footer p {
    margin-bottom: 0;
}

@media screen and (max-width:1200px) {
    .covid-content .covid-up p:after {
        height: 92px;
    }

    .covid-content .covid-mid p:after {
        height: 90px;
    }

    .covid-footer p:after {
        height: 135px;
    }

    .covid-19-popup .covid-content {
        width: 82%;
    }

    .covid-content .covid-img {
        width: 18%;
        float: left;
    }

    .covid-19-popup span.covid-icon {
        width: 127px;
        height: 111px;
        background: url(../images/covid19-sprites.png) repeat scroll;
        background-position: 11px -1210px;
        background-size: 419px;
    }
}

@media screen and (max-width:980px) {

    .covid-content .covid-up p:after,
    .covid-content .covid-mid p:after,
    .covid-footer p:after {
        display: none;
    }

    .covid-19-popup span.covid-icon {
        background-position: 2px -1210px;
    }

    .page-title.fedex_request {
        margin-top: 0;
    }
}

@media screen and (max-width:768px) {
    .fedexmoneback-popup .conform-bx-inner {
        width: 95%;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col img {
        width: 46%;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col .gurslot-ul {
        padding-left: 5%;
        width: 54%;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol {
        max-height: 300px;
        overflow: auto;
    }

    .label-container .fedex-labels-btn-group .button.nt-autofill {
        margin: 0 0 5px;
    }
}

@media screen and (max-width:767px) {
    .covid-19-popup span.covid-icon {
        width: 106px;
        height: 119px;
        background: url(../images/covid19-sprites.png) repeat scroll;
        background-position: 2px -1084px;
        background-size: 380px;
    }

    .covid-content .covid-img {
        width: 18%;
        float: left;
    }

    .covid-content p {
        text-align: justify;
        font-weight: 500;
        margin-bottom: 6px;
    }

    .covid-19-popup .covid-content {
        width: 97%;
    }

    .covid-19-popup .covid-content .covid-descri {
        height: 269px;
        overflow: scroll;
    }

    .covid-content p:first-child:after,
    .covid-content .covid-mid p:after {
        display: none;
    }

    .covid-content a.covid-close {
        width: 83px;
        height: 36px;
        position: absolute;
        right: 31px;
        top: -35px;
        background: url(../images/covid19-sprites.png) repeat scroll;
        background-position: 0 -955px;
        background-size: 368px;
    }
}

@media screen and (max-width:640px) {
    .covid-content .covid-img {
        width: 100%;
        float: left;
    }

    .covid-19-popup .covid-content .covid-descri {
        height: 225px;
        overflow: scroll;
    }

    .covid-19-popup span.covid-icon {
        width: 100%;
        height: 102px;
        background: url(../images/covid19-sprites.png) repeat scroll;
        background-position: 202px -1096px;
        background-size: 380px;
        margin: auto;
    }

    .credit-top .subuser-credit {
        position: relative;
        width: 100%;
        padding: 10px;
        margin-top: 0;
        right: 0;
    }

    .generatelabel_popup .generate-label-popup-header h4 {
        padding: 15px 0px 15px 15px;
        font-size: 14px;
    }

    .generatelabel_popup .generate-label-popup-header .glabelclose {
        margin: 9px 2px 0;
    }

    .generate-form-body .imgradio {
        width: 49.1%;
        margin: 0 0.2% 0.8%;
    }

    .generate-form-body .bs_sendemail_label,
    .generate-form-body .bs_note {
        width: 100%;
    }

    .generate-form-body .bs_radio {
        margin: 0 0 15px;
    }
}

@media screen and (max-width:536px) {
    .label-container .fedex-labels-btn-group {
        text-align: left;
    }

    .label-container .fedex-labels-btn-group .button.nt-autofill {
        width: 49%;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol {
        padding: 10px 20px;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col img {
        width: 300px;
        margin: 0 auto;
        display: block;
        clear: both;
        float: none;
    }

    .fedexmoneback-popup .conform-bx-inner .ger-fedexcol .gurslot-col .gurslot-ul {
        padding-left: 0;
        width: 100%;
        border-left: 0;
        border-top: 3px solid var(--white-color);
        padding-top: 20px;
    }

    .custom_fedex_pagination .pager .pager {
        width: 100%;
        float: left;
    }

    .custom_fedex_pagination .pager .pages ol {
        float: left;
    }

    .custom_fedex_pagination .pager .pages ol {
        float: left;
    }

    .inbifur_ul>li>big {
        font-size: 18px;
    }
}

@media screen and (max-width:480px) {
    .covid-19-popup .covid-content .covid-descri {
        height: 500px;
        overflow: scroll;
    }

    .covid-19-popup .covid-content {
        width: 95%;
        background-size: auto;
        padding: 15px 20px 15px 20px;
    }

    .covid-19-popup span.covid-icon {
        background-position: 145px -1096px;
    }

    .covid-content a.covid-close {
        background-position: -6px -1041px;
        background-size: 400px;
    }

    .covid-content a.covid-close {
        background-position: -6px -1041px;
        background-size: 400px;
    }

    .generate-form-body .imgradio {
        width: 48%;
    }

    .conform-bx.generatelabel_popup .conform-bx-inner .message {
        padding: 15px 10px 0;
    }

    .paypal_tab_container .message.addressdetails>li span.sarrow {
        top: 36px;
    }

    .internal-icon {
        background-position: -18px -1942px;
    }

    .p-active .internal-icon {
        background-position: -18px -1905px;
    }

    .paypal-icon {
        background-position: -18px -2022px;
    }

    .p-active .paypal-icon {
        background-position: -18px -1984px;
    }
}

@media screen and (max-width:400px) {
    .covid-19-popup span.covid-icon {
        background-position: 125px -1096px;
    }

    .my-account .lcdbuyback-createorder .createorder-form .buttons-set .lcd-bb-btn button.button {
        min-width: 160px;
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
}

@media screen and (max-width:360px) {
    .covid-19-popup .covid-content .covid-descri {
        height: 425px;
        overflow: scroll;
    }

    .covid-19-popup span.covid-icon {
        background-position: 99px -1096px;
    }

}

/*-----------------------*/

/* FedEx Refund Style End */

/* Net Term style Start */
.common-tabs.mt-tabn ul.tabs {
    text-align: center;
}

.common-tabs.nt-tab .tab-content {
    padding: 25px;
    margin: 0 0 15px 0;
    overflow:inherit;
}

.common-tabs.nt-tab .tab-content .nttauto-payment .a-left {
    margin: 20px 0 10px 0;
    clear: both;
    float: left;
    width: 100%;
}

.nt-tab .ntpayment span.nt-or {
    display: none;
}

.nt-tab .ntinput-group {
    margin-right: 15px;
}

.nt-tab .ntinput-group:last-child {
    margin: 0;
}

.td-right {
    text-align: right;
}

button.paynowLastDue span {
    border: 2px solid var(--error-color);
    background: var(--error-color);
}

button.paynowLastDue:hover span {
    background: transparent;
    color: var(--error-color);
}

button.nt-paynow span {
    border: 2px solid var(--default-color);
    background: var(--default-color);
}

button.nt-paynow:hover span {
    background: transparent;
    color: var(--default-color);
}

.b-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding-bottom: 100px;
}

.b-modal-content {
    background-color: var(--grey-color-tone-eight);
    margin: auto;
    padding: 20px;
    border: 1px solid var(--grey-color-tone-two);
    width: 620px;
}

.b-close {
    color: var(--error-color);
    float: left;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.nt-tab .ntinput-group:nth-child(3) {
    margin-top: 10px;
}

.ntpayment input.productprice,
.ntpayment input.productpricefilter,
input.nt-totaldue {
    width: 145px;
    margin-right: 5px;
    left: 20px;
    height: 38px;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 15px;
}

.ntinput-group>label {
    display: block;
    margin: 0 0 2px;
    font-weight: 500;
    width: 158px;
}

.ntinput-group {
    float: left;
    display: block;
    width: auto;
}

.ntinput-group select.select.od-sel-width {
    width: 44%;
    height: 38px;
    border-radius: 4px;
    padding: 4px;
}

.netterm_datatable tbody td .paymentamount {
    float: left;
    padding: 3px;
    width: 45%;
    margin-bottom: 0;
    height: 32px;
    border-radius: 4px;
    text-align: center;
    margin-top: 8px;
}

.netterm_datatable .makepayment>span {
    width: auto;
    border-radius: 4px;
    height: 32px;
    background-repeat: no-repeat;
}

.netterm_datatable th:last-child {
    width: 20%
}

button.nt-autofill span {
    border: 2px solid var(--default-color);
    background: var(--default-color);
}

button.nt-autofill:hover span {
    color: var(--default-color);
}

.stylis-table-2>tbody>tr.last-total>td {
    background-color: var(--grey-color-tone-six);
    font-weight: 500;
}

.netterm_datatable tbody>tr>td {
    padding: 0 15px;
    vertical-align: middle;
}

body .netterm_datatable tbody>tr.last-total>td {
    padding: 10px 15px;
    font-weight: 600 !important;
}

.last-total td:first-child {
    text-align: center;
}

.netterm_datatable button.makepayment {
    margin-left: 5px;
    margin-top: 7px;
}

.netterms_select {
    width: 100%;
    float: left;
}

.right-align_1 {
    width: auto;
    vertical-align: middle;
    margin-top: 22px;
}

.netterms_select label {
    font-weight: 500;
}

label.remainingamount {
    font-weight: 400;
    padding-top: 8px;
    display: block;
    background: var(--white-color);
    border: 1px solid var(--grey-color-tone-seven);
    border-top: 2px solid var(--default-color);
    padding: 10px;
    border-radius: 5px;
    float: left;
    margin-top: 22px;
    color: var(--secondary-color);
    line-height: 18px;
}

.nt-tab ul.tabs li:last-child {
    margin-right: 0;
}

.netterms_select select {
    float: left;
    width: 100%;
    margin: 0;
    height: 38px;
    padding: 5px 7px;
    border-color: var(--grey-color-tone-five);
    border-radius: 4px;
}

.ntpayment .submit.button span {
    border-radius: 4px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
}

.netterms_select #downlaod_btn {
    border: 0;
    padding: 0;
    line-height: normal;
    margin-left: 8px;
}

.netterms_select #downlaod_btn {
    border: 0;
    padding: 0;
    line-height: normal;
}

label.hl-remain {
    background: var(--grey-color-tone-eight);
}

.netterms_select #downlaod_btn .button span {
    padding: 5px 10px;
}

.red-color {
    color: var(--error-color);
}

.paymentform.date_filter_form_myorder .right_neterms {
    width: 50%;
}

.paymentform.date_filter_form_myorder div#radio_btn>div:last-child {
    margin-right: 10px;
}

span.nt-or {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--grey-color-tone-three);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: 600;
    margin-right: 6px;
    position: relative;
    margin: 0 22px 0 16px;
    background: var(--grey-color-tone-six);
    display: inline-block;
    line-height: 32px;
    text-align: center;
}

span.nt-or:after,
span.nt-or:before {
    content: "";
    position: absolute;
    top: 15px;
    width: 10px;
    left: 34px;
    height: 1px;
    background-color: var(--grey-color-tone-two);
}

span.nt-or:before {
    right: 34px;
    left: auto;
}

.nt-totaldue {
    pointer-events: none;
}

button.nt-makepayment span {
    padding: 7px;
}

.netterm_datatable tbody>tr>td:nth-child(2) {
    white-space: nowrap;
}

.netterm-dwld {
    width: 100%;
    margin-top: -2px;
}

.netterms_select .right-align_1 .button span {
    line-height: 14px;
}

.netterm_datatable tbody>tr>td:nth-child(6) {
    position: relative;
}

.customer-account-nettermpayment .buttons-set {
    margin-top: 20px;
}

.customer-account-nettermpayment .braintree-large-button {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

table#creditcard-saved-accounts tbody tr td {
    vertical-align: middle;
}

table#creditcard-saved-accounts tbody tr td>label {
    display: flex;
    align-items: center;
}
.save-card-section {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.save-card-section .braintree-sheet {
    margin-bottom: 10px;
    overflow: hidden;
}
.creditcard-saved-list {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    max-height: 450px;
    overflow: auto;
}

.creditcard-saved-list .creditcard-saved-accounts {
    width: 100%;
    margin: 0;
    padding: 10px 6px;
    display: block;
    overflow: auto;
}
.creditcard-saved-list .creditcard-saved-accounts tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.creditcard-saved-list .creditcard-saved-accounts tr {
    display: inline-block;
    width: calc(33.33% - 12px);
    vertical-align: middle;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 4px;
    margin: 0px 6px 10px;
    cursor: pointer;
}
.creditcard-saved-list .creditcard-saved-accounts tr td label {
    cursor: pointer;
}
.creditcard-saved-list .creditcard-saved-accounts tr td[width="20"] {
    float: left;
    width: 30px;
    text-align: center;
    height: 48px;
    background-color: var(--grey-color-tone-seven);
    margin-right: 0;
    border-right: 1px solid var(--grey-color-tone-five);
    vertical-align: middle;
    padding: 16px 2px;
}
.creditcard-saved-list .creditcard-saved-accounts tr td input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    min-width: 16px;
    min-height: 16px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid var(--dark-color);
    background-color: transparent;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    margin: 0 13px 0 5px;
}
.creditcard-saved-list .creditcard-saved-accounts tr td input[type="radio"]:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.creditcard-saved-list .creditcard-saved-accounts tr td {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
    padding-left: 10px;
    cursor: pointer;
}

.creditcard-saved-list .creditcard-saved-accounts tr td .saved-card-info {
    display: inline-block;
    margin-left: 11px;
    line-height: 16px;
    margin-top: 0px;
}

.creditcard-saved-list .creditcard-saved-accounts tr td .saved-card-info .saved-card-number {
    font-weight: 600;
    margin: 0 0 3px 0;
    display: inline-block;
}

.creditcard-saved-list .creditcard-saved-accounts tr td .saved-card-info .saved-expiry-date {
    font-size: 13px;
    font-weight: 400;
    color: var(--error-color);
    display: block;
}

.ntterm-dtable>tbody>tr>td:last-child .transferterm span {
    display: none;
}

.ntterm-dtable>tbody>tr>td:last-child .transferterm {
    background-image: url(../images/sprites/transfer.png);
    background-color: var(--sucess-color);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    position: absolute;
    margin-left: -4px;
    border-radius: 0px 4px 4px 0;
}

.ntterm-dtable>tbody>tr>td:last-child .input-text {
    height: 30px;
    border-radius: 4px;
    width: 80px;
    float: left;
}

.ntterm-dtable>tbody>tr>td:last-child {
    position: relative;
}

.ntterm-dtable>thead>tr>th:last-child {
    width: auto;
}

.ntterm-dtable>tbody>tr>td {
    padding: 4px 12px;
}

.btn-wlout .bottm_netterm_btns .button span {
    padding: 10px 15px;
    min-width: 60px;
    border-radius: 4px;
}

.btn-wlout .bottm_netterm_btns.neworder-css {
    margin: 0;
}

.ntterm-dtable>thead>tr>th.term-sorting.ordersrtactive {
    white-space: normal;
    text-align: left;
}

.nttauto-payment>p {
    font-weight: 500;
    margin: 0 0 10px;
}

.ntterm-dtable .popup-otp,
.ntterm-dtable .popup-otp-disable {
    display: inline-block;
    width: 24px;
    vertical-align: top;
    height: 27px;
    margin: 0;
}

.ntpayment>h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 0 0 16px;
    background: var(--grey-color-tone-eight);
    padding: 13px 10px;
    color: var(--dark-color);
}

.netterm_datatable tbody td span,
.data-table tbody th span {
    font-size: 12px;
    font-weight: 800;
    line-height: 10px;
    margin: 0 0 10px
}

.bt-drop-in-wrapper .auth_button>span {
    height: 36px;
    padding: 2px 15px;
    line-height: 29px;
}

.savedCard {
    padding: 14px 0 0;
    float: left;
    width: 100%;
}

.recurring-payment .savedCard .saved-card-recurring {
    float: left;
    width: 100%;
}

.saved-card-recurring>li {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    border: 1px solid var(--grey-color-tone-seven);
    border-radius: 4px;
    margin: 0px 1% 7px 0;
    cursor: pointer;
}

.saved-card-recurring > li > .scard-left {
    float: left;
    width: 30px;
    text-align: center;
    height: 48px;
    background-color: var(--grey-color-tone-seven);
    margin-right: 0;
    border-right: 1px solid var(--grey-color-tone-five);
    vertical-align: middle;
    padding: 16px 2px;
}

.saved-card-recurring>li>.scard-right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
    padding-left: 5px;
    cursor: pointer;
}
.saved-card-recurring > li > .scard-left input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    min-width: 16px;
    min-height: 16px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid var(--dark-color);
    background-color: transparent;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    margin: 0 13px 0 5px;
}
.saved-card-recurring > li > .scard-left input[type="radio"]:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.cform-group.cform-col-3 {
    width: 33.33%;
}
.nt-user-recurring {
    float: left;
    width: 100%;
    padding: 0% 1% 2% 0;
}

.nt-user-recurring .CaptionCont {
    border-radius: 4px !important;
}

.nt-user-recurring .SumoSelect {
    width: 100%;
}

.nt-user-recurring .SumoSelect>.CaptionCont>span {
    max-width: 98%;
}

.nt-user-recurring>label {
    float: left;
    width: 100%;
}

.nt-user-recurring .SumoSelect>.optWrapper {
    width: 100%;
    position: relative;
    top: 0 !important;
}

.nt-user-recurring .SumoSelect>.optWrapper>.options {
    max-height: 200px;
}

.ntt-iunderstand {
    float: left;
    width: 100%;
}

.ntt-iunderstand label {
    font-weight: 400;
}

.common-tabs.nt-tab .recurring-payment .bt-drop-in-wrapper {
    float: left;
    width: 100%;
}

.common-tabs.nt-tab .recurring-payment .bt-drop-in-wrapper .braintree-placeholder {
    display: none;
}

.common-tabs.nt-tab .recurring-payment .auth_button {
    float: left;
    margin-top: 5px;
}

.common-tabs.nt-tab .recurring-payment .auth_button span {
    padding: 3px 20px;
    line-height: 26px;
}

.method-show {
    float: left;
    width: 80%;
    background-color: var(--grey-color-tone-six);
    padding: 7px 10px;
    margin: 0px 0 12px;
    text-align: center;
    border-radius: 4px;
}

.recurring-select {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-six);
    padding: 15px;
}

.recurring-payment .right-align_1 {
    margin-top: 7px;
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
}

.recurring-payment .bill-period {
    float: left;
    width: 30%;
    margin: 0 1%;
    padding: 1% 0%;
}

.recurring-payment .recPayAmount {
    float: left;
    width: 23%;
    margin: 0 1%;
    padding: 1% 0%;
}

.recurring-payment .startDate {
    float: left;
    width: 27%;
    margin: 0 1% 0 0;
    padding: 1% 0%;
}

.recurring-payment .postDate {
    float: left;
    width: 48%;
    margin: 0 1%;
    padding: 1% 0%;
}

.common-tabs.nt-tab .recurring-payment .right-align_1 {
    width: auto;
    margin-top: 29px;
}

.ntpayment .ntinput-group>label {
    font-size: 15px;
}

.wire-row {
    float: left;
    width: 100%;
    border: 1px solid var(--grey-color-tone-five);
    padding: 15px;
    background-color: var(--grey-color-tone-eight);
}

.wire-tab2 .wire_col.flist {
    float: left;
    width: 50%;
}

.wire-tab2 .wire_col.flist+.wire-col {
    width: 50%;
}

.wire-tab2 .wire_col.flist+.wire_col {
    width: 50%;
    float: left;
    padding-left: 1.5%;
}

.wire-row .wire_col .input-text,
.wire-row .wire_col textarea {
    border-radius: 3px;
    height: 40px;
    font-size: 14px;
    border: 1px solid var(--grey-color-tone-seven);
    padding: 6px 12px;
}

.wire-row .flist .required em {
    color: red;
    font-size: 16px;
    position: relative;
    top: 2px;
    left: 2px;
}

.wire-row .wire_col label {
    margin: 0 0 3px;
    display: inline-block;
}

.wire-tab1 .wire_col:first-child {
    width: 25%;
    float: left;
}

.wire-tab1 .wire_col:nth-child(2) {
    float: left;
    width: 25%;
    padding-left: 1%;
}

.wire-tab1 .wire_col:last-child {
    width: 50%;
    float: left;
    padding-left: 1%;
}

.ntt_tooltip {
    float: right;
    padding-left: 5px;
    display: table;
    padding-top: 3px;
}

.ntt_tooltip i.icon-info.tooltip {
    position: static;
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.small-btn span {
    padding: 2px !important;
}

.custum_braintree_class input[type="radio"] {
    margin-top: 0;
}

.custum_braintree_class>label {
    padding: 0 5px;
}

.ntt_tooltip .tooltiptext {
    margin-right: -10px;
    min-width: 165px;
    z-index: 1;
    margin-top: 25px;
}

.ntt_tooltip i.icon-info.tooltip:hover+span.tooltiptext {
    top: inherit;
    margin-top: 25px;
}

.disble-chkbx-braintree {
    position: relative;
}

.disble-chkbx-braintree .disable-chk {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    z-index: 1;
}

.braintree-option.partial_credit {
    margin-bottom: 0 !important;
    border-top: 1px solid var(--grey-color-tone-nine);
    border-radius: 4px 4px 0px 0px;
}

.partial-bifurgate-container {
    border: 1px solid var(--grey-color-tone-nine);
    border-top: 0;
    border-radius: 0px 0px 4px 4px;
}

.customer_credit_opt.fl_creditact {
    width: 100%;
}

/* .customer_credit_opt.fl_creditact .store-credit-form .order_filter_txtbox+.payment_balancesheet_btn {
    margin: 21px 0 0;
} */
.customer_credit_opt.fl_creditact .store-credit-form .neworder-css {
    clear: both;
}

.common-tabs.nt-tab.mt-tabn .tab-content .recPayAmount,
.common-tabs.nt-tab.mt-tabn .tab-content .postDate {
    float: left;
    margin-bottom: 18px;
    margin-right: 11px;
}

.common-tabs.nt-tab.mt-tabn .tab-content .recPayAmount .input-text,
.common-tabs.nt-tab.mt-tabn .tab-content .postDate .input-text,
.common-tabs.nt-tab.mt-tabn .tab-content .bill-period select,
.common-tabs.nt-tab.mt-tabn .tab-content .startDate .input-text {
    height: 34px;
    border-radius: 4px;
    padding: 5px;
}

.common-tabs.nt-tab.mt-tabn .tab-content .right-align_1 .button span {
    line-height: 31px;
    height: 35px;
    padding: 0 14px;
}

.common-tabs.nt-tab.mt-tabn .tab-content .savedCard {
    margin: 0 0 11px;
}

.m-cencellation-container>p>a {
    color: var(--default-color);
}

.common-tabs.nt-tab.mt-tabn .tab-content .right-align_1 {
    margin-bottom: 12px;
    margin-top: 26px;
}

.m-cencellation-container {
    float: left;
    width: 100%;
    background-color: var(--white-color);
    text-align: center;
    margin: 0px 0px 10px;
    border: 2px solid var(--rma-cart-color);
    font-weight: 500;
    border-radius: 4px;
}

.m-cencellation-container>p {
    margin: 0;
    padding: 5px 8px 5px 22px;
    background-image: url(../images/warning-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 0px center;
}

.ntt_width_table tr th:nth-child(1) {
    width: 10%
}

.ntt_width_table tr th:nth-child(2) {
    width: 1%
}

.ntt_width_table tr th:nth-child(3),
.ntt_width_table tr th:nth-child(5) {
    width: 3%
}

.ntt_width_table tr th:nth-child(4) {
    width: 39%
}

.ntt_width_table tr th:nth-child(6) {
    width: 10%
}

.ntt_width_table tr th:last-child {
    width: 40%
}

.message-not-user {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--error-color);
    margin-top: 10px;
}

/* netterm eligibility check code */

body.nettermpayment-index-eligibilitycheck .customer-account-retail .main,
.customer-account-retail .col-main,
.customer-account-retail .account-create,
.oauth-authorize-register .col-main,
.oauth-authorize-register .account-create {
    float: left;
    width: 100%;
    margin: 0px;
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container {
    max-width: 1280px;
    margin: 0px auto;
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-image {
    float: left;
    width: 100%;
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container .messages {
    width: 760px;
    margin: 0px auto !important;
    float: none;
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-create .page-title {
    margin: 0px auto;
    float: none;
    width: 760px;
}

body.nettermpayment-index-eligibilitycheck .account-container .account_type_title {
    float: none;
    width: 760px;
    padding: 10px 0px 30px;
    display: block;
    clear: both;
    margin: 0px auto;
}

body.nettermpayment-index-eligibilitycheck .account-container .account_type_title h2 {
    color: var(--default-color);
}

body.nettermpayment-index-eligibilitycheck .account-container form {
    float: left;
    width: 100%;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main {
    width: 760px;
    margin: 0px auto;
    position: relative;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-header {
    border: 2px dashed var(--default-color);
    border-radius: 6px;
    background: var(--grey-color-tone-eight);
    height: 255px;
    width: 100%;
    float: left;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-header h2.legend {
    margin: 0px;
    color: var(--primary-color);
    font-weight: 400;
    background: none;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-header h2.legend img {
    vertical-align: middle;
    margin-right: 10px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle {
    float: left;
    width: 100%;
    border: 2px dashed var(--default-color);
    border-radius: 6px;
    background: var(--white-color);
    margin: 80px 0px 0px 30px;
    position: relative;
    z-index: 1;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .form-list {
    border: none;
    margin: 0px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field {
    margin-bottom: 0px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field p {
    font-size: 12px;
    padding-top: 0px;
    display: block;
    clear: both;
    margin-bottom: 0px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field p.notice-mobile-text {
    padding-left: 56px;
    line-height: 14px;
    padding-top: 7px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field input.input-text {
    width: calc(100% - 58px);
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field input.verified_mobile {
    background-position: right -256px !important;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer {
    float: right;
    margin-top: -5px;
    padding-top: 5px;
    border: 2px dashed var(--default-color);
    border-radius: 6px;
    background: var(--grey-color-tone-eight);
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer .address-title {
    color: var(--primary-color);
    font-weight: 400;
    margin: 0px;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer h2.legend img {
    vertical-align: middle;
    margin-right: 10px;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main {
    right: 30px;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle {
    margin: 40px 0px 0px;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle:before {
    content: " ";
    position: absolute;
    right: 80px;
    top: -44px;
    width: 1px;
    height: 44px;
    border-right: 2px dashed var(--default-color);
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .field-checkbox {
    margin-top: 35px;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .checkbox {
    float: left;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .subscribed_label {
    padding: 0px 0px 0px 5px;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .business-field {
    width: 100% !important;
}

body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .business-field #street_2 {
    margin-top: 15px;
}

body.nettermpayment-index-eligibilitycheck .login-information {
    padding-bottom: 120px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-main-inner {
    float: left;
    width: 100%;
    position: relative;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-main-inner:before {
    content: " ";
    position: absolute;
    right: 80px;
    top: -2px;
    width: 1px;
    height: 90px;
    border-right: 2px dashed var(--default-color);
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-main-inner:after {
    content: " ";
    position: absolute;
    right: 80px;
    top: 86px;
    width: 224px;
    height: 1px;
    border-top: 2px dashed var(--default-color);
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-header {
    position: relative;
    left: 22%;
    width: auto;
    height: auto;
    margin: 50px 0px -2px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle {
    margin: 0px 0px 0px 30px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle .login-ul {
    border: none 0px;
    padding-bottom: 0px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.recaptcha {
    border: none 0px;
    padding: 0px 30px 15px;
    float: left;
    width: 100%;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note {
    float: left;
    width: 100%;
    padding: 0px 30px 20px;
    text-align: justify;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note h2 {
    padding-bottom: 5px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer {
    width: 100%;
    position: absolute;
    bottom: -60px;
    height: 350px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set {
    position: absolute;
    bottom: -38px;
    right: 30px;
    left: 30px;
    width: auto;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set .button.button span {
    padding: 5px 15px;
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set div.btn-left {
    float: right;
}

body.nettermpayment-index-eligibilitycheck .account-container input.input-text {
    border-radius: 0 6px 6px 0;
    height: 46px;
    padding: 0px 15px;
}

body.nettermpayment-index-eligibilitycheck .account-container select {
    border-radius: 6px;
}

body.nettermpayment-index-eligibilitycheck .account-container p.numaric-values {
    float: left;
    width: 46px;
    height: 46px;
    line-height: 44px;
    background: var(--white-color);
    border: 1px solid var(--grey-color-tone-five);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px;
    border-radius: 6px;
    text-align: center;
}

body.nettermpayment-index-eligibilitycheck .email-name {
    width: 100%;
    float: left;
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main label {
    position: relative;
}

body.nettermpayment-index-eligibilitycheck .one-box {
    float: left;
    margin-left: 17px;
    margin-top: -13px;
}

body.customer-account-retail.oauth-authorize-register .validation-advice {
    color: var(--error-color);
}

body.customer-account-retail.oauth-authorize-register .main-container .form-list input.input-text {
    color: var(--dark-color);
    background-color: var(--white-color);
}

.num_prefix+.input-text {
    border-radius: 0px;
    border-left: 0;
    width: 48px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    height: 46px;
}

.num_prefix.for-r {
    background-color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0px 0px 3.39344px rgb(32 32 32 / 25%);
    border: 0;
    position: relative;
    border-right: 0.5px solid var(--grey-color-tone-six);
    min-width: 20px;
}

.num_prefix.for-r+.input-text {
    border-radius: 0 6.1082px 6.1082px 0 !important;
}

.num_prefix.for-r+.input-text+.input-text {
    width: calc(100% - 73px) !important
}

.num_prefix+.input-text+.input-text {
    width: calc(100% - 83px) !important;
    border-radius: 0px 6px 6px 0px;
    height: 46px;
    position: relative;
    left: -5px;
}
.account-create .form-list li.control.stylis_chk {
    margin-top: 20px;
}
.account-create .form-list li.control.stylis_chk + .stylis_chk {
    margin-top: 10px;
}
.form-list li.m-top-twenty {
    margin-top: 20px;
}
.form-list .field.r-need-width {
    width: 100%;
}
.account-create .buttons-set button.button.noborder-btn span {
    border-width: 0px;
}
.account-create .buttons-set button.button.noborder-btn {
    margin-left: 20px;
}
.semi-r-box+.semi-r-box.take-width {
    width: 48.5%;
    padding: 0;
    margin-top: 20px;
}

.common-tabs ul.tabs li .tblink-circle {
    display: inline-block;
    background-color: var(--sucess-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -6px;
    border: 1px solid var(--white-color);
}

/* net term eligibily check */

@media screen and (max-width: 1200px) {

    .ntpayment input.productprice,
    .ntpayment input.productpricefilter,
    input.nt-totaldue {
        width: 135px;
    }

    .ntinput-group {
        width: auto;
    }

    .netterm_datatable tbody>tr>td {
        padding: 0 10px;
    }

    .netterm_datatable th {
        padding: 10px;
    }

    .netterms_select #radio_btn {
        padding-right: 0;
    }

    .netterms_select #radio_btn>div {
        padding: 0 8px;
    }

    .netterms_select #radio_btn #downlaod_btn {
        padding: 0;
    }

    .netterm_datatable button.makepayment {
        margin-left: 4px;
    }

    .common-tabs.mt-tabn ul.tabs li {
        font-size: 13px;
        padding: 8px 5px;
        margin:0 2px;
    }
    .scard-right label .saved-card-info {
        font-size: 12px;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment .cform-group {
        padding-bottom: 20px;
    }
    .cform-group.cform-col-3 {
        width: 50%;
    }

    span.nt-or {
        width: 27px;
        height: 27px;
        margin: 0 10px;
        line-height: 27px;
    }

    span.nt-or:after,
    span.nt-or:before {
        content: none;
    }
}

@media screen and (max-width:1100px) {
    .netterm_datatable button.makepayment {
        margin-left: 0;
    }

    .netterm_datatable tbody td .paymentamount {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .common-tabs.nt-tab .tab-content {
        padding: 20px 20px;
    }

    .nt-tab .ntinput-group {
        margin-right: 9px;
    }

    .nt-tab .ntinput-group>label {
        font-size: 14px;
    }

    .ntpayment input.productprice,
    .ntpayment input.productpricefilter,
    input.nt-totaldue {
        width: 113px;
        font-size: 13px;
    }

    .ntt-blockul li {
        -webkit-flex: 0 0 23%;
        flex: 0 0 23%;
    }

    .ntt-blockul li.field {
        min-height: 140px;
        margin: 0 1% 1%;
    }

    .ntterm-dtable>tbody>tr>td:last-child .input-text {
        padding-right: 24px;
    }

    .ntterm-dtable>tbody>tr>td:last-child .transferterm {
        margin-left: -20px;
    }

    span.nt-or {
        margin: 0 8px 0 5px
    }

    .nt-tab .ntinput-group:nth-child(3) {
        width: 100%;
    }

    .ntpayment .submit.button span {
        font-size: 13px;
        padding: 8px 10px;
    }
    .common-tabs.mt-tabn ul.tabs li{
        min-width: 130px;
        padding: 8px 15px;
    }
}

@media screen and (max-width:980px) {
    .stylis-table-2.ntterm-dtable>thead>tr.tfilter>td:last-child {
        text-align: left;
    }
    .common-tabs.mt-tabn ul.tabs li {
        min-width: 70px;
    }
    .common-tabs .tab-content {
        border-radius: 15px;
    }
}

@media screen and (max-width:768px) {
    .common-tabs.mt-tabn ul.tabs li {
        width: auto;
        border-radius: 10px;
        padding: 8px 20px;
        font-size: 14px;
        margin: 0 5px 10px;
    }

    .netterm_datatable th {
        font-size: 15px;
    }

    .netterms_select #radio_btn>div {
        font-size: 13px;
    }

    .netterms_select #downlaod_btn .button span {
        padding: 5px 7px;
    }

    .ntpayment .submit.button span {
        font-size: 13px;
    }

    .ntpayment {
        width: 100%;
        float: left;
    }

    .common-tabs.nt-tab .recurring-payment .auth_button {
        min-width: 150px;
        text-align: center;
        display: block;
    }

    .saved-card-recurring>li {
        margin: 0 0 10px 0;
    }

    .ntt-blockul li {
        min-height: 140px;
    }

    .right-align_1 {
        width: auto;
    }

    .responsive-table {
        width: 100%;
        overflow: auto;
    }

    .wire-row .wire_col {
        padding-bottom: 10px;
    }

    .wire-tab2 .wire_col.flist {
        width: 100%;
    }

    .wire-tab2 .wire_col.flist+.wire_col {
        width: 100%;
        padding-left: 0;
    }

    .wire-tab1 .wire_col:first-child {
        width: 100%;
    }

    .wire-tab1 .wire_col:nth-child(2) {
        width: 100%;
        padding-left: 0;
    }

    .wire-tab1 .wire_col:last-child {
        width: 100%;
        padding-left: 0;
    }

    .wire-row .wire_col label {
        margin: 0
    }

    .m-cencellation-container,
    .method-show {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .account-create .form-list li.control.stylis_chk,
    .account-create .form-list li.control.stylis_chk strong{
        width: 100%;
    }
    .border-textbox a.back-link{
        min-width: 124px;
    }
    .account-create .buttons-set button.button.noborder-btn{
        margin-left: 10px;
        min-width: 124px;
    }
    .data-table.netterm_datatable {
        empty-cells: show;
    }

    .netterm_datatable th {
        font-size: 13px;
        padding: 6px;
    }

    .netterm_datatable tbody>tr>td {
        padding: 0 8px;
    }

    .ntpayment input.productprice,
    .ntpayment input.productpricefilter {
        width: 80px;
    }

    .saved-card-recurring>li {
        width: 100%;
    }

    .nt-user-recurring .SumoSelect {
        width: 100%;
    }

    .common-tabs.nt-tab .recurring-payment .right-align_1 {
        margin-top: 23px;
    }

    .supportticket-index-index .page-title.sp-sm-button {
        margin: 15px 0;
    }

    .common-tabs.nt-tab.mt-tabn .tab-content .recPayAmount,
    .common-tabs.nt-tab.mt-tabn .tab-content .postDate,
    .common-tabs.nt-tab.mt-tabn .bill-period,
    .common-tabs.nt-tab.mt-tabn .startDate {
        width: 100%;
        margin: 0 0 6px;
    }

    .common-tabs.nt-tab.mt-tabn .tab-content .nt-user-recurring {
        padding: 0 0 10px 0;
    }

    .ntt-blockul {
        margin: 0 0 7px;
    }

    .ntt-blockul li {
        flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        margin: 0.7% 0.7% 2px;
    }

    .common-tabs.nt-tab.mt-tabn .tab-content .right-align_1 {
        margin-bottom: 7px;
        margin-top: 10px;
    }

    .b-modal-content {
        width: 98%;
    }

    .page-title.sp-sm-button {
        margin: 0;
        padding: 0;
    }

    .sp-sm-button h1 {
        line-height: 45px;
        width: 100%;
    }

    /* netterm eligibility check code */

    body.nettermpayment-index-eligibilitycheck .ms_autofill {
        right: 3px;
        top: 25px;
    }

    .login-information .form-list .fields {
        margin-bottom: 0;
    }

    .semi-r-box,
    .bs_pricing_list {
        width: 100%;
    }

    .semi-r-box+.semi-r-box {
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
    }

    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-create .page-title {
        width: 90%;
        padding-top: 15px;
    }

    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-create .page-title h1 {
        font-size: 26px !important;
        text-align: left !important;
    }

    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container .messages {
        width: 90%;
    }

    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container .messages li.error-msg,
    .customer-account-retail .account-container .messages li.note-msg,
    .oauth-authorize-register .account-container .messages li.note-msg,
    .customer-account-retail .account-container .messages li.notice-msg,
    .oauth-authorize-register .account-container .messages li.notice-msg,
    .customer-account-retail .account-container .messages li.success-msg,
    .oauth-authorize-register .account-container .messages li.success-msg {
        padding: 8px 10px 5px 50px !important;
    }

    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container .messages li li {
        font-size: 9px !important;
        line-height: 12px !important;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .account_type_title {
        width: 90%;
        padding: 0px 0px 20px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main {
        width: 90%;
    }

    body.nettermpayment-index-eligibilitycheck .account-create .fieldset .legend {
        font-size: 16px;
        padding: 15px 15px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-header h2.legend img {
        margin-right: 5px;
        width: 6%;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle {
        margin-left: 0px;
        margin-top: 60px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .form-list {
        padding: 15px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .form-list label {
        font-size: 13px;
        padding-bottom: 0px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container input.input-text {
        height: 36px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer {
        float: none;
        display: block;
        max-width: 290px;
        margin: -5px auto 0px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer .address-title {
        float: none;
        display: inline-block;
        padding: 15px 15px;
        font-size: 16px;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-footer h2.legend img {
        margin-right: 5px;
        width: 11%;
    }

    body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field p.numaric-values {
        height: 36px;
        line-height: 34px;
    }

    body.nettermpayment-index-eligibilitycheck .general-info .info-main {
        right: 0px;
    }

    body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle {
        margin: 40px 0px 0px;
    }

    body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle:before {
        right: 50%;
    }

    body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle .field-checkbox {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information {
        padding-bottom: 220px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-main-inner:before {
        right: 50%;
        height: 50px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-main-inner:after {
        display: none;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-header {
        left: auto;
        float: none;
        margin: 50px auto -3px;
        display: block;
        max-width: 290px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-header h2.legend {
        float: none;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-header h2.legend img {
        margin-right: 5px;
        width: 11%;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle {
        margin: 0px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle .login-ul {
        padding-bottom: 0px !important;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.recaptcha {
        padding: 0px 15px 15px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note {
        font-size: 12px;
        line-height: 18px;
        padding: 0px 15px 5px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note h2 {
        font-size: 14px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer {
        bottom: -175px;
        max-width: 100%;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set {
        bottom: 5px;
        right: 15px;
        left: 15px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set div.btn-left,
    .login-information .info-main .info-footer .buttons-set div.btn-right,
    .login-information .info-main .info-footer .buttons-set .back-link,
    .login-information .info-main .info-footer .buttons-set button.button {
        width: 100%;
        margin-left: 0px;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set p.required {
        margin: 15px 0px 15px;
        width: 100%;
        padding: 0px !important;
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set {
        flex-wrap: wrap;
    }

    body.nettermpayment-index-eligibilitycheck .num_prefix {
        height: 36px;
        line-height: 35px;
    }

    /* netterm eligibility check code */
}

@media screen and (max-width: 536px) {
    .my-account .title-buttons {
        margin: 0 0 16px;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .common-tabs.nt-tab .tab-content {
        padding: 10px;
    }

    .ntpayment input.productprice,
    .ntpayment input.productpricefilter,
    input.nt-totaldue {
        width: 132px;
        font-size: 14px;
    }

    .netterm_datatable .makepayment>span {
        width: 100%;
        margin-left: 0;
    }

    .netterm_datatable button.makepayment {
        margin-left: 0 !important;
        width: 100%;
    }

    .netterms_select #radio_btn>div {
        width: auto;
    }

    .netterms_select #radio_btn>div {
        font-size: 14px;
    }

    .ntpayment .submit.nt-autofill span {
        padding: 8px;
    }

    span.nt-or {
        margin: 0 12px;
    }

    span.nt-or:after,
    span.nt-or:before {
        content: none;
    }

    .btn-wlout .bottm_netterm_btns.neworder-css {
        float: right;
    }

    .btn-wlout .bottm_netterm_btns .button {
        margin-top: 0;
    }

    .btn-wlout .bottm_netterm_btns .button span {
        padding: 3px 0px;
        min-width: 40px;
    }

    .nt-buttons-set {
        margin-bottom: 20px;
    }

    .dbox-whole h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .dbox-whole p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .m-cencellation-container>p {
        padding: 5px 8px 5px 30px;
        background-position: 6px center;
        font-size: 14px;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {

    .ntpayment input.productprice,
    .ntpayment input.productpricefilter,
    input.nt-totaldue {
        width: 100%;
        margin-right: 5px;
        margin-bottom: 12px;
    }

    .ntinput-group select.select.od-sel-width {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .ntt-iunderstand label {
        font-size: 14px;
    }

    .netterm-dwld {
        margin: -2px 0 0;
    }

    .ntinput-group button {
        width: 100%;
    }

    .ntinput-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .neworder-css.netterm-dwld div#downlaod_btn .button span {
        line-height: 12px;
    }

    .popup-otp-disable,
    .popup-otp {
        margin-top: 0;
    }

    .popup-otp-disable>a {
        float: left !important;
    }

    .nttauto-payment>p {
        font-size: 14px;
    }

    .saved-card-recurring>li {
        display: flex;
    }

    .saved-card-recurring>li>.scard-left {
        display: flex;
        height: auto;
        width: 32px;
    }
    .saved-card-recurring>li>.scard-right{
        width: calc(100% - 35px);
    }

    .saved-card-recurring>li>.scard-left>input[type="radio"] {
        margin-left: 6px;
    }

    span.nt-or {
        text-align: center;
        display: block;
        height: 40px;
        width: 40px;
        float: none;
        margin: 0 auto;
        margin-top: 10px;
        line-height: 40px;
    }

    span.nt-or:after,
    span.nt-or:before {
        content: "";
        width: 100px;
        top: 20px;
    }

    span.nt-or:after {
        left: 39px;
    }

    span.nt-or:before {
        right: 39px;
    }

    .sp-sm-button h1 {
        text-align: left;
        width: 100%;
    }

    div#downlaod_btn.responsive-dwnld {
        margin-top: 0;
        width: auto;
    }

    .addressBook_popUp .addressdetails .popup-otp-disable {
        margin-top: 0;
    }

    .addresses-list .popup-otp-disable>a {
        float: none !important;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment .ntt-iunderstand label {
        font-size: 14px;
        line-height: 20px;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu li .ach-tab {
        padding: 8px 10px;
        width: auto;
        min-width: auto;
        font-size: 13px;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment > p {
        font-size: 14px;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment {
        padding: 15px 15px;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment .tab-menu {
        max-width: 298px;
        justify-content: space-between;
    }
    .common-tabs.nt-tab .tab-content .nttauto-payment .tab-container {
        padding: 0;
    }
}

@media screen and (max-width: 350px) {
    .saved-card-recurring>li>.scard-right {
        padding-left: 8px;
    }

    .saved-card-recurring>li>.scard-right>label>.saved-card-info {
        margin: 5px 0 0 4px;
    }
}

/* Net Term style End */

/* MM left menu CSS Start */

.myaccount-design ul li i {
    display: none;
}

.ex-menu-check {
    cursor: pointer;
}

.expand-submenu {
    position: relative;
    padding-top: 40px;
    margin-top: 30px;
    border-top: 1px solid #B8B8B8;
    display: none;
}

.expand-submenu>input[type=checkbox] {
    display: none;
}

.ex-menu-check {
    display: flex;
    align-items: center;
    max-width: 260px;
    padding: 0 20px;
}

.ex-menu-check:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    position: absolute;
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 4px;
    left: 20px;
}

.expand-submenu>input[type=checkbox]:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-size: 62px;
    background-image: var(--my-account-sprite-bg);
    background-position: -24px -765px;
    background-repeat: no-repeat;
}

.ex-menu-check p {
    padding: 0 0 0 35px;
    margin: 0;
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 400;
}

.info-tooltip {
    position: relative;
    display: inline-block;
    padding: 0 0 0 5px;
    top: 2px;
}

.info-tooltip .tooltiptext-new {
    border-radius: 0px 11px 11px 11px;
    background: #EEE;
    position: absolute;
    z-index: 9;
    padding: 10px 10px 10px 15px;
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 400;
    width: 251px;
    top: 6px;
    left: 25px;
    visibility: hidden;
}

.info-tooltip:hover .tooltiptext-new {
    visibility: visible;
}

.sidebar-open .expand-submenu,
.col-main-full+.col-left .expand-submenu {
    display: block;
}

.col-left {
    max-width: 170px;
}

.sidebar-open.col-left {
    max-width: 330px;
    z-index: 99;
    position: absolute;
}

.myaccount-design ul li input[type=checkbox] {
    width: auto;
    height: auto;
    z-index: 0;
}

.sidebar-open .myaccount-design ul li input[type=checkbox],
.col-main-full+.col-left .myaccount-design ul li input[type=checkbox] {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.block-account .block-content.myaccount-design li a:hover {
    color: var(--gray-plus-icon);
}

.sidebar-open .block-account .myaccount-design li .icon-list,
.col-main-full+.col-left .block-account .myaccount-design li .icon-list {
    display: flex;
    padding-right: 15px;
}

.sidebar-open .myaccount-design ul li i,
.col-main-full+.col-left .myaccount-design ul li i {
    display: block;
}

.sidebar-open .myaccount-design ul.main-ul-height,
.col-main-full~.sidebar .myaccount-design ul.main-ul-height {
    min-height: 540px;
}

.sidebar-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 15px;
}

.sidebar-open .sidebar-head,
.col-main-full+.col-left .sidebar-head {
    justify-content: space-between;
}

.sidebar-arrow {
    cursor: pointer;
    display: none;
}

.sidebar-open .sidebar-arrow,
.col-main-full+.col-left .sidebar-arrow {
    cursor: pointer;
    display: block;
    transform: rotate(180deg);
}

.sidebar-open .sidebar-arrow.close-sidebar-arrow,
.col-main-full+.col-left .sidebar-arrow.close-sidebar-arrow {
    transform: none;
}

.col2-left-layout .col-main {
    float: right;
    max-width: calc(100% - 200px);
    width: 100%;
}

.col2-left-layout .col-main-full.col-main {
    float: right;
    max-width: calc(100% - 380px);
    width: 100%;
}

.col-main-full+.col-left {
    max-width: 330px;
}

.myaccount-design span.price.store_credit_price {
    color: var(--gray-plus-icon);
}

.myaccount-design ul.myacc-submenu li a:hover span.due {
    color: var(--primary-color) !important;
}

.myaccount-design ul.myacc-submenu li a:hover span.due span.price {
    color: var(--secondary-color) !important;
}

@media screen and (max-width: 1024px) {
    .col2-left-layout .col-main {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .col2-left-layout .col-main-full.col-main {
        max-width: 100%;
        width: 100%;
    }

    .left-menu-mobile li a {
        text-transform: capitalize !important;
    }
}
/* New Rma design css start */
.rma-main-wrapper {
    width: 100%;
    display: block;
}

.rma-main-wrapper .rma-banner {
    border-radius: 26px;
    background: #D9FFF6;
    padding: 15px 45px 20px;
    background-image: url(../images/productreturn-rma/rma-banner-letest.png);
    background-repeat: no-repeat;
    background-position: bottom right 105px;
}

.rma-main-wrapper .rma-banner h1 {
    color: #454545;
    font-size: 36px;
    font-weight: 600;
}

.rma-main-wrapper .rma-banner p {
    color: #454545;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.13px;
    max-width: 600px;
    margin: 0;
}

.rma-search-section-block {
    margin: 30px 0 0;
}

.nice-select.rma-common-select.search-product-type-select {
    display: none;
}

.rma-search-section-block .action-btn-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 35px;
}

.rma-search-section-block .action-btn-block:last-child {
    margin-bottom: 0;
    margin-top: 35px;
}

.rma-search-section-block .action-btn-block .rma-back-link {
    color: var(--dark-color);
    font-size: 19px;
    font-weight: 400;
    margin-right: auto;
}

.action-btn {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.action-btn .btn {
    border-radius: 100px;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 18px;
    min-width: 105px;
    cursor: pointer;
    background-color: var(--white-color);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.action-btn .btn.rma-btn-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
    box-shadow: none;
}

.action-btn .btn.rma-disable-btn {
    background: #DDD;
    color: #8D8D8D;
    pointer-events: none;
    box-shadow: none;
}

.rma-search-section-block .action-btn-block .action-btn .btn:first-child {
    margin-right: 28px;
}

.rma-search-section-block .action-btn-block .action-btn .btn:last-child {
    margin: 0;
}

.search-product-block {
    box-shadow: 0px 0px 5.861px rgba(133, 133, 133, 0.30);
    border-radius: 15px;
    padding: 28px 28px 45px;
    margin-bottom: 30px;
}

.rma-ques {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 35px;
    max-width: 1100px;
}

.rma-ques .select-category-data,
.scan-get-product-block {
    display: flex;
    align-items: center;
}

.rma-ques .select-category-data>.rma-common-select {
    min-width: 120px;
}

.rma-ques .select-category-data>span {
    color: var(--dark-color);
    font-size: 19px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 15px 0 0;
}

.rma-ques .scan-get-product-block a {
    color: #179BD7;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    text-decoration-line: underline;
    margin-left: 15px;
}

.rma-ques .scan-get-product-block a:first-child {
    padding-right: 12px;
    border-right: 1px solid #B6B6B6;
}

.search-input-block {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.search-input-block>.rma-common-select {
    position: absolute;
    max-width: 150px;
    margin-top: 12px;
    padding: 12px;
    height: auto;
    width: 100%;
    line-height: normal;
}

.nice-select.rma-common-select {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    padding: 10px 30px 10px 10px;
}

.search-custom-sku-div.cform-checkbox {
    margin-top: 10px;
}

.search-custom-sku-div.cform-checkbox label {
    color: #949393;
}

.search-custom-sku-div.cform-checkbox label:before {
    border-color: #949393;
}

.nice-select.rma-common-select:after {
    height: 9px;
    right: 22px;
    width: 9px;
    border-bottom: 2px solid var(--dark-color);
    border-right: 2px solid var(--dark-color);
    margin-top: -8px;
}

.nice-select.rma-common-select .list {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding-top: 10px;
}

.nice-select.rma-common-select .current,
.rma-common-select .list .option {
    white-space: normal;
}

.nice-select.rma-common-select .list .option {
    line-height: normal !important;
    padding: 0 15px 7px !important;
    display: flex;
    align-items: center;
}

.nice-select.rma-common-select .list .option.selected.focus,
.nice-select.rma-common-select .list .option:hover {
    background-color: transparent;
}

.nice-select.rma-common-select .list .option.selected {
    color: var(--primary-color);
    font-weight: 500;
}

.product-name-block {
    max-width: 850px;
    width: 100%;
    margin: 0 auto 40px;
    position: relative;
}

.product-name-block>input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    color: var(--dark-color);
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-top: -12px;
    padding: 14px 40px 14px 18px;
    background-image: url(../images/productreturn-rma/rma-search.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.product-name-block>input::-webkit-input-placeholder {
    color: #949393;
    line-height: 16px;
}

.product-name-block>input:focus {
    border: 1px solid var(--dark-color);
}

.product-name-block>label {
    color: #949393;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.28px;
    margin-left: 23px;
    position: relative;
    background-color: var(--white-color);
    padding: 0 5px;
}

.rma-dropdown-data {
    border-radius: 10px;
    box-shadow: 0px 1px 5.861px rgba(133, 133, 133, 0.30);
    position: absolute;
    top: 75px;
    width: 100%;
    padding: 13px 15px;
    background-color: var(--white-color);
    z-index: 2;
}

.search-found-data {
    position: relative;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    padding-right: 10px;
}


.search-found-data .nomatch {
    color: var(--error-color);
    font-size: 14px;
    text-align: center;
}

.search-found-data::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    padding-right: 10px;
}

.search-found-data::-webkit-scrollbar-track {
    background-color: transparent;
}

.search-found-data::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 15px;
}

.search-found-data .search-data-li {
    padding: 7px 0;
    border-bottom: 1px solid #D1CCCC;
    display: flex;
}

.search-found-data .search-data-li:first-child {
    padding-top: 0;
}

.search-found-data .search-data-li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.search-found-data .search-data-li .search-detail {
    display: flex;
    padding: 7px 10px;
    width: 100%;
    border-radius: 7px;
    transition: 0.5s all;
    cursor: pointer;
}

.search-found-data .search-data-li:hover .search-detail,
.search-found-data .search-data-li.selected .search-detail {
    background: rgba(241, 6, 0, 0.07);
}

.search-found-data .search-data-li .search-detail figure {
    max-width: 100px;
    width: 94px;
    max-height: 86px;
    margin: 0 10px 0 0;
    padding: 3px 0;
    background-color: var(--white-color);
}

.search-found-data .search-data-li .search-detail figure>img {
    max-height: 100%;
}

.search-found-data .search-data-li .search-detail .product-content {
    max-width: calc(100% - 104px);
    width: 100%;
}

.search-found-data .search-data-li .search-detail .product-content .product-name {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.search-found-data .search-data-li .search-detail .product-content .product-name>.found-highlight,
.search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span>.found-highlight {
    color: var(--error-color);
}

.search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 10px;
}

.search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span {
    color: #616161;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    padding-right: 26px;
    margin-right: 22px;
    border-right: 1px solid #B6B6B6;
}

.search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span>b {
    font-weight: 500;
}

.search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}

.rma-common-tooltip {
    position: relative;
    display: inline-block;
    font-style: normal;
    margin-left: 3px;
    cursor: pointer;
    vertical-align: middle;
}

.rma-common-tooltip>.tooltip-content {
    display: none;
    position: absolute;
    border-radius: 8px;
    background: var(--white-color);
    box-shadow: 0px 1.068px 8.542px 0px rgba(0, 0, 0, 0.14);
    min-width: 200px;
    padding: 10px 8px;
    top: 25px;
    left: -95px;
    color: #414141;
    font-size: 9px;
    font-weight: 400;
    line-height: normal;
    z-index: 1;
}

.rma-common-tooltip:hover>.tooltip-content {
    display: block;
}

.rma-common-tooltip:hover>svg>path {
    fill: var(--primary-color);
}

.rma-common-tooltip>.tooltip-content>svg {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
}

.search-clicked-data {
    width: 100%;
    display: block;
}

.clicked-data-detail-block {
    padding-top: 15px;
}

.clicked-data-detail-block .clicked-prod-detail {
    display: flex;
    flex-wrap: wrap;
    padding: 0 17px;
}

.clicked-data-detail-block .clicked-prod-detail figure {
    max-width: 140px;
    max-height: 140px;
    width: 100%;
    margin: 0;
    margin-right: 15px;
    border-radius: 11.417px;
    background: var(--white-color);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 5px;
}

.clicked-data-detail-block .clicked-prod-detail figure img {
    max-height: 100%;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail {
    max-width: calc(100% - 155px);
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span {
    border-radius: 10px;
    background: #F5F5F5;
    padding: 10px;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-name {
    margin-right: 10px;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-type {
    max-width: 140px;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span:before {
    content: "";
    position: absolute;
    top: -16px;
    color: #949393;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.24px;
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-name:before {
    content: "item";
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-type:before {
    content: "type";
}

.clicked-data-detail-block .clicked-prod-detail .product-detail .get-prod-detail {
    display: flex;
    flex-wrap: nowrap;
    margin: 6px 0 0;
}

.enter-data-box {
    margin-right: 15px;
    width: 100%;
}

.set-first-child-small .enter-data-box:first-child,
.set-first-child-small .enter-data-box.enter-data-bx:first-child {
    max-width: 135px;
}

.enter-data-box:nth-child(2) {
    max-width: 230px;
}

.enter-data-box:last-child {
    margin: 0;
}

.enter-data-box label {
    color: #949393;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.28px;
    margin-left: 20px;
    background-color: var(--white-color);
    padding: 0 5px;
    z-index: 1;
    position: relative;
}

.enter-data-box label>em {
    font-style: normal;
}

.enter-data-box input,
.enter-data-box .rma-common-select,
.enter-data-box>textarea {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background-color: var(--white-color);
    margin-top: -12px;
    padding: 20px;
    height: auto;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.enter-data-box .rma-common-select {
    max-height: 62px;
    height: 62px;
    padding: 10px 60px 10px 10px;
}

.enter-data-box.input-readonly-imei {
    margin-top: -9px;
}

.enter-data-box.enter-data-bx.input-readonly-imei {
    margin-top: -23px;
}

.enter-data-box.input-readonly-imei>label {
    color: #949393;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.24px;
    margin: 0 0 0 9px;
    padding: 0;
}

.enter-data-box.input-readonly-imei>input {
    margin-top: -2px;
    border-radius: 10px;
    background: #F5F5F5;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    border: 0;
    padding: 20px 12px;
}

.clicked-data-detail-block .clicked-prod-detail .prod-order-data-block {
    margin: 10px 0 18px;
    padding: 18px 20px;
    border-radius: 15px;
    background: #F8F8F8;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span {
    color: #616161;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #B6B6B6;
}

.clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span:last-child {
    margin-right: 0;
    border-right: 0;
}

.clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span>b {
    font-weight: 500;
}

.add-data-btn-block {
    padding-top: 14px;
    padding-bottom: 5px;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid #C8C8C8;
}

.selected-prod-list {
    width: 100%;
}

.rma-accordion-item {
    padding: 40px 0 20px;
    border-top: 1px solid #9E9E9E;
}

.rma-accordion-item:last-child {
    padding-bottom: 0;
}

.rma-common-select .nice-select-search-box {
    display: none !important;
}

.rma-common-select.nice-select.open .nice-select-search-box+.list {
    margin-top: 5px !important;
    border-radius: 10px;
    min-height: auto;
}

.rma-title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.rma-title-block h2 {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    padding-left: 8px;
}

.rma-title-block h2:before {
    content: '';
    height: 15px;
    width: 4px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 10px;
}

.rma-title-block .total-items {
    display: flex;
    align-items: center;
}

.rma-title-block .total-items .total-count {
    color: var(--dark-clor);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    transition: 0.5s all;
}

.rma-title-block .total-items svg {
    margin-left: 25px;
    cursor: pointer;
    max-width: 14px;
}

.rma-title-block .total-items.rma-accordion-active svg {
    transform: rotate(180deg);
}

.rma-item-lists-block {
    width: 100%;
}

.rma-item-lists-block .rma-item-list {
    padding: 15px 0 20px;
    border-top: 1px dashed #C5C5C5;
}

.rma-item-lists-block .rma-item-list {
    padding: 30px 0 20px;
    border-top: 1px dashed #C5C5C5;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part figure {
    border-radius: 5px;
    background: var(--white-color);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    max-width: 60px;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    margin: 0 7px 0 0;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part figure>img {
    max-height: 100%;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .prod-name {
    border-radius: 10px;
    background: #F5F5F5;
    padding: 12px;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 12px;
    position: relative;
    max-width: 336px;
    width: 100%;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .detail-enter-block {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.enter-data-box.enter-data-bx {
    margin-top: -14px;
    margin-right: 8px;
    max-width: 216px;
}

.enter-data-bx>input,
.enter-data-bx>.rma-common-select,
.enter-data-bx>textarea {
    margin-right: 8px;
    max-width: 216px;
    display: block;
}

.enter-data-box>textarea {
    min-height: 62px;
    padding: 10px;
    max-height: 200px;
    min-width: 100px;
    width: 100%;
    resize: vertical;
    overflow: hidden;
}

.enter-data-box.enter-data-bx.take-full-width {
    max-width: calc(100% - 200px);
    width: 100%;
}

.enter-data-box.enter-data-bx.take-full-width>textarea {
    max-width: 100%;
}

.enter-data-bx>.rma-common-select {
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 10px;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .prod-name:before {
    content: 'item';
    position: absolute;
    top: -15px;
    color: #949393;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.24px;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .delete-prod {
    cursor: pointer;
    position: absolute;
    right: 27px;
    top: 18px;
}

.prod-detail-second-part {
    width: 100%;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
    background: #F8F8F8;
    align-items: center;
    padding: 8px 18px;
}

.prod-detail-second-part .prod-sku-status-block {
    display: flex;
    flex-wrap: nowrap;
    max-width: calc(100% - 300px);
    width: 100%;
}

.prod-detail-second-part .prod-sku-status-block>span {
    color: #5E5E5E;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 18px;
    padding-right: 18px;
    border-right: 1px solid #B6B6B6;
}

.prod-detail-second-part .prod-sku-status-block>span>b {
    font-weight: 500;
}

.prod-image-upload-data-block {
    width: 300px;
    display: flex;
    align-items: center;
}

.prod-detail-second-part .prod-sku-status-block>span:last-child {
    margin: 0;
    padding: 0;
    border-right: 0;
}

.prod-image-upload-data-block p {
    color: #C0C0C0;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 10px;
    margin-bottom: 0;
    max-width: 52px;
}

.prod-image-upload-data-block .upload-type-block {
    border-radius: 15px;
    background: #FFF;
    max-width: calc(100% - 60px);
    padding: 12px;
    color: #179BD7;
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    width: 100%;
    text-align: center;
}

.prod-image-upload-data-block .upload-type-block>a {
    color: #179BD7;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #B6B6B6;
    text-decoration: underline;
}

.prod-image-upload-data-block .upload-type-block .upload-from-local {
    text-decoration: underline;
}

.upload-type-block.disable-upload>a,
.upload-type-block.disable-upload>.upload-from-local {
    opacity: 0.5;
    pointer-events: none;
}

.prod-image-upload-data-block .upload-type-block .upload-from-local>label {
    cursor: pointer;
}

.prod-image-upload-data-block .upload-type-block .upload-from-local>input[type="file"] {
    display: none;
}

.upload-files-list-data {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: flex-start;
}

.upload-files-list-data>span {
    color: #5E5E5E;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-right: 15px;
    min-width: 75px;
}

.upload-files-list-data .uploaded-file-list {
    display: flex;
    flex-wrap: wrap;
}

.upload-files-list-data .uploaded-file-list li {
    margin-right: 10px;
    color: #179BD7;
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    text-decoration-line: underline;
    cursor: pointer;
    margin-bottom: 10px;
}

.upload-files-list-data .uploaded-file-list li .remove-img {
    margin-left: 3px;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .detail-enter-block .enter-data-bx>span {
    padding: 12px;
    min-height: 62px;
    width: 216px;
}

.rma-item-lists-block .rma-item-list .prod-detail-first-part .detail-enter-block .enter-data-bx>span[contenteditable="true"]:empty:before {
    content: attr(data-placeholder);
    color: #AEAEAC;
}


/* New Rma design css end */




/************* New Rma step Design Start *************/
.rma-step {
    box-shadow: 0px 0px 5.861px rgba(133, 133, 133, 0.30);
    border-radius: 15px;
    padding: 30px 30px;
    margin-bottom: 20px;
}

.rma-step .step-title {
    width: 100%;
}

.rma-step .step-title h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    margin: 0 auto 0 0;
    padding: 0 0 0 24px;
    position: relative;
    color: var(--dark-black-color-one);
}

.rma-step.completed .step-title h3 {
    font-size: 15px;
    font-weight: 500;
    padding: 0;

}

.rma-step .step-title h3 span {
    background-color: var(--white-color);
    position: relative;
    padding: 0 40px 0 0;
}

.rma-step .step-title h3 svg {
    margin: 0 10px 0 0;
}

.rma-step .step-title h3::before {
    content: "";
    max-width: 100%;
    height: 1px;
    border-top: 1px dashed var(--grey-border-color);
    position: absolute;
    top: 50%;
    width: calc(100% - 100px);
    left: auto;
    right: 0;
    transform: translate(0, -50%);
}

.rma-step.completed .step-title h3 span {
    padding: 0;
}

.rma-step.completed .step-title h3::before {
    display: none;
}

.rma-step .step-title h3:after {
    content: "";
    width: 4px;
    height: 11px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
}

.rma-step.completed .step-title h3::after {
    content: "";
    border-radius: 0px 2px 2px 0px;
    background: var(--primary-color);
    width: 3px;
    height: 33px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translate(0, -50%);
}

.rma-step.completed {
    padding: 14px 30px;
}

.rma-step.completed .step-title {
    display: flex;
    align-items: center;
}

.rma-step .selected-item {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 720px;
}

.rma-step .selected-item ul {
    border-radius: 9px;
    background: var(--light-white-color);
    padding: 10px 25px;
    width: calc(100% - 80px);
}

.rma-step .selected-item ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.rma-step .selected-item ul li label {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--dark-black-color-one);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.selected-item ul li span {
    color: var(--dark-black-color-two);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.selected-item .edit-btn {
    min-width: 28px;
    min-height: 28px;
    text-align: center;
    line-height: 28px;
    background-color: var(--addresspopup-light-bcolor);
    border-radius: 50%;
    margin-right: 0;
    margin-left: auto;
    margin-top: 0;
}

.step-content {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.credit-form {
    padding: 30px 0 30px 15px;
    width: 100%;
    margin: 0;
    display: block;
    border-bottom: 1px dashed var(--grey-border-color);
}

.credit-form .form-radio {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 0;
    display: block;
    position: relative;
}

.credit-form .form-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 20px;
    min-height: 20px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid var(--dark-color);
    background-color: var(--white-color);
    border-radius: 50%;
    cursor: pointer;
    margin: 4px 20px 0 10px;
    display: inline-block;
    vertical-align: top;
}

.credit-form .form-radio input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.credit-form .form-radio label {
    color: var(--dark-color);
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    vertical-align: top;
    display: inline-block;
}

.credit-form .form-radio label span {
    display: block;
}

.credit-form .form-radio label .no-fee {
    display: inline-block;
    width: 90px;
    border-radius: 100px;
    background: var(--grey-title-bgcolor);
    color: var(--light-grey-color-four);
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
}

.step-content .error-message {
    color: #DF280A;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
    text-align: left;
    margin: 10px 0 0px 0;
    padding: 0 0;
}
.from-step {
    padding: 30px 0 30px 0px;
    width: 100%;
    margin: 0;
    display: block;
    border-bottom: 1px dashed var(--grey-border-color);
}

.from-step:last-child {
    border: 0;
}

.shipping-from {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 880px;
}

.from-step h3 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 30px 0;
    padding: 0 0 0 24px;
    display: block;
    position: relative;
}

.from-step h3::after {
    content: "";
    width: 4px;
    height: 11px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
}

.shipping-from .from-inner {
    padding: 0 0 0 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shipping-from .from-inner.shipping-method-from {
    justify-content: unset;
    gap: 10px;
}

.enter-data-box.cform-col-half {
    max-width: 100%;
    width: calc(50% - 20px);
    margin: 0;
}

.shipping-from .cform-col {
    max-width: 100%;
    width: calc(33.33% - 6px);
    margin: 0;
}

.enter-data-box .rma-common-select ul.list {
    max-height: 210px;
    overflow: auto;
}

.shipping-from .enter-data-box {
    margin-bottom: 15px;
    margin-right: 0;
}

.shipping-method-from .enter-data-box textarea {
    min-height: 130px;
}

.select-options {
    width: 100%;
    margin: 0;
    padding: 0;
}

.select-options h4 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin: 15px 0 30px 0;
    padding: 0;
}

.select-options p {
    color: #5F5F5F;
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.13px;
    text-align: justify;
}

.select-options .cform-checkbox {
    margin-bottom: 25px;
    gap: 10px;
    display: flex;
}

.select-options .cform-checkbox input,
.require-multi input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.select-options .cform-checkbox label,
.require-multi label {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    padding-left: 30px;
    position: relative;
}

.select-options .cform-checkbox label:before,
.require-multi label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2.1px;
    border: solid 1px var(--dark-color);
    position: absolute;
    left: 0;
    top: 2px;
}

.select-options .cform-checkbox input:checked+label:before,
.require-multi input:checked+label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.select-options .cform-checkbox input:checked+label:after,
.require-multi input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 5px;
    height: 10px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.returns-address h3 {
    margin-bottom: 20px;
}

.returns-address>p {
    margin: 0 0 30px 0;
    padding: 0 0 0 25px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.address-box {
    border-radius: 9px;
    background: #F9F9F9;
    max-width: 300px;
    margin: 0 0 0 25px;
    padding: 15px 20px;
    position: relative;
}

.address-box h4 {
    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.14px;
    border-bottom: 1px dashed #DEDEDE;
    margin: 0;
    padding: 0 0 12px 0;
}

.address-box p {
    margin: 0;
    padding: 10px 10px 5px;
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.address-box:after {
    content: "";
    width: 4px;
    height: 60px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    border-radius: 0px 10px 10px 0px;
}

.require-multi {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 10px 0 25px 0;
    padding: 0;
}

.each-box {
    border-radius: 100px;
    background: rgba(222, 15, 38, 0.05);
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
    padding: 5px 14px;
}

.each-box svg {
    border-right: 1px solid #000;
    padding: 0 2px 0 0;
    margin: 0 8px 0 0;
}

.each-box a {
    color: #179BD7;
    text-align: justify;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
}

.each-box span {
    color: #F10600;
    font-weight: 500;
    letter-spacing: 0.1px;
    font-size: 10px;
    margin-left: 5px;
}

.notbox {
    width: 100%;
    display: block;
    margin: -5px 0 25px 0;
    padding: 0;
}

.notbox p {
    margin: 0;
    color: #535353;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    border-radius: 9px;
    background: #F9F9F9;
    max-width: 440px;
    padding: 12px 20px;
    position: relative;
}

.notbox p:after {
    content: "";
    width: 4px;
    height: 30px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    border-radius: 0px 10px 10px 0px;
}

.order-list {
    margin: 0;
    padding: 0 0 0 30px;
    display: block;
}

.order-list ul {
    margin: -15px 0 10px 0;
    padding: 0;
    width: 100%;
    display: block;
}

.order-list ul li .cform-checkbox {
    margin-bottom: 8px;
}

/************* New Rma step Design End *************/

/* D rama */
.rma-importcsv-popup .conform-bx-inner {
    border-radius: 26px;
    padding: 30px 22px;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.rma-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #c5c5c5;
    padding: 0 5px 15px;
}

.rma-title {
    font-size: 22px;
    font-weight: 600;
}

.import-middle {
    padding: 30px 55px 10px;
}

.file-error-msg,
.file-success-msg {
    display: flex;
    border-radius: 15px;
    max-width: 465px;
    margin: 0 auto 26px;
    padding: 7px 15px 7px;
}

.file-error-msg {
    background: #FFF2F4;
}

.file-error-msg span,
.file-success-msg span {
    font-size: 15px;
    margin: auto;
}

.file-error-msg .extra-info {
    font-size: 12px;
    margin-left: 50px;
    position: relative;
}

.file-error-msg .extra-info:before {
    content: "";
    background-image: url(../images/address-book/internet-connection-icon.svg);
    width: 24px;
    height: 17px;
    background-size: 100%;
    position: absolute;
    left: -30px;
    top: 0px;
    background-repeat: no-repeat;
}

.file-error-msg span {
    color: #E42D41;
}

.file-success-msg span {
    color: #00A14B;
}

.file-success-msg {
    background: #EEFCE8;
}

.file-error-msg span strong,
.file-success-msg span strong {
    font-weight: 600;
}

.file-error-msg a {
    display: inline-block;
    line-height: 30px;
    float: right;
}

.importfile-list {
    margin-bottom: 30px;
}

.importfile-list .import-label {
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    margin-bottom: 10px;
}

.importfile-list .import-label span {
    font-size: 13px;
    position: relative;
    padding-left: 10px;
}

.importfile-list .import-label span:before {
    content: '';
    position: absolute;
    left: 0;
    background-color: #E42D41;
    height: 14px;
    width: 4px;
    top: 2px;
    border-radius: 10px;
}

.importfile-list .import-label a,
.importfile-list .uploaded-area a.file-remove {
    font-size: 15px;
    color: #179BD7;
    text-decoration: underline;
    font-weight: 500;
}

.importfile-list .import-area {
    border: 1px dashed var(--dark-color);
    border-radius: 15px;
    padding: 18px 0;
    min-height: 73px;
}

.import-area .upload-from-local {
    font-size: 12px;
    color: var(--input-placeholder-color);
    text-align: center;
    margin-left: 100px;
    position: relative;
    margin-top: 9px;
    display: inline-block;
}

.import-area .upload-from-local label {
    position: absolute;
    left: -75%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: right;
    border: 1px solid;
    border-radius: 25px;
    padding: 5px 15px 5px 15px;
    font-size: 15px;
    line-height: normal;
    cursor: pointer;
}

.import-area .upload-from-local label:before {
    content: "";
    background-image: url(../images/address-book/rma-file-upload.svg);
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 5px;
}

.import-area .upload-from-local input[type="file"] {
    display: none;
}

.importfile-list .uploaded-area {
    background: #f7f7f7;
    border-radius: 19px;
    min-height: 71px;
    display: flex;
    width: calc(100% + 50px);
    margin-left: -25px;
    padding: 20px 20px 20px 50px;
    line-height: 30px;
    text-align: left;
}

.importfile-list .uploaded-area .uploaded-file-name {
    margin-right: 20px;
    color: var(--tooltip-color);
    font-size: 14px;
    font-weight: 500;
}

.rma-importcsv-popup .btn-area {
    text-align: right;
    padding-right: 55px;
    justify-content: flex-end;
}

.rma-importcsv-popup .btn-area button.import.disable {
    background: var(--dark-black-color-three);
    color: var(--btn-disabled-bg);
}

.rma-importcsv-popup .btn-area button.import {
    border: none;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    border-radius: 25px;
    min-width: 130px;
    box-shadow: none;
    background: var(--primary-color);
    color: var(--white-color);
}

.rma-loader {
    position: relative;
    display: none;
}

.rma-loader .loader-text {
    margin-top: 50px;
    display: block;
    font-size: 15px;
}

.rma-loader:before,
.rma-loader:after {
    content: "";
    position: absolute;
    top: -40px;
    left: calc(50% - 15px);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 3px solid rgba(255, 242, 244, 0.5);
}

.rma-loader:before {
    z-index: 100;
    animation: spin 1s infinite;
    border-top-color: var(--primary-color);
}

@media screen and (max-width:1100px) {
    .rma-main-wrapper .rma-banner {
        background-position: bottom right 35px;
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part {
        flex-wrap: wrap;
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .delete-prod {
        right: inherit;
        position: relative;
        top: inherit;
        margin-left: 20px;
        margin-top: 18px;
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .prod-name {
        position: relative;
        max-width: calc(100% - 110px);
        width: 100%;
        min-height: 60px;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .detail-enter-block {
        width: 100%;
        margin-top: 20px;
    }

    .set-first-child-small .enter-data-box:first-child,
    .set-first-child-small .enter-data-box.enter-data-bx:first-child,
    .enter-data-box.enter-data-bx {
        max-width: 100%;
    }

    .prod-detail-second-part .prod-sku-status-block {
        max-width: 100%;
        margin: 10px 0;
    }

    .enter-data-bx>input,
    .enter-data-bx>.rma-common-select,
    .enter-data-bx>textarea {
        max-width: 100%;
    }
}

@media screen and (max-width:992px) {
    .rma-main-wrapper .rma-banner p {
        max-width: 420px;
    }

    .clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:840px) {
    .rma-ques .select-category-data>span {
        line-height: 24px;
        max-width: 200px;
    }

    .clicked-data-detail-block .clicked-prod-detail .product-detail .get-prod-detail {
        flex-wrap: wrap;
    }

    .prod-detail-second-part .prod-sku-status-block {
        flex-wrap: wrap;
    }

    .prod-detail-second-part .prod-sku-status-block>span {
        width: calc(50% - 18px);
        margin-bottom: 10px;
    }

    .prod-detail-second-part .prod-sku-status-block>span:nth-child(2n) {
        border-right: 0;
    }

    .shipping-from .cform-col {
        width: calc(50% - 6px);
    }

    .enter-data-box:nth-child(2) {
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .clicked-data-detail-block {
        max-height: 300px;
        overflow: auto;
        padding: 20px 5px 5px;
    }

    .rma-main-wrapper .rma-banner {
        background-position: bottom right 25px;
        padding: 15px 25px 20px;
        background-size: 220px;
    }

    .enter-data-box,
    .set-first-child-small .enter-data-box:first-child,
    .set-first-child-small .enter-data-box.enter-data-bx:first-child,
    .enter-data-box:nth-child(2) {
        max-width: 100%;
        margin: 0;
    }

    .enter-data-box .rma-common-select {
        padding: 20px 60px 20px 20px;
        max-height: fit-content;
    }

    .prod-order-data-block .rma-common-tooltip>.tooltip-content {
        top: -85px;
        left: -120px;
    }

    .prod-order-data-block .rma-common-tooltip>.tooltip-content>svg {
        bottom: -10px;
        left: 62%;
        top: initial;
        transform: translateX(-50%) rotate(180deg);
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .detail-enter-block {
        flex-wrap: wrap;
        margin: 10px 0;
    }

    .enter-data-box.enter-data-bx {
        margin: 0;
    }

    .enter-data-box.enter-data-bx.take-full-width {
        max-width: 100%;
    }

    .rma-step.completed {
        padding: 14px 20px;
    }

    .rma-step {
        padding: 30px 20px;
    }

    .rma-step.completed .step-title h3::after {
        left: -20px;
    }

    .rma-step .selected-item {
        max-width: 430px;
    }

    .rma-step .selected-item ul {
        width: calc(100% - 50px);
    }

}

@media screen and (max-width:640px) {
    .rma-main-wrapper .rma-banner {
        margin-top: 30px;
        padding: 15px 25px 110px;
    }

    .rma-main-wrapper .rma-banner p {
        max-width: 100%;
    }

    .rma-search-section-block .action-btn-block .action-btn .btn:first-child {
        margin-right: 20px;
    }

    .rma-ques {
        flex-wrap: wrap;
    }

    .rma-ques .select-category-data {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .rma-ques .select-category-data>span {
        max-width: calc(100% - 140px);
        width: 100%;
    }

    .shipping-from .cform-col {
        width: calc(100% - 0px);
    }

    .rma-step.completed .step-title {
        flex-wrap: wrap;
    }

    .rma-step .selected-item {
        max-width: 100%;
        margin-top: 10px;
    }

    .rma-step {
        padding: 20px 20px;
    }

    .credit-form {
        padding: 20px 0;
    }

    .rma-step .step-title h3 {
        font-size: 15px;
    }

    .from-step h3 {
        font-size: 15px;
        margin: 0 0 20px 0;
        padding: 0 0 0 15px;
    }

    .enter-data-box.cform-col-half {
        width: calc(100% - 0px);
    }

    .require-multi {
        flex-wrap: wrap;
    }

    .each-box {
        margin: 10px 0 0 0;
    }

    .from-step h3::after {
        left: 0;
    }

    .shipping-from .from-inner {
        padding: 0;
    }

    .order-list {
        padding: 0 0 0 10px;
    }

    .address-box {
        margin: 0 0 0 0;
    }

    .returns-address>p {
        padding: 0 0 0 0;
    }
}

@media screen and (max-width:536px) {
    .rma-title-block .total-items svg {
        margin-left: 15px;
    }

    .rma-main-wrapper .rma-banner h1 {
        font-size: 30px;
    }

    .import-middle {
        padding: 30px 0 10px;
    }

    .rma-importcsv-popup .btn-area {
        padding-right: 0;
    }

    .importfile-list .uploaded-area {
        width: 100%;
        margin-left: 0;
    }

    .importfile-list .import-label {
        padding: 0 15px;
    }

    .importfile-list .import-label a,
    .importfile-list .uploaded-area a.file-remove {
        font-size: 13px;
    }

    .file-error-msg span,
    .file-success-msg span {
        font-size: 12px;
    }

    .file-error-msg,
    .file-success-msg {
        border-radius: 10px;
        line-height: 1;
    }

    .file-error-msg a {
        line-height: 20px;
    }

    .importfile-list .uploaded-area {
        line-height: 22px;
    }

    .search-found-data .search-data-li .search-detail figure {
        width: 75px;
        max-height: 75px;
    }

    .search-found-data .search-data-li .search-detail,
    .search-found-data .search-data-li .search-detail .product-content .product-name {
        line-height: normal;
        font-size: 12px;
    }

    .search-found-data .search-data-li .search-detail .product-content {
        max-width: calc(100% - 84px);
    }

    .search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block {
        flex-wrap: wrap;
    }

    .search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span {
        margin-bottom: 5px;
        padding-right: 10px;
        margin-right: 10px;
    }

    .clicked-data-detail-block .clicked-prod-detail {
        padding: 0;
    }

    .clicked-data-detail-block .clicked-prod-detail figure {
        max-width: 100%;
        margin: 0 0 25px;
    }

    .clicked-data-detail-block .clicked-prod-detail .product-detail {
        max-width: 100%;
    }

    .clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data {
        flex-wrap: wrap;
    }

    .clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-name,
    .clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-type,
    .clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span {
        margin: 0;
        max-width: 100%;
    }

    .clicked-data-detail-block .clicked-prod-detail .product-detail .prod-data span.prod-name {
        margin-bottom: 20px;
    }

    .clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span {
        width: 100%;
        border: 0;
        padding: 0;
    }

    .clicked-data-detail-block .clicked-prod-detail .prod-order-data-block>span:last-child {
        margin-bottom: 0;
    }

    .prod-detail-second-part .prod-sku-status-block>span {
        width: 100%;
        border: 0;
        padding: 0;
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .prod-name {
        max-width: calc(100% - 100px);
    }

    .rma-item-lists-block .rma-item-list .prod-detail-first-part .delete-prod {
        margin-left: 10px;
    }
}

@media screen and (max-width:479px) {
    .search-product-block {
        padding: 28px 18px 35px;
    }

    .rma-search-section-block .action-btn-block {
        flex-wrap: wrap;
    }

    .action-btn {
        width: 100%;
        margin-top: 15px;
    }

    .action-btn .btn {
        width: 100%;
    }

    .rma-ques .select-category-data>span {
        max-width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .rma-ques .select-category-data>.rma-common-select {
        width: 100%;
    }

    .rma-ques .select-category-data,
    .scan-get-product-block {
        flex-wrap: wrap;
    }

    .rma-ques .scan-get-product-block a {
        margin-bottom: 10px;
    }

    .rma-dropdown-data {
        padding: 13px 10px;
    }

    .search-found-data {
        padding-right: 5px;
        padding-bottom: 0;
    }

    .search-found-data .search-data-li .search-detail {
        padding: 7px 5px;
    }

    .search-found-data .search-data-li .search-detail figure {
        width: 50px;
        max-height: 50px;
    }

    .search-found-data .search-data-li .search-detail .product-content {
        max-width: calc(100% - 45px);
    }

    .add-data-btn-block.action-btn {
        flex-wrap: wrap;
    }

    .add-data-btn-block.action-btn .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .prod-detail-second-part {
        padding: 8px 10px;
    }

    .prod-detail-second-part .prod-sku-status-block {
        padding: 0 8px;
    }

    .prod-image-upload-data-block {
        flex-wrap: wrap;
        margin-top: 10px;
        width: 100%;
    }

    .prod-image-upload-data-block p {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .prod-image-upload-data-block .upload-type-block {
        max-width: 100%;
    }

    .search-found-data .search-data-li .search-detail .product-content .sku-warrenty-block>span {
        margin-right: 5px;
    }
}
/*Resorve order new UI CSS start here*/
.page-title-w-banner{
    background-color: var(--banner-bg-color);
    display: flex;
    position: relative;
    border-radius: 26px;
    padding: 20px;
}
.page-title-w-banner .page-title {
    display: block;
    padding: 0;
    margin-bottom: 0;
}
.page-title-w-banner .page-title h1 {
    font-size: 36px;
    text-transform: capitalize;
    line-height: 54px;
    font-weight: 600;
    color: var(--dark-color);
}
.page-title-w-banner .rgs-images {
    position: absolute;
    right: 60px;
    bottom: 0;
}
.page-title-w-banner .page-title span {
    font-size: 13px;
    letter-spacing: -0.3px;
    margin: -1px 0 5px 0;
    display: block;
}
.reserve-nav-filter {
    display: flex;
    justify-content: space-between;
    margin:25px 0 25px;
    clear: both;
}
.rs-block-message {
    margin: 20px 10px 10px;
}
.reserve-nav-filter .date-range-filter {
    display: flex;
}
.date-range-filter .range-box:not(.select-w-search) {
    max-width: 127px;
    margin-right:10px
}
.date-range-filter .range-box {
    position: relative;
    border:1px solid var(--light-grey-color-three);
    border-radius: 10px;
}
.date-range-filter .range-box .input-text,.date-range-filter .range-box select {
    border: 0;
    font-size: 12px !important;
    border-radius: 10px;
}
.date-range-filter .range-box label {
    background-color: var(--white-color);
    padding: 0 5px;
    font-size: 14px;
    position: absolute;
    top: -9px;
    left:10px;
    color: var(--reserve-label-color);
}
.select-w-search .search-btn {
    background-image: url(../images/reserve-stock/reserve-search.svg);
    padding: 0;
    border: 0;
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 14px 10px 0px 0px;
}
.date-range-filter .select-w-search {
    width: 275px;
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
}
.date-range-filter .range-box .input-text {
    padding: 14px 16px;
}
.date-range-filter .range-box:not(.select-w-search):before{
    content:"";
    background-image: url(../images/reserve-stock/dateepicker.svg);
    width: 18px;
    height: 20px;
    position: absolute;
    bottom: 14px;
    right: 10px;
}
.nav-csv-buttons span {
    font-weight: 500;
    margin-right:10px;
}
.nav-csv-buttons {
    font-size: 13px;
    display: flex;
    align-items: center;
}
.nav-csv-buttons>a {
    font-weight: 600;
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 5px 17px;
    border-radius: 20px;
    margin-left: 10px;
}
.reserve-grid-outer {
    box-shadow: 0px 1.01px 8.12px 0px #00000024;
    padding: 15px;
    border-radius: 15px;
    margin: 20px 0;
}
.reserve-grid-title,.reserve-grid-data {
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
    font-weight: 500;
}
.reserve-grid-outer .reserve-grid-title{
    padding-bottom: 15px;
}
.reserve-grid-title>li, .reserve-grid-data>li{
    width: 100%;
    font-size: 14px;
}
.reserve-grid-title>li {
    font-weight: 600;
}
.blank-space {
    max-width: 0px;
}
.order-space {
    max-width: 90px;
}
.date-space {
    max-width: 100px;
}
.ship-space {
    max-width: 166px;
}
.location-space {
    max-width: 186px;
}
.total-space {
    max-width: 70px;
    text-align: right;
}
.shipping-method-space {
    max-width: 140px;
}
.order-type-space {
    max-width: 100px;
}

/**/
.col-main-full .blank-space {
    max-width: 30px;
}
.col-main-full .order-space {
    max-width: 95px;
}
.col-main-full .date-space {
    max-width: 100px;
}
.col-main-full .ship-space {
    max-width: 125px;
}
.col-main-full .location-space {
    max-width: 135px;
}
.reserve-grid-outer .reserve-grid-data{
    background-color: var(--reseve-stock-li-bg);
    margin: 0 0 10px;
    border-radius: 10px;
}
.reserve-grid-outer .reserve-grid-data>li {
    padding: 15px 0px;
}
.reserve-grid-outer .reserve-grid-data>li>a {
    font-weight: 600;
    text-decoration: underline;
    color: var(--resever-link-color);
}
.reserve-grid-data input[type="checkbox"],
.reserve-grid-outer .reserve-grid-title input[type="checkbox"]{
    display: none;
}
.reserve-grid-data .lbl-checkbox, .reserve-grid-outer .reserve-grid-title .lbl-checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid var(--dark-color);
    display: inline-block;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease-in;
}
.reserve-grid-data input[type="checkbox"]:checked + .lbl-checkbox:before,
.reserve-grid-outer .reserve-grid-title input[type="checkbox"]:checked + .lbl-checkbox:before {
    content: "";
    background-image: url(../images/reserve-stock/checkmark.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
}
.reserve-grid-data input[type="checkbox"][disabled] + .lbl-checkbox {
    background-color: var(--dark-black-color-three);
    border-color: var(--dark-black-color-three);
}
.reserve-buttonset {
    display: flex;
    justify-content: flex-end;
}
.reserve-buttonset .btn {
    box-shadow: 0px 0px 4px 0px #00000040;
    font-weight: 600;
    font-size: 14px;
    margin-left: 15px;
    text-align: center;
}
.reserve-buttonset .btn:hover {
    color: var(--dark-color);
}
.customized-width-one .reserve-buttonset {
    justify-content: center;
    align-items: center;
}
.sales-order-reserveorders .ui-datepicker select.ui-datepicker-month,
.sales-order-reserveorders .ui-datepicker select.ui-datepicker-year{
    width: 70px;
}
.reserve-buttonset .btn.disabled {
    background-color: var(--light-grey-color-three);
    color: var(--reserve-disabled-color);
    box-shadow: 0 0 0 transparent;
    cursor: not-allowed;
}
.reserve-buttonset .btn.rs-primary-btn{
    background-color: var(--primary-color);
    color: var(--white-color);
}
.rniceselect.rniceselect .nice-select-search-box {
    display: none;
}
.nice-select.rniceselect.open .nice-select-search-box +.list {
     margin-top: 0 !important;
     border-radius: 0;
     min-height: 0;
     padding-top: 0;
     font-size: 15px;
}
.nice-select.rniceselect{
    border:1px solid var(--reserve-select-border);
}
.nice-select.rniceselect span.current{
    font-size: 15px;
}
.nice-select.rniceselect .option.selected{
    font-weight: 600;
    color:var(--primary-color);
}
.nice-select.rniceselect:after{
    width: 8px;
    height:8px;
    margin-top:-8px;
    border-bottom: 3px solid var(--dark-color);
    border-right: 3px solid var(--dark-color);
}
.chk-order-value {
    max-width: 346px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    background-color: var(--reseve-stock-li-bg);
    position: relative;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 17px;
}
.chk-order-value:before {
    content: "";
    width: 4px;
    height: 22px;
    border-radius: 0 4px 4px 0;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
}
.popup-formlist {
    border-top: 1px dashed var(--reserve-border-color);
    padding: 20px 0 0;
    display: flex;
    align-items: center;
}
.popup-formlist .input-box {
    max-width: 289px;
}
.popup-formlist .input-box label {
    font-size: 14px;
    line-height: 21px;
    color: var(--dark-black-color-one);
    font-weight: 400;
    display: block;
    margin: 0 0 7px;
}
.popup-formlist .store-credit-message {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 25px 10px 0 20px;
}
.popup-formlist .store-credit-message span {
    font-weight: 500;
}
.conform-bx.cms-pagepopup-page.customized-width-one .cms-page-foot a:first-child {
    margin-left: 0;
}
@media screen and (min-width: 768px){
    .cms-pagepopup-page div.braintree-sheet__content div {
        text-align: center;
    }
    .cms-pagepopup-page div.braintree-sheet__content {
        text-align: center;
        padding: 10px;
    }
    .cms-pagepopup-page div.surchanrge-popup .btn {
        margin: 0 auto;
        display: block;
    }
    .conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner,
    .conform-bx.cms-pagepopup-page.customized-width-one .conform-bx-inner{
        border-radius: 20px;

    }
    .conform-bx.cms-pagepopup-page.customized-width-one .conform-bx-inner{
        overflow: visible;
    }
    .conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner{
        max-width: 1046px;
    }
    .conform-bx.cms-pagepopup-page.customized-width .cms-page-head h3,
    .conform-bx.cms-pagepopup-page.customized-width-one .cms-page-head h3{
        font-size: 17px;
    }
    .conform-bx.cms-pagepopup-page.customized-width .cms-page-head,
    .conform-bx.cms-pagepopup-page.customized-width-one .cms-page-head{
        border-bottom: 1px solid var(--reserve-border-color);
    }
    .conform-bx.cms-pagepopup-page.customized-width .cms-page-foot{
        border-top: 1px solid var(--reserve-foot-border-color);
        padding-top: 15px;
    }
    /**/
    .conform-bx.cms-pagepopup-page.customized-width-one .conform-bx-inner{
        max-width: 770px;
    }
    .conform-bx.cms-pagepopup-page.customized-width-one .cms-page-foot{
        padding-top: 15px;
    }
    .conform-bx.cms-pagepopup-page.customized-width-one .chk-cms-page-content {
        padding: 0px 25px;
    }
    .payment-form-list .store-credit-block{
        width: 100%;
        flex-direction: row;
        border-bottom: 0;
        margin: 0 0 30px;
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 20px;
    }
}
.conform-bx.cms-pagepopup-page.customized-width,
.conform-bx.cms-pagepopup-page.customized-width-one{
        text-align: left;
}
.cms-pagepopup-page.customized-width-one p.chk-bottom-message {
    font-size: 13px;
    color: #a3a3a3;
    line-height: 19px;
    margin: 20px 0 10px;
}
.chk-bottom-message>i {
    font-style: normal;
    color: var(--primary-color);
}
.conform-bx.cms-pagepopup-page.customized-width .chk-cms-page-content>h5 {
    font-size: 16px;
    color: #616161;
    font-weight: 500;
}
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content {
    max-height: 409px;
    overflow: auto;
}
/* width */
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar {
    width: 10px;
}
  /* Track */
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar-track {
    background:#fff;
}
  /* Handle */
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 10px;
}
  /* Handle on hover */
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar-thumb:hover {
    background: #DDD;
}
.chk-order-confirm {
    background-color: #DE0F260D;
    max-width: 264px;
    font-size: 15px;
    text-align: center !important;
    display: block;
    margin: 30px auto;
    padding: 10px;
    border-radius: 10px;
}
.payment-form-list {
    flex-wrap: wrap;
    padding: 20px 0 40px;
}
.payment-form-list .comman-label {
    width: 100%;
    font-size: 15px;
    margin: 0 0 20px;
}
.payment-form-list .input-box {
    margin: 0 10px;
    width: calc(50% - 20px);
    max-width: 100%;
}
.payment-form-list .input-box .required {
    margin: 0;
    background-color: #fff;
    width: auto;
    display: inline-block;
    padding: 0 5px;
    position: absolute;
    left: 11px;
    top: -10px;
    z-index: 1;
}
.payment-form-list .input-box .rniceselect {
    height: 58px;
    line-height: 58px;
}
/*Datepicker*/

.sales-order-reserveorders .ui-state-default,
.sales-order-reserveorders .ui-widget-content .ui-state-default {
    border: 0;
    line-height: 22px;
    text-align: center;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content {
    border: 1px solid var(--grey-color-tone-seven);
    box-shadow: 1px 1px 2px rgb(231 231 231 / 18%);
    background: var(--white-color);
    border-radius: 26px !important;
    padding: 15px;
    width: 365px;
    z-index: 1111 !important;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
    background-color: var(--grey-color-tone-six);
    font-size: 12px;
    font-weight: 600;
    color: var(--dark-color);
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header span {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: var(--dark-color);
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
    background: var(--grey-color-tone-eight);
    border-radius: 17px !important;
    border: 0;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table {
    font-size: 12px;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table th {
    font-weight: 500;
    font-size: 15.6051px;
    line-height: 23px;
    color: var(--grey-color-tone-one);
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table td a {
    text-align: center;
    border: 0 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--dark-color);
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table td {
    padding: 0;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table td a:not(.ui-state-active):hover {
    background-color: var(--dark-color) !important;
    color: var(--white-color);
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table td a.ui-state-active {
    background-color: var(--dark-color) !important;
    color: var(--white-color);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sales-order-reserveorders .ui-datepicker.ui-widget.ui-widget-content table tr td.ui-datepicker-current-day {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
}
.sales-order-reserveorders .ui-datepicker select.ui-datepicker-month,
.sales-order-reserveorders .ui-datepicker select.ui-datepicker-year{
    background-image: url(../images/order-page-sprites/order-list-sprites.svg);
    appearance: none;
    -webkit-appearance: none;
    background-position: 52px -1058px;
    background-repeat: no-repeat;
    width: 70px;
    padding-right: 17px;
    border-radius: 5px;
    margin: 0px 2px;
}
.sales-order-reserveorders .ui-datepicker .ui-datepicker-next span.ui-icon-circle-triangle-e {
    background-position: -54px -4px;
    background-size: 380px;
}
.sales-order-reserveorders .ui-datepicker .ui-datepicker-prev span.ui-icon-circle-triangle-w {
    background-position: -145px -4px;
    background-size: 380px;
}
.date-range-filter .select-w-search .input-text {
    max-width: 140px;
    border-radius: 0;
    padding: 8px 10px;
}
.date-range-filter .select-w-search .range-select {
    display: flex;
}
.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content .res-height{
    width: 100%;
}
.payment-form-list .input-box .custum-select-dropdown {
    border-radius: 10px;
}
.conform-bx.cms-pagepopup-page.customized-width-one .conform-bx-inner .bt-drop-in-wrapper {
    margin-top: -40px;
}
.chk-cms-page-content a.right-sur {
    text-decoration: none;
    color: var(--dark-black-color);
}
@media screen and (max-width: 1366px){
    .location-space {
        max-width: 145px;
    }
    .date-space{
        max-width: 100px;
    }
    .ship-space{
        max-width: 135px;
    }
}
@media screen and (max-width: 1100px){
    .page-title-w-banner .rgs-images{
        right: 0;
    }
    .blank-space{
        max-width: 30px;
    }
}
@media screen and (max-width: 1024px){
    .conform-bx.cms-pagepopup-page.customized-width-one .conform-bx-inner{
        overflow: visible;
    }
    .reserve-grid-title, .reserve-grid-data{
        padding: 0 15px;
    }
    .page-title-w-banner .rgs-images{
        text-align: right;
    }
    .page-title-w-banner .rgs-images>img{
        width: 80%;
    }
}
@media screen and (max-width: 992px){
    .creditcard-saved-list .creditcard-saved-accounts tr{
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 768px){
    .date-range-filter .select-w-search .range-select{
        max-width: 100%;
    }
    .reserve-nav-filter .date-range-filter{
        flex-wrap: wrap;
        width: 100%;
    }
    .reserve-nav-filter{
        flex-wrap: wrap;
    }
    .nav-csv-buttons{
        margin: 20px 10px 0;
    }
    .date-range-filter .range-box:not(.select-w-search) {
        max-width: 100%;
        width: calc(50% - 10px);
        margin: 10px 10px 10px 0px;
    }
    .date-range-filter .select-w-search{
        width: calc(100% - 10px);
        margin-top:10px;
    }
    .reserve-grid-outer .reserve-grid-title{
        display: none;
    }
    .blank-space,.order-space,.date-space,.ship-space,.location-space,.total-space,.shipping-method-space,.order-type-space{
        max-width: 100%;
    }
    .reserve-grid-outer .reserve-grid-data{
        flex-wrap: wrap;
        padding-bottom: 15px;
    }
    .reserve-grid-outer .reserve-grid-data>li.blank-space:before{
        display: none;
    }
    .reserve-grid-outer .reserve-grid-data>li:before {
        content: attr(data-th);
        margin-right:10px;
        font-weight: 600;
    }
    .total-space{
        text-align: left;
    }
    .reserve-grid-outer .reserve-grid-data>li{
        width: 50%;
        padding: 15px 0 0;
    }
    .reserve-grid-outer .reserve-grid-data>li.blank-space{
        width: auto;
    }
    .reserve-grid-outer .reserve-grid-data>li.order-space{
        width: calc(100% - 30px);
    }
    .reserve-grid-outer .reserve-grid-data:last-child{
        margin-bottom: 0;
    }
    .page-title-w-banner .rgs-images>img{
        width: 60%;
    }
}
@media screen and (max-width: 767px){
    .payment-form-list .store-credit-block{
        padding: 15px 5px 25px 5px;
        border-bottom: 0;
        width: 100%;
        margin: 0 0 20px;
    }
    .conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content{
        max-height: 84vh;
    }
    .reserve-buttonset{
        padding-top: 15px;
    }
    .creditcard-saved-list .creditcard-saved-accounts tr td .saved-card-info {
        font-size: 14px;
    }
}
@media screen and (max-width: 640px){
    .payment-form-list{
        padding: 20px 0 10px;
    }
    .date-range-filter .range-box:not(.select-w-search){
        width:calc(100% - 10px);
    }
    .page-title-w-banner .rgs-images{
        display: none;
    }
    .page-title-w-banner .page-title h1{
        font-size: 26px;
        line-height: 44px;
    }
    .page-title-w-banner{
        padding: 10px 20px;
    }
    .conform-bx.cms-pagepopup-page.customized-width .chk-cms-page-content,
    .conform-bx.cms-pagepopup-page.customized-width-one .chk-cms-page-content{
        padding: 20px 10px;
        max-height: 83vh;
        overflow: auto;
    }
    .popup-formlist{
        flex-wrap: wrap;
    }
    .popup-formlist .store-credit-message{
        margin: 25px 10px 0 0px;
    }
    .reserve-grid-outer .reserve-grid-data>li{
        width: 100%;
    }
    .payment-form-list .input-box {
        margin: 0 0px 30px;
        width: 100%;
        max-width: 100%;
    }
    .creditcard-saved-list .creditcard-saved-accounts tr{
        width: calc(100% - 12px);
    }
}

/*--- My Dashboard GAPP Design start ----*/
.my-dashboard-gapp {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.my-dashboard-gapp .page-title {
    width: 100%;
    margin: 0;
    padding: 0;
}

.my-dashboard-gapp .page-title .page-title-inner {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    display: block;
    border-bottom: 0.3px solid #9F9F9F;
    position: relative;
}
.my-dashboard-gapp .page-title .page-title-inner h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    color: #454545;
    text-transform: initial;
    margin: 0 0 0 0;
}

.my-dashboard-gapp .page-title .page-title-inner p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
    color: #454545;
}
.my-dashboard-gapp .page-title .page-title-inner .core-returns {
    background: #FFF2F2;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F10600;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 20px;
    position: absolute;
    right: 0;
    bottom: -16px;
}

.my-dashboard-gapp .gapp-badge {
    width: 110px;
    margin-left: 10px;
    display: block;
    padding: 0;
}

.genuine-wrapperr {
    width: 100%;
    margin: 0;
    padding: 0 25px;
    display: block;
}

.genuine-wrapper-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.genuine-wrapper-inner .genuine-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    color: #000000;
    margin: 0 0 20px 0;
}

.genuine-wrapper-inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #6A6A6A;
    margin: 0 0 15px 0;
}

.agreement-list {
    width: 100%;
    margin: 40px 0 50px 0;
    padding: 0;
    display: block;
}

.agreement-list .agreement-list-box {
    width: 100%;
    margin: 0 0 25px 0;
    box-shadow: 0px 0px 10px 0px #00000026;
    border-radius: 17px;
    padding: 15px 20px;
    position: relative;
}

.agreement-list .agreement-list-box.completed {
    background-color: var(--grey-color-tone-eleven);
    box-shadow: none;
}

.agreement-list .agreement-list-box p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.agreement-list .agreement-list-box .agreement-list-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
    padding: 0 20px;
    position: relative;
}

.agreement-list .agreement-list-box .agreement-list-title h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    color: #000000;
    padding-right: 30px;
    position: relative;
}

.agreement-list .agreement-list-box .agreement-list-title h3:after {
    content: "";
    width: 4px;
    height: 11px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    left: -20px;
    top: calc(50% - 5px);
}

.agreement-list .agreement-list-box p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0 20px;
}

.agreement-list .agreement-list-box .agreement-list-title .agreement-pending {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 2px 0 0 0;
    display: inline-block;
    color: var(--primary-color);
}

.agreement-list .agreement-list-box.completed .agreement-list-title .agreement-pending {
    display: none;
}

.agreement-list .agreement-list-box .agreement-list-title .agreement-signed {
    display: none;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #40BE54;
}

.agreement-list .agreement-list-box .agreement-list-title .agreement-signed svg {
    margin-right: 10px;
}

.agreement-list .agreement-list-box.completed .agreement-list-title .agreement-signed {
    display: flex;
}

.agreement-list .agreement-list-box .right-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -30%);
    right: 30px;
    opacity: 0;
    cursor: pointer;
}

.agreement-list .agreement-list-box.active .right-arrow {
    opacity: 1;
}

.agreement-list .agreement-list-box .agreement-list-title .view-detail {
    display: none;
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #2295FF;
    text-decoration: underline;
}

.agreement-list .agreement-list-box.completed .agreement-list-title .view-detail {
    display: inline-block;
}

.agreement-list .facility-not {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.49px;
    width: 100%;
    color: #000000;
}

.agreement-list .facility-not a {
    color: #179BD7;
    text-decoration: underline;
}

.application-main {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.application-main>a {
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    color: #000000;
    margin: 0 0 25px 0;
    display: inline-block;
}

.application-main>a svg {
    margin: 0 2px 0 0;
}

.application-main .application-form-inner {
    width: 100%;
    margin: 0;
    padding: 24px 30px;
    display: block;
    box-shadow: 0px 0px 5.86px 0px #8585854D;
    border-radius: 15px;
}

.application-main .application-form-inner .form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 0;
    padding: 0;
}

.application-main .application-form-inner .form-header .form-header-logo {
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 0;
}

.application-main .application-form-inner .form-header h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    color: #393939;
    text-align: right;
}

.application-main .application-form-inner .form-header h3 span {
    font-weight: 600;
    color: var(--primary-color);
}

.application-form-inner .application-form {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.application-form p {
    font-size: 14px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #000000;
    margin: 0 0 25px 0;
}

.application-form p b {
    font-weight: 600;
}

.application-form h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #000000;
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
}

.application-list {
    background-color: #F6F6F6;
    border-radius: 8px;
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
    padding: 10px 30px;
}

.application-list>span {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    display: block;
    color: #CFCFCF;
    width: 100%;
    margin: 0 0 5px 0;
}

.application-list p,
.application-list ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 15px 0;
}

.application-list p:last-child,
.application-list ul li:last-child {
    margin-bottom: 0;
}

.application-list ul li b {
    font-weight: 600;
}

.application-list ul {
    list-style: outside;
    padding-left: 20px;
}

.application-form-inner .form-footer {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
    padding: 35px 0 0 0;
    border-top: 1px dashed #C5C5C5;
}

.application-form-inner .form-footer .pagination-box {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.form-footer .initial-here {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.form-footer .initial-here .initial-here-label {
    display: inline-block;
    margin: 20px 10px 0 0;
    padding: 0;
    line-height: normal;
    position: relative;
}

.form-footer .initial-here .initial-here-label svg path {
    fill: var(--primary-color);
}

.form-footer .initial-here .here-label {
    position: absolute;
    left: 11px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 13.84px;
    letter-spacing: 0.07em;
    text-align: left;
    top: 6px;
}

.form-footer .initial-here .cform-group {
    margin: 0;
    padding: 0;
    max-width: 200px;
}

.form-footer .initial-here .cform-group .cform-control {
    padding: 10px 15px;
    text-align: center;
}

.form-footer .pagination-box>span {
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    color: #5F5F5F;
}

.form-footer .pagination-box .pagination {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.form-footer .pagination-box .pagination .page-link {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background-color: #F3F3F3;
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
}

.form-footer .pagination-box .pagination .page-link svg {
    width: 12px;
    height: 21px;
    line-height: 30px;
}

.form-footer .pagination-box .pagination .page-link path {
    fill: #929292;
    stroke: #929292;
}

.form-footer .pagination-box .pagination .page-link.disable {
    opacity: 0.5;
    pointer-events: none;
}

.agreement-into {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.agreement-into>span {
    width: 100%;
    display: block;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: -0.01em;
    color: #000000;
    align-items: center;
    margin: 0 0 20px 0;
    text-align: justify;
}

.agreement-into>span b {
    font-weight: 600;
}

.agreement-into>span .cform-group {
    width: auto;
    padding: 0 4px 6px 0px;
    vertical-align: top;
    max-width: 200px;
    display: inline-block;
}

.agreement-into>span .cform-group.date-box {
    max-width: 140px;
}

.agreement-into>span .cform-group .cform-control {
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}

.agreement-into>span .cform-group label.required {
    line-height: 12px;
    margin-bottom: -5px;
}

.application-form-row {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.application-form-row.credit-card-row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.application-form-row .application-form-col {
    width: 50%;
    padding: 0 10px;
    margin: 0;
    display: block;
}

.application-form-row .application-form-col .cform-group {
    padding: 0 0 20px 0;
}

.application-left-form .cform-group label {
    font-weight: 600;
    line-height: 21px;
    color: #11100A;
    margin: 0 0 6px 0;
}

.application-left-form .cform-group .cform-control {
    background: #F9F9F9;
    border-color: #F9F9F9;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
}

.application-form-row .application-left-form .cform-group {
    padding: 0 0 15px 0;
}

.application-form-row .application-left-form .cform-group .signature-pad {
    padding: 10px;
    box-shadow: none;
    background-color: #F9F9F9;
    border-color: #F9F9F9;
    outline: none;
    height: 110px;
    border-radius: 10px;
    margin: 0 0 0 0;
}

.application-form-row .application-left-form .cform-group .signature-pad .signature-pad--body {
    border: 0;
    text-align: center
}

.application-form-row .application-left-form .cform-group .signature-pad .signature-pad--body img {
    mix-blend-mode: darken;
    width: 120px;
}

.application-form-row .application-left-form .cform-group .btx-button,
.application-form-row .application-right-form .cform-group .btx-button {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #2295FF;
    padding: 0;
    border: 0;
    text-decoration: underline;
    margin-top: 10px;
    cursor: pointer;
}

.application-form-row .application-left-form .cform-group .signature-pad:after,
.application-form-row .application-left-form .cform-group .signature-pad::before,
.application-form-row .application-right-form .cform-group .signature-pad::before,
.application-form-row .application-right-form .cform-group .signature-pad::after {
    box-shadow: none;
}

.application-form-row .application-form-col .cform-group .cform-control {
    padding: 14px 15px;
}

.application-form-row .application-right-form .cform-group .signature-pad {
    background-color: var(--white-color);
    box-shadow: none;
    padding: 10px 10px;
    height: 110px;
    margin: 0 0 0 0;
    border-radius: 10px;
    border: 1px solid var(--light-grey-color-three);
}

.application-form-row .application-right-form .cform-group .signature-pad .signature-pad--body {
    border: 0;
    box-shadow: none;
}

.application-main .required:after {
    content: "*";
    color: var(--dark-red-color);
}

.submit-btn-box {
    width: 100%;
    margin: 60px 0 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selected-credit-card {
    width: 100%;
    padding: 0 20px;
    margin-top: 15px;
    display: none;
    color: #000000;
}

.agreement-list-box.completed .selected-credit-card {
    display: block;
}

.selected-credit-card span {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
    margin: 0 10px 0;
    padding: 0;
}

.selected-credit-card span:first-child {
    margin-left: 0;
}

.credit-card-info-main {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.credit-card-info {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.credit-card-info>a {
    font-size: 19px;
    font-weight: 600;
    line-height: 27px;
    color: #000000;
    display: flex;
    margin: 0 0 30px 0;
    align-items: center;
}

.credit-card-info a svg {
    margin: 0 10px 0 0;
}

.credit-card-info>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #454545;
    margin: 0 0 20px 0;
    padding: 0 0px 0 20px;
}

.credit-card-inner {
    box-shadow: 0px 0px 5.86px 0px #8585854D;
    width: 100%;
    margin: 0;
    padding: 20px 25px;
    display: block;
    border-radius: 15px;
}

.credit-card-inner .card-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 100%;
    display: block;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
}

.credit-card-inner .card-title:before {
    content: "";
    width: 5px;
    height: 21px;
    border-radius: 0 5px 5px 0px;
    background-color: var(--primary-color);
    position: absolute;
    left: -25px;
    top: -1px;
}

.credit-card-inner .select-credit-card {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dashed #7C7C7C;
}

.credit-card-inner .select-credit-card:last-child {
    border-bottom: 0;
}

.credit-card-inner .select-credit-card>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.36px;
    color: #000000;
    display: block;
    margin: 0 0 25px 0;
    padding: 0;
}

.credit-card-inner .select-credit-card .cform-group {
    margin: 0 0 15px 0;
    padding: 0;
    max-width: 520px;
}

.credit-card-inner .select-credit-card .cform-group .cform-control {
    padding: 10px 20px;
    min-height: 60px;
}

.credit-card-inner .select-credit-card a {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #818182;
    margin: 0 0 0 20px;
    text-decoration: underline;
}

.credit-card-inner .select-credit-card .cform-group .cform-control .nice-select-search-box {
    display: none;
}

.credit-card-inner .select-credit-card .cform-group .cform-control .list {
    margin-top: 10px !important;
    border-radius: 10px;
}

.new-credit-card-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 0;
}

.new-credit-card-inner .cform-group.cform-col-half {
    width: 33.33%;
    padding: 0 5px;
    margin: 0;
    float: left;
    position: relative;
}

.new-credit-card-inner .cform-col-half .card-icon {
    position: absolute;
    right: 30px;
    top: 30px;
}

.genuine-wrapper .cform-control:focus {
    border-color: #000;
}

.credit-card-inner .new-billing-address-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.credit-card-inner .new-billing-address-inner .cform-group {
    margin: 0;
    padding: 0 5px 25px;
}

.credit-card-inner .new-billing-address-inner .cform-group.cform-col-half {
    width: 33.33%;
}
.my-dashboard-genuine-appl {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.my-dashboard-genuine-appl .page-title-inner {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
    display: block;
    border-bottom: 0.3px solid #9F9F9F;
}
.my-dashboard-genuine-appl .page-title-inner h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #454545;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    width: 100%;
}
.my-dashboard-genuine-appl .page-title-inner p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #454545;
}
.welcome-gapp-section {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.welcome-gapp-inner {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    display: block;
}
.welcome-gapp-inner h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 18px;
    color: #000000;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}
.welcome-gapp-inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    color: #6A6A6A;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.return-program-box {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 0 25px 0;
    display: block;
    border-bottom: 1px dashed #C5C5C5;
}
.return-program-box .disclamer-box .cform-checkbox {
    box-shadow: 0px 0px 7px 0px #00000033;
    border-radius: 17px;
    margin: 0 0 35px 0;
    padding: 10px 15px;
    display: flex;
}
.return-program-box .disclamer-box .cform-checkbox.required-box {
    outline: 1px solid var(--d-danger-color);
    box-shadow: 0px 0px 7px 0px var(--d-danger-color);
}
.return-program-box .disclamer-box .cform-checkbox label {
    font-size: 14px;
    font-weight: 600;
    color: #979797;
    text-align: left;
    line-height: normal;
}
.return-program-box .disclamer-box .cform-checkbox label::before,
.return-program-box .disclamer-box .cform-checkbox label::after {
    margin-top: 20px;
}
.return-program-box .disclamer-box.uk-country{
    display: none;
}
.return-program-box .disclamer-box.uk-country .cform-checkbox label{
    padding-left: 0;
    pointer-events: none;
}
.return-program-box .disclamer-box.uk-country .cform-checkbox label::before,
.return-program-box .disclamer-box.uk-country .cform-checkbox label::after{
    display: none;
    opacity: 0;
}

.return-program-box .disclamer-box .cform-checkbox p {
    text-align: left;
    margin: 0;
    padding: 0;
}
.return-program-box ul {
    display: flex;
    margin: 0 -15px 30px;
    padding: 0;
    flex-wrap: wrap;
}
.return-program-box ul li {
    width: 50%;
    margin: 0;
    padding: 0 15px;
    float: left;
}
.return-program-box ul li .return-program {
    box-shadow: 0px 0px 7px 0px #00000033;
    border-radius: 17px;
    height: 100%;
    margin: 0;
    padding: 15px;
    text-align: center;
}
.return-program-box ul li .return-program h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    color: #000000;
    width: 100%;
    display: block;
    position: relative;
    max-width: 300px;
    margin: 0 auto 20px;
    padding: 0 0 10px 0 ;
    min-height: 56px;
}
.return-program-box ul li .return-program h3:after {
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #E0051C;
    display: block;
    margin: 0 auto;
    bottom: 0;
}
.return-program-box ul li .return-program p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #777777;
    max-width: 370px;
    margin: 0 auto 20px;
    width: 100%;
    display: block;
}
.return-program-box ul li .return-program .btn-primary {
    padding: 8px 50px;
}
.return-program-box ul li .return-program .btn-disable {
    background: #DDD;
    color: #8D8D8D;
}
.return-program-box p {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}
.return-program-box p a {
    font-weight: 400;
    color: #179BD7;
    text-decoration: underline;
}
.disclamer-section {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.disclamer-section h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #979797;
    display: block;
    margin: 0 0 5px 0 ;
    padding: 0;
}
.disclamer-section p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #979797;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
}
.questions-box {
    width: 100%;
    margin: 0;
    padding: 20px 30px;
    text-align: center;
    background-color: #FAFAFA;
    border-radius: 13px;
}
.questions-box h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #979797;
    display: block;
    margin: 0;
    padding: 0;
}
.questions-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
}
.questions-box a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #179BD7;
    text-decoration: underline;
}
.marketing-materials-download {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    display: block;
}
.marketing-materials-download .marketing-materials {
    display: flex;
    align-items: center;
    margin: 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}
.marketing-materials .marketing-materials-image {
    width: 200px;
    margin: 0;
    padding: 5px;
    background: #F7F9FF;
    border-radius: 17px;
    text-align: center;
}
.marketing-materials .marketing-materials-image img {
    width: auto;
    margin: 0 auto;
    display: block;
    padding: 0;
}
.marketing-materials .marketing-materials-inner {
    width: calc(100% - 200px);
    padding: 0 120px 0 15px;
    margin: 0;
    display: block;
    position: relative;
}
.marketing-materials .marketing-materials-inner h3 {
    font-size: 19px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    display: block;
    margin: 0 0 15px;
    padding: 0;
}
.marketing-materials .marketing-materials-inner p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    max-width: 400px;
    margin: 0;
    display: block;
}
.marketing-materials .marketing-materials-inner a {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-decoration-line: underline;
    color: #2295FF;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.marketing-materials-download .settings-text {
    text-align: center;
    margin: 30px 0 0 0;
    color: #979797;
    font-weight: 400;
    border-top: 1px dashed #C5C5C5;
    padding: 25px 0 0 0;
}
.marketing-materials-download .settings-text b {
    font-weight: 500;
}

@media screen and (max-width:1100px) {
    .my-dashboard-gapp .page-title .page-title-inner h1 {
        font-size: 26px;
    }

    .credit-card-inner .new-billing-address-inner .cform-group.cform-col-half {
        width: 50%;
    }

    .agreement-list .agreement-list-box .agreement-list-title {
        padding: 0 0;
    }

    .agreement-list .agreement-list-box .agreement-list-title h3:after {
        left: -20px;
    }

    .agreement-list .agreement-list-box .agreement-list-title h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .agreement-list .agreement-list-box .agreement-list-title .view-detail {
        margin-left: 10px;
    }

    .agreement-list .agreement-list-box p {
        padding: 0 20px 0 0;
    }

    .selected-credit-card {
        padding: 0;
    }

    .application-list {
        margin: 0 0 15px 0;
        padding: 10px 20px;
    }
    .my-dashboard-genuine-appl .page-title-inner h1 {
        font-size: 26px;
        line-height: normal;
    }
    .my-dashboard-genuine-appl .page-title {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width:1024px) {
    .agreement-list .agreement-list-box .agreement-list-title h3 {
        margin-bottom: 0;
    }

    .agreement-list .agreement-list-box .agreement-list-title .view-detail {
        margin-left: auto;
    }
}

@media screen and (max-width:768px) {
    .submit-btn-box {
        margin: 30px 0 0 0;
    }

    .agreement-list {
        margin: 30px 0 30px 0;
    }

    .genuine-wrapper-inner .genuine-title {
        font-size: 18px;
        line-height: normal;
        margin: 0 0 20px 0;
    }

    .application-main .application-form-inner {
        padding: 20px 15px;
    }

    .application-main .application-form-inner .form-header .form-header-logo svg {
        max-width: 140px;
        height: auto;
    }
}

@media screen and (max-width:640px) {
    .new-credit-card-inner .cform-group.cform-col-half {
        width: 50%;
        padding-bottom: 20px;
    }

    .agreement-list .agreement-list-box .agreement-list-title h3 {
        margin-bottom: 10px;
        width: 100%;
        padding-right: 0;
    }

    .agreement-list .agreement-list-box .agreement-list-title .view-detail {
        margin-left: 10px;
    }

    .agreement-list .facility-not {
        line-height: normal;
    }

    .application-form-inner .form-footer {
        flex-wrap: wrap;
        margin: 20px 0 0 0;
        padding: 25px 0 0 0;
    }

    .form-footer .initial-here .cform-group {
        max-width: 150px;
    }

    .form-footer .pagination-box .pagination .page-link {
        width: 25px;
        height: 25px;
        line-height: 30px;
        margin-left: 10px;
    }

    .form-footer .pagination-box .pagination .page-link svg {
        width: 8px;
        height: 15px;
    }

    .application-form-row .application-form-col {
        width: 100%;
    }

    .application-main .application-form-inner .form-header h3 {
        font-size: 20px;
    }
    .marketing-materials .marketing-materials-inner {
        padding: 0 0 0 15px;
    }
    .marketing-materials .marketing-materials-inner a {
        position: static;
        transform: none;
    }
    .return-program-box ul li {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .return-program-box ul {
        margin: 0 -15px 10px;
    }

}


@media screen and (max-width:536px) {
    .my-dashboard-gapp .page-title .page-title-inner h1 {
        font-size: 20px;
    }

    .new-credit-card-inner .cform-group.cform-col-half,
    .credit-card-inner .new-billing-address-inner .cform-group.cform-col-half {
        width: 100%;
    }

    .application-main>a {
        font-size: 16px;
    }

    .application-main .application-form-inner .form-header h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
        text-align: left;
    }

    .application-main .application-form-inner .form-header {
        flex-wrap: wrap;
        margin: 0;
    }

    .application-main .application-form-inner .form-header .form-header-logo {
        padding: 0 0 20px 0;
    }

    .application-main .application-form-inner .form-header .form-header-logo svg {
        max-width: 104px;
    }
    .marketing-materials .marketing-materials-inner h3{
        line-height: normal;
    }
    .my-dashboard-gapp .page-title .page-title-inner .core-returns {
        font-size: 12px;
    }
    .my-dashboard-genuine-appl .page-title-inner h1 {
        font-size: 20px;
        line-height: normal;
        margin: 0 0 10px 0;
    }
    .return-program-box ul li .return-program h3{
        font-size: 16px;
    }

}

@media screen and (max-width:479px) {
    .my-dashboard-gapp .page-title .page-title-inner {
        width: calc(100% - 0px);
        margin: 0 0 20px 0;
    }

    .my-dashboard-gapp .gapp-badge {
        width: 110px;
        margin: 0 auto;
    }

    .credit-card-inner {
        padding: 20px 15px;
    }

    .credit-card-inner .card-title:before {
        left: -15px;
    }

    .form-footer .initial-here {
        margin: 0 0 20px 0;
    }
    .cform-group.cform-col-3 {
        width: 100%;
    }

    .marketing-materials-download .marketing-materials {
        flex-wrap: wrap;
    }
    .marketing-materials .marketing-materials-inner {
        width: 100%;
    }
    .marketing-materials .marketing-materials-image {
        width: 100%;
        margin: 0 0 10px;
    }
}

/*--- My Dashboard GAPP Design over ----*/


/*save cart design changes*/
.page-title-wish-banner{
    background-color: var(--saved-cart-bg-color);
    display: flex;
    position: relative;
    border-radius: 26px;
    padding: 20px 50px;
    min-height: 134px;
}
.page-title-wish-banner .page-title {
    display: flex;
    padding: 0;
    margin-bottom: 0;
}
.page-title-wish-banner .page-title h1 {
    font-size: 36px;
    text-transform: capitalize;
    line-height: 54px;
    font-weight: 600;
    color: var(--dark-color);
}
.page-title-wish-banner .rgs-images {
    position: absolute;
    right: 60px;
    bottom: 0;
}
.saved-cart-block {
    display: flex;
    margin: 25px 0;
    align-items: center;
}
.saved-cart-block .totalSaveCart {
    margin-right: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #6A6A6A;
    padding-left: 30px;
}
.saved-cart-block button {
    font-weight: 600;
    font-size: 14px;
    margin-left: 15px;
    text-align: center;
    border-radius: 60px;
    padding: 7px 20px;
    border: 0;
}
.saved-cart-block button.button-delete{
    box-shadow: 0px 2px 11px 0px #00000029;
    background-color: var(--white-color);
    color: var(--dark-color);
}
.saved-cart-block button.btn-add{
    background-color: var(--primary-color);
    color: var(--white-color);
}
.saved-cart-row {
    display: flex;
    box-shadow: 0px 0px 5.86px 0px #8585854D;
    border-radius: 18px;
    margin: 0 0 20px;
    padding: 20px 30px;
    align-items: center;
    justify-content: space-between;
}
.saved-cart-row li svg path{
    fill:var(--primary-color);
}
.saved-cart-row .sv-whishlist-name {
    display: flex;
    align-items: center;
    max-width: 250px;
    position: relative;
    flex: 0 0 250px;
}
.saved-cart-row .sv-whishlist-name:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 27px;
    background-color: var(--primary-color);
    right: 0;
    border-radius: 4px;
}
.saved-cart-row .sv-whishlist-totalqty {
    max-width: 100%;
    flex: 0 0 100px;
}
.saved-cart-row .sv-whishlist-lastupdated {
    flex: 0 0 130px;
    max-width: 100%;
}
.saved-cart-row  .sv-whishlist-total {
    max-width: 100%;
    flex: 0 0 100px;
}
.sp-label {
    display: block;
    color: #8E8E8E;
    font-size: 13px;
}
.sp-value {
    font-weight: 500;
}
.saved-cart-row li {
    font-size: 13px;
}
.saved-cart-row .sv-whishlist-name a {
    font-size: 14px;
    color: #179BD7;
    line-height: 19px;
    text-decoration: underline;
    font-weight: 500;
    max-width: 170px;
    margin-left: 20px;
}
.saved-cart-row .sv-whishlist-action {
    display: flex;
}
.saved-cart-row .sv-whishlist-action .addwishlist-cart {
    margin-right: 15px;
    border-right: 1px solid #AFAFAF;
    padding-right: 15px;
}
.sved-cart-detail{
    margin-top: 35px;
}
.sved-cart-detail, .sved-cart-detail .sved-cart-row,  .sved-cart-detail .sved-cart-date-row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.sved-cart-detail .sved-cart-row {
    justify-content: space-between;
}
.sved-cart-row .sved-buttons {
    display: flex;
}
.sved-cart-row h4 {
    font-weight: 600;
    font-size: 21px;
    color: #000;
    padding: 0px 0px 0px 50px;
    position: relative;
}
.sved-buttons a {
    color: #179BD7;
    text-decoration: underline;
    margin: 0 10px 0 0;
    font-size: 14px;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 0;
    font-weight: 500;
    line-height: 30px;
}
.sved-buttons li:last-child a {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}
.sved-cart-detail .sved-cart-date-row {
    margin: 30px 0 20px;
}
.sved-cart-date-row .sved-cm-block {
    font-size: 14px;
    margin-right:10px;
}
.sved-cart-date-row .sved-cm-block:last-child{
    margin-right: 0;
}
.sved-cart-date-row .sved-cm-block span {
    color: #CFCFCF;
    font-weight: 600;
    margin: 0 0 5px;
    display: block;
}
.sved-cart-date-row .sved-cm-block div {
    background-color: #F6F6F6;
    font-weight: 500;
    padding: 16px 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}
.sved-cart-date-row .sved-cm-block.sved-total div {
    background: #DE0F2608;
}
.sved-cart-date-row .sved-cm-block svg {
    margin-right: 20px;
}
.sved-cart-date-row .sved-cm-block div .sp-value {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: #000000;
    margin: 0;
}
.sved-cart-row>h4>a {
    position: absolute;
    left: 18px;
}
.saved-product-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 10px 30px;
}
.saved-product-list .saved-product-title{
    font-size: 14px;
    color: #CFCFCF;
    font-weight: 600;
}
.saved-product-list .saved-product-title,.saved-product-list .saved-product-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.saved-product-list .saved-product-row{
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px;
    font-weight: 500;
    position: relative;
    align-items: center;
}
.saved-product-list .saved-product-row:last-child{
    border-bottom: 0;
}
/* li grid design changes */
.saved-product-list .saved-product-title .pr-nmli,
.saved-product-list .saved-product-row .pr-nmli {
    max-width: 480px;
    width: 60%;
}
.saved-product-list .saved-product-title .pr-upriceli,
.saved-product-list .saved-product-row .pr-upriceli {
    max-width: 200px;
    width: 16.6666%;
}
.saved-product-list .saved-product-title .pr-qtyli,
.saved-product-list .saved-product-row .pr-qtyli {
    max-width: 135px;
    width: 18%;
}
.saved-product-list .saved-product-title .pr-subtotalli,
.saved-product-list .saved-product-row .pr-subtotalli {
    max-width: 120px;
    width: 16.6666%;
}
.sved-cart-detail>h4 {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 21px;
    color: #000;
    position: relative;
    margin: 0 0 25px;
}
.sved-cart-detail>h4>span {
    font-weight: 600;
}
.saved-product-list .saved-product-row .pr-nmli>a {
    color: #179BD7;
    text-decoration: underline;
}
.pr-qtyli .qty-box {
    display: flex;
}
.pr-qtyli .qty-box .qty {
    max-width: 55px;
    height: 27px;
    font-size: 13px;
    padding: 0;
    text-align: center;
    border: 0;
    margin: 0 5px;
    background: #FCFCFC;
    font-weight: 500;
    border-radius: 5px;
}
.pr-qtyli .qty-box .qty-btn {
    box-shadow: 0px 0.68px 5.47px 0px #00000024;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    width: 29px;
    min-width: 29px;
    padding: 5px 5px;
    height: 27px;
    line-height: 20px;
    cursor: pointer;
}
.pr-qtyli .qty-box.zero-qty .qtyminus {
    background-image: url(../images/qty_trash.svg);
    background-repeat: no-repeat;
    background-position: center center;
    transition: none;
}
.pr-qtyli .qty-box.zero-qty .qtyminus span {
    display: none;
}
.saved-product-list.qty-editable-grid .saved-product-title .pr-qtyli,
.saved-product-list.qty-editable-grid .saved-product-row .pr-qtyli{
    text-align: center;
}
.saved-product-list .saved-product-title .pr-nmli,
.saved-product-list .saved-product-row .pr-nmli{
    max-width: 500px;
    width: 50%;
}
.saved-product-list .saved-product-row .pr-trashli {
    position: absolute;
    right: -60px;
    top: 25px;
}
.saved-product-list .saved-product-row .pr-trashli .qty-trash svg {
    width: 18px;
    height: auto;
}

.delete-cart-popup .conform-bx-inner {
    max-width: 430px;
    padding: 20px 20px;
    border-radius: 26px;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--white-color);
    position: relative;
    margin: 5% auto;
    border: 0;
}
.delete-cart-popup .conform-bx-inner .popup-header {
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #C8C8C8;
}
.delete-cart-popup .conform-bx-inner .popup-header h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #000000;
}
.delete-cart-popup .conform-bx-inner .popup-body {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.delete-cart-popup .conform-bx-inner .popup-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin: 0 0 15px 0;
}
.delete-cart-popup .conform-bx-inner .popup-body p:last-child{
    margin-bottom: 0;
}
.delete-cart-popup .conform-bx-inner .delay-btn-set {
    margin: 20px 0 20px 0;
    position: static;
    height: auto;
    min-height: auto;
    border: 0;
}
.delete-cart-popup .conform-bx-inner .delay-btn-set button,
.delete-cart-popup .conform-bx-inner .delay-btn-set a {
    height: auto;
    border-radius: 30px;
    line-height: normal;
    padding: 9px 0;
}
.cart-not-parts {
    height: 400px;
    border-radius: 15px;
    width: 100%;
    margin:30px 0 0 0;
    padding: 0;
    background: #FBFBFB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-not-parts .cart-not-parts-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}
.cart-not-parts .cart-not-parts-inner svg {
    display: block;
    margin: 0 auto 10px;
}
.cart-not-parts .cart-not-parts-inner >  span {
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.53px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #787878;
    margin: 0 0 25px 0;
}
.cart-not-parts .cart-not-parts-inner a,
.cart-not-parts .cart-not-parts-inner p,
.cart-not-parts .cart-not-parts-inner button {
    width: auto;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    color: #179BD7;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.cart-not-parts .cart-not-parts-inner button{
    cursor: pointer;
}
.cart-not-parts .cart-not-parts-inner p {
    color: #000;
    display: block;
    margin: 0;
    font-weight: 400;
}

@media screen and (max-width: 1360px){
    .saved-product-list {
        padding: 10px 40px 10px 20px;
    }
    .saved-product-list .saved-product-row .pr-trashli {
        right: -25px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .saved-product-list .saved-product-title .pr-nmli, .saved-product-list .saved-product-row .pr-nmli {
        width: 50%;
    }
}
@media screen and (max-width: 1200px){
    .saved-product-list .saved-product-row .pr-trashli{
        right:-10px;
    }
    .saved-cart-row{
        flex-wrap: wrap;
    }
    .saved-cart-row .sv-whishlist-name{
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0 30px;
    }
    .saved-cart-row .sv-whishlist-totalqty,
    .saved-cart-row .sv-whishlist-lastupdated,
    .saved-cart-row .sv-whishlist-total{
        flex: 0 0 33.333%;
        padding: 0 0 10px;
    }
    .saved-cart-row .sv-whishlist-name a{
        max-width: 100%;
    }
    .saved-cart-row .sv-whishlist-name:after{
        width: 27px;
        height: 3px;
        bottom: 15px;
        left: 0;
    }
    .saved-product-list .saved-product-title .pr-upriceli,
    .saved-product-list .saved-product-row .pr-upriceli{
        max-width: 150px;
        width: 10.6666%;
    }
    .saved-product-list .saved-product-title .pr-nmli,
    .saved-product-list .saved-product-row .pr-nmli{
        max-width: 390px;
        width: 50%;
    }
    .saved-product-list .saved-product-title .pr-subtotalli,
    .saved-product-list .saved-product-row .pr-subtotalli{
        max-width: 100px;
        width: 16.6666%;
    }
}
@media screen and (max-width: 1100px){
    .page-title-wish-banner .rgs-images{
        right: 0;
    }
    .sved-cart-row > h4 > a {
        left: 0;
    }
    .sved-cart-row h4 {
        font-size: 20px;
        padding: 0px 0px 0px 15px;
    }
    .sved-buttons a {
        margin: 0 5px 0 0;
        padding: 0 5px 0 0;
    }
    .saved-product-list{
        padding: 10px 25px;
    }
    .pr-qtyli .qty-box .qty{
        max-width: 45px;
    }
    .saved-product-list .saved-product-title .pr-upriceli, .saved-product-list .saved-product-row .pr-upriceli {
        max-width: 400px;
        width: 12.6666%;
    }
    .saved-product-list .saved-product-title .pr-nmli, .saved-product-list .saved-product-row .pr-nmli {
        width: 42%;
    }
}
@media screen and (max-width: 1024px){
    .page-title-wish-banner .rgs-images{
        text-align: right;
    }
    .page-title-wish-banner .rgs-images>img{
        width: 80%;
    }
}
@media screen and (max-width: 640px){
    .page-title-wish-banner{
        min-height: auto;
    }
    .saved-cart-row .sv-whishlist-totalqty,
    .saved-cart-row .sv-whishlist-lastupdated,
    .saved-cart-row .sv-whishlist-total{
        flex: 0 0 100%;
    }
    .page-title-wish-banner .rgs-images{
        display: none;
    }
    .page-title-wish-banner .page-title h1{
        font-size: 26px;
        line-height: 44px;
    }
    .page-title-wish-banner{
        padding: 10px 20px;
    }
    .saved-product-list .saved-product-row{
        flex-wrap: wrap;
    }
    .saved-product-list .saved-product-title .pr-nmli, .saved-product-list .saved-product-row .pr-nmli {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px 0;
    }
    .saved-product-list .saved-product-title .pr-upriceli,
    .saved-product-list .saved-product-row .pr-upriceli,
    .saved-product-list .saved-product-title .pr-qtyli,
    .saved-product-list .saved-product-row .pr-qtyli,
    .saved-product-list .saved-product-title .pr-subtotalli,
    .saved-product-list .saved-product-row .pr-subtotalli {
        width: 33.33%;
        max-width: 100%;
    }
    .saved-product-list .saved-product-row li::before {
        content: attr(data-text);
        display: block;
        font-size: 14px;
        color: #CFCFCF;
        font-weight: 600;
        margin: 0 0 5px 0;
        text-align: left;
        color: var(--grey-color-tone-ten);
    }
    .saved-product-list .saved-product-row .pr-trashli::before {
        display: none;
    }
    .saved-product-list.qty-editable-grid .saved-product-row .pr-qtyli{
        text-align: left;
    }
    .saved-product-list .saved-product-title{
        display: none !important;
    }
    .sved-cart-date-row .sved-cm-block {
        margin-bottom: 10px;
    }
    .sved-cart-detail .sved-cart-date-row {
        margin: 35px 0 10px;
    }
    .sved-cart-row h4,
    .sved-cart-detail > h4 {
        font-size: 18px;
    }

}
@media screen and (max-width:400px){
    .saved-product-list .saved-product-title .pr-upriceli,
    .saved-product-list .saved-product-row .pr-upriceli,
    .saved-product-list .saved-product-title .pr-qtyli,
    .saved-product-list .saved-product-row .pr-qtyli,
    .saved-product-list .saved-product-title .pr-subtotalli,
    .saved-product-list .saved-product-row .pr-subtotalli {
        width: 50%;
        margin-bottom: 15px;
    }
}
/*end of save cart*/
.form-edit .form-list li.fie_mobile .iti {
    width: 100%;
}
.form-edit .form-list li.fie_mobile .div_mobile input{
    width: 100%;
}
/*Address Form Checkbox Design changes*/
.form-list li.adress-text.field-col-12 .address-selection .form-group {
    width: 100%;
}
.form-list li.adress-text.field-col-12 .address-selection .form-group label {
    display: inline-block;
}
.form-list li.adress-text.field-col-12 .address-selection .form-group label .copyaddress-info {
    display: inline;
    font-weight: 400;
}
/*Address Form Checkbox Design changes End*/

/*Gapp for the Marketing material*/
.gapp-mt-market-box {
    display: flex;
    background-color: #F7F9FF;
    border-radius: 13px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 30px;
}
.gapp-mt-market-box>p {
    color: #7E7E7E;
    font-size: 15px;
    line-height: 20px;
    max-width: 420px;
    text-align: left;
    margin: 0;
    margin: 0 15px;
}
.gapp-mt-market-box a {
    color: #2295FF;
    font-weight: 500;
    text-decoration: underline;

}
.gapp-mt-market-box img {
    margin-top: -70px;
}
.gapp-mt-market-box a.link-disabled {
    color: #bdbdbd;
    cursor: not-allowed;
}
@media screen and (max-width:640px){
    .gapp-mt-market-box{
        flex-wrap: wrap;
    }
    .gapp-mt-market-box>p{
        margin: 0 15px;
        width: 100%;
        max-width: 420px;
        text-align: center;
    }
}

/* shipping address looks */
.conform-bx.common-error-popup .conform-bx-inner {
    padding: 30px;
    border-radius: 26px;
    background: var(--white-color);
    border: 0;
    max-width: 615px;
    margin: 3% auto;
}
.conform-bx.common-error-popup.suggested-addr-popup .conform-bx-inner{
    max-width: 439px;
    padding: 0;
    border-radius: 16px;
}
.conform-bx.common-error-popup.suggested-addr-popup .conform-bx-inner h3 {
    background-color: #F6F6F6;
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    color: var(--dark-color);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    position: relative;
    padding: 25.5px 40px;
}
.conform-bx.common-error-popup.suggested-addr-popup {
    box-shadow: 0px 0px 5.86px 0px #8585854D;
}
.conform-bx.common-error-popup.suggested-addr-popup .conform-bx-inner .suggested-address-close {
    position: absolute;
    background-image: url(../images/addressclose-popup.svg);
    width: 14px;
    height: 15px;
    right: 35px;
    top: 25px;
}
.conform-bx.common-error-popup.suggested-addr-popup .diffrent-address-data-block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 40px;
}
.conform-bx.common-error-popup.suggested-addr-popup .diffrent-address-data-block .naddress-text {
    color: #FF7E8C;
    background-color: #FFF7F8;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    border-radius: 9px;
    padding: 15px;
}
.diff-error-title {
    display: flex;
    padding: 20px 50px;
    align-items: center;
    border-radius: 50px;
    background: var(--addresspopup-light-bcolor);
    justify-content: center;
    font-weight: 500;
    text-align: left;
    line-height: 27px;
    color: var(--dark-black-color-one);
}

.diff-error-title i svg path {
    fill: var(--primary-color);
}

.diff-error-title>span {
    color: var(--dark-red-color);
    font-weight: 700;
}
.diffrent-address-data-block {
    width: 100%;
}
.diff-add-data {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    flex-direction: column;
    width: 100%;
}

.diff-add-data>input[type="radio"] {
    display: none;
}

.diff-add-data label {
    margin: 0 15px;
    width: calc(50% - 30px);
    border-radius: 15px;
    border: 0.733px solid #ccc;
    padding: 20px 20px 20px 50px;
    text-align: left;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 15px 0 0;
}
.diff-add-data label::before {
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    border: 2px solid #878787;
    left: 15px;
}
.diff-add-data>input[type="radio"]:checked + label::before{
    border-color:#FFC7CD
}

.diff-add-data>input[type="radio"]:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    width: 13px;
    height: 13px;
    background-color: #DE0F26;
    border-radius: 50%;
    left: 21px;
}

.diff-add-data>input[type="radio"]:checked + label {
    background: #FFFBFB;
    border: 1.5px solid #FFDDE1;
}

.diff-add-data label>h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 0 10px 0;
    color: var(--dark-color);
}

.diff-add-data label>address {
    font-size: 12px;
    line-height: 20px;
    color: #2F2F2F;
    font-weight: 400;
}
.diff-add-data label>address .diff-text {
    background-color: #FCC;
    padding: 2px 4px;
    font-weight: 600;
}

.diffrent-address-data-block>p {
    color: var(--dark-black-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
    text-align: left;
    margin: 40px 0 0 0;
    padding: 0 5px;
}

.diffrent-address-data-block>p>b {
    font-weight: 600;
}

.diffrent-address-data-block .diff-btn-set {
    display: flex;
    justify-content: space-around;
    margin: 15px 0 5px 0;
    width: 100%;
}

.diffrent-address-data-block .diff-btn-set>.btn {
    padding: 8px 30px;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>p,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>p {
    margin: 30px 0;
    text-align: center;
    padding: 0;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set {
    justify-content: center;
    margin: 30px 0 10px 0;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn {
    max-width: 150px;
    width: 100%;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"],
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"] {
    display: none;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>label,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>label {
    font-size: 16px;
    color: var(--dark-black-color-one);
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>label::before,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>label::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2.1px;
    border: solid 1px var(--dark-color);
    position: absolute;
    left: 0;
    top: 2px;
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::before,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::after,
.conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 5px;
    height: 9px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.conform-bx.wrong-address-popup .conform-bx-inner .diffrent-address-data-block>p {
    text-align: center;
}

.wrong-address-block {
    width: 100%;
    border-radius: 15px;
    border: 0.733px solid var(--scrollbar-thumb-bg);
    padding: 25px 40px 20px 40px;
    position: relative;
    text-align: left;
    margin: 30px 0;
}

.wrong-address-block>h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    color: var(--dark-color);
    margin: 0 0 10px 0;
}

.wrong-address-block .wrong-add-edit-block {
    display: flex;
    width: 100%;
    align-items: center;
}

.wrong-address-block .wrong-add-edit-block>address {
    font-size: 12px;
    line-height: 18px;
    color: var(--dark-black-color);
}

.wrong-address-block .wrong-add-edit-block>a {
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    background-color: var(--addresspopup-light-bcolor);
    border-radius: 50%;
}

.wrong-address-block .wrong-add-edit-block>a>svg {
    width: 12px;
    height: 13px;
}

.wrong-address-block::before {
    content: '';
    width: 5px;
    height: 40%;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    border-radius: 0px 20px 20px 0px;
}

.conform-bx.wrong-address-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set {
    justify-content: center;
}

.conform-bx.wrong-address-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn:first-child {
    margin-right: 30px;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content {
    width: 100%;
    text-align: left;
    padding: 30px 0 0 0;
}
.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content ul{
    max-height: 600px;
    overflow: auto;
}
.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content ul li {
    position: relative;
    padding-left: 20px;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content ul li:before {
    content: ">>";
    position: absolute;
    left: 0;
    top: -3px;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content ul li p {
    text-align: left;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content p {
    color: var(--dark-black-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
    padding: 0 5px;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block>p {
    margin: 20px 0 0 0;
    text-align: center;
    border-top: 1px solid var(--grey-color-tone-five);
    padding-top: 20px;
}

.conform-bx.buying-limit-popup .diffrent-address-data-block .diff-btn-set {
    justify-content: center;
}

.conform-bx.buying-limit-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn:first-child {
    margin-right: 20px;
}

.conform-bx.mismatched-add-popup .diff-error-title {
    padding: 15px 30px;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

.conform-bx.mismatched-add-popup .diffrent-address-data-block>p {
    margin: 15px 0;
}

.conform-bx.mismatched-add-popup .diffrent-address-data-block>p.proceed-ask {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid var(--scrollbar-thumb-bg);
}

.conform-bx.mismatched-add-popup .diff-add-data {
    margin: 10px -7.5px;
    max-height: 180px;
    overflow: auto;
}

.conform-bx.mismatched-add-popup .diff-add-data::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.conform-bx.mismatched-add-popup .diff-add-data::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
    border-radius: 10px;
}

.conform-bx.mismatched-add-popup .diff-add-data label {
    margin: 7.5px;
    width: calc(50% - 15px);
    cursor: auto;
}

.conform-bx.mismatched-add-popup .diffrent-address-data-block .diff-btn-set {
    justify-content: center;
    margin: 20px 0 0 0;
}

.conform-bx.mismatched-add-popup .diffrent-address-data-block .diff-btn-set>.btn {
    margin: 0 5px;
}

.braintree-sheet__content--button {
    min-height: 0;
    padding: 0;
}

.lock-shipping-method-tooltip {
    width: auto;
    display: flex;
    justify-content: flex-end;
    max-width: 400px;
    margin: 0 0 0 auto;
    position: relative;
    align-items: center;
}

.lock-shipping-method-tooltip .method-tooltip {
    margin: -35px 0 0 0;
    background: var(--white-color);
    padding: 0 6px;
    height: 23px;
}

.lock-shipping-method-tooltip .method-tooltip-content {
    border-radius: 16px 0px 16px 16px;
    background: var(--white-color);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);
    position: absolute;
    top: -3px;
    z-index: 99;
    padding: 10px 15px;
    color: var(--tooltip-color);
    font-size: 12px;
    font-weight: 500;
    right: 20px;
    line-height: normal;
    display: none;
}

.lock-shipping-method-tooltip .method-tooltip svg path {
    fill: var(--dark-black-color-one);
}

.lock-shipping-method-tooltip .method-tooltip:hover svg path {
    fill: var(--primary-color);
}

.lock-shipping-method-tooltip .method-tooltip:hover + .method-tooltip-content {
    display: block;
}

/* Edit Account Information Css */

.upgrade-customer-info .fieldset {
    border: 0;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
    width: 100%;
    padding: 15px 20px;
}
.upgrade-customer-info .password-fields {
    box-shadow: none;
    padding: 10px 0 0 0;
}
.upgrade-customer-info .password-fields .field {
    margin-bottom: 10px;
    width: 50%;
}
.upgrade-customer-info .fieldset .legend {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: 500;
    color: var(--dark-color);
    padding-left: 20px;
    margin-bottom: 20px;
    line-height: 38px;
    position: relative;
}
.upgrade-customer-info .add-integration label {
    font-size: 13px;
}
.upgrade-customer-info .fieldset .legend::before {
    content: "";
    width: 3px;
    height: 20px;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: 5px;
    top: 10px;
}
.upgrade-customer-info .input-text {
    padding: 15px;
    border-radius: 10px;
    border: solid 1px var(--light-grey-color-three);
    font-size: 15px;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-color);
    height: auto;
    width: 100%;
}
.upgrade-customer-info .input-text.text-disbaled {
    background: #dedede75;
    cursor: not-allowed;
}
.upgrade-customer-info .ntyfy-addfields .input-text {
    padding: 0px 10px;
    border-radius: 10px;
    font-size: 13px;
}
.upgrade-customer-info .fieldset label {
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: 0.28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -12px;
    position: relative;
    margin-left: 15px;
    z-index: 1;
}
.upgrade-customer-info label.required em {
    right: 2px
}
.upgrade-customer-info .email-fields {
    padding: 0 5px;
}
.upgrade-customer-info .control{
    padding: 0 5px;
}
.upgrade-customer-info .control label {
    margin-left: 5px;
}
.upgrade-customer-info .form-list .field.name-firstname,
.upgrade-customer-info .form-list .field.name-lastname  {
    width: 50%;
    margin-right: 0;
}
.upgrade-customer-info .form-list .field{
    margin-right: 0px;
    padding: 0 5px;
}
.upgrade-customer-info .addional_col {
    padding: 0;
}
.upgrade-customer-info .addional_col ul.form-list {
    padding: 0;
}
.upgrade-customer-info .iti__selected-country {
    margin: 15px 0 0 0;
}
.upgrade-customer-info .control input {
    display: none;
}
.upgrade-customer-info .control input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 4px;
    height: 9px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.upgrade-customer-info .control input[type="checkbox"]:checked + label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.upgrade-customer-info .control label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 5px;
    margin-bottom: 0;
}
.upgrade-customer-info .control label:before {
    content: '';
    -webkit-appearance: none;
    border: 1px solid var(--dark-color);
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
}

/* notifications table  */
.upgrade-customer-info .ms-subtitle h2 {
    color: var(--dark-color);
}
.upgrade-customer-info .notification-wrapper .notification-tr {
    border-radius: 5px 5px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: var(--light-grey-color-second);
    border: none;
    background-color: transparent;
}
.upgrade-customer-info .notification-wrapper {
    margin: 15px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--white-color);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 15px 30px 10px 30px;
}
.upgrade-customer-info .notification-wrapper .notification-td,
.upgrade-customer-info .notification-td ul {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    align-items: center;
    border: none;
}
.upgrade-customer-info .notification-wrapper .notification-td {
    border-bottom: 1px solid #ddd;
}
.upgrade-customer-info .ntifyemail-wrap{
    background-color: transparent;
}
.upgrade-customer-info .ntify-buttonset .ntyfy-addfields .ntysubmit-btn{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 60px;
}
.upgrade-customer-info .ntify-buttonset .ntyfy-addfields .ntycensel-btn{
    background-color: var(--white-color);
    border-radius: 60px;
    color: var(--dark-color);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);
    border: 0 none;
}
.upgrade-customer-info .ntify-buttonset .ntybtn {
    font-size: 15px ;
    border-radius: 40px;
}
.upgrade-customer-info .notification-td:last-child {
    border-bottom: 0 ;
}
.upgrade-customer-info .notification-td ul {
    border-bottom: 0 ;
}
.upgrade-customer-info .ep-switch-bar {
    width: 21px;
    height: 21px;
    border-radius: 60px;
}
.upgrade-customer-info .ep-switch-inner::before, .ep-switch-inner::after {
    border-radius: 20px;
}
.upgrade-customer-info .ep-switch .ep-switch-inner {
    transition: none;
    -webkit-transition: none;
}
.upgrade-customer-info .ntify-buttonset .ntyfy-addfields {
    align-items: self-start;
}
.account-information-title h1{
    font-size: 36px;
    font-weight: 600;
    margin-left: 7px;
}
.account-information-title h1 span{
    font-size: 36px;
    font-weight: 600;
    color: var(--dark-color);
    text-transform: uppercase;
}

.my-account .acc-opt-block .acc-opt-list {
    border: none;
}
.my-account .acc-opt-block .acc-opt-item {
    border-top: 0;
}
.my-account .acc-opt-block .acc-opt-item .opt-title {
    border-right: 0;
    color: var(--grey-color-tone-three);
    padding: 5px 0px 5px 20px;
}
.my-account .acc-opt-block .acc-opt-item .opt-para {
    padding: 5px 0 5px 20px;
}
.my-account .acc-opt-block .acc-opt-item .opt-link{
    text-decoration: underline;
    padding: 5px 0 5px 20px;
}
.my-account .acc-opt-block h3 {
    color: var(--dark-color);
    padding-left: 0;
    font-weight: 600;
}
.my-account .acc-opt-block h3:before {
    min-width: 185px;
}
.my-account .upgrade-customer-info .buttons-set p.back-link a{
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px ;
    min-width: 130px;
    cursor: pointer;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);
    border: 0 none;
    color: var(--dark-color) ;
    background-color: var(--white-color);
    margin-right: 10px;
}
/* account dashboard css  */

.customer-account-index .dashboard-acc-info .col2-set .col-1,
.customer-account-index .dashboard-acc-info .col2-set .col-2 {
    border: 0;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.customer-account-index .box-info.dashboard-acc-info .box .box-title,
.customer-account-index .box-info .address-block .box .box-content h4 {
    background-color: transparent;
}
.customer-account-index .box-info.dashboard-acc-info .box .box-title h3,
.customer-account-index .box-info .address-block .box .box-content h4{
    position: relative;
    font-weight: 500;
}
.customer-account-index .box-info.dashboard-acc-info .box .box-title h2 {
    float: left;
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
}
.customer-account-index .box-info.dashboard-acc-info .box .box-title h3::before {
    content: "";
    width: 2px;
    height: 15px;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: -11px;
    top: 4px;
}
.customer-account-index .box-info .address-block .box .box-content h4::before {
    content: "";
    width: 2px;
    height: 15px;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: -2px;
    top: 9px;
}
.box-info .address-block .box .box-content address,
.box-info.dashboard-acc-info .box .box-content{
    padding: 15px 10px;
}
/* notification table  */
.lan-curwrapper {
    border: 0;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
    width: 100%;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction:
    column;
    margin: 30px 0 0;
}
.lan-curwrapper h3 {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: 500;
    color: var(--dark-color);
    padding-left: 20px;
    margin-bottom: 20px;
    line-height: 38px;
    position: relative;
    font-size: 20px;
}
.lan-curwrapper h3:before {
    content: "";
    width: 3px;
    height: 20px;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: 5px;
    top: 10px;
}
.lan-curwrapper .form-list {
    padding: 0 17px;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -5px;
}
.lan-curwrapper .form-list .form-list-item {
    float: none;
    clear: none;
    width: 50%;
    padding: 0 10px 15px;
}
.lan-curwrapper .form-list .form-list-item .input-text {
    padding: 15px;
    border-radius: 10px;
    border: solid 1px var(--light-grey-color-three);
    font-size: 15px;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-color);
    height: auto;
    width: 100%;
}
.lan-curwrapper .form-list .form-list-item select.input-text {
    padding-right: 40px;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 20px;
    background-image: url(../images/select-downarrow.svg);
}
.lan-curwrapper .form-list .form-list-item label {
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: 0.28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -12px;
    position: relative;
    margin-left: 15px;
    z-index: 1;
}
@media screen and (max-width:640px) {
    .notification-tr li:first-child {
        display: none;
    }
    .notification-wrapper .notification-tr li:nth-child(2),
    .notification-wrapper .notification-tr li:last-child {
        width: 50%;
    }
    .upgrade-customer-info .notification-td>ul>li:first-child {
        background-color: transparent;
        border-bottom: none;
    }
    .lan-curwrapper .form-list{
        padding: 0 10px;
    }
}
@media screen and (max-width:536px) {
    .upgrade-customer-info .form-list .field.name-firstname,
    .upgrade-customer-info .form-list .field.name-lastname {
        width: 100%;
    }
    .upgrade-customer-info .password-fields .field {
        width: 100%;
    }
    .account-information-title h1{
        font-size: 28px;
    }
    .account-information-title h1 span{
        font-size: 28px;
    }
    .conform-bx.common-error-popup.suggested-addr-popup .conform-bx-inner h3{
        padding: 20px 25px;
    }
    .conform-bx.common-error-popup.suggested-addr-popup .conform-bx-inner .suggested-address-close{
        right: 25px;
        top: 21px;
    }
    .conform-bx.common-error-popup.suggested-addr-popup .diffrent-address-data-block{
        padding: 15px 20px;
    }
    .lan-curwrapper .form-list .form-list-item{
        width: 100%;
        padding: 0 0px 20px;
    }
}
@media screen and (max-width:480px) {
    .my-account .page-title  {
        flex-direction: row;
    }
    .account-information-title h1{
        font-size: 23px;
        margin-left: 5px;
    }
    .account-information-title h1 span{
        font-size: 23px;
    }
    .upgrade-customer-info .buttons-set p.back-link a {
        width: 80% ;
    }
    .upgrade-customer-info .notification-wrapper {
        padding: 15px 10px;
    }

    .customer-account-index .dashboard-acc-info .col2-set .col-1,
    .customer-account-index .dashboard-acc-info .col2-set .col-2 {
        padding: 0;
    }
    .customer-account-index .dashboard-acc-info .col2-set .col-2{
        margin-top: 0;
    }
    .customer-account-index .box-info.dashboard-acc-info .box .box-title h3::before,
    .customer-account-index .box-info .address-block .box .box-content h4::before {
        display: none;
    }
}
@media screen and (max-width:370px) {
    .notification-td .ep-allemails,
    .notification-td .ep-allnums {
        margin-top: 0px;
    }
    .account-information-title h1 span,
    .account-information-title h1{
        font-size: 19px;
    }
}

/* account dashboard css  */

/* add new user popup design changes*/
.mydetail-edit .dashboard-acc-bx-inner.rounded-popup {
    position: relative;
    border-radius: 40px;
    padding: 10px 20px;
    border-radius: 40px;
    box-shadow: 0 0 34px 0 rgb(0 0 0 / .2);
    background-color: var(--white-color);
}
.add-address-popup .address-fixheight {
    max-height: 610px;
}
.add-address-popup h2.popup-header-text {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: 600;
    font-size: 21px;
    padding-top: 2px;
    color: var(--dark-color);
    padding-left: 20px;
    line-height: 38px;
    position: relative;
}
.add-address-popup .fieldset {
    border: none;
    border-radius: 0;
    padding: 15px 0;
}
.add-address-popup .fieldset .form-list .field {
    width: 50%;
    padding: 0 7px 0 5px;
}
.add-address-popup .fieldset .form-list .full-width-fields,
.add-address-popup .fieldset .form-list .username-field,
.add-address-popup .fieldset .form-list .mobile-field,
.add-address-popup .fieldset .form-list .m-username.field {
    width: 100% !important;
    padding: 0 0 0 5px !important;
}
.add-address-popup .underlined-div {
    text-align: left;
    border-bottom: 1.5px dashed #C8C8C8;
    padding-bottom: 10px;
    padding-left: 10px;
}
.add-address-popup h2.popup-header-text::before {
    content: "";
    width: 3px;
    height: 22px;
    border-radius: 20px;
    background-color: var(--primary-color);
    position: absolute;
    left: 5px;
    top: 10px;
}
.dashboard-acc-bx-inner .add-address-popup .fieldset .form-list input.input-text,
.dashboard-acc-bx-inner .add-address-popup .fieldset .form-list select {
    padding: 15px;
    border-radius: 10px;
    border: solid 1px var(--light-grey-color-three);
    font-size: 15px;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-color);
    height: auto;
}

.add-address-popup .dashboard-popup-account {
    background-color: transparent;
    border: none;
}
.add-address-popup .mb-top-5 .input-box {
    display: flex;
    align-items: center;
}
.add-address-popup .mb-top-5 .input-box span {
    margin-left: 5px;
}
.add-address-popup .field input#useraccountchk {
    accent-color: var(--primary-color);
    width: 18px;
    height: 18px;
}
.add-address-popup .text-with-prefix p.numaric-values+.sm-text {
    width: 30px ;
}
.add-address-popup .fields .field.m-username p.numaric-values {
    height: 55px !important;
    border: solid 1px var(--light-grey-color-three);
    border-right: none !important;
    border-radius: 10px 0 0px 10px !important;
    padding-top: 10px;
}
.add-address-popup .text-with-prefix  {
    display: flex;
}
.add-address-popup .text-with-prefix .input-text {
    border-left: none !important;
    border-radius: none;
}
.add-address-popup .text-with-prefix p.numaric-values+.sm-text+.input-text {
    margin-left: 0;
    border-radius: 0 10px 10px 0 !important;
    width: 100%;
}
.add-address-popup .m-username .form-list .input-box {
    display: flex;
}
.add-address-popup .dashboard-popup-account .fields .field.m-username .field+.field {
    margin-left: 0;
}
.add-address-popup .popup-btn-right button:nth-child(2)>span {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    border-radius: 60px;
    font-size: 17px;
    font-weight: 600;
}
.add-address-popup .popup-btn-right button:nth-child(2)>span:hover {
    background-color: transparent;
    color: var(--primary-color);
}
.add-address-popup .popup-btn-right button:nth-child(2):hover span {
    color: none;
}
.add-address-popup a.cancel-btn {
    padding: 5px 15px;
    background-color: var(--white-color);
    text-decoration: none;
    font-weight: 600;
    border-radius: 60px;
    min-width: 130px;
    cursor: pointer;
    box-shadow: 0 2px 11px 0 rgb(0 0 0 / .16);
    color: var(--dark-color);
    background-color: var(--white-color);
    margin-right: 10px;
}
.add-address-popup a.cancel-btn:hover{
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border: none;
}

@media  screen and (max-width: 608px) {
    .add-address-popup .fieldset .form-list .field {
        width: 100% !important;
    }
    .mydetail-edit .dashboard-acc-bx-inner.rounded-popup{
        padding: 15px 5px;
    }
}
/* add new user popup design changes*/

/* Edit Account Information Css */

.validate-info-icon {
    width: auto;
    float: right;
    padding: 4px 13px;
    margin-right: 10px;
    border-radius: 0 0 10px 10px;
    height: 27px;
    background-color: var(--grey-color-tone-six);
    font-size: 12px;
    font-weight: 500;
    color: var(--dark-clor);
}
.validate-info-icon:hover{
    background-color: var(--primary-color);
    color: var(--white-color);
}
@media screen and (min-width:768px) {

    .diff-error-title>i {
        margin-right: 15px;
    }

    .diff-error-title {
        font-size: 20px;
    }

}

@media screen and (max-width:767px) {

    .conform-bx.common-error-popup .conform-bx-inner {
        width: 92%;
    }

    .diff-error-title {
        font-size: 15px;
    }

    .diff-error-title>i {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

    .diff-error-title>i>svg {
        height: 25px;
        width: 25px;
    }

    body .paypal-button > .zoid-outlet {
        max-width: 100% !important;
        min-width: auto !important;
    }

    .lock-shipping-method-tooltip .method-tooltip {
        margin: 0 0 -30px 0;
    }

    .lock-shipping-method-tooltip .method-tooltip-content {
        top: 30px;
        right: 20px;
    }
    .conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content ul {
        max-height: 340px;
    }
}

@media screen and (max-width:536px) {

    .diff-error-title {
        padding: 20px;
    }

    .conform-bx.mismatched-add-popup .diff-add-data {
        max-height: 120px;
    }

    .conform-bx.mismatched-add-popup .diff-add-data label {
        padding: 15px 20px;
    }

    .conform-bx.mismatched-add-popup .diff-add-data label>h4 {
        margin: 0 0 5px 0;
    }

    .diff-add-data label {
        width: 100%;
        margin: 7.5px 0px;
    }

    .diff-add-data {
        margin: 20px 0px;
        max-height: 480px;
        overflow: auto;
    }

    .diffrent-address-data-block>p {
        margin: 0;
        font-size: 13px;
    }
    .diff-add-data{
        max-height: 300px;
        overflow: auto;
        flex-direction: row;
    }
    .conform-bx.common-error-popup.suggested-addr-popup .diffrent-address-data-block .naddress-text{
        padding: 10px;
    }
}

@media screen and (max-width:480px) {

    .conform-bx.common-error-popup .conform-bx-inner {
        padding: 20px;
    }

    .diffrent-address-data-block .diff-btn-set {
        margin: 20px 0 10px 0;
    }

    .diffrent-address-data-block .diff-btn-set>.btn,
    .conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>label,
    .conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>label {
        font-size: 14px;
    }

    .conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>label::before,
    .conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>label::before {
        width: 15px;
        height: 15px;
    }

    .conform-bx.fedex-opt-out-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::after,
    .conform-bx.dsd-popup .conform-bx-inner .diffrent-address-data-block>input[type="checkbox"]:checked + label::after {
        top: 3px;
        left: 5px;
    }

    .wrong-address-block {
        padding: 25px 20px;
    }

    .wrong-address-block>h3 {
        font-size: 13px;
    }

    .conform-bx.buying-limit-popup .diffrent-address-data-block .buying-limit-content p {
        font-size: 13px;
    }

    .conform-bx.mismatched-add-popup .diff-error-title {
        padding: 15px;
        font-size: 14px;
    }

    .conform-bx.mismatched-add-popup .diff-add-data {
        max-height: 240px;
    }

    .conform-bx.mismatched-add-popup .diff-add-data label {
        width: 100%;
    }

    .conform-bx.mismatched-add-popup .diffrent-address-data-block .diff-btn-set {
        margin: 20px 0 10px 0;
    }

    .conform-bx.mismatched-add-popup .diffrent-address-data-block .diff-btn-set>.btn {
        width: auto;
        min-width: 100px;
    }

}

@media screen and (max-width:430px) {

    .conform-bx.common-error-popup .conform-bx-inner {
        padding: 15px;
    }

    .diff-error-title {
        font-size: 14px;
        padding: 12px;
        line-height: 20px;
    }

    .diffrent-address-data-block .diff-btn-set {
        flex-wrap: wrap;
    }

    .diffrent-address-data-block .diff-btn-set>.btn {
        margin: 0 0 5px 0;
        width: 100%;
    }

    .conform-bx.buying-limit-popup .diffrent-address-data-block .diff-btn-set>.btn:first-child {
        margin-right: 10px;
    }

    .conform-bx.wrong-address-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn,
    .conform-bx.buying-limit-popup .conform-bx-inner .diffrent-address-data-block .diff-btn-set>.btn {
        min-width: 110px;
        width: auto;
    }

}
/* shipping address looks */

/*--------======== Net Term Page Css --------========*/
.net-term-box {
    min-height: 160px;
    margin-bottom: 25px;
}
.net-term-main {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
}
.net-term-head{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
    align-items: center;
}
.net-term-title {
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.net-term-title > span {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: var(--netterm-paragraph-color);
    display: flex;
    margin: 0;
}
.net-term-title  h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 35.34px;
    text-align: left;
    display: block;
    color: var(--dark-color);
    margin: 0;
    padding: 0;
}
.net-term-title h2 a {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.02em;
    text-align: left;
    text-decoration-line: underline;
    color: var(--light-grey-color-second);
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
}
.net-term-title h2 a:hover{
    color:var(--primary-color);
}
.net-term-head .head-btn {
    margin: 0 0 0 auto;
    padding: 0;
    display: inline-block;
}
.net-term-head .head-btn .btn-primary {
    margin-left:10px;
}
.net-term-head .head-btn .btn-primary:first-child{
    margin-left:0;
}

.summary-box {
    width: 100%;
    margin: 0 0 35px 0;
    padding: 15px 25px 25px;
    display: block;
    background-color: var(--ms-comment-block-bg);
    border-radius: 14px;
}
.summary-box h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23.56px;
    color: var(--netterm-paragraph-color);
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}
.summary-box > p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--netterm-paragraph-color);
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
}
.summary-box > p:last-child{
    margin-bottom: 30px;
}
.summary-inner {
    display: flex;
    margin: 0 -5px;
    padding: 0;
    flex-wrap: wrap;
}
.summary-inner .credit-past-list {
    width: 50%;
    padding: 0 5px;
    margin: 0;
    float: left;
}
.credit-past-list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.credit-past-list ul li {
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
    padding: 12px 25px;
    width: 100%;
    background-color: var(--white-color);
    border-radius: 10px;
}
.credit-past-list ul li:last-child{
    margin-bottom: 0;
}
.credit-past-list ul li .credit-label {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 50%;
}
.credit-past-list ul li .credit-label > span {
    font-size: 13.18px;
    font-weight: 500;
    line-height: 15.52px;
    color: var(--netterm-creditlabel-color);
    margin: 0 10px 0 0;
}
.credit-past-list ul li .price {
    width: 50%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.credit-past-list ul li .price span {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.56px;
    color: var(--dark-color);
    display: block;
    margin: 0;
    padding: 0;
}
.credit-past-list ul li .price span.red {
    color: var(--credit-past-color-red);
}
.credit-past-list ul li .price span.green {
    color: var(--credit-past-color-green);
}
.credit-past-list .past-box {
    width: calc(50% - 10px);
    float: left;
    margin: 0 5px;
    padding: 10px 15px;
    background: var(--white-color);
    height: 100%;
    border-radius: 12px;
    text-align: center;
}
.credit-past-list .past-box > span {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.2px;
    color: var(--netterm-paragraph-color);
    display: block;
    margin-bottom: 16px;
    position: relative;
    padding-top: 10px;
}
.credit-past-list .past-box > span:after {
    content: "";
    position: absolute;
    max-width: 70px;
    background-color: var(--primary-color);
    height: 4px;
    top: -10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
}
.credit-past-list .past-box strong {
    font-size: 21px;
    font-weight: 600;
    line-height: 24.74px;
    color: var(--dark-color);
    display: block;
    margin: 0 0 10px 0;
}
.credit-past-list .past-box .due-box {
    width: 100%;
    display: block;
    margin: 0;
    padding: 6px 10px;
    background-color: var(--grey-color-tone-eleven);
    border-radius: 10px;
}
.credit-past-list .past-box .due-box span {
    color: var(--credit-past-color-red);
    font-size: 12px;
    font-weight: 500;
    line-height: 16.5px;
    position: relative;
    padding: 0 0 0 10px;
    margin: 0 0 6px 0;
    display: inline-block;
}
.credit-past-list .past-box .due-box span::after {
    content: "";
    position: absolute;
    max-width: 2px;
    background-color: var(--primary-color);
    height: 12px;
    top: 2px;
    left: 0;
    border-radius: 0;
    right: 0;
}
.credit-past-list .past-box .due-box p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    color: #9B9B9B;
}

.tooltip-box {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.tooltip-box svg {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.tooltip-box svg:hover path{
    fill: var(--primary-color);
}

.tooltip-inner {
    position: absolute;
    box-shadow: 0px 1.07px 8.54px 0px #00000024;
    border-radius: 8px 0px 8px 8px;
    background: var(--white-color);
    width: 150px;
    right: 0;
    padding: 10px 10px;
    top:34px;
    display: none;
}
.tooltip-box:hover .tooltip-inner{
    display: block;
}
.tooltip-inner h3 {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: -0.01em;
    text-align: right;
    color: var(--tooltip-color);
    display: block;
    margin: 0 0 4px 0;
}
.tooltip-inner p {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: var(--tooltip-color);
    text-align: right;
    margin: 0;
}

.tab-container-main {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.tab-container-main .tabs {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.tabs-dropdown{
    display: none;
}
.tab-container-main .tabs .tab-link {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 14px 14px 0 0;
    padding: 7px 12px;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    color: var(--nt-tab-color);
    cursor: pointer;
    max-width: 135px;
    min-height: 42px;
    display: flex;
    align-items: center;
}
.tab-container-main .tabs .tab-link.current-tab {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.tabs-content {
    width: 100%;
    display: block;
    margin: 0;
    padding: 25px 20px;
    box-shadow: 0px 1.01px 8.12px 0px #00000024;
    border-radius: 26px;
}
.tabs-content .tab-content {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
}
.tabs-content .tab-content.current-tab {
    display: block;
}
.tab-header {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--nt-tab-border);
}
.tab-header .tab-header-left {
    float: left;
    margin: 0;
    padding: 0;
}
.tab-header h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: var(--dark-color);
    margin: 0 0 5px 0;
}
.tab-header p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--netterm-paragraph-color);
    margin: 0 0 0 0 ;
}
.tab-header .tab-header-right {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.tab-header-right a {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    color: var(--dark-color);
}
.tab-header-right a:hover{
    color: var(--primary-color);
}

.down-pay-btn {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 10px 0 ;
}
.down-pay-inner > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.5px;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}
.down-pay-btn .btn {
    position: relative;
    margin-right: 20px;
}
.down-pay-btn .btn:after {
    content: "";
    border-right: 2px dashed var(--nt-downpay-btnborder);
    width: 2px;
    height: 30px;
    position: absolute;
    right: -14px;
    top: 3px;
}
.down-pay-btn .btn:last-child{
    margin-right: 0;
}
.down-pay-btn .btn:last-child::after{
    display: none;
}


/* =================== Flex Table Css =================== */
.flex-table-net {
    max-width: 1800px;
    width: 100%;
    position: relative;
    height: 100%;
    border-radius: 15px;
    background-color: var(--white-color);
    z-index: 3;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    padding: 6px;
}
.flex-rowtd-net {
    width: 100%;
    display: flex;
    justify-content: end;
    text-align: center;
    border: 0;
    position: relative;
}
.flex-fixedleft-net {
    position: absolute;
    left: 0;
    width: 160px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 14%);
    border-radius: 15px;
    height: 100%;
    z-index: 2;
    background-color: var(--white-color);
}
.edit-store-limit-table .flex-fixedleft-net {
    width: 200px;
}
.flex-fixedleft-net ul li {
    margin: 10px auto;
    border-radius: 9px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 85%;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: var(--dark-color);
    text-transform: capitalize;
    height: 55px;
    background-color: var(--grey-color-tone-eight);
}
.flex-fixedleft-net ul li.head {
    margin: 5px 10px;
    background-color: transparent;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li, .flex-table-net .flex-rowtd-net .flex-centerwraper-net ul li {
    position: relative;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li input, .flex-table-net .flex-rowtd-net .flex-centerwraper-net ul li input {
    display: none;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li label, .flex-table-net .flex-rowtd-net .flex-centerwraper-net ul li label {
    cursor: pointer;
    padding-left: 22px;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li label:before, .flex-table-net .flex-rowtd-net .flex-centerwraper-net ul li label:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid var(--dark-color);
    left: 10px;
    top: 18px;
    border-radius: 6px;
    background-repeat: no-repeat;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li input[type="checkbox"]:checked+label:before,
.flex-table-net .flex-rowtd-net .flex-centerwraper-net ul li input[type="checkbox"]:checked+label:before {
    background-image: url(../images/net-term/checkbox-icon.svg);
    background-position: 3px 5px;
    background-size: 13px auto;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li.head label {
    color: var(--dark-color);
    text-decoration: none;
}
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li label,
.flex-table-net .flex-rowtd-net .flex-fixedleft-net ul li label a{
    color: var(--netterm-link-color);
    text-decoration: underline;
}
.flex-centerwraper-net {
    width: calc(100% - 160px);
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    z-index: 1;
    padding: 5px 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.edit-store-limit-table .flex-centerwraper-net {
    width: calc(100% - 200px);
}
.flex-centerwraper-net::-webkit-scrollbar {
    height: 8px;
    border-radius: 15px;
    background-color: transparent;
    width: 8px;
}
.flex-centerwraper-net::-webkit-scrollbar-track {
    background-color: transparent;
    height: 12px;
}
.flex-centerwraper-net::-webkit-scrollbar-thumb {
    background-color: var(--grey-color-tone-seven);
    height: 7px;
    border-radius: 100px;
}
.flex-centerwraper-net ul {
    list-style: none;
    display: flex;
    width: 100%;
}
.flex-centerwraper-net .flex-novisible-net li {
    line-height: 16px;
    background-color: var(--white-color) !important;
    margin: 0 !important;
    font-weight: 600;
    color: var(--dark-color);
    word-break: break-word;
}
.flex-table-net .flex-rowtd-net .flex-centerwraper-net ul .g-order {
    display: none;
}
.flex-centerwraper-net .collapse-li {
    display: flex;
    width: 100%;
}
.flex-centerwraper-net ul li {
    min-height: 55px;
    height: auto;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    padding-left: 15px;
    text-align: left;
    word-break: auto-phrase;
    line-height: 18px;
    background-color: var(--grey-color-tone-eight);
    margin: 5px 0;
    min-width: 100px;
}
.flex-centerwraper-net ul li.pending {
    color: var(--total-box-color);
}
.flex-centerwraper-net .flex-novisible-net li, .flex-centerwraper-net ul li {
    width: 100%;
}
.flex-centerwraper-net .flex-novisible-net li.align-right, .flex-centerwraper-net ul li.align-right {
    justify-content: flex-end;
    text-align: right;
}
.flex-centerwraper-net ul li:last-child {
    border-radius: 0 10px 10px 0;
    padding-right: 15px;
}
.flex-centerwraper-net .flex-novisible-net li.g-storename, .flex-centerwraper-net ul li.g-storename {
    min-width: 280px;
}
.flex-centerwraper-net ul.flex-novisible-net {
    box-shadow: 0 1px 4px rgb(0 0 0 / 14%);
    margin-bottom: 6px;
    border-radius: 0 10px 10px 0;
    position: relative;
    z-index: 988;
    left: -2px;
}
.flex-name {
    display: none;
}
.status.mobile-status {
    display: none;
}

.flex-centerwraper-net ul li.g-transaction-details {
    min-width: 185px;
}
.flex-centerwraper-net ul li.g-store-name {
    min-width: 175px;
}
.flex-centerwraper-net ul li.g-transaction {
    min-width: 150px;
}
.flex-centerwraper-net ul li.g-adjust-amount {
    min-width: 180px;
}
.flex-centerwraper-net ul li.g-adjust-amount.g-adjust-last-sacond{
    min-width: 125px;
}
.flex-centerwraper-net ul li.g-credit-available-last{
    min-width: 174px;
}
.flex-centerwraper-net ul li.g-company,
.flex-centerwraper-net ul li.g-average-usage {
    min-width: 130px;
}
.flex-centerwraper-net ul li.g-past-due {
    min-width: 120px;
}
.flex-centerwraper-net ul li.g-credit-limit,
.flex-centerwraper-net ul li.g-credit-used,
.flex-centerwraper-net ul li.g-credit-available {
    min-width: 100px;
}
.edit-store-limit-table .flex-fixedleft-net ul li.head {
    font-weight: 600;
}
.edit-store-limit-table .flex-fixedleft-net ul li {
    padding: 0 15px;
    text-align: left;
    justify-content: flex-start;
    font-weight: 500;
}
.edit-store-limit-table .flex-centerwraper-net ul {
    width: auto;
}
.flex-centerwraper-net ul li .amount-edit {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.flex-centerwraper-net ul li .amount-edit .cform-control {
    display: block !important;
    border: 0.8px solid var(--neterm-cform-control-color);
    max-width: 90px;
    padding: 5px 10px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--neterm-cform-control-fcolor);
    border-radius: 5px;
}
.flex-centerwraper-net ul li .amount-edit .amount-button {
    width: 26px;
    padding: 0;
    background-color: var(--total-box-color);
    height: 26px;
    border: 0;
    border-radius: 6px;
    margin: 0 0 0 15px;
}
.flex-centerwraper-net ul li .amount-edit .amount-button.button-green{
    background-color: var(--credit-past-color-green);
}
.flex-centerwraper-net ul li .amount-edit .amount-button svg {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 20px;
}
.edit-store-limit-table .flex-fixedleft-net ul li.total-box {
    color: var(--total-box-color);
    font-weight: 600;
}
.flex-centerwraper-net ul.total-row li {
    font-weight: 600;
}
.flex-centerwraper-net ul li .tooltip-box {
    margin: 2px 0 0 5px;
}
.flex-centerwraper-net ul li .edit-cancel-link {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: var(--netterm-edit-censel-link);
}
.flex-centerwraper-net ul li .edit-cancel-link a {
    color: var(--netterm-edit-censel-link);
    margin: 0 5px;
}
.flex-centerwraper-net ul li .edit-cancel-link a:first-child{
    margin-left: 0;
}
.flex-centerwraper-net ul li .edit-cancel-link a:last-child{
    margin-right: 0;
}

/* =================== Flex Table Css =================== */



/* --------======== Account Health Css --------======== */
.tab-header .tab-header-right .from-group {
    display: flex;
    margin: 0 -10px;
    padding: 0;
    max-width: 350px;
}
.tab-header .tab-header-right .from-group .cform-group {
    padding: 0 6px;
    margin: 0 0;
}
.tab-header .tab-header-right .btn.btn-default{
    margin-right: 15px;
    font-size: 14px;
    padding: 9px 16px;
    min-width: auto;
}
.from-group .cform-group .cform-control {
    padding: 10px 10px 10px 15px;
    color: var(--input-placeholder-color);
    position: relative;
}
.from-group .cform-group .cform-control::-webkit-inner-spin-button {
    display:none;
}
.from-group .cform-group .cform-control::-webkit-calendar-picker-indicator{
    background-image: url(../images/net-term/calendar-icon.svg);
    background-position:center;
    background-size:20px 20px;
    background-repeat:no-repeat;
    color:var(--nt-webkit-placeholder);
    width: 18px;
    height: 20px;
    opacity: 1;
}
.health-card-body {
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
}
.health-card-row{
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap;
}
.health-card-row .health-card-col {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 50%;
    flex-basis: 50%;
}
.health-card-row .health-card-col:first-child {
    border-right: 1px dashed var(--light-grey-color-three);
}
.health-card-orders {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.health-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 25.5px;
    letter-spacing: -0.01em;
    color: var(--dark-color);
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.health-card-orders .health-orderscount{
    display: inline-block;
    font-size: 80px;
    font-weight: 600;
    line-height: 120px;
    color: var(--dark-color);
}
.health-card-orders .health-process {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: var(--nt-healthprocess-color);
    display: inline-block;
    margin: 0 0 0 15px;
}
.account-health-progress {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.account-health-progress .account-health-progres-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 40px 0;
}
.account-health-progress .account-health-progres-row:last-child{
    margin-bottom: 0;
}
.account-health-progres-col {
    max-width: 32%;
    flex-basis: 32%;
}
.account-health-progres-col h2 {
    color: var(--filter-bg-font-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    padding-left: 14px;
}
.account-health-progres-col h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 4px;
    height: 35px;
    background-color: var(--sucess-color);
    border-radius: 100px;
}
.account-health-progres-col.light-orange-bg h2:before{
    background: var(--light-orange-color);
}
.account-health-progres-col.orange-bg h2:before{
    background: var(--nt-orange-after-color);
}
.account-health-progres-col h2 span {
    font-weight: 600;
    display: block;
}
.account-paid-progres-col {
    max-width: 65%;
    flex-basis: 65%;
    padding: 0 5px;
}
.account-paid-progres-col .account-progress {
    background-color: var(--nt-grey-color);
    border-radius: 8px;
    position: relative;
    height: 44px;
    width: 100%;
    overflow: hidden;
}
.account-paid-progres-col .account-progress-done {
    background: var(--light-orange-color);
    border-radius: 8px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
    font-size: 10px;
    font-weight: 600;
    padding-right: 2px;
}
.account-paid-progres-col.light-orange-bg .account-progress-done {
    background: var(--light-orange-color);
}
.account-paid-progres-col.orange-bg .account-progress-done {
    background: var(--nt-orange-after-color);
}

.health-card-chart {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.health-card-chart .health-amount {
    font-size: 35px;
    font-weight: 600;
    line-height: 52px;
    color: var(--dark-color);
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
}
.health-card-chart .health-det-count {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    width: 100%;
    align-items: center;
    border-bottom: 1px dashed var(--light-grey-color-three);
}
.health-card-chart .health-det-count .health-det {
    background-color: var(--nt-grey-color);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--filter-bg-font-color);
    display: inline-block;
    padding: 12px 12px;
    margin: 0 20px 0 0;
}
.health-card-chart .health-det-count .health-count {
    color: var(--filter-bg-font-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 16.49px;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 15px;
    position: relative;
}
.health-card-chart .health-det-count .health-count:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 4px;
    height: 35px;
    background-color: var(--nt-orange-after-color);
    border-radius: 100px;
}
.health-card-chart .health-amount-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.health-card-chart .health-amount-box .health-amount {
    margin: 10px 0 0 0;
}
.health-card-chart .health-amount-box .health-det {
    background-color: var(--nt-grey-color);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--filter-bg-font-color);
    display: inline-block;
    padding: 8px 16px;
    margin: 10px 0 0 0;
}
.health-billing-chart {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px dashed var(--light-grey-color-three);
}
.health-billing-chart .monthly-highcharts-left {
    width: 50%;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
}
.monthly-highcharts-left h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    color: var(--dark-color);
    position: relative;
    padding: 0 0 0 15px;
}
.monthly-highcharts-left h4::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 0px 4px 4px 0px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}
.monthly-highcharts-left a {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-decoration-line: underline;
    color: var(--dark-color);
    display: inline-block;
    margin-left: 15px;
    margin-top: 15px;
}
.monthly-highcharts-left a:hover{
    color: var(--primary-color);
}
.health-billing-chart .monthly-highcharts-right {
    width: 50%;
    margin: 0;
    padding: 0 20px 0 0;
    text-align: right;
}
.monthly-highcharts-right > span {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.85px;
    letter-spacing: -0.01em;
    color: var(--grey-color-tone-three);;
    display: inline-block;
}
.monthly-highcharts-right > span .price {
    font-size: 22px;
    font-weight: 600;
    line-height: 25.92px;
    letter-spacing: -0.01em;
}
.monthly-highcharts-right ul {
    margin: 20px 0 0 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    line-height: normal;
}
.monthly-highcharts-right ul li {
    display: inline-block;
    margin: 0 20px 0 0px;
    padding: 0 20px 0 0;
    border-right: 1px solid var(--grey-color-tone-three);;
    line-height: 5px;
}
.monthly-highcharts-right ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: 0;
}
.monthly-highcharts-right ul li a {
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: -0.01em;
    position: relative;
    color: var(--grey-color-tone-three);;
    padding: 0 0 0 20px;
}
.monthly-highcharts-right ul li a:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #E2E4EB;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
}
.monthly-highcharts-right ul li a:hover{
    color: var(--primary-color);
}
.monthly-highcharts-right ul li a:hover::before{
    background: #FFBBC2;
}
.monthly-highcharts-image {
    width: 100%;
    margin: 0;
    padding: 30px 0 0 0;
    display: block;
}
.monthly-highcharts-image img{
    width: 100%;
}
.border-bottom-none{
    border-bottom: 0;
}
/* --------======== Account Health Css --------======== */

/* --------======== Store Limits Css --------======== */
.store-limit-body {
    width: 100%;
    margin: 0;
    padding: 25px;
    display: block;
    background: var(--light-white-color);
    border-radius: 30px;
}
.store-limit-body .progress-bar-container {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    width: 100%;
}
.progress-bar-container .progress-bar-col {
    text-align: center;
    margin: 0;
    padding: 0;
}
.progress-bar-container .progress-bar-left {
    padding-right: 90px;
}
.progress-bar-container .progress-bar-right {
    margin-top: auto;
    padding: 0 0 0 90px;
}
.progress-bar-container h3 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    line-height: 18.85px;
    text-align: center;
    color: var(--netterm-paragraph-color);
    display: block;
    margin: 0 0 6px 0;
    padding: 0 0 0 10px;
}
.progress-bar-container h3:after {
    content: "";
    border-top: 2px dashed var(--nt-downpay-btnborder);
    width: 60px;
    height: 2px;
    position: absolute;
    left: -60px;
    top: 7px;
}
.progress-bar-container h3::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #A0A0A0;
    border-radius: 50%;
    position: absolute;
    left: -64px;
    top: 5px;
    z-index: 9;
}
.progress-bar-left h3::after {
    left: auto;
    right: -75px;
    border-color: var(--nt-progressbar-color);
}
.progress-bar-left h3::before {
    left: auto;
    right: -80px;
    background-color: var(--nt-progressbar-color);
}
.progress-bar-container .price-text{
    background: var(--white-color);
    border-radius: 30px;
    padding: 6px 20px;
    margin: 0 0 0 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.01em;
    color: var(--dark-color);
    min-width: 146px;
    text-align: right;
}
.progress-bar-list {
    width: 100%;
    margin: -30px 0 0 0;
    padding: 0;
    display: block;
}
.progress-bar-list ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.progress-bar-list ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.87px;
    color: #838383;
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    position: relative;
}
.progress-bar-list ul li span{
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-color);
}
.progress-bar-list ul li::after {
    content: "";
    width: 4px;
    height: 14px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
}
.progress-bar-center svg {
    height: 160px;
    width: 160px;
    transform: rotate(140deg);
}
.progress-bar-center .progress-bar__background {
    fill: none;
    stroke-width: 8;
}
.progress-bar-center .progress-bar__progress {
    fill: none;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 8;
    transition: stroke-dashoffset 1s ease-in-out;
}
/* --------======== Store Limits Css --------======== */

/* --------======== Payments & Auto Pay Css --------======== */

.upcoming-payment {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.upcoming-payment ul {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom:1px dashed var(--light-grey-color-three);
    width: 100%;
}
.payment-name-store-amount {
    width: 100%;
    display: flex;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    align-items: center;
    text-align: left;
    background: #FFBE5C1A;
    border-radius: 10px;
}
.payment-name-store-amount.payment-active {
    background: #FF84131A;
}
.payment-name-store-amount .payment-name,
.payment-name-store-amount .payment-store-name {
    width: auto;
    margin: 0;
    padding: 0 30px 0 0;
}
.payment-name-store-amount .payment-name {
    padding-left: 10px;
}
.payment-name-store-amount .payment-store-name {
    max-width: 300px;
}
.payment-name-store-amount .payment-amount-name {
    margin-left: auto;
    min-width: 150px;
}
.payment-name-store-amount .payment-edit-cancel {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 30px;
}

.payment-name-store-amount h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 20.03px;
    color: var(--dark-color);
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.payment-name-store-amount .payment-store-name h4 {
    margin-right: 5px;
}
.payment-name-store-amount span {
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
    color: #AAAAAA;
    display: block;
}
.payment-name-store-amount .payment-store-name strong {
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    text-align: left;
    color: var(--dark-color);
    display: block;
}
.payment-name-store-amount .payment-edit-cancel a {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.31px;
    text-decoration-line: underline;
}
.payment-name-store-amount .payment-edit-cancel a:hover{
    color: var(--primary-color);
}
.payment-name-store-amount .payment-name h4:after {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 4px;
    background-color: var(--light-orange-color);
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
}
.payment-name-store-amount.payment-active .payment-name h4:after{
    background-color: var(--nt-orange-after-color);
}
.payment-name-store-amount .tooltip-box {
    margin-left: 5px;
}

/* --------======== Payments & Auto Pay Css --------======== */

/* --------======== Statements & Reports Css --------======== */
.statements-reports-title h3 {
    position: relative;
    padding: 0 0 0 15px;
}
.statements-reports-title h3:after {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}
.statements-reports {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px;
    display: flex;
    background-color: var(--light-white-color);
    border-radius: 10px;
    flex-wrap: wrap;
}
.statements-reports-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 800px;
}
.statements-reports-inner ul {
    display: flex;
    margin: 0 -20px;
    padding: 0;
    flex-wrap: wrap;
}
.statements-reports-inner ul li {
    width: 50%;
    padding: 0 20px;
    position: relative;
    margin: 0;
    display: block;
    text-align: center;
}
.statements-reports-inner ul li .statements-reports-box {
    box-shadow: 0px 1px 9px 0px #0000001F;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 30px 20px 15px;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}
.statements-reports-inner ul li .statements-reports-box::after{
    content: "";
    position: absolute;
    max-width: 70px;
    background-color: var(--primary-color);
    height: 4px;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
}
.statements-reports-box h4 {
    color: var(--dark-color);
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    display: block;
    margin: 0;
    padding: 0;
}
.statements-reports-box span {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--netterm-paragraph-color);
}
.statements-reports-box a,
.statements-reports-inner ul li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration-line: underline;
    color: var(--netterm-link-color);
}
.statements-reports-box a:hover,
.statements-reports-inner ul li a:hover{
    color: var(--primary-color);
}
/* --------======== Statements & Reports Css --------======== */

/* --------======== NetTerms Agreement Css --------======== */
/*--------======== Net Term Responsive Css End--------========*/

/*Address Form Checkbox Design changes*/
.form-list li.adress-text.field-col-12 .address-selection .form-group {
    width: 100%;
}
.form-list li.adress-text.field-col-12 .address-selection .form-group label {
    display: inline-block;
}
.form-list li.adress-text.field-col-12 .address-selection .form-group label .copyaddress-info {
    display: inline;
    font-weight: 400;
}
.netterm-address-wrapper .required:after {
    content: "*";
    color: var(--dark-red-color);
}

.billing-summary-chart-amount-clr {
    background: var(--light-grey-color-five);
}

.billing-summary-chart-expired-no-clr {
    background: var(--light-pink-color);
}

.billing-summary-chart-line-clr {
    background: var(--light-grey-color-six);
}

.billing-summary-chart-series-text-clr {
    background: var(--dark-black-color-second);
}

.billing-summary-chart-label-clr {
    background: var(--grey-color-tone-three);
}

.billing-summary-chart-left-bar-clr {
    background: var(--grey-color-tone-seven);
}