/* login as detail data*/
span.required, label.required em {
    color: var(--error-color);
  }
  .loginas-detail {
    padding: 5px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 22px;
    background: var(--light-loginas-bg);
    font-size: 14px;
    color: var(--dark-color);
  }
  .loginas-detail span {
    padding: 0 5px;
    display: inline-block;
  }
  .links .loginas-detail {
    display: none;
  }
  .loginas-detail .loginas-wrap {
    max-width: 1300px;
    margin: 0 auto;
    clear: both;
    display: block;
  }
  .loginas-wrap .lftC_discount {
    float: left;
  }
  .loginas-wrap .tp_cuinfo {
    display: inline-block;
  }
  .loginas-wrap ul>li {
    display: inline-block;
    padding: 0 5px;
  }
  .loginas-wrap ul>li:empty {
    display: none;
  }
  .loginas-wrap .rightC_discount {
    float: right;
  }

  /* login as detail data*/

  .flw_cms {
    float: left;
    width: 100%;
  }

  .img-margin {
    width: 100%;
    margin-top: 20px;
  }
  .xs-bfont {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    color: var(--grey-color-tone-two);
  }

  /* Massages */

  .success {
    color: var(--sucess-color);
    font-weight: 700
  }
  .error {
    color: var(--error-color);
    font-weight: 700
  }
  .notice {
    color: var(--notice-color);
  }
  .messages, .messages ul {
    list-style: none!important;
    margin: 0!important;
    padding: 0!important
  }
  .messages {
    width: 100%;
    overflow: hidden;
    float: left;
    margin: 0!important
  }
  .messages li {
    margin: 16px 0 15px !important;
    border-radius: 15px;
  }
  .messages li li {
    margin: 0 0 3px!important
  }
  .error-msg, .note-msg, .notice-msg, .success-msg {
    border-style: solid!important;
    border-width: 1px!important;
    padding: 20px 15px 20px 60px!important;
    font-size: 14px!important;
    font-weight: 400!important;
    clear: both;
    position: relative;
  }
  .error-msg {
    border-color: var(--error-color);
    background-color: var(--error-color);
    color: var(--white-color)
  }
  .success-msg {
    border-color: var(--sucess-color);
    background-color: var(--sucess-color);
    color: var(--white-color);
  }
  .success-msg p{
    margin: 0;
  }
  .note-msg, .notice-msg {
    border-color: var(--warning-color);
    background-color: var(--warning-color);
    color: #675209;
  }
  .cms-motorola-repair-manual .note-msg, .cms-motorola-repair-manual .notice-msg{
    width: 96%;
    margin: 2%;
  }
  .error-msg:before, .note-msg:before, .notice-msg:before, .success-msg:before {
    content: "";
    background-image: url(../images/sprites/mobilesentrix.png)!important;
    position: absolute;
    width: 43px;
    height: 40px;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
  }
  .error-msg:before {
    background-position: -7px -2138px!important;
  }
  .success-msg:before {
    background-position: -6px -2231px!important;
  }
  .note-msg:before, .notice-msg:before {
    background-position: -3px -2040px!important;
  }

  /* Massages */

  /* For "NEW" label design */

  .spouge-label.red {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    animation: bgchange 5s infinite;
    -webkit-animation: bgchange 5s infinite;
  }
  .spouge-label {
    display: inline-block;
    position: absolute;
    line-height: 10px;
    padding: 1px 2px;
    font-size: 10px;
    letter-spacing: 0;
    right: -4px;
    border-radius: 2px;
    text-transform: uppercase;
    top: -4px;
    font-weight: 400;
  }
  .spouge-label:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    position: absolute;
    bottom: -5px;
    left: 36%;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
  }
  .spouge-label.red:after {
    border-color: var(--primary-color) transparent transparent transparent;
    animation: borderchange 5s infinite;
    -webkit-animation: borderchange 5s infinite;
  }

  /* For "NEW" label design */

  .page-title h1{
    font-size: 40px;
    margin: 0px;
    text-align: left;
  }
  .page-title h1, .account-login>.page-title>p>a>span, .account-login .registered-users .buttons-set a {
    color: var(--primary-color);
  }
  .page-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .page-title > button{
    margin: 0;
  }
  .page-title.w-dwld-icon {
    width: 100%;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
  }
  .page-title.w-dwld-icon h1 {
    display: block;
    float: left
  }
  .page-title.w-dwld-icon a {
    float: left;
    width: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-left: 15px
  }
  .page-title.w-dwld-icon a span {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/dwld.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
  }
  .page-title.tax-withbold {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  .page-title.tax-withbold+.xs-bfont {
    padding-left: 8px;
    float: left;
    margin-bottom: 10px;
  }

  /* table-code start */

  .data-table {
    width: 100%;
    float: left;
    border: 1px solid var(--grey-color-tone-seven);
  }
  .data-table thead th:last-child {
    border-right: 0 none
  }
  .data-table tfoot tr td:first-child {
      font-weight: 600;
  }
  .data-table.stylis-table-2 {
    border: 0;
  }
  .orders-table th {
    font-size: 14px;
    font-weight: 600;
  }
  .orders-table.stylis-table-2>thead>tr>th:nth-child(5) {
    width: 140px;
  }
  .orders-table tr th:nth-child(7), .orders-table tr td:nth-child(7) {
    min-width: 80px;
  }
  .data-table th {
    padding: 8px 10px;
    background: var(--grey-color-tone-eight);
    font-size: 15px;
    color: var(--secondary-color);
    border-bottom: solid 1px var(--grey-color-tone-seven);
    border-right: solid 1px var(--grey-color-tone-seven);
  }
  .data-table .odd {
    background: var(--white-color);
  }
  .data-table .even {
    background: var(--box-shadow-color-eight);
  }
  .data-table td.last, .data-table th.last {
    border-right: 0 none
  }
  .data-table tr.last td {
    border-bottom: none 0
  }
  .data-table thead th.wrap {
    white-space: normal
  }
  .data-table thead th a, .data-table thead th a:hover {
    color: var(--white-color);
  }
  .data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap
  }
  .data-table tfoot {
    border-bottom: 1px solid var(--grey-color-tone-seven);
    border-top: 1px solid var(--grey-color-tone-seven)
  }
  .data-table input.productsearch.input-text {
    padding: 5px 10px;
  }
  .stylis-table-2>thead>tr>th {
    color: var(--white-color);
    border-bottom-color: var(--white-color);
    border-right-color: transparent;
    background-color: var(--dark-color);
    font-weight: 500;
  }
  .data-table tfoot tr.first td {
    border-top: 1px solid var(--grey-color-tone-seven)
  }
  .data-table tfoot td {
    border-bottom: 0 none;
    border-right: 1px solid var(--grey-color-tone-seven);
    font-size: 16px
  }
  .data-table tbody td h3, .data-table tbody th h3 {
    padding: 0;
    margin: 0;
  }
  .data-table tbody.odd tr {
    background: var(--white-color);
  }
  .data-table tbody.even tr {
    background: var(--box-shadow-color-ten)
  }
  .data-table tbody.even tr td, .data-table tbody.odd tr td {
    border-bottom: 0;
  }
  .data-table tbody.even tr.border td, .data-table tbody.odd tr.border td {
    border-bottom: 1px solid var(--grey-color-tone-seven);
  }
  .data-table tbody td .option-label {
    font-weight: 700;
    font-style: italic;
  }
  .data-table tbody td .option-value {
    padding-left: 10px
  }
  .data-table .product-image img {
    width: auto
  }
  .data-table td {
    padding: 8px 7px;
    border-bottom: solid 1px var(--grey-color-tone-seven);
    border-right: solid 1px var(--grey-color-tone-seven);
    font-size: 14px;
    font-weight: 300;
  }
  .stylis-table-2>tbody>tr>td {
    background-color: var(--grey-color-tone-eight);
    border-right: 1px dashed var(--grey-color-tone-nine);
    border-bottom: 2px solid var(--grey-color-tone-nine);
  }
  .stylis-table-2>tbody>tr>td, table.stylis-table-2.orders-table th{
    vertical-align: middle;
  }
  .stylis-table-2>tbody>tr:last-child>td {
    border-bottom: 0;
  }
  .stylis-table-2>tbody>tr>td>b{
    font-weight: 500;
  }
  .stylis-table-2>tbody>tr>td:last-child {
    border-right: 0;
    padding: 0 5px;
  }
  .stylis-table-2 span.price {
    float: right;
  }
  span.price {
    font-weight: 400;
    color: var(--secondary-color);
  }
  span.tooltiptext {
    float: left;
    position: absolute;
    right: -4px;
    top: 30px;
    visibility: hidden;
    background-color: #313131;
    color: var(--white-color);
    padding: 5px 7px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    opacity: 0;
    margin-left: 24px;
  }
  span.tooltiptext::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 9px 9px;
    border-color: transparent transparent var(--grey-color-tone-nine) transparent;
    position: absolute;
    top: -9px;
    right: 0px;
  }
  i.icon-info.tooltip {
    font-weight: 600;
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 3;
    background-image: url(../images/sprites/info-sprites.webp?ver=1.0);
    opacity: 0.5;
    filter: alpha(opacity=20);
    -ms-filter: "alpha(opacity=20)";
    -moz-opacity: .2;
    -khtml-opacity: .2;
  }
  i.icon-info.tooltip:hover {
    opacity: 1;
  }
  i.icon-info.tooltip+span.tooltiptext{
    right: 12px;
    top: 50px;
  }
  i.icon-info.tooltip:hover+span.tooltiptext {
    visibility: visible;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    opacity: 1;
    top: 42px;
    box-shadow: inset 1px 1px 25px var(--grey-color-tone-four);
    border-radius: 2px;
    z-index: 2;
  }
  @media screen and (max-width:1200px) {
    .page-title h1{
      font-size: 36px;
    }
  }
  @media screen and (max-width:640px) {
    .page-title h1{
      font-size: 26px;
    }
    .data-table.stylis-table-2 {
      width: 910px;
      empty-cells: show;
    }
    .data-table tbody td span, .data-table tbody th span {
        float: none;
    }
    .data-table colgroup {
        display: none
    }
    .data-table tr.last td {
        border-bottom: 1px solid var(--grey-color-tone-seven)
    }
    .data-table tr.last td.last {
        border-bottom: none 0;
        border-right: none 0
    }
    .data-table td.last, .data-table th.last {
        border-right: 1px solid var(--grey-color-tone-seven)
    }
    .data-table .btn-remove2 {
        display: inline-block
    }
    .stylis-table-2>thead>tr.tfilter>td>input#payment_from, .stylis-table-2>thead>tr.tfilter>td>input#payment_to {
        font-size: 12px !important;
        clear: both;
        float: none;
    }
    .stylis-table-2>thead>tr.tfilter>td>input, .stylis-table-2>thead>tr.tfilter>td>input#payment_from, .stylis-table-2>thead>tr.tfilter>td>input#payment_to {
        font-size: 12px !important;
    }
  }

  /* table code end */

  /* device - permission popup */

  .dw_overrely {
    background-color: rgba(44, 44, 44, 0.4);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10000000;
  }
  .devicespopups {
    position: fixed;
    z-index: 10000000;
    left: 50%;
    margin-left: -350px;
    top: 20%;
  }
  .devicespopups .dwpop_section-1 {
    float: left;
    position: relative;
  }
  .devicespopups .dwpop_section-2 {
    background-image: url(../images/devicepopup/pop-bg.png);
    float: left;
    width: 353px;
    height: 537px;
    text-align: center;
    margin: 20px 0px;
    position: relative;
    left: -20px;
    z-index: -1;
    padding: 30px;
  }
  .devicespopups .dw_black_btn {
    position: absolute;
    background-color: var(--dark-color);
    color: var(--white-color);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    line-height: 30px;
    border: 2px solid var(--dark-color);
    border-radius: 5px;
    left: 50%;
    margin-left: -68px;
    padding: 2px;
    bottom: -18px;
  }
  .devicespopups .dwpop_section-2 h5 {
    font-size: 48px;
    line-height: 51px;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 38px 0px 0;
  }
  .devicespopups .dwpop_section-2 p.pop_approveacc {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--grey-color-tone-four);
    letter-spacing: 1px;
    line-height: 25px;
    padding: 58px 15px;
  }
  .devicespopups .dwpop_section-2 p.dw_email {
    font-size: 18px;
    color: var(--dark-color);
    word-break: break-all;
  }
  .devicespopups .dwpop_section-2 strong {
    font-size: 20px;
    color: var(--dark-color);
  }
  .dwpop_section-2 a.dw_closepopups {
    float: right;
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: var(--error-color);
  }

  /* device - permission popup */

  /* Create new customer (Registration) , netterm eligibility check */

  .account-create .form-list li.control {
    float: left;
    width: 50%;
  }
  .account-create .form-list li.stylis_chk .input-box {
    position: relative;
    display: inherit;
  }

  /* Create new customer (Registration) , netterm eligibility check */

  /* Registration and pop-up*/

  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--grey-color-tone-six);
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .container_chk input:checked~.checkmark:after {
    display: block;
  }
  .container_chk .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid var(--white-color);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* Registration */

  /* Top menu new lable */

  span.new-label {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 11px;
    font-weight: 600;
    padding: 3px 3px 1px;
    line-height: 11px;
    border-radius: 2px;
    margin-left: 4px;
    display: inline-block;
    position: relative;
  }
  span.new-label:before, span.r-lbl.commingsoon:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent var(--primary-color) transparent transparent;
    position: absolute;
    left: -4px;
  }
  span.r-lbl.commingsoon:before {
    border-color: transparent var(--dark-color) transparent transparent;
    display: none;
  }

  /* Top menu new lable */

  /* Success purchase order */

  .checkout-onepage-success .buttons-set .button {
    float: left;
    margin-left: 0px
  }

  /* Success purchase order */

  /*--- DatePicker Design CSS Start ---*/

  .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight {
    background: var(--white-color) !important;
  }
  .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active {
    border: 1px solid var(--default-color) !important;
    background: var(--default-color) !important;
  }
  .ui-datepicker .ui-datepicker-title select {
    height: 30px;
    padding: 0 6px;
  }
  /*--- DatePicker Design CSS End ---*/

  .form-spacer {
    float: left;
    width: 100%;
    height: 14px;
  }
  .highlight-field {
    border: solid 1.2px var(--error-color) !important;
  }
  .special-item td {
    background: var(--rma-cart-color);
  }
  .scalable_save.bs_scalable_save {
    background-color: var(--default-color);
    border: 2px solid var(--default-color);
    color: var(--white-color);
    min-height: 40px;
    padding: 5px 10px;
    width: 120px;
  }
  .disable-lock-btn.sve-btnclass span {
    pointer-events: none;
  }
  .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner {
    width: 768px;
    border-radius: 5px;
    background-image: url(../images/block-bg.jpg)
  }
  .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner .warning-container {
    margin-top: 4px;
  }
  .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner .message {
    margin: 0;
  }
  .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner .warning-container .covid-popup-shipping {
    padding: 0 5px 5px;
  }

  .svg-list-container .svg-data-body li .svgprod-qty input.input-text.plpre-define {
    width: 28px !important;
    padding-right: 0 !important;
    position: absolute;
    background-color: transparent;
  }
  .svg-list-container .svg-data-body li .svgprod-qty input[name="subscription_mobile"] {
    padding-left: 30px;
  }
  .svg-list-container .svg-data-body li .svgprod-qty.svgprodoutofstock button.close_wrapper {
    line-height: 30px;
  }
  .screwqty .outofstock_wrapper .input-text {
    min-width: 350px;
    border: 1px solid var(--grey-color-tone-five);
  }
  .screwqty .outofstock_wrapper .input-text.plpre-define {
    min-width: 40px;
    padding-right: 7px !important;
    position: absolute;
    border: 0;
    height: 24px;
    margin-top: 4px;
    margin-left: 4px;
    border-right: 1px solid var(--grey-color-tone-five);
  }
  .screwqty .input-text:focus {
    background-color: var(--white-color) !important;
  }
  .svg-list-container .svg-data-body li .svgprod-qty button.sqtyminus {
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    border-right: 0px;
  }
  .svg-list-container .svg-data-body li .svgprod-qty button.qtyminus {
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    border-right: 0px;
  }
  .svg-list-container .svg-data-body li .svgprod-qty button.qtyplus {
    border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    border-left: 0;
  }
  .svg-list-container .svg-data-body li .svgprod-qty.svgprodoutofstock button span {
    color: var(--white-color);
  }
  .outofstock_wrapper button.close_wrapper {
    height: 20px;
  }
  .disable-lock-btn {
    pointer-events: none;
    cursor: not-allowed;
  }
  .acc-links-right .disable-lock-btn, .addresses-list li.item p a.disable-lock-btn, .box-info.dashboard-acc-info .box .box-content a.disable-lock-btn, .label-container .fedex-labels-btn-group .button.nt-autofill.disable-lock-btn, .each-manager .add_supplier.disable-lock-btn, .tx-actionlink>a.disable-lock-btn, .txicon-group .txGicon.r-tx.disable-lock-btn, .last-orders>a.disable-lock-btn, em.status-label>a.disable-lock-btn, .ord_select_btn .button.disable-lock-btn {
    pointer-events: none;
    cursor: not-allowed;
  }
  .label-container .fedex-labels-btn-group .button.nt-autofill.disable-lock-btn span, #braintree-saved-payments .payment-methods-container .payment-methods table>tbody>tr>td.align-right>a.disable-lock-btn {
    pointer-events: none;
    cursor: not-allowed;
  }
  body.cms-page-view.cms-iphone-x .svg-list-container .svg-data-body li .svgprod-qty .outofstock_wrapper input[type="text"] {
    float: left;
  }
  .svg-list-container .svg-data-body li .svgprodoutofstock .spmicons {
    left: 250px;
  }
  .makeasdfkt-cvv {
    max-width: 180px;
    width: 100%;
    position: relative;
  }
  .makeasdfkt-cvv .mticbtn {
    background-image: url(../images/sprites/printscansprites.png);
    background-repeat: no-repeat;
    border: 0;
    min-width: 23px;
    background-size: 20px;
    background-color: transparent;
  }
  .makeasdfkt-cvv .input-text {
    padding: 7px 55px 7px 7px;
    height: 30px;
    border-radius: 4px;
    width: 100%;
  }
  .makeasdfkt-cvv .mtbtn-bx {
    position: absolute;
    right: 4px;
    top: 4px;
  }
  .makeasdfkt-cvv .mticbtn.mktic-yes {
    background-position: 1px -15px;
  }
  .makeasdfkt-cvv button.mticbtn.mktic-no {
    background-position: 1px -49px;
  }
  /*Notify otp popup */

  .otp-popup-notify {
    float: left;
    width: 100%;
    padding: 15px 8px 0;
    font-size: 14px;
    color: #676767;
  }
  .otp-popup-error {
    font-size: 14px;
    color: var(--error-color);
  }
  /*Notify otp popup */

    .addressdetails ul.reserveaddress>li>p {
      color: var(--primary-color);
      font-weight: 500;
    }
    .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;
    }
    button.blue-btn span {
      background-color: var(--default-color);
      border: 2px solid var(--default-color);
    }
    button.blue-btn:hover span {
        color: var(--default-color);
    }
    .th-width-auto th {
      width: auto!important;
    }
    .grid_right_icon {
      background-color: var(--default-color);
    }
    /*--CountrySelect Popup Design Start--*/
  .country_change .cchange-poup-box-inner {
    border: 0;
    border-radius: 24px;
    width: 768px;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
    padding: 0;
    background-image: url(../images/country_popup/countrychangebg.jpg?ver=1.0);
  }
  .country_change .cchange-poup-box-inner .pop-close {
    background-image: url(../images/country_popup/Quick_close.png?ver=1.0);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    position: absolute;
    right: -10px;
    top: -26px;
  }
  .country_change .cchange-poup-box-inner .message {
    width: 100%;
    margin-bottom: 0;
    height: 100%;
    position: relative;
    padding: 16px;
    overflow: hidden;
    max-height: none;
    display: flex;
  }
  .cchange-poup-box-inner .message .country-popleft {
    float: left;
    width: 402px;
    padding: 18px 10px;
  }
  .country-popleft h3, .country-popleft h4 {
    color: var(--white-color);
    text-transform: uppercase;
    font-weight: 900;
  }
  .country-popleft h3 {
    font-size: 35px;
    letter-spacing: 8px;
    line-height: 38px;
  }
  .country-popleft h4 {
    font-size: 18px;
  }
  .country-popleft .country_swicher {
    display: flex;
    border-bottom: 1px solid var(--white-color);
    margin: 0px 0px 15px 0px;
  }
  .country_swicher .country_box {
    float: left;
    margin: 24px 0 20px;
  }
  .country_swicher .country_box label {
    float: left;
    width: 100%;
    text-align: center;
    padding: 8px;
    cursor: pointer;
  }
  .country_swicher .country_box label.toggleCountry {
    background-color: var(--white-color);
    border-radius: 3px;
  }
  .country_swicher .country_box span {
    color: var(--white-color);
    font-weight: 800;
    display: block;
    text-align: center;
  }
  .country_swicher .country_box+.country_box {
    margin-left: 35px;
  }
  .country-popleft p {
    color: var(--white-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    float: left;
    width: 100%;
    margin: 0 0 20px;
  }
  .confirm_country_btn .confirm_cbutton {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--white-color);
    min-width: 100px;
    background-color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
  }
  .confirm_country_btn .confirm_cbutton.disabled span {
    background-color: transparent !important;
  }
  .confirm_country_btn .confirm_cbutton.disabled {
    background-color: var(--grey-color-tone-nine);
    color: var(--grey-color-tone-four);
    cursor: not-allowed;
    border-color: var(--grey-color-tone-five);
  }
  .country-popleft .confirm-country-checkbox {
    float: left;
    margin: 7px 0px 0px 20px;
  }
  .cchange-poup-box-inner .message .country-popright {
    float: left;
    padding: 26px 0px;
  }
  .confirm-country-checkbox label {
    color: var(--white-color);
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    padding-left: 22px;
    position: relative;
  }
  .confirm-country-checkbox input[type="checkbox"] {
    display: none;
  }
  .confirm-country-checkbox label:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border: 2px solid var(--white-color);
    position: absolute;
    left: 0;
    box-sizing: content-box;
  }
  .confirm-country-checkbox input[type="checkbox"]:checked+label:before {
    background-image: url(../images/country_popup/right-checbox.png?ver=1.0);
    background-repeat: no-repeat;
    background-position: 1px;
  }
  #horizontalTab .countrySwithcerBlockMobile {
    display: none;
  }
  .countrySwithcerBlockMobile {
    display: none;
  }
  /*--CountrySelect Popup Design End--*/
  div[data-filter-group="color"] div.button.is-checked {
    border: 2px solid var(--dark-color) !important;
    box-shadow: 1px 5px 4px var(--grey-color-tone-six);
  }
  /* start media query */

  /* Loader design*/

  #lcd-buyback {
    text-align: center;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    top: 0;
  }
  .default-loader-inner{
      position: relative;
      z-index: 999999;
      top: 50%;
      transform: translate(0, -50%);
  }
  .loader-icon {
    max-width: 30px;
    background-image: var(--default-loader-icon);
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    margin: -40px auto;
    width: 30px;
    height: 30px;
    background-size: cover;
  }

  .listingloader-inner {
    height: 50px;
    position: absolute;
    width: 50px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-color: transparent var(--dark-color) transparent var(--primary-color);
    animation: rotate-loading 1.6s linear 0s infinite;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #fff;
  }
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

  /* Loader design */

  .bfurgation-ul {
    display: flex;
    flex-wrap: wrap;
  }
  .bfurgation-ul>li {
    float: left;
    border: 1px solid var(--grey-color-tone-five);
    margin: 4px;
    border-radius: 2px;
  }
  .bfurgation-ul>li>span {
    float: left;
    height: 28px;
    background-color: var(--grey-color-tone-eight);
    width: 25px;
    border-right: 1px solid var(--grey-color-tone-five);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bfurgation-ul>li>label {
    padding: 4px 9px;
    float: left;
    background-color: var(--white-color);
    cursor: pointer;
  }
  .braintree-sheet__content--button ul.bfurgation-ul {
    padding: 9px 0 0;
  }
  .tx_checkoutBx2>.bfurgation-ul>li>label {
    line-height: 16px;
    font-size: 14px;
  }
  .tx_checkoutBx2>.bfurgation-ul>li {
    background: var(--white-color);
    border: 1px solid var(--grey-color-tone-five);
    margin: 0 5px 9px;
    padding: 0;
    width: 230px;
  }
  .tx_checkoutBx2>.bfurgation-ul>li>span {
    text-align: center;
  }
  .cart-scroll980{
    overflow-y: auto ;
    width: 100%;
  }
  .otp_wapper .input-box .input-text{
    padding: 10px;
  }

/* ============== Notification Css ============== */
.wishlist-index-index .my-account{
  position: relative;
}

.notification-card {
  box-shadow: 0px 2px 14px 0px #00000029;
  width: 100%;
  max-width: 370px;
  margin: 0 0 50px auto;
  padding: 0;
  border-radius: 8px 0px 8px 8px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--white-color);
  position: absolute;
  top: -85px;
  right: 0;
}
.notification-card .notification-header {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  background-color: var(--primary-color);
  padding: 10px 20px;
  border-radius: 8px 0 0 0;
}
.notification-card .notification-header h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 25.5px;
  color: var(--white-color);
  width: calc(100% - 38px);
  padding-left: 10px;
  padding-right: 10px;
}
.notification-card .notification-body {
  width: 100%;
  display: block;
  margin: 0;
  padding: 30px 30px 15px 30px;
}
.notification-card .notification-body ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.notification-card .notification-body ul li {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 0 15px;
  padding: 0;
}
.notification-card .notification-body .messages {
  margin: 0 !important;
}
.notification-card .notification-body .messages .success-msg,
.notification-card .notification-body .messages .error-msg {
  margin: 0 0 15px 0 !important;
  background-color: transparent;
  border: 0 !important;
  border-radius: 0;
  color: #000000;
  padding: 0 !important;
}
.notification-card .notification-body .messages .success-msg::before,
.notification-card .notification-body .messages .error-msg::before{
  display: none;
}
.notification-card .notification-body .messages li ul li{
  margin-bottom: 15px !important;
}
.notification-card .notification-body .messages li ul li:last-child{
  margin-bottom: 0 !important;
}

/* ============== Notification Css ============== */


  @media screen and (max-width:1200px) {
    .block-cart .actions button.button span {
      color: var(--white-color);
    }
    .block-cart .actions button.expresscheckout span{
      color: var(--primary-color);
    }
    label.remainingamount {
        margin-left: 10px;
    }
    .cart-scroll{
        width: 100%;
        overflow-x: auto;
    }
  }
  @media screen and (max-width:1024px) {
    button.res-update {
      min-width: 140px;
    }
    button.res-update span {
      background: var(--default-color);
      border-color: var(--default-color);
      border-radius: 4px;
      padding: 5px 10px;
      line-height: 31px;
    }
  }
  @media screen and (max-width:980px){
    a, div, li, #menu span {
      -webkit-user-select: none;
      user-select: none;
    }
    span.r-lbl.commingsoon {
      top: 9px;
      margin-left: 16px;
      width: 66px !important;
      right: 2px;
      background-position: center;
    }
  }
  @media screen and (max-width:768px) {
    .country_change .cchange-poup-box-inner {
      width: 95%;
      background-color: var(--dark-color);
      height: auto;
      background-image: none;
    }
    .cchange-poup-box-inner .message .country-popleft {
      text-align: center;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    .cchange-poup-box-inner .message .country-popright {
      display: none;
    }
    .country_swicher .country_box, .confirm_country_btn .confirm_cbutton, .country-popleft .confirm-country-checkbox {
      float: none;
      display: inline-block;
    }
    .confirm_country_btn .confirm_cbutton.disabled {
        background-color: var(--grey-color-tone-two);
        color: var(--grey-color-tone-five);
        border-color: var(--grey-color-tone-five);
        cursor: not-allowed;
    }
    .confirm_country_btn .confirm_cbutton.disabled span {
        background-color: transparent !important;
    }
    .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner {
      width: 96%;
    }
    .devicespopups .dwpop_section-1 img {
      width: 280px;
    }
    .devicespopups .dwpop_section-2 {
        background-repeat: no-repeat;
        width: 300px;
        height: 430px;
        border-radius: 0 20px 20px 0px;
    }
    .devicespopups {
        margin-left: -275px;
    }
    .devicespopups .dwpop_section-2 h5 {
        margin: 25px 0px 0;
        font-size: 45px;
        line-height: 50px;
    }
    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 28px 15px;
    }
    /*Behalf-banner dashboard*/
    .behalf-bg-banner {
        background-position: 50%;
    }
    /*Behalf-banner dashboard*/
    .bfurgation-ul {
      width: 100%;
    }
    .bfurgation-ul>li {
        margin: 0 1% 2%;
        width: 48%;
    }
  }
  @media screen and (max-width:640px) {
    .page-title.tax-withbold{
      margin: 15px 0 0;
    }
    .page-title.tax-withbold h1,.page-title.tax-withbold .f-right{
        margin: 0;
    }
    .country_change .cchange-poup-box-inner {
      width: 95%;
    }
    .country_change .cchange-poup-box-inner .message:before, .countrySwithcerBlockMobile {
        display: none;
    }
    #horizontalTab .countrySwithcerBlockMobile {
      display: block;
    }
    .confirm-surchargepopup.confirm_covid_19 .conform-bx-inner .message {
      max-height: 450px;
      overflow: auto;
    }
    .devicespopups .dwpop_section-1 img {
      width: 240px;
    }
    .devicespopups .dwpop_section-2 {
        background-repeat: no-repeat;
        width: 260px;
        height: 370px;
        border-radius: 0 20px 20px 0px;
    }
    .devicespopups {
        margin-left: -242px;
    }
    .devicespopups .dwpop_section-2 h5 {
        margin: 15px 0px 0;
        font-size: 35px;
        line-height: 40px;
    }
    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 15px 5px;
        font-size: 14px;
        line-height: 20px;
    }
    .behalf-bg-banner {
      background-size: 150% 100%;
      background-position: 50%;
    }
    .tx_checkoutBx2>.bfurgation-ul>li {
      width: 96%;
    }
    .cart-scroll {
        overflow-y: scroll;
        _overflow: scroll;
        padding: 0;
        float: left;
        -webkit-overflow-scrolling: touch;
    }
    body table#my-credit-log-table.credit-table{
        margin-bottom: 5px;
    }
  }
  @media screen and (max-width:536px) {
    .page-title.tax-withbold .f-right .button {
      padding: 6px;
      font-size: 14px;
    }
    .country_change .cchange-poup-box-inner {
      height: auto;
    }
    .devicespopups .dwpop_section-2 p.dw_email {
      font-size: 14px;
      width: 100%;
      text-align: center;
      margin: 0;
    }
    .devicespopups .dwpop_section-1 img {
      width: 200px;
    }
    .devicespopups .dwpop_section-2 {
        background-repeat: no-repeat;
        width: 220px;
        height: 300px;
        border-radius: 0 20px 20px 0px;
        left: -15px;
    }
    .devicespopups {
        margin-left: -210px;
    }
    .devicespopups .dwpop_section-2 h5 {
        margin: 15px 0px 0;
        font-size: 30px;
        line-height: 33px;
    }
    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 10px 0px;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
    }
    .devicespopups .dwpop_section-2 strong {
        font-size: 14px;
    }
    .dwpop_section-2 a.dw_closepopups {
      line-height: 35px;
      font-size: 20px;
      position: absolute;
      right: -10px;
      top: -10px;
      color: var(--white-color);
      background-color: var(--error-color);
      border-radius: 50%;
    }
  }
  @media screen and (max-width:480px) {
    .page-title{
      flex-direction: column;
      align-items: flex-start;
    }
    .page-title.tax-withbold+.xs-bfont{
      padding-left: 3px;
    }
    .page-title.w-dwld-icon {
      align-items: center;
      flex-direction: row;
    }
    .country_swicher .country_box+.country_box {
      margin-left: 5px;
    }
    .country_swicher .country_box {
        margin: 10px 0 13px;
    }
    .country_box label img {
        width: 100px;
    }
    .devicespopups .dwpop_section-1 img {
      width: 170px;
    }
    .devicespopups .dwpop_section-2 {
        background-repeat: no-repeat;
        width: 170px;
        height: 270px;
        border-radius: 0 20px 20px 0px;
        left: -15px;
        margin: 10px 0px;
        padding: 30px 20px;
    }
    .devicespopups {
        margin-left: -170px;
    }
    .devicespopups .dwpop_section-2 h5 {
        margin: 0;
        font-size: 17px;
        line-height: 20px;
    }
    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 10px 0px;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
    }
    .devicespopups .dwpop_section-2 p.dw_email {
        font-size: 13px;
        margin: 0;
    }
    .devicespopups .dwpop_section-2 strong {
        font-size: 12px;
    }
    .dwpop_section-2 a.dw_closepopups {
        line-height: 35px;
        font-size: 20px;
        position: absolute;
        right: -10px;
        top: -10px;
        color: var(--white-color);
        background-color: var(--error-color);
        border-radius: 50%;
    }
    .bfurgation-ul>li {
      width: 100%;
      margin: 0 0% 3%;
    }
  }
  @media screen and (max-width:420px){
    .behalf-bg-banner {
      background-size: 200% 100%;
    }
  }
  @media screen and (max-width:380px){
    .behalf-bg-banner a.button {
      width: 46%;
      font-size: 14px;
      min-width: auto;
      padding: 5px;
    }
  }

@media screen and (max-width:320px){
  span.r-lbl.commingsoon {
    top: 9px;
    margin-left: 16px;
    width: 45px !important;
    right: 2px;
    background-position: center;
    white-space: pre-line;
    line-height: 12px;
  }
}


/* Common Loader css Start*/

.store-common-loader {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgb(41 40 40 / 22%);
  width: 100%;
  height: 100%;
  z-index: 100000000;
  right: 0;
  bottom: 0;
}

.store-common-loader:before, .store-common-loader:after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 5px solid rgba(255,255,255,0.1);
}

.store-common-loader:before {
  z-index: 100;
  animation: spinner 1s infinite;
  border-top-color: var(--primary-color);
}

@keyframes spinner {

  0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }

}

/* Common Loader css end */