@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url(../fonts/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

:root {
    /* Main Theme Core Colors */
    --primary-color: #f37217;       /* Updated to Orange */
    --secondary-color: #000000;     /* Kept/Ensured Black */
    --default-color: #18a6ef;
    --dark-color: #000000;          /* Updated to Black */
    --white-color: #FFF;
    
    /* Menu & Navigation Variations */
    --menu-light-primary-color: #ff9142; /* Light Orange variant */
    --menu-bg-light-color: #fff0e6;      /* Very soft Orange tint */
    --loader-transparent-color: rgb(0 0 0 / 29%); /* Semi-transparent Black */
    --store-remove-btn: #d15f11;         /* Darker Orange for critical buttons */
    
    /* Search Bar Component */
    --search-input-radius: 40px;
    --search-btn-bg-color: #f37217;      /* Updated to Orange */
    --search-btn-radius: 100%;
    --search-input-height: 41px;
    --search-input-focus: #FFF;
    --search-input-width-wide: 578px;
    --text-focus-element: #edf7fd;
    
    /* System State Feedbacks */
    --otp-input-radius: 40px;
    --error-color: #d15f11;              /* Dark Orange for system errors */
    --notice-color: #E26703;
    --warning-color: #FFCF26;
    --sucess-color: #00a650;             /* Updated to Green */
    --sucess-bg-light-color: #e6fdf0;    /* Light Green background tint */
    --dark-primary-color: #d15f11;       /* Darker Orange for hover states */
    --rma-cart-color: #EED109;
    --light-loginas-bg: #feffb9;
    
    /* Typography & Structure Greys */
    --grey-color-tone-one: #767474;
    --grey-color-tone-two: #818182;
    --grey-color-tone-three: #545454;
    --grey-color-tone-four: #656565;
    --grey-color-tone-five: #C4C4C4;
    --grey-color-tone-six: #EFEFEF;
    --grey-color-tone-seven: #DEDEDE;
    --grey-color-tone-eight: #F3F3F3;
    --grey-color-tone-nine: #A9A9A9;
    --grey-color-tone-ten: #2c2c2c;
    --grey-color-tone-eleven: #FAFAFA;
    
    /* Shadow Utilities */
    --box-shadow-color-one: rgba(0, 0, 0, .3);
    --box-shadow-color-two: rgba(194, 194, 194, .52), 0 -2px 3px rgba(194, 194, 194, .42);
    --box-shadow-color-three: rgba(0, 0, 0, .1);
    --box-shadow-color-four: rgba(0, 0, 0, .19);
    --box-shadow-color-five: rgba(194, 194, 194, .38), 2.38661px 1.98884px 5.96653px rgba(163, 163, 163, .25);
    --box-shadow-color-six: rgba(0, 0, 0, .25);
    --box-shadow-color-seven: rgb(0 0 0/13%);
    --box-shadow-color-eight: rgb(0 0 0/5%);
    --box-shadow-color-nine: rgba(127, 127, 127, 0.63);
    --box-shadow-color-ten: rgb(44 44 44 / 35%);
    
    /* Assets & Elements */
    --header-sprites-bg: url(../images/header-sprite-icons.svg);
    --menu-stick-pin: url(../images/ic-menu-pin.svg);
    --lcd-buyback-accordian-arrow: url(../images/accordian-arrow.svg);
    --default-loader-icon: url(../images/default-loader-icon.png);
    --ct-block-none: inline-block;
    --search-block-width: 356px;
    --margin-diff: 14px 0;
    --border-pattens-blue: #9dd1ff;
    --brain-text-border-color: #00a650;   /* Updated to Green alignment */
    --brain-text-bg-color: rgb(182 255 182 / 17%);
    --brain-placeholder-color: #65ac65;
    --my-account-blue-color: #0e2e56;
    --fedex-label-color: #4d138c;
    --my-account-sprite-bg: url(../images/account-information-sprite.svg);
    --common-my-order-primary-color: #f37217; /* Updated to Orange */
    --my-account-arrow-bg: url(../images/top-arrow.svg);
    --out-of-stock-loginas-color: #ffbc8c;    /* Light Orange variant */
    
    /* Courier Logistics Backgrounds */
    --fedex-bg-color: #f9590417;
    --royal-mail-bgcolor: #f3721724;     /* Updated to dynamic Orange hue */
    --ups-bg-color: #fab80b2b;
    --usps-bg-color: #0d4b8717;
    --uniuni-bg-color: #f9d2b8;
    --dpd-bg-color: #b33c002e;
    
    /* Layout Interface & Asset Mappings */
    --contact-call: url(../images/mobilesentrix.png);
    --contact-mail: url(../images/mobilesentrix.png);
    --privacy-statement: url(../images/mobilesentrix.png);
    --faq-que-ico: url(../images/faq-que-ans.png);
    --faq-sprite: url(../images/faq-sprite.png);
    --fedex-sprites: url(../images/fedexaddresssprites_1.svg);
    --bb-accordian-title-color: #e1f5ff;
    --category-ico: url(../images/category-ico.svg);
    
    /* Authentication Panels */
    --login-light-bcolor: #fffcfb;       /* Soft warm Orange-tint white */
    --login-success-color: #e6fdf0;       /* Updated to Green */
    --login-error-color: #fffcfb;
    --login-success-text-color: #00a650;  /* Updated to Green */
    --auth-login-bg-logo: url(../images/pos-ms-logo-1_2.svg);
    --ship-desk-pic: url(../images/free-shipping-bg.png);
    --ship-mob-pic: url(../images/mobile-bg-image.png);
    
    /* Sizing Specs & Media Settings */
    --ms-container-padding: 26px 15px;
    --xx-logo-width: 140px;
    --xx-margin-diff: 14px 0;
    --my-acc-dropdown: 172px;
    --m-margin-right: initial;
    --m-search-margin: initial;
    --m-account-margin: initial;
    --m-ac-full-width: 50%;
    --m-service-width: 18%;
    --m-service-width-ipad: 30%;
    --m-search-width-dt: 28%;
    --m-search-width-dt2: 35%;
    --m-search-width-dt3: 27%;
    --m-search-width-dt4: 20%;
    --m-serch-margin-xs: initial;
    
    /* Interface Block Modules */
    --ms-benefit-block-bg: #FBFBFB;
    --ms-comment-block-bg: #FAFAFA;
    --signin-text-box-bg: #f3f3f3;
    --signin-text-shadow: rgba(0, 0, 0, 0.25);
    --signin-text-bcvalue: none;
    --signin-plus-bshadowval: 0px 0px 3.39344px rgb(32 32 32 / 25%);
    --signin-plus-borderval: 0.5px solid #efefef;
    --signin-border-over: 0;
    --signin-icon: url(../images/login0icon.svg);
    --custum-moto-width: 48.5%;
    --menu-search-btn-bg: #000000;       /* Kept Black */
    --menu-search-btn-img: url(../images/search.svg);
    --padding-menu-left: 70px;
    
    /* Core Pass-Through Variables */
    --diff-primary-color: var(--primary-color);
    --shipping-primary-color: var(--primary-color);
    --preorder-bg-color: #e6fdf0;        /* Green alignment */
    --preorder-btn-bg: #00a650;          /* Green alignment */
    --site-main-sprites: url(../images/mobilesentrix_2.png);
    --tc-light-primary-color: rgba(243, 114, 23, 0.22); /* Translucent Orange */
    --faq-bg-light: rgba(243, 114, 23, 0.03);          /* Translucent Orange */
    --link-cms-color: #18a6ef;
    --login-popup-sprite: url(../images/login-info.svg);
    --amp-content-bg: #D9B326;
    --amp-content-light-bg: #EED87F;
    
    /* UI Palette Elements (Reds swapped to Orange, Greens to target Green) */
    --light-black-color-one: #494949;
    --red-color-light-one: #f37217;
    --pink-dashboard-color: #f37217;
    --green-dashboard-color: #00a650;
    --d-success-bgcolor: #e6fdf0;
    --d-danger-bgcolor: #fff0e6;         /* Orange sub-tint */
    --d-success-color: #00a650;
    --d-danger-color: #d15f11;
    --store-login-height: auto;
    --light-green-color: #e6fdf0;
    --light-orange-color: #FFBE5C;
    --light-orange-color-opacity-one: rgba(255, 190, 92, 0.10);
    --light-orange-color-opacity-two: rgba(243, 114, 23, 0.05);
    --light-red-color: #fff0e6;
    --light-red-color-second: #ff9142;
    --light-red-color-three: #ff9142;
    --dark-red-color: #d15f11;
    --light-grey-color-second: #949393;
    --light-grey-color-three: #D9D9D9;
    --light-grey-color-four: #606060;
    --light-yellow-color: #FFF2DB;
    --light-black-color: #252525;
    --light-black-color-second: #444;
    --dark-yellow-color: #F9A000;
    --light-white-color: #F9F9F9;
    --light-green-color-second: #00a650;
    --light-green-color-third: rgba(0, 166, 80, 0.20);
    --kbb-dashboard-red-color: #f37217;
    --crr-dashboard-red-color: #f37217;
    --light-box-shadow-color-one: 0px 0.374px 2.992px 0px rgba(0, 0, 0, 0.14);
    --light-grey-color-five: #454545;
    --light-pink-color: #fff0e6;
    --light-grey-color-six: #C1C1C1;
    --dark-black-color-second: #343434;
    --light-grey-color-seven: #E2E4EB;
    
    /* Interactive Popups & Dynamic Grids */
    --listing-popup-shape-one: url(../images/list-pop-1.png);
    --listing-popup-shape-two: url(../images/list-pop-2.png);
    --listing-cart-shape-img: url(../images/listing-pop-cart-img.png);
    --light-redbg-color: #fff0e6;
    --gray-plus-icon: #5F5F5F;
    --light-success-bgcolor: #e6fdf0;
    --light-red-bgcolor: #fff0e6;
    --green-bgcolor: #00a650;
    --store-credit-success-color: #00a650;
    --dark-black-color: #474747;
    --dark-black-color-one: #333;
    --dark-black-color-two: #828282;
    --dark-black-color-three: #DDDDDD;
    --dark-black-color-four: #423A3A;
    --grey-border-color: #C5C5C5;
    --grey-title-bgcolor: #F8F8F8;
    --edit-btn-bgcolor: #fff0e6;
    --bb-checkout-title-color: #e7f5ff;
    --right-sidebar-bg: #f9f9f9;
    --scrollbar-thumb-bg: #d9d9d9;
    --btn-disabled-bg: #8D8D8D;
    --input-placeholder-color: #AEAEAC;
    --checkbox-link-color: #2295ff;
    --tooltip-color: #414141;
    --light-gray-bg: #F4F4F4;
    
    /* Checkout & Process Grids */
    --paypal-btn-bg: #F5BF00;
    --best-option-yellow: #DC9A02;
    --bg-checkout-title-yellow: #F7D550;
    --dark-gray-color-c6: #c6c6c6;
    --bg-disabled-bg: #E9E9E9;
    --address-disable-before-color: #b0b0b0;
    --green-gr-panel-bg: #e6fdf0;
    --green-gr-thick-border: #00a650;
    --green-gr-cmn-radio: #00a650;
    --green-gr-arrow: #00a650;
    --red-gr-panel-bg: #fff0e6;
    --red-gr-thick-border: #ff9142;
    --red-gr-cmn-radio: #f37217;
    --red-gr-arrow: #f37217;
    --reserve-order-bg: #fff0c1;
    --smethods-bluegr-light-bg: #D2EEFC;
    --smethods-bluegr-bg: #79CBF6;
    
    /* Interface Status Banners & Labels */
    --addresspopup-light-bcolor: rgba(255, 240, 230, 1);
    --bb-address-title-color: #E7F5FF;
    --success-text-clr: #00a650;
    --sucess-btn-bg: #e6fdf0;
    --saved-cart-bg-color: #fff0e6;
    --banner-bg-color: #E9F5FD;
    --reseve-stock-li-bg: #f5f5f5;
    --resever-link-color: #179BD7;
    --reserve-label-color: #949393;
    --reserve-disabled-color: #8A8A8A;
    --reserve-border-color: #C8C8C8;
    --reserve-foot-border-color: #7C7C7C;
    --reserve-select-border: #D9D9D9;
    --filter-left-arrow-color: #666666;
    --filter-li-border: #DBDBDB;
    --filter-clear-color: #ff9142;
    --filter-bg-selected-color: #EEEEEE;
    --filter-bg-font-color: #505050;
    --filter-listing-color: #2E2E2E;
    --filter-checkbox-border: #7D7D7D;
    
    /* Terminology & Financial Metrics */
    --netterm-paragraph-color: #636363;
    --netterm-creditlabel-color: #8D8D8C;
    --credit-past-color-red: #d15f11;
    --credit-past-color-green: #00a650;
    --netterm-link-color: #179BD7;
    --netterm-edit-censel-link: #2295FF;
    --total-box-color: #f37217;
    --neterm-cform-control-color: #626262;
    --neterm-cform-control-fcolor: #1D1D1B;
    --nt-healthprocess-color: #C7C7C7;
    --nt-orange-after-color: #FF8413;
    --nt-grey-color: #F5F5F5;
    --nt-tab-color: #4E4E4E;
    --nt-tab-border: #C8C8C8;
    --nt-downpay-btnborder: #DADADA;
    --nt-webkit-placeholder: rgba(204,204,204,0);
    --nt-progressbar-color: #ff9142;
    --nt-payment-see-btn: #6A6A6A;
    --nt-dashboard-color: #8b8b8b;
    --nt-scrollbar-thumb: #E7E7E7;
    --nt-invoice-span-color: #CFCFCF;
    
    /* Product Context States */
    --product-related-border-color: #fff0e6;
    --product-related-font-color: #d15f11;
    --product-recent-border-color: #C8E5F1;
    --product-recent-font-color: #4A86A1;
    
    /* Standard Order Flow Status Indicators */
    --status-shipped-bgcolor: #e6fdf0;
    --status-shipped-color: #00a650;
    --status-canceled-bgcolor: #fff0e6;
    --status-canceled-color: #d15f11;
    --status-processing-bgcolor: #DCF2FF;
    --status-processing-color: #8A9EAA;
    --status-preorder-bgcolor: #D3E1F3;
    --status-preorder-color: #7B93B2;
    --status-reservedstock-bgcolor: #FFE8E0;
    --status-reservedstock-color: #C38672;
    --status-paymentpending-bgcolor: #F7DEB3;
    --status-paymentpending-color: #988462;
    --status-onhold-bgcolor: #FFF4A0;
    --status-onhold-color: #B2A43B;
    --status-readytopickup-bgcolor: #F3E2FC;
    --status-readytopickup-color: #8F8594;
    --status-approvalrequired-bgcolor: #FFF4D9;
    --status-approvalrequired-color: #B09C6C;
    --credit-limit-exeed-bgcolor: #FFF8EB;
    --credit-limit-exeed-color: #E29306;
    --credit-limit-ok-bgcolor: #e6fdf0;
    --credit-limit-ok-color: #00a650;
    
    /* Global Elements */
    --nfilter-apply-color: #383838;
    --blue-link: #67AFFF;
    --gray-light: #D8D8D8;
    --blue-primary: #007AFF;
    --gray-bg: #F7F7F7;
    --gray-border: #C9C9C9;
    --gray-text: #939393;
    --blue-label-bg: #DCDFFF;
    --blue-label-text: #0F1452;
    --blue-label-secondary: #0B4868;
    --blue-label-bg-light: #C7EBFF;
    --gray-card-bg: #E5E5E5;
    --color-black: #1A1A1A;
    --tital-text-color: #C4C4C4;
    --dark-gray-text: #797979;
    --na-paragraph-color: #727272;
    --na-link-color: #0084FF;
    --gray-hover-bgcolor: #F7F7F7;
    --astric-color: #f37217;
    --validation-failed-bgcolor: #fff0e6;
    --validation-failed-color: #d15f11;
    --isvalidation-true-color: #00a650;
}

html {
    -webkit-tap-highlight-color: #fff0;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none
}

* {
    box-sizing: border-box
}

body {
    font-family: 'Inter',system-ui,-apple-system,Arial,sans-serif;
    color: var(--grey-color-tone-ten);
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px #fff0;
    touch-action: manipulation;
    width: 100vw;
    overflow-x: hidden
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    font-size: 12px
}

a {
    text-decoration: none;
    transition: all .3s ease 0s;
    color: var(--secondary-color)
}

a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

:focus {
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    margin: 0;
    line-height: normal;
    padding: 0;
    color: var(--primary-color)
}

h1 {
    font-size: 20px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 15px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px
}

form {
    display: inline
}

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

legend {
    display: none
}

table {
    border: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
}

caption,td,th {
    vertical-align: top;
    font-weight: 400;
    text-align: left
}

p {
    margin: 0 0 10px
}

strong {
    font-weight: 500
}

address,cite {
    font-style: normal
}

blockquote,q {
    quotes: none
}

q:after,q:before {
    content: ''
}

big,small {
    font-size: 1em
}

ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hidden {
    display: block!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    width: 0!important;
    height: 0!important;
    overflow: hidden!important
}

.nobr,.nobr a {
    white-space: nowrap!important
}

.wrap {
    white-space: normal!important
}

.a-left {
    text-align: left!important
}

.a-center {
    text-align: center!important
}

.a-right {
    text-align: right!important
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.f-left,.left {
    float: left!important
}

.f-right,.right {
    float: right!important
}

.f-none {
    float: none!important
}

.f-fix {
    float: left;
    width: 100%
}

.a-justify {
    text-align: justify!important
}

.no-display {
    display: none
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

.no-bg {
    background: 0 0!important
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden
}

.noborder {
    border: none!important
}

.page,.wrapper {
    float: left;
    width: 100%
}

.page-print {
    background: var(--white-color);
    padding: 25px 30px;
    text-align: left
}

.page-empty {
    background: var(--white-color);
    padding: 20px;
    text-align: left
}

.page-popup {
    background: var(--white-color);
    padding: 25px 30px;
    text-align: left
}

.main-container {
    float: left;
    width: 100%;
    margin-top: 30px
}

.main {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
    min-height: 520px
}

.col-left {
    float: left;
    max-width: 330px;
    padding: 0;
    width: 100%
}

.col-main {
    float: left;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.col-right {
    float: right;
    width: 300px;
    padding: 0
}

.col1-layout .col-main {
    float: none;
    width: auto;
    padding: 0
}

.col2-left-layout .col-main {
    float: right;
    max-width: calc(100% - 350px);
    width: 100%
}

.col2-right-layout .col-main {
    max-width: calc(100% - 320px);
    width: 100%
}

.col3-layout .col-main {
    width: 475px;
    margin-left: 17px
}

.col3-layout .col-wrapper {
    float: left;
    width: 687px
}

.col3-layout .col-wrapper .col-main {
    float: right
}

.col2-set .col-1 {
    float: left;
    width: 48.5%
}

.col2-set .col-2 {
    float: right;
    width: 48.5%
}

.col2-set .col-narrow {
    width: 32%
}

.col2-set .col-wide {
    width: 65%
}

.col3-set .col-1 {
    float: left;
    width: 32%
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
}

.col3-set .col-3 {
    float: right;
    width: 32%
}

.col4-set .col-1 {
    float: left;
    width: 23.5%
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
}

.col4-set .col-3 {
    float: left;
    width: 23.5%
}

.col4-set .col-4 {
    float: right;
    width: 23.5%
}

.std {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}

.std .subtitle {
    padding: 0
}

.std ol.ol {
    list-style: decimal;
    padding-left: 1.5em
}

.std ul.disc {
    list-style: disc;
    padding-left: 18px;
    margin: 0 0 10px 0
}

.std dl dt {
    font-weight: 400
}

.std dl dd {
    margin: 0 0 10px 0;
    text-align: justify
}

.std ul ul {
    list-style-type: circle
}

.std ol ol,.std ol ul,.std ul ol,.std ul ul {
    margin: .5em 0
}

.std dt {
    font-weight: 700
}

.std dd {
    padding: 0 0 0 1.5em
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em
}

.std address {
    font-style: normal
}

.std b,.std strong {
    font-weight: 700
}

.std em,.std i {
    font-style: italic
}

select option {
    padding-right: 10px
}

select.multiselect option {
    border-bottom: 1px solid var(--grey-color-tone-five);
    padding: 2px 5px
}

select.multiselect option:last-child {
    border-bottom: 0
}

textarea {
    overflow: auto
}

input.radio {
    margin-right: 3px
}

input.checkbox {
    margin-right: 5px
}

button.button {
    border: 0;
    padding: 0;
    margin: 0;
    background: 0;
    cursor: pointer;
    width: auto
}

a.button,button.button span {
    display: block;
    text-align: center;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    padding: 10px 15px;
    font-size: clamp(16px,3vw,16px);
    line-height: 26px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--white-color);
    transition: all 0.3s ease 0s
}

button.button span {
    width: 100%
}

a.button:hover,button.button:hover span {
    background-color: #fff0;
    color: var(--primary-color);
    transition: all .3s ease 0s
}

button.button span span {
    background: 0;
    border: 0;
    padding: 0
}

button.button:hover span span {
    background: 0
}

button.disabled span {
    border-color: var(--grey-color-tone-five)!important;
    background: var(--grey-color-tone-five)!important
}

button.btn-checkout span span {
    padding: 0
}

p.control input.checkbox,p.control input.radio {
    margin-right: 6px
}

input.input-text:focus,select:focus,textarea:focus {
    background-color: var(--text-focus-element)
}

.form-list-narrow li {
    margin-bottom: 0
}

.form-list-narrow li .input-box {
    margin-bottom: 6px
}

.form-list-narrow li.wide .input-box,.form-list-narrow li.wide select {
    width: 260px
}

.form-list-narrow li.wide input.input-text,.form-list-narrow li.wide textarea {
    width: 254px
}

.form-list .customer-name-middlename-suffix .input-box,.form-list .customer-name-prefix .input-box,.form-list .customer-name-prefix-middlename .input-box,.form-list .customer-name-prefix-middlename-suffix .input-box,.form-list .customer-name-prefix-suffix .input-box,.form-list .customer-name-suffix .input-box {
    width: auto
}

.form-list .name-prefix {
    width: 65px
}

.form-list .name-prefix select {
    width: 55px
}

.form-list .name-prefix input.input-text {
    width: 49px
}

.form-list .name-suffix {
    width: 65px
}

.form-list .name-suffix select {
    width: 55px
}

.form-list .name-suffix input.input-text {
    width: 49px
}

.form-list .name-middlename {
    width: 70px
}

.form-list .name-middlename input.input-text {
    width: 49px
}

.form-list .customer-name-prefix-middlename .name-firstname,.form-list .customer-name-prefix-middlename-suffix .name-firstname {
    width: 140px
}

.form-list .customer-name-prefix-middlename .name-firstname input.input-text,.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text {
    width: 124px
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-prefix .name-firstname {
    width: 210px
}

.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename-suffix .name-firstname,.form-list .customer-name-middlename-suffix .name-lastname,.form-list .customer-name-suffix .name-lastname,.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-middlename .name-firstname input.input-text,.form-list .customer-name-middlename-suffix .name-firstname input.input-text,.form-list .customer-name-middlename-suffix .name-lastname input.input-text,.form-list .customer-name-prefix .name-firstname input.input-text,.form-list .customer-name-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-dob .dob-day,.form-list .customer-dob .dob-month,.form-list .customer-dob .dob-year {
    float: left
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: 400;
    color: var(--grey-color-tone-ten)
}

.form-list .customer-dob .dob-day,.form-list .customer-dob .dob-month {
    width: 60px
}

.form-list .customer-dob .dob-day input.input-text,.form-list .customer-dob .dob-month input.input-text {
    width: 46px
}

.form-list .customer-dob .dob-year {
    width: 140px
}

.form-list .customer-dob .dob-year input.input-text {
    width: 134px
}

.buttons-set {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: right
}

p.back-link {
    margin: 0
}

.buttons-set button.button.back-link,a.back-link {
    float: left;
    margin: 0;
    background: #a0a0a0;
    color: var(--white-color);
    font-size: 17px;
    width: 144px;
    text-align: center;
    border: 2px solid #a2a2a2;
    padding: 12px 15px
}

.buttons-set-order {
    margin: 10px 0 0
}

.buttons-set-order .please-wait {
    padding: 12px 7px 0 0
}

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
    background: url(../images/validation_advice_bg.gif) 2px 0 no-repeat;
    color: var(--error-color);
    display: inline-block
}

.validation-failed {
    border: 1px dashed var(--error-color)!important;
    background-color: rgb(240 80 34 / .12)!important
}

.v-fix {
    float: left
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
}

.col1-layout>.col-main {
    float: none;
    width: auto;
    padding: 0
}

.page-title {
    float: left;
    width: 100%;
    padding: 0 0 10px;
    margin: 0 0 10px
}

.page-title h1,.page-title h2 {
    font-size: 42px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left
}

.page-title .separator {
    margin: 0 3px
}

.page-title .link-rss {
    float: right;
    margin: 7px 0 0;
    display: none
}

.title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6 {
    float: left
}

.sub-title,.subtitle {
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0
}

.productlist.hidetable li:nth-child(even) {
    background: #f3f3f3
}

.productlist.hidetable li:hover {
    background-color: #CCE2FF
}

.hidetable {
    width: 100%!important
}

.min_plus {
    margin-top: 0!important
}

.info-box {
    background: url(../images/bkg_block-title.gif) repeat-x var(--white-color);
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px
}

.info-box h2 {
    font-weight: 700;
    font-size: 13px
}

.info-table th {
    font-weight: 700;
    padding: 2px 15px 2px 0
}

.info-table td {
    padding: 2px 0
}

.btn-remove:hover {
    background: var(--site-main-sprites) -40px -2017px no-repeat
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(../images/btn_previous.gif) no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.btn-remove2 {
    display: block;
    width: 40px;
    height: 55px;
    font-size: 0;
    line-height: 0;
    background: var(--site-main-sprites) -5px -1853px no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.btn-remove2:hover {
    background: var(--site-main-sprites) -5px -1917px no-repeat
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: var(--site-main-sprites) 0 -1992px no-repeat;
    text-indent: -999em;
    overflow: hidden
}

.btn-edit:hover {
    background: var(--site-main-sprites) 0 -2017px no-repeat
}

.cards-list dt {
    margin: 5px 0 0
}

.cards-list .offset {
    padding: 2px 0 2px 20px
}

.separator {
    margin: 0 3px
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(../images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden
}

.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: var(--dark-color)
}

.global-site-notice .notice-inner {
    width: 860px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(../images/i_notice.gif) 20px 25px no-repeat;
    text-align: left
}

.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
}

.global-site-notice .notice-inner .actions {
    padding-top: 10px
}

.demo-notice {
    margin: 0;
    background: #d75f07;
    padding: 5px 10px 6px 10px;
    color: var(--white-color);
    line-height: 1em;
    text-align: center;
    width: 100%;
    display: inline-block
}

.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: 0;
    text-align: center
}

.demo-notice .notice-inner p {
    padding: 0;
    border: 0
}

.category-description {
    margin: 0 auto!important;
    width: 930px
}

.col2-left-layout .category-description {
    width: 765px
}

.sorter .view-mode {
    float: left;
    margin: 0
}

.sorter .sort-by {
    padding: 0 20px;
    border-right: 1px solid #ddd;
    display: inline-block
}

.pager .limiter,.sorter .limiter,.sorter .sort-by {
    float: right
}

.sorter .limiter select {
    width: 70px;
    padding: 0;
    margin: 0;
    font-size: 13px
}

.sorter .sort-by label {
    vertical-align: middle;
    color: #242a31;
    float: left;
    font-size: 14px;
    padding: 0 8px 0 0
}

.sorter .sort-by select {
    padding: 3px;
    margin: 0;
    vertical-align: middle;
    width: 160px
}

.pager .limiter label,.sorter .limiter label {
    padding: 0 5px 0 0;
    float: left
}

.pager .amount,.sorter .amount {
    float: left;
    margin: 0
}

.pager .amount strong,.sorter .amount strong {
    font-weight: 300
}

.pager,.toolbar {
    float: left;
    width: 100%;
    background: #f9f9f9;
    padding: 15px;
    margin: 15px 0
}

.toolbar-bottom {
    float: left;
    width: 100%;
    margin: 20px 0 0
}

.pager {
    padding: 0
}

.pager .limiter select {
    padding: 3px;
    float: left;
    font-size: 13px;
    width: 70px
}

.pager .pages {
    margin: 0;
    padding: 7px 0 0
}

.pager .pages ol {
    display: inline
}

.pager .pages li {
    height: 30px;
    margin: 0 0 1px
}

.pager .pages li a,.pager .pages li span.current {
    background-color: #fff0;
    border: 1px solid #CCC;
    color: var(--dark-color);
    display: inline-block;
    font-size: 12px;
    font-weight: initial;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 35px
}

.pager .pages li a:hover,.pager .pages li span.current {
    background-color: #27a7ec;
    color: var(--white-color);
    border-color: #27a7ec
}

.pager .pages li a.next,.pager .pages li a.previous {
    width: 35px!important
}

.block .block-title {
    background: var(--secondary-color);
    padding: 6px 20px
}

.block .block-title strong {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 300
}

.block .block-title a {
    text-decoration: none!important
}

.block .block-content .product-name a:hover {
    color: var(--secondary-color)
}

.block .actions a:hover {
    background: #545454
}

.block li.even,.block li.odd {
    background-color: var(--white-color)
}

.block-related input.checkbox {
    float: left
}

.block-related .product {
    margin-left: 20px
}

.line {
    border-top: 1px solid #d5d5d5;
    margin: 5px auto
}

.triangle {
    border-color: #d5d5d5 #fff0 #fff0;
    border-style: solid;
    border-width: 7px 5.5px 0;
    height: 0;
    margin-left: 30px;
    width: 0
}

#separator {
    margin: 0 auto;
    width: 937px
}

ul.bulleted {
    list-style: disc url(../images/list-style.png)
}

ul.checked {
    list-style: disc url(../images/checked-bullet.png)
}

.bulleted li {
    color: #4c525a;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px
}

#product-attributes:after,.add-to-box:after,.add-to-cart:after,.advanced-search-summary:after,.block li.item:after,.block-poll li:after,.blurb_row:after,.box-account .box-head:after,.box-reviews li.item:after,.box-reviews:after,.box-tags li.item:after,.breadcrumbs:after,.cart .crosssell li.item:after,.cart-collaterals:after,.cart:after,.cat_prod_cell .price-box:after,.checkout-progress:after,.clearer:after,.col-main:after,.col2-set:after,.col3-layout .product-options-bottom .price-box:after,.col3-set:after,.col4-set:after,.compatible:after,.dashboard .box .box-title:after,.footer-container .bottom-container:after,.footer-container:after,.footer:after,.ftr_soc:after,.gift-messages-form .item:after,.group-select li:after,.header .quick-access:after,.header-container .top-container:after,.header-container:after,.header:after,.hp-categ-blurbs:after,.main:after,.multiple-checkout .place-order:after,.opc .step-title:after,.page-print .print-head:after,.pager:after,.product-essential:after,.product-options .options-list li:after,.product-options-bottom:after,.product-review:after,.product-tabs-content:after,.product-tabs:after,.product-view .box-tags .form-add:after,.product-view .product-img-box .more-views ul:after,.product-view .product-shop .price-box:after,.product-view .product-shop .short-description:after,.product-view:after,.productquestions-container:after,.products-grid:after,.qa_box ul.qa-boxes:after,.qa_box:after,.search-autocomplete li:after,.send-friend .form-list li p:after,.sorter:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.col-right .block .block-title {
    border: 0;
    height: 48px;
    margin: 0 0 0 7px;
    padding: 0
}

.col-right .block .block-content {
    padding: 0 10px 10px
}

.child-title h2 {
    color: var(--white-color)
}

.child-title a:hover,.payment-method a:hover {
    background: 0;
    color: var(--primary-color)
}

.child-title a:hover h2,.payment-method a:hover h2 {
    color: var(--primary-color)
}

.payment-method {
    padding: 0;
    text-indent: 20px
}

.payment-method h2 {
    padding: 0
}

.options-list .product-name {
    float: left;
    border: 0;
    margin: 0;
    height: 15px;
    font-size: 14px
}

.options-list .actions {
    min-height: 20px;
    margin: 0
}

.cat_prod_cell .price-box span span.dwld-span {
    height: 100%;
    width: 30px;
    position: absolute;
    right: 0
}

.cat_prod_cell .price-box span span.dwld-span .dwld-icon {
    display: inline-block;
    background-image: url(../images/dwld-icon.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 100%;
    width: 25px
}

.product-view .product-essential .product-options-bottom {
    clear: both
}

.product-view .product-essential .product-options-wrapper {
    width: 190px
}

button.submit-request-btn {
    float: right
}

.able th {
    font-size: 17px;
    color: var(--secondary-color);
    font-weight: 400
}

.able td {
    font-size: 17px;
    font-weight: 300
}

.login-information .info-main .info-footer .buttons-set {
    display: flex;
    margin-top: 8%
}

.info-middle p.agree_msg_links {
    float: left;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 400
}

.info-middle p.register-note-msg {
    font-size: 16px;
    color: var(--grey-color-tone-four);
    font-weight: 400;
    text-align: justify
}

.info-middle p.agree_msg_links>a {
    color: var(--white-color)
}

.info-middle p.agree_msg_links>a:hover {
    text-decoration: underline
}

.select-bx-stylis .nice-select {
    background-color: var(--grey-color-tone-eight);
    height: 45px;
    color: var(--grey-color-tone-four);
    border-radius: 6.1082px;
    box-shadow: 0 0 3.39344px rgb(0 0 0 / 25%);
    font-family: "Inter",sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: none;
    width: 100%
}

.select-bx-stylis .nice-select .list {
    max-height: 210px;
    overflow: auto;
    width: 100%
}

.select-bx-stylis .nice-select .list::-webkit-scrollbar {
    width: 10px
}

.select-bx-stylis .nice-select .list::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px
}

.select-bx-stylis .nice-select .list::-webkit-scrollbar-track {
    border-radius: 10px
}

.select-bx-stylis .nice-select .option {
    line-height: 20px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
    white-space: inherit;
    height: auto;
    margin-bottom: 5px;
    min-height: 30px
}

.input-box.select-bx-stylis.rm-stylis-arrow:before {
    background-image: none
}

.num_prefix {
    float: left;
    min-width: 30px;
    background-color: #dbdcdc;
    text-align: center;
    font-size: 20px;
    height: 46px;
    border: 1px solid #cacaca;
    line-height: 43px;
    border-radius: 6px 0 0 6px
}

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

.input-box.select-bx-stylis {
    position: relative
}

.select-bx-stylis select {
    background-color: var(--signin-text-box-bg);
    height: 45px;
    color: var(--grey-color-tone-four);
    border-radius: 6.1082px;
    box-shadow: 0 0 3.39344px var(--signin-text-shadow);
    font-family: 'Inter',sans-serif;
    font-size: 13px;
    border: var(--signin-text-bcvalue);
    appearance: none;
    padding-right: 30px;
    background-image: url(../images/select-dropdown.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 21px
}

.field.f_btn {
    margin-top: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: left
}

.mmac-show {
    display: none
}

.account-create {
    float: left;
    width: 100%
}

.account-create .form-list {
    float: left;
    width: 100%;
    border: 1px solid #cacaca;
    padding: 30px;
    margin-bottom: 25px
}

.account-create .buttons-set button.button {
    float: left;
    min-width: 144px
}

.account-create .buttons-set button.button span {
    background: var(--secondary-color);
    border-color: var(--secondary-color)
}

.account-create .buttons-set p.required {
    float: left
}

.account-create .account_type_title {
    float: left;
    width: 100%;
    padding-bottom: 10px
}

.account-container input.validate-number+input {
    width: 87%
}

.account-container .formcol-left {
    float: left;
    width: 50%
}

.account-container .form-col-right {
    float: right;
    width: 50%
}

.account-container .form-col-right>img.regstep-1,.account-container .form-col-right>img.regstep-2 {
    width: 100%;
    margin-top: -2%;
    cursor: pointer
}

.account-container .form-col-right>img.regstep-3 {
    width: 100%;
    margin-top: -10%
}

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

.box-account {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.box-account .box-head {
    padding: 10px 15px;
    background: #f9f9f9;
    margin: 0 0 15px
}

.box-account .box-head h2 {
    padding: 0;
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 300;
    float: left
}

.box-account .page-head {
    padding: 10px 15px;
    background: #f9f9f9;
    margin: 0 0 15px
}

.box-account .page-head h2 {
    padding: 0;
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 300;
    float: left
}

.box-account .box-head a {
    float: right;
    font-weight: 400;
    font-size: 14px
}

.box-account .col2-set {
    padding: 30px 40px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #cacaca
}

.box-account .col2-set:last-child {
    border-bottom: none 0
}

.box-info {
    border: 1px solid #cacaca;
    float: left;
    width: 100%
}

.box-info .box .box-content h4,.box-info .box .box-title h3 {
    padding: 0;
    margin: 0 30px 0 0;
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 400;
    float: left;
    line-height: 24px
}

.box-info .box .box-content h4 {
    padding-bottom: 10px
}

.box-info .box .box-title a {
    font-size: 14px;
    color: #a2a2a2;
    padding: 0 0 0 22px;
    line-height: 24px;
    background: var(--site-main-sprites) 0 -1489px no-repeat
}

.box-info .box .box-title a:hover {
    color: var(--primary-color)
}

.box-account .box .box-content {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 24px
}

.box-account .box .box-content p {
    margin: 0
}

.box-account .box .box-content address {
    clear: both;
    display: block
}

.box-account .box .box-content a {
    color: var(--secondary-color)
}

.box-account .box .box-content a:hover {
    color: var(--primary-color)
}

.my-account .createorder-form .buttons-set button.button span {
    line-height: normal;
    padding: 5.7px 10px
}

.my-account .createorder-form .buttons-set button.button span>span {
    padding-top: 2px
}

body.customer-address-form .buttons-set .button span {
    line-height: 22px
}

.order-info {
    float: left;
    width: 100%;
    font-weight: 400
}

.order-info dt {
    float: left
}

.cart-table button.button {
    float: left;
    margin-right: 10px;
    width: 210px
}

.order-details {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.order-details h2 {
    background: #f9f9f9;
    margin: 0 0 15px;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 300
}

.order-details h2 span.separator {
    display: none
}

.order-details h2 a {
    float: right;
    font-weight: 400;
    font-size: 14px
}

.box-recent ol {
    float: left;
    width: 100%
}

.box-recent ol li span.price {
    float: none
}

.box-recent ol li {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.box-recent ol li label,.box-recent ol li strong {
    font-size: 14px;
    font-weight: 400
}

.box-recent ol li .form-list label {
    font-weight: 300;
    font-size: 15px;
    display: block
}

.box-recent ol li .form-list input.required-entry {
    width: 50%;
    padding: 9px;
    margin-right: 10px
}

.customercredit-box .box-recent ol li .form-list input.required-entry {
    padding: 12px;
    clear: both;
    float: left
}

.customercredit-box .box-recent ol li .form-list li button.button {
    float: left
}

.customcredit-list li {
    float: left;
    margin-right: 15px
}

.customcredit-list li label {
    font-size: 15px
}

.customcredit-list li input.input-text {
    padding: 9px
}

.customercredit-box .customcredit-list li input.input-text {
    padding: 12px
}

.brokenscreens-createorder .form-list select {
    font-size: 14px
}

.brokenscreens-createorder .createorder-form .checkbox-options select.required-entry {
    padding: 5px 10px;
    width: 99.5%
}

.brokenscreens-createorder .createorder-form .total-options {
    float: left;
    width: 100%
}

.brokenscreens-createorder .createorder-form .total-options input.input-text {
    padding: 10px
}

.cms-questions dl {
    margin: 0
}

.cms-questions dt span {
    color: var(--dark-color);
    padding-right: 15px
}

.cms-questions dd {
    font-size: 14px;
    line-height: 30px;
    color: #737373;
    font-weight: 300;
    padding: 10px 15px 30px;
    margin: 0
}

.cms-questions dd strong {
    font-weight: 500
}

.cms-questions dd ul {
    margin: 0;
    padding: 0
}

.cms-questions dd ul li {
    display: block;
    padding: 5px 0
}

.cms-questions dd h4 {
    color: #333;
    padding: 15px 0 5px;
    font-size: 15px;
    font-weight: 400
}

.cms-questions dd ol {
    margin: 0;
    padding: 0
}

.cms-questions dd ol li {
    display: block;
    padding: 5px 0;
    font-size: 14px
}

.col-main .std #header-2 p {
    font-size: 14px;
    text-align: justify
}

.col-main .std #content h3 {
    background: var(--site-main-sprites) no-repeat scroll left -860px;
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 10px 10px 10px 26px
}

#content h3 p.sub-title-content {
    text-align: justify;
    margin-top: 5px
}

.customer-notice.field {
    border: 1px solid #d9dde3;
    border-bottom: none 0;
    border-top: 1px solid #d9dde3;
    padding: 20px 30px 30px
}

.customer-notice.field>textarea {
    width: 98%;
    min-height: 80px
}

.data-table .credit-payment h3.legend {
    padding-bottom: 10px
}

.my-account .pager .limiter label,.my-account .sorter .limiter label {
    line-height: 44px;
    margin-right: 15px
}

.my-account .pager .amount,.my-account .sorter .amount {
    line-height: 46px
}

.my-account #my-sublogins a.btn-edit,.my-account #my-sublogins a.btn-remove {
    float: left;
    margin: 5px 10px
}

.limiter label,.pager .amount {
    position: relative;
    left: 10px
}

.pro-return-container-label .product-name label {
    text-align: center;
    margin-right: 2em
}

.pro-return-container-label .product-qty label {
    text-align: center;
    margin-left: 0
}

.pro-return-main-container .product-reason select {
    font-size: 13px
}

.pro-return-container-label .product-comments label,.pro-return-container-label .product-reason label {
    text-align: center
}

.shipment-info {
    padding: 20px 15px
}

.qty-box input.pertotal {
    border: 0;
    color: var(--primary-color);
    float: left;
    margin-top: 1px;
    text-align: center
}

.shipping-method {
    color: #737373;
    float: left;
    width: 100%
}

.shipping-method h2,.shipping-method h3 {
    background: #f9f9f9;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    padding: 10px;
    margin-bottom: 10px
}

.shipping-method ul {
    margin-bottom: 30px
}

.shipping-method ul li {
    padding: 5px 0
}

.shipping-method p {
    margin-bottom: 10px
}

.shipping-method p.last {
    margin-bottom: 30px
}

.mycredicard-number input:focus {
    background-color: var(--white-color)
}

.horizontalTab {
    float: left
}

#toTop {
    border: 2px solid #e2e1df;
    display: none;
    position: fixed;
    right: 27px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    z-index: 10000000;
    bottom: 15%;
    border-radius: 25px;
    opacity: .4;
    filter: alpha(opacity=40)
}

#toTop:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

#toTop span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 22px;
    border-color: #fff0 #fff0 #21ade7 #fff0;
    margin: 10px 9px;
    display: block
}

.std img {
    max-width: 100%
}

#payment_form_mygateway .input-box b {
    position: inherit;
    float: left;
    margin-right: 8px
}

.input-box>b {
    margin-top: 9px;
    position: absolute
}

#payment_form_mygateway .input-box #mygateway_cc_owner {
    float: left;
    display: inline;
    width: auto;
    pointer-events: none
}

.sticky {
    position: fixed;
    z-index: 200;
    max-width: 100%;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s
}

#inline_content {
    padding: 10px;
    background: var(--white-color)
}

.valid_html_sign {
    float: left
}

.valid_html_sign img {
    position: relative;
    margin-right: 10px;
    top: 10px
}

.padder .product-specs {
    padding: 0 20px
}

#product_tabs_cms1_contents,#product_tabs_cms3_contents {
    border: 1px solid #d5d5d5;
    border-top: 0;
    padding: 20px 0
}

.justify-text {
    float: left;
    text-align: justify
}

#payment_form_paypal_express li.form-alt {
    float: left;
    text-align: justify
}

.top-arrow {
    position: absolute;
    right: 18px;
    border: 1px solid #ddd
}

.top-arrow .nav_up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 9px 0;
    border-color: #21ade7 #fff0 #fff0 #fff0;
    margin: 7px 6px;
    display: block;
    cursor: pointer
}

.dow-arrow {
    position: absolute;
    right: 18px;
    bottom: -1px;
    border: 1px solid #ddd
}

.dow-arrow .nav_down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 15px;
    border-color: #fff0 #fff0 #21ade7 #fff0;
    margin: 7px 6px;
    display: block;
    cursor: pointer
}

.pos-arraow {
    position: relative;
    float: right;
    width: 5%;
    top: 33px;
    right: -49px;
    display: none
}

.form-line {
    margin: 0;
    float: left;
    width: 100%
}

.width-32 {
    width: 32%
}

.b-right {
    border-right: 0 none
}

.cms-questions dt {
    background: var(--site-main-sprites) no-repeat scroll left -860px;
    color: var(--secondary-color);
    padding: 10px 10px 10px 30px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px
}

.cat-icon {
    background: var(--site-main-sprites) no-repeat scroll left -862px;
    color: var(--secondary-color);
    padding: 10px 0 5px 30px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 18px
}

.border-table thead {
    text-transform: uppercase
}

.border-table td {
    border-bottom: 1px solid #d5d5d5!important;
    font-weight: 400!important;
    font-size: 14px!important;
    text-transform: uppercase!important
}

.border-table tfoot td {
    color: var(--primary-color)!important;
    font-size: 18px!important;
    font-weight: 600!important
}

.legend-block {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

.legend-block h2 {
    margin: 0;
    text-transform: uppercase;
    color: var(--white-color);
    font-size: 25px;
    text-align: center;
    font-weight: 500;
    padding: 5px 0;
    border-bottom: 1px solid #18a6f0;
    background: #18a6f0
}

.legend-block .legend-inner-block {
    border-right: 1px solid #d5d5d5;
    float: left;
    padding: 10px;
    width: 25%;
    min-height: 218px
}

.legend-inner-block .title-legend {
    color: var(--white-color);
    text-transform: uppercase;
    background: #aeaeae;
    padding: 4px;
    font-weight: 400
}

.legend-inner-block li {
    line-height: 28px;
    text-align: justify;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300
}

.legend-inner-block:last-child {
    border-right: 0 none
}

.products-grid .product-image img.additional_img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    display: none
}

.triangle-border {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0;
    border-color: #aeaeae #fff0 #fff0 #fff0;
    position: relative;
    top: 4px;
    margin-left: 12px
}

.product-gurentee {
    float: left;
    height: 84px;
    margin: 5% 0 7%;
    max-width: 100%
}

.product-gurentee img {
    max-width: 85.2%
}

.block-title h1 {
    text-transform: uppercase;
    color: #58b0da;
    font-size: 20px;
    font-weight: 700
}

.block-bg {
    background: #efefef var(--site-main-sprites) no-repeat scroll 12px -849px!important;
    box-shadow: 1px 1px 1px #ddd;
    -webkit-box-shadow: 1px 1px 1px #efefef;
    padding-left: 38px!important
}

.viewdetail-newsletter {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.cat-ac.padd {
    padding: 0 0 5px 25px
}

.text-uppercase {
    color: var(--secondary-color);
    text-transform: uppercase;
    margin-bottom: 5px
}

#my-credit-log-table .chk-type {
    font-size: 16px;
    padding: 10px 46px 0 0
}

.pr-label span.price {
    color: var(--primary-color)!important;
    font-size: 16px
}

.due-pr span.price {
    font-size: 32px;
    color: var(--primary-color)!important;
    font-weight: 700
}

.total-due {
    font-size: 25px;
    font-weight: 700;
    margin-right: 5px
}

table#my-credit-log-table .notes {
    color: var(--secondary-color);
    font-size: 20px
}

.button-center {
    width: 30%;
    margin: 5px auto
}

.std li {
    display: block
}

.std>p {
    padding-left: 22px
}

.sub-title-content {
    padding-left: 22px
}

.product-view .tabs li.last {
    border-right: 0
}

.product-view .tabs a:hover {
    background-color: #ddd;
    color: #444;
    text-decoration: none
}

#product_tabs_tags_tabbed_contents.input-box input {
    width: 300px
}

#product_tabs_tags_tabbed_contents .input-box {
    width: 300px;
    float: left;
    margin-right: 10px
}

#product_tabs_related_tabbed_contents li {
    float: left;
    margin-right: 10px
}

#product_tabs_related_tabbed_contents ol {
    clear: both
}

.product-collateral:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
    zoom:1}

#sidebarWrap .sidefull-width {
    width: 300px;
    margin-top: 125px;
    position: fixed;
    top: 172px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    border: 1px solid #d5d5d5
}

.sidefull-width .legend-inner-block {
    width: 100%;
    min-height: 0;
    border: 0;
    padding: 0
}

.sidefull-width .legend-inner-block ul li {
    border-bottom: 1px dashed #d5d5d5;
    font-size: 12px;
    line-height: 20px;
    padding-left: 15px
}

.level2.nav-2-1-1.first>a span,.level2.nav-2-4-1.first>a span {
    color: var(--primary-color)!important
}

.blank_row {
    background: #f9f9f9!important
}

.legend-inner-block li:last-child {
    border-bottom: 0 none!important
}

.blank_row>td {
    border: medium none
}

.order-item>td {
    vertical-align: middle
}

.leftside-arrow {
    background: #f0f0f0;
    border-radius: 40px;
    cursor: pointer;
    float: left;
    font-weight: 700;
    padding: 4px;
    text-align: center;
    width: 30px;
    position: absolute;
    right: -28px;
    top: 100px
}

.fix-position {
    float: left;
    height: 200px;
    overflow-y: scroll;
    width: 300px
}

.relative-block {
    position: fixed;
    float: left;
    left: -301px;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s
}

.left-0 {
    left: 158px
}

.legend-inner-block>ul {
    margin: 0 0 10px
}

.color-blue {
    color: var(--secondary-color);
    font-weight: 500!important
}

.color-red {
    color: var(--primary-color);
    font-size: 20px!important;
    font-weight: 500!important
}

.b-top {
    border-top: 1px solid #d5d5d5
}

.color-blue-big-font {
    color: var(--secondary-color);
    font-weight: 500!important;
    font-size: 20px!important
}

.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em
}

.bs-center {
    width: 80%;
    margin: 0 auto;
    display: block
}

.my-pagination .pager .pager .pages {
    margin: 0;
    text-align: center
}

.sep-block {
    display: inline!important
}

.iphone-text .links-btn {
    background: #2b8dd8 none repeat scroll 0 0;
    border: 2px solid #2b8dd8;
    color: var(--white-color);
    font-size: 18px;
    padding: 8px 26px;
    text-transform: uppercase;
    border-radius: 20px;
    display: block;
    min-width: 234px
}

.iphone-adv-block .iphone-text {
    left: calc(50% - 116px);
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    bottom: 12%
}

.width-46 {
    width: 46%
}

#paypal_id {
    float: left;
    font-weight: 400;
    margin: 33px 0 0;
    width: 98%
}

#paypal_id label {
    float: left;
    margin: 0 0 5px
}

.address-bar {
    margin: 30px 0 0;
    float: left;
    width: 90%
}

#form-validate>#comment {
    float: left;
    width: 90%
}

#toBottom {
    background-repeat: no-repeat;
    border: 2px solid #e2e1df;
    border-radius: 25px;
    bottom: 60%;
    height: 50px;
    opacity: .4;
    position: fixed;
    right: 5px;
    width: 50px;
    z-index: 10000000;
    display: none
}

#toBottom span {
    border-color: #fff0 #fff0 #21ade7;
    border-style: solid;
    border-width: 0 14px 22px;
    display: block;
    height: 0;
    margin: 15px 9px;
    width: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#payment-buttons-container p.back-link a {
    background: #a2a2a2 none repeat scroll 0 0;
    border: 2px solid #a2a2a2;
    color: var(--white-color);
    float: left;
    font-size: 17px;
    margin: 0;
    min-width: 145px;
    padding: 12px 15px;
    text-align: center
}

.footer-links {
    float: left;
    width: 45%;
    margin: 0 2.5%
}

.b-right0 {
    border-right: 0 none
}

.account-login {
    width: 100%;
    float: left
}

.account-login .page-title>p {
    display: none
}

.add-1 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px;
    background: url(../images/sprite-2.png) no-repeat scroll left 4px;
    padding-left: 50px;
    float: left
}

.add-2 {
    font-size: 16px;
    font-weight: 500;
    background: url(../images/sprite-2.png) no-repeat scroll left -32px;
    padding-left: 50px;
    float: left
}

.call-us {
    color: var(--white-color);
    font-size: 28px;
    font-weight: 700;
    background: url(../images/sprite-2.png) no-repeat scroll left -113px;
    padding: 20px 0;
    display: none
}

.call-us>b {
    margin-left: 47px
}

.sm-footer {
    float: left;
    width: 33.333%;
    margin-top: 9px;
    display: block;
    text-align: center
}

.brokenscreens-createorder .add-to-box {
    position: fixed;
    right: -69px;
    top: 410px;
    transition: all .3s ease 0s;
    z-index: 99
}

.brokenscreens-createorder .category-products .add-to-cart button.btn-cart {
    background: var(--primary-color) none repeat scroll 0 0;
    padding: 7px 14px
}

.brokenscreens-createorder .add-to-cart button.btn-cart span {
    background: #fff0 none repeat scroll 0 0;
    border: medium none;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.brokenscreens-createorder .add-to-cart button.btn-cart:hover {
    background: var(--secondary-color) none repeat scroll 0 0
}

.brokenscreens-createorder .add-to-cart button {
    background: var(--primary-color) none repeat scroll 0 0;
    padding: 7px 8px
}

.brokenscreens-createorder .add-to-box:hover {
    right: 0
}

.popupContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .8);
    left: 0;
    top: 0;
    z-index: 10000
}

.popupWrapper {
    width: 70%;
    margin: 45px auto
}

.popupBox {
    background-color: var(--white-color);
    border-radius: 4px
}

.popupBox .popup-header {
    background: #1fc4f4 none repeat scroll 0 0;
    float: left;
    text-transform: uppercase;
    width: 100%
}

.popup-header>h2 {
    color: var(--white-color);
    float: left;
    font-size: 27px;
    letter-spacing: 1px;
    line-height: 55px;
    text-align: center;
    width: 95%
}

.popup-header>a {
    background: #ddd none repeat scroll 0 0;
    color: #e00f26;
    float: right;
    font-size: 20px;
    padding: 17px;
    text-align: center;
    width: 5%;
    text-shadow: 1px 1px 1px #d5d5d5;
    -webkit-text-shadow: 1px 1px 1px #d5d5d5
}

.popup-header>a:hover {
    background: #e00f26;
    color: var(--white-color)
}

.popupBox .popup-content {
    background: var(--white-color) none repeat scroll 0 0;
    float: left;
    height: 510px;
    overflow-y: scroll;
    padding: 20px;
    width: 100%;
    border-bottom: 5px solid #2ac6f4;
    border-left: 5px solid #2ac6f4
}

.popup-content>img {
    float: left;
    width: 100%
}

.btn-left {
    float: left;
    margin: 0 0 7px
}

.btn-right {
    float: right;
    margin: 0 0 10px
}

.btn-left .required {
    float: left!important
}

.bslinks>a {
    float: left;
    font-size: 17px;
    line-height: 41px;
    margin-left: 5px;
    cursor: pointer
}

.buttons-set1 {
    float: left
}

.buttons-set1 button.btn-cart1 span {
    background: #18a6f0;
    text-transform: uppercase;
    font-size: 15px;
    border: 0 none;
    padding: 1px 7px
}

.buttons-set1 button.btn-cart span {
    text-transform: uppercase;
    font-size: 15px;
    border: 0 none;
    padding: 1px 7px
}

.buttons-set1 button.btn-cart:hover {
    background-color: #18a6f0
}

.buttons-set1 button.btn-cart1:hover {
    background: #e00f26
}

.buttons-set1 button.btn-cart:hover span {
    color: var(--white-color)
}

.buttons-set1 .button.btn-cart {
    margin: 3px 6px
}

.links li.support a {
    background: #fff0 url(../images/sprite-2.png) no-repeat scroll -19px -574px;
    padding: 0 10px 0 18px;
    display: block
}

.links li.support {
    padding-left: 7px
}

.links li.support a:hover {
    background-position: -19px -607px
}

.scrollarrow span:hover {
    background-color: rgb(187 187 187 / .28)
}

.bottomarrow {
    cursor: pointer;
    float: left;
    padding: 6px 8px 0;
    position: absolute;
    background: rgb(187 187 187 / .33) url(../images/arrow-scroll.png) no-repeat scroll center -17px;
    height: 15px;
    width: 20%;
    right: 0
}

.toparrow {
    cursor: pointer;
    height: 15px;
    padding: 0 8px 6px;
    width: 20%;
    float: left;
    position: absolute;
    bottom: 0;
    background: rgb(187 187 187 / .33) url(../images/arrow-scroll.png) no-repeat scroll center 3px;
    right: 0
}

.std ul.description li:last-child {
    border-bottom: 0 none
}

.span-red {
    color: #ed1c24;
    font-weight: 500;
    font-size: 16px!important
}

.dark-fnt {
    color: #5f6162;
    font-size: 22px;
    font-weight: 400
}

.span-red-thin {
    color: #ed1c24;
    font-size: 22px;
    font-weight: 300
}

.add-to-cart a.button.btn-cart {
    border: 0 none;
    padding: 5px 11px
}

.add-to-cart a.button.btn-cart span {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase
}

.add-to-cart a.button.btn-cart:hover {
    background: #18a6f0
}

.add-to-cart a.button.btn-cart:hover span {
    color: var(--white-color)
}

#bg-change span.price {
    float: none;
    color: #e00f26
}

.p-button-set {
    float: left;
    padding-left: 25px;
    width: 20%
}

#customerprofitreport>label {
    float: left;
    width: 100%
}

.p-button-set button span {
    padding: 7.8px 30px
}

#customerprofitreport select {
    float: left;
    margin: 0 0 15px;
    width: 80%
}

.p-button-set>input#payment_submit {
    background: #e00f26 none repeat scroll 0 0;
    border: 1px solid #e00f26;
    color: var(--white-color);
    font-size: 17px;
    padding: 10px 28px;
    cursor: pointer;
    float: right
}

.p-button-set>input#payment_submit:hover {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color)
}

.customerprofitreport_table span.price {
    float: none
}

#bg-change {
    background: #f9f9f9 none repeat scroll 0 0
}

.payment-fnt {
    font-size: 17px!important
}

.payment-fnt b {
    color: var(--secondary-color)
}

.category-products h1.block-title {
    background: #fff0 var(--site-main-sprites) no-repeat scroll left -872px;
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0 0 10px 30px;
    text-transform: uppercase
}

.inner big {
    background: #ddd none repeat scroll 0 0;
    float: left;
    margin: 0 0 15px;
    padding: 15px;
    width: 100%
}

.inner strong {
    color: #e00f26;
    float: left;
    font-size: 20px;
    text-align: right;
    width: 90%
}

.inner span.price {
    font-size: 23px;
    font-weight: 500
}

#review-buttons-container {
    float: right
}

.place-order p.back-link a {
    background: #a2a2a2 none repeat scroll 0 0;
    border: 2px solid #a2a2a2;
    color: var(--white-color);
    float: left;
    font-size: 17px;
    margin: 0 14px;
    min-width: 145px;
    padding: 17px 15px;
    text-align: center
}

.multiple-checkout p.back-link {
    margin: 10px 0 0
}

.place-order p.back-link {
    margin: 0!important;
    float: right
}

.buttons-set p.back-link a {
    background: #a2a2a2 none repeat scroll 0 0;
    border: 2px solid #a2a2a2;
    color: var(--white-color);
    float: left;
    font-size: 18px;
    min-width: 140px;
    padding: 5px 10px;
    text-align: center;
    line-height: 32px
}

.mt-10 {
    margin-top: 10px!important
}

.redtheme-color {
    color: var(--primary-color)
}

.res-view {
    display: none
}

.cat_prod_cell .amount {
    display: none
}

.cms-ques {
    color: #383838;
    font-size: 17px;
    margin: 10px 0
}

.mini-text {
    font-size: 20px!important
}

.m-left10 {
    margin-left: 10px
}

.width0 {
    margin-right: 5px;
    margin-top: -2px;
    width: auto!important
}

.add-3 {
    float: left;
    font-size: 16px;
    width: 100%;
    font-weight: 500;
    text-transform: uppercase;
    background: url(../images/sprite-2.png) no-repeat scroll -7px -187px;
    margin: 0 9px 15px
}

.add-3>a {
    color: var(--white-color);
    padding-left: 41px
}

.main-paragraph>p {
    font-size: 16px
}

.main-paragraph {
    float: left;
    margin: 0 0 90px;
    width: 100%;
    color: #5a5757
}

.cms-center {
    color: #5a5757;
    float: left;
    width: 100%
}

.creditcard-method,.paypal-method,.fedex-method,.behalf-method {
    float: left;
    width: 47%;
    border: 3px solid var(--secondary-color);
    padding: 20px;
    position: relative
}

.creditcard-method,.paypal-method {
    min-height: 310px
}

.fedex-method,.behalf-method {
    min-height: 300px;
    width: 97.1%
}

.creditcard-method,.fedex-method {
    margin-right: 37px
}

.creditcard-method>h2,.paypal-method>h2,.fedex-method>h2,.behalf-method>h2 {
    color: var(--secondary-color);
    font-size: 35px;
    margin: 60px 0 7px
}

.creditcard-method .top-icon {
    background: url(../images/payment-methods.png) no-repeat
}

.paypal-method .top-icon {
    background: url(../images/payment-methods.png) no-repeat scroll -204px 0
}

.fedex-method .top-icon {
    background: url(../images/payment-methods.png) no-repeat scroll 0 -207px
}

.behalf-method .top-icon {
    background: url(../images/payment-methods.png) no-repeat scroll -204px -207px
}

.creditcard-method>p,.paypal-method>p,.fedex-method>p,.behalf-method>p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.return-cms {
    color: #5a5757;
    float: left;
    width: 100%
}

.warrenty-bx,.return-bx,.def-bx,.nost-bx {
    float: left;
    width: 47%;
    border: 3px solid var(--secondary-color);
    padding: 20px;
    position: relative
}

.warrenty-bx,.def-bx {
    margin-right: 35px
}

.return-bx,.nost-bx {
    margin-left: 35px
}

.def-bx {
    margin-top: -70px
}

.nost-bx {
    margin-top: 110px
}

.warrenty-bx,.return-bx {
    margin-top: 80px
}

.warrenty-bx>h2,.return-bx>h2,.def-bx>h2,.nost-bx>h2 {
    color: var(--secondary-color);
    font-size: 35px;
    margin: 60px 0 7px
}

.top-icon {
    float: left;
    height: 146px;
    left: 50%;
    margin-left: -64px;
    margin-top: -77px;
    position: absolute;
    top: 0;
    width: 145px
}

.warrenty-bx .top-icon {
    background: url(../images/returnpolicy.png) no-repeat
}

.return-bx .top-icon {
    background: url(../images/returnpolicy.png) no-repeat scroll -186px 0
}

.def-bx .top-icon {
    background: url(../images/returnpolicy.png) no-repeat scroll -382px -3px
}

.nost-bx .top-icon {
    background: url(../images/returnpolicy.png) no-repeat scroll -579px 0
}

.warrenty-bx>p,.return-bx>p,.def-bx>p,.nost-bx>p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

.shipping-cms {
    float: left;
    width: 100%
}

.ship-paragraph {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.ship-paragraph>p {
    font-size: 16px;
    text-align: justify
}

.ship-banner {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.ship-banner>img {
    width: 100%
}

.ship-footer {
    float: left;
    width: 100%
}

.ship-box1,.ship-box2,.ship-box3,.ship-box4,.ship-box5 {
    border: 3px solid var(--secondary-color);
    float: left;
    padding: 20px;
    width: 46%;
    margin-bottom: 30px
}

.ship-box1,.ship-box3,.ship-box5 {
    margin-right: 45px
}

.ship-box2,.ship-box4 {
    margin-left: 45px
}

.ship-box1>h3,.ship-box2>h3,.ship-box3>h3,.ship-box4>h3,.ship-box5>h3 {
    float: left;
    font-size: 18px;
    width: 100%;
    margin: 0 0 10px
}

.ship-box1>p,.ship-box2>p,.ship-box3>p,.ship-box4>p,.ship-box5>p {
    float: left;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
    width: 100%
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-radius: 0!important
}

.custom-combobox {
    display: block;
    float: left;
    width: 100%
}

.product-name .custom-combobox-input {
    margin: 0;
    width: 90%;
    float: left;
    min-height: 47px;
    padding: 0 10px;
    font-family: 'Inter',sans-serif;
    font-size: 15px
}

.product-name .custom-combobox-toggle {
    width: 9%!important;
    border-left: 0 none!important;
    min-height: 47px
}

.product-qty .custom-combobox-input {
    margin: 0;
    width: 65%;
    float: left;
    min-height: 47px;
    padding: 0 10px;
    font-family: 'Inter',sans-serif;
    font-size: 15px
}

.product-qty .custom-combobox-toggle {
    width: 33%!important;
    border-left: 0 none!important;
    min-height: 47px
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: 16px 0!important
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-radius: 0!important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    background: 0 none!important;
    font-size: 13px!important
}

#customer_address {
    margin: 0 0 10px
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    background: #ededed none repeat scroll 0 0;
    float: left;
    max-height: 226px;
    padding: 15px;
    width: auto!important;
    overflow-y: scroll;
    font-family: 'Inter',sans-serif;
    font-size: 15px
}

.topcart,.top-logo {
    display: none
}

.resposive-login,.resposive-logout {
    display: none
}

#nav li.nav-3:hover ul.level0,#nav li.nav-4:hover ul.level0,#nav li.nav-5:hover ul.level0 {
    left: 0
}

.singlecutoff {
    font-size: 12px;
    font-weight: 500;
    margin-left: 9px
}

.anyfutherorder {
    font-weight: 500;
    font-size: 12px
}

.count-down-timer .anyfutherorder {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-left: -10%;
    color: var(--dark-color);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none
}

.satuday-time {
    width: 100%!important
}

.satuday-time .saturday-prioritycutoff {
    text-align: left;
    line-height: 30px
}

.button.view-cart>span {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color)
}

.button.view-cart:hover span {
    color: var(--secondary-color)
}

li.login {
    position: relative
}

.header-login {
    background: #ededed none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: left;
    margin-right: -1px;
    position: absolute;
    right: 0;
    width: 282px;
    z-index: 3400;
    box-shadow: 1px 6px 10px rgb(27 27 27 / .12);
    -webkit-box-shadow: 1px 6px 10px rgb(27 27 27 / .12)
}

.header-login .button {
    width: 100%;
    margin-left: 0!important
}

.header-login .button span {
    color: var(--white-color)!important;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    line-height: 10px
}

.header-login .button:hover span {
    color: var(--secondary-color)!important
}

.header-login #forgotpasswordlink {
    width: 100%;
    background-image: none;
    float: left;
    text-align: center;
    padding: 0
}

.header-login .loginmsg {
    color: var(--primary-color);
    text-align: center;
    width: 100%;
    float: left
}

.header-login .buttons-set>span#ajax_loader {
    text-align: center;
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 30%
}

.header-login .customer-account-forgotpassword .form-list li:last-child {
    margin: 10px 0 10px;
    width: 100%
}

.header-login .form-list {
    float: left;
    width: 100%;
    padding: 10px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.header-login .buttons-set {
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0
}

.header-login .form-list li:last-child {
    margin-top: 0;
    width: 100%
}

.header-login .custheader {
    float: left;
    width: 100%;
    background: var(--secondary-color) url(../images/header-user.png) no-repeat scroll center left 15px;
    padding: 10px
}

.custheader>h3 {
    color: var(--white-color);
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px
}

.header-login input.input-text {
    line-height: 20px;
    font-size: 13px;
    padding: 8px
}

.newuser-link {
    float: left;
    width: 100%
}

.newuser-link>a {
    float: left;
    padding: 0!important;
    font-size: 14px!important;
    color: #e00f26!important;
    background-image: none!important;
    line-height: 34px!important;
    text-decoration: underline;
    font-weight: 400!important
}

p.main-text {
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 20px;
    text-align: justify;
    width: 100%
}

p.paragraph-footer {
    float: left;
    font-size: 15px;
    text-align: justify;
    width: 100%
}

#nav li.nav-4 ul.level0 ul.level1 {
    display: none
}

.customerwishlist {
    float: right
}

.next-cart em {
    color: #e00f26;
    font-size: 17px;
    margin-right: 2px
}

.top-header {
    float: left;
    width: 100%;
    color: var(--white-color);
    padding: 0;
    background: url(../images/header-chrismas-bckbanner.png) no-repeat scroll right center;
    border-bottom: 1px solid #cc0017;
    background-size: cover;
    height: 43px;
    background-position: center -5px
}

.top-header .shipping-title {
    float: left;
    margin: 0;
    padding: 0 15px
}

.shipping-title>p {
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    float: left
}

.satuday-time p {
    text-align: left;
    float: left;
    line-height: 25px
}

#single_div {
    width: 30%!important
}

#overnight_div {
    width: 30%!important
}

#satuarday_div {
    width: 40%!important
}

#upsground_div {
    width: 30%!important
}

#upsexp_div {
    width: 30%!important
}

#single_div span:first-child,#overnight_div span:first-child,#satuarday_div span:first-child {
    margin-left: 0
}

#single_div p,#overnight_div p,#satuarday_div p {
    float: left;
    font-size: 10px;
    line-height: 0;
    margin-left: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    color: var(--white-color);
    font-weight: 500
}

#upsground_div p,#upsexp_div p {
    float: left;
    font-size: 10px;
    line-height: 0;
    margin-left: 40px;
    padding: 0;
    text-align: left;
    width: 100%;
    color: #351c15;
    font-weight: 500;
    position: relative;
    top: -10px
}

#single_div b,#overnight_div b,#satuarday_div b,#upsground_div b,#upsexp_div b {
    font-size: 8px;
    font-weight: 800
}

#single_div span,#overnight_div span,#satuarday_div span,#upsground_div span,#upsexp_div span {
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    line-height: 25px;
    width: 37px
}

.top-wishlist-widget {
    margin-left: 16px;
    margin-top: 6px;
    width: 40%
}

.top-wishlist-widget .customerwishlist1 {
    float: left;
    width: 55%;
    margin: 2px 0 0
}

.top-wishlist-widget .button {
    float: right;
    width: 40%
}

.top-wishlist-widget #update_wishlist1 span {
    font-weight: 600;
    background: #27a7ec;
    border-color: #27a7ec;
    text-transform: uppercase
}

.top-wishlist-widget #update_wishlist1:hover span {
    background: 0;
    border-color: #e3293e;
    color: #e3293e
}

.category-products li.item .product-image img.defaultImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.category-products li.item .product-image img.hoverImage {
    left: 50%;
    margin-left: -35%;
    margin-right: -35%;
    opacity: 0;
    position: absolute;
    right: 50%;
    top: 0
}

.category-products li.item .product-image:hover img.defaultImage {
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-products li.item .product-image:hover img.hoverImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.m-username {
    float: left;
    margin-left: 3%;
    background-color: #e4f3ff;
    padding: 0 4px;
    width: 48.5%;
    border: 1px solid #acb4b9;
    margin-top: 6px
}

.m-username .email-name,.m-username .mobile-field,.m-username .username-field {
    margin: 0 1% 0
}

.m-username p {
    float: left;
    width: 100%;
    font-size: 10px;
    text-align: center;
    margin: 0;
    color: #656565;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px
}

.m-username input {
    line-height: 10px;
    min-height: 33px;
    padding: 5px
}

.m-username label {
    font-size: 14px;
    padding: 0
}

p.numaric-values {
    float: left;
    width: 15%;
    min-height: 33px;
    line-height: 31px;
    background-color: var(--white-color);
    border: 1px solid #cacaca;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-right: 2%
}

.mobile-field input {
    width: 83%
}

.extrabillingfields {
    float: left;
    width: 100%;
    background-color: #e4f3ff;
    padding: 5px 10px;
    border: 1px solid #acb4b9
}

p.mno_label {
    background-color: var(--white-color);
    border: 1px solid #ccc;
    float: left;
    font-size: 17px;
    line-height: 42px;
    margin-bottom: 0;
    margin-right: 2%;
    min-height: 45px;
    text-align: center;
    width: 15%
}

.mno_label-text {
    float: left;
    width: 100%
}

.mno_label-text .input-box {
    clear: none!important;
    float: left;
    width: 83%
}

p.user-guidline {
    float: left;
    width: 100%;
    font-size: 10px;
    text-align: center;
    margin: 0;
    color: #656565;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px
}

.currentopentab {
    border-bottom: 0 none!important;
    background: -webkit-linear-gradient(#dcdcdc,#f7f7f7)
}

.my-wishlist .buttons-set button.button {
    margin-right: 0;
    float: right
}

.productreturn-front-view .fieldset {
    margin: 0 0 10px
}

.additinal-text {
    background-color: #eee;
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 10px;
    padding: 2%;
    width: 100%
}

.additinal-text>p {
    text-align: justify;
    font-size: 14px
}

.additinal-text b {
    font-size: 15px;
    text-transform: uppercase
}

.fl_width .button {
    width: 100%;
    float: left
}

.productreturn-front-list .button {
    margin-bottom: 10px;
    float: right
}

input.input-text,textarea,select,button,input {
    font-family: 'Inter',sans-serif;
    border-radius: 0;
    background-color: var(--white-color);
    border: 1px solid #cacaca;
    width: auto;
    font-size: 16px;
    color: var(--dark-color);
    padding: 10px;
    transition: all .3s ease 0s
}

input.input-text,textarea,select {
    width: 100%
}

.productreturn-front-newrequestselectorder .select-buttons {
    float: left;
    margin: 10px 0;
    width: 100%
}

.product-return-main-container {
    float: left;
    width: 100%
}

.right-align button.button {
    width: 100%
}

.main_orders_title a.scalable.save {
    float: right;
    margin: 5px 0 0
}

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

.payment_balancesheet_btn>input {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    display: block;
    float: none;
    margin: 2% auto auto;
    min-width: 145px;
    padding: 5px;
    color: var(--white-color)
}

.customer-accountpage-balancesheet h1 {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    text-transform: uppercase
}

a.scalable.save {
    margin: 0 0 10px;
    float: right
}

.customercredit-index-log .limiter label,.customercredit-index-log .pager p.amount {
    line-height: 48px;
    margin-right: 20px
}

.remove-link.button {
    padding: 4px 5px;
    width: 150px;
    margin: 10px 0 0;
    font-size: 15px;
    float: left
}

.brokenscreens-myaccount-order .box-title h3 {
    float: left;
    margin: 0 0 7px
}

.minlineheight small {
    color: #383838;
    font-size: 10px;
    text-transform: uppercase
}

.minlineheight p a,.minlineheight p {
    margin: 0;
    font-size: 10px
}

.red-bg-tbl {
    color: var(--white-color);
    background-color: #e3293e;
    font-weight: 600!important
}

.minlineheight td {
    height: 51px;
    line-height: 16px;
    padding: 10px;
    vertical-align: middle
}

.backtomyacc>a {
    color: var(--secondary-color)!important;
    font-weight: 500;
    font-size: 25px
}

li.backtomyacc {
    background: #ededed;
    padding-right: 15px
}

.remove-link {
    color: #e0263a;
    float: left;
    margin: 5px 0 0;
    background: #fff0 var(--site-main-sprites) no-repeat scroll -35px -2011px;
    padding-left: 22px;
    font-weight: 400
}

#single_div #timer_message {
    float: left;
    width: 100%;
    padding-top: 0
}

#single_timer p.anyfutherorder {
    margin: 0
}

.custumer-profit-reports-container {
    margin: 0 0 10px;
    float: left;
    width: 100%
}

.currentopentab span {
    color: #e00f26
}

.productreturn-front-list .limiter label,.productreturn-front-list p.amount {
    left: 0;
    line-height: 46px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px
}

img[id="image"] {
    display: none
}

.forgotpasswordshow_tab {
    display: none
}

.hheight {
    min-height: 410px
}

.hheight .buttons-set {
    margin-top: 64px
}

.user_details {
    float: left;
    width: 100%;
    background-color: #ededed;
    padding: 7px;
    border-bottom: 1px solid #ccc
}

.created_date {
    width: 50%;
    float: left;
    text-align: right
}

.created_date>h4 {
    display: inline
}

.created_date>label {
    font-style: italic
}

a.attch {
    float: right;
    font-size: 14px;
    line-height: 25px;
    background-image: url(../images/attchment.png);
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    margin-top: 2px
}

#orderpopup .display_ticket_msg_block .reply-attachment a.attch:hover {
    background-position: 0 0
}

.reply-buttons button {
    float: right
}

.reply-buttons {
    float: left;
    width: 100%
}

p.right-side {
    float: right!important
}

a.attch:hover {
    background-position: 0 -54px
}

.file-inputs-front>label {
    appearance: button;
    -moz-appearance: button;
    background-color: var(--secondary-color);
    color: var(--white-color);
    font-size: 17px;
    padding: 7px 10px;
    transition: all .3s ease 0s;
    -webkit-transition: all 143658.3s ease 0s;
    border: 2px solid var(--secondary-color);
    width: 140px;
    text-align: center;
    font-weight: 400;
    cursor: pointer
}

.file-inputs-front>label:hover {
    background-color: #fff0;
    border-color: var(--secondary-color);
    color: var(--secondary-color)
}

.file-inputs-front>input {
    display: none
}

.attachment-label {
    line-height: 40px;
    padding-bottom: 0!important;
    margin-left: 10px;
    font-weight: 400!important
}

.input-box.attach-file>label {
    float: right;
    line-height: 40px;
    padding-bottom: 0!important;
    font-weight: 400
}

.chkoutspan {
    background-color: var(--secondary-color);
    float: left;
    padding: 0;
    width: 100%;
    cursor: pointer
}

.chkoutspan>h3 {
    color: var(--white-color)!important;
    font-size: 17px!important;
    font-weight: 400!important;
    line-height: 40px;
    margin: 0!important;
    text-align: left!important;
    display: none
}

.chkoutspan .plusminus {
    background-color: var(--white-color);
    color: var(--secondary-color);
    float: left;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    margin-right: 10px;
    display: none
}

.display_chkout {
    padding: 15px!important;
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: 1px 1px 9px #ddd;
    -webkit-box-shadow: 1px 1px 9px #ddd
}

.hover-class a {
    background-color: #17a6f1;
    color: var(--white-color)!important
}

.pages li {
    float: left
}

.parent-category {
    display: none
}

.showparent {
    display: block
}

.sub-ul {
    width: 90%;
    background-color: var(--white-color);
    float: left;
    margin: 0 5% 5%!important;
    padding: 0!important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc
}

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

.product-name input.pro-return-name:focus,.pro-return-container .product-name .productidcls:focus {
    background-color: #edf7fd
}

.pro-return-container table.dataTable {
    top: 47px;
    width: 100%!important
}

.product-name .product-listing-td {
    padding: 3px 6px
}

.product-hover-list td,.product-name .productlist tbody td.dataTables_empty {
    border-bottom: 1px solid #ccc;
    width: 650px!important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0 none
}

.product-hover-list td.dataTables_empty {
    padding: 5px;
    text-align: center
}

.product-name .product-listing-td p {
    float: left;
    margin: 0;
    width: 100%
}

.product-name .dataTable tr {
    cursor: pointer
}

.product-name .dataTable tr.even td {
    background-color: var(--white-color)
}

.product-name .dataTable tr.odd td {
    background-color: #eee
}

.product-name .productlist tbody {
    overflow-y: auto;
    float: left;
    height: 350px;
    width: 98%
}

.product-name .dataTable tr.selected td {
    background-color: #27a7ec!important;
    color: var(--white-color);
    border-bottom: 1px solid #27a7ec!important
}

.special_note {
    background-color: #ba161d;
    float: left;
    margin: 0 0 25px;
    padding: 13px;
    width: 100%
}

.special_note>h2 {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 600;
    margin: 0 0 4px
}

.special_note p {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400
}

.sales-order-view .page-title h1 {
    font-size: 30px
}

.sales-order-view .my-account .title-buttons {
    margin: 0;
    padding: 0;
    line-height: 39px
}

.sales-order-view .my-account .title-buttons .res1024_view {
    float: right
}

.footer_white_logo {
    display: none
}

.ms-account .country-container.myacc-container>ul.sevices-list>li.backtolink.b-link-found {
    display: none
}

.footer_btn.support-ticket-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: none
}

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

.footer_btn.support-ticket-foot .popup-btn-right {
    display: flex;
    justify-content: space-between
}

span.stock_bold {
    color: #e00f26;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

table#newrepair tbody input,table#newrepair tbody select {
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 40px;
    font-size: 13px;
    width: 95%
}

#newrepair tbody th {
    font-size: 14px;
    text-align: center
}

#newrepair thead th {
    font-size: 13px;
    text-align: center
}

button.removeitem {
    background-color: #e00f26;
    border: 2px solid #e00f26;
    line-height: 22px;
    font-size: 14px;
    padding: 6px 10px;
    color: var(--white-color);
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    float: left
}

button.removeitem:hover {
    border: 2px solid #e00f26;
    color: #e00f26;
    background-color: #fff0
}

button#addmore {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    padding: 7px 20px;
    font-size: 14px;
    color: var(--white-color);
    font-weight: 600;
    text-align: center;
    margin: 5px 0
}

button#addmore:hover {
    background-color: #fff0;
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color)
}

.bottom-repair-label {
    float: left;
    width: 100%;
    padding: 30px;
    border: 1px solid #ccc;
    margin: 0 0 18px
}

.bottom-repair-label select {
    margin: 0 0 10px
}

.bottom-repair-label label {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-weight: 400
}

.lbl-left>input {
    margin-top: -2px
}

.bottom-repair-label button.button {
    margin: 0 auto;
    float: none;
    width: 30%;
    display: block
}

#newrepair td {
    position: relative;
    text-align: center
}

.hidetable tbody tr {
    height: 40px!important
}

#newrepair .hidetable {
    width: 190px!important;
    top: 41px;
    border: 1px solid #ccc;
    border-top: 0;
    background-color: var(--white-color);
    margin-left: 4px
}

#newrepair .hidetable td {
    height: 40px!important;
    padding: 0 10px;
    vertical-align: middle;
    width: 500px;
    text-align: left;
    font-size: 13px
}

#newrepair .hidetable tbody {
    float: left;
    max-height: 240px;
    overflow-y: auto;
    width: 100%
}

#newrepair .hidetable tbody tr.selected td {
    background-color: var(--secondary-color);
    color: var(--white-color)
}

#newrepair tfoot td {
    text-align: left
}

select {
    appearance: menulist;
    -webkit-appearance: menulist;
    padding: 11px;
    height: 46px
}

.repairsys-index-new .additinal-text {
    margin: 0 0 18px!important
}

.total-options {
    background: #f6f6f6;
    padding: 20px;
    border: 1px solid #ccc
}

#comment label {
    font-weight: 400;
    float: left;
    width: 100%;
    margin: 0 0 3px
}

.ch-col-1 fieldset p {
    margin: 5px 0 3px
}

div#comment {
    float: left;
    width: 100%;
    margin: 7px 0 0
}

.sys-row {
    float: left;
    width: 100%;
    background-color: rgb(238 238 238 / .26);
    border: 1px solid #ccc;
    margin: 17px 0 17px;
    padding: 25px;
    position: relative
}

.pright-0 {
    padding-right: 0!important
}

.repairsys-index-new .buttons-set .button {
    margin: 0 auto;
    width: auto;
    display: block;
    float: none
}

#my-productreturn-table span.price {
    float: none
}

.sm-sys-label-3 {
    width: 50%;
    float: left;
    padding-right: 17px;
    margin: 0 0 17px
}

.col-sys-radio {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    margin: 0 0 12px
}

.col-sys-radio input {
    margin: -4px 3px 0
}

.col-sys-radio span {
    font-size: 13px;
    text-transform: uppercase
}

.col-sys-5 {
    float: left;
    width: 100%
}

.col-sys-6 {
    float: left;
    width: 52%;
    padding: 8px;
    border: 1px solid #ccc
}

.col-sys-6 span {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase
}

.col-sys-6 input {
    margin: -4px 3px 0
}

.b-bottom {
    margin: 0 0 18px
}

.repairsys-index-manage .dataTable {
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 17px;
    border-bottom: 0;
    margin-top: 10px;
    width: 100%
}

.repairsys-index-manage .dataTable thead tr {
    background-color: #e5e5e5
}

.repairsys-index-manage .dataTable thead th.sorting {
    border: 1px solid #ccc;
    padding: 7px;
    border-right: 0;
    border-top: 0
}

.repairsys-index-manage .dataTable tbody td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px
}

.repairsys-index-manage .dataTable tbody td:first-child {
    border-left: 0
}

.repairsys-index-manage .dataTable tbody td:last-child {
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:first-child {
    border-left: 0;
    width: 12%!important;
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:nth-child(2) {
    width: 13%!important;
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:nth-child(3) {
    width: 20%!important;
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:nth-child(4) {
    width: 26%!important;
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:nth-child(5) {
    width: 11%!important;
    text-align: center
}

.repairsys-index-manage .dataTable thead th.sorting:nth-child(6) {
    width: 12%!important;
    text-align: center
}

.repairsys-index-manage .dataTables_info {
    background-color: #eee;
    line-height: 38px;
    border: 1px solid #ccc;
    float: left;
    width: 50%;
    padding-left: 15px;
    border-top: 0;
    border-right: 0
}

.repairsys-index-manage .dataTables_paginate {
    background-color: #eee;
    line-height: 38px;
    border: 1px solid #ccc;
    float: right;
    width: 50%;
    padding-right: 15px;
    border-top: 0;
    border-left: 0
}

.repairsys-index-manage .dataTables_paginate a {
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer
}

.repairsys-index-manage .dataTables_length {
    width: 30%;
    display: inline-block
}

.repairsys-index-manage .dataTables_length select {
    width: 60px;
    padding: 5px;
    height: 34px
}

.repairsys-index-manage .dataTables_filter {
    width: auto;
    float: right
}

.repairsys-index-manage .dataTables_filter input {
    padding: 5px;
    border: 1px solid #ccc
}

.confirmpopup {
    background-color: #eee;
    padding: 30px!important;
    position: fixed;
    right: 10%;
    top: 8%;
    width: 80%;
    z-index: 10000!important
}

.pop-saction1 select {
    padding: 0;
    height: 38px;
    width: 100%
}

span.custline-right {
    float: left;
    width: 50%;
    font-size: 12px;
    min-height: 30px;
    line-height: 14px;
    padding: 6px 0
}

.pop-saction1 input,.pop-saction2 input {
    padding: 7px;
    height: 28px;
    width: 89%;
    font-size: 13px;
    border: 1px solid #ccc
}

.pop-saction1 select,.pop-saction2 select {
    padding: 0;
    height: 28px;
    width: 89%;
    font-size: 13px
}

span.custline-left {
    width: 48%;
    float: left;
    font-weight: 500;
    font-size: 12px;
    color: #27a7ec;
    min-height: 30px;
    padding: 8px 0 0
}

.pop-saction1,.pop-saction2 {
    float: left;
    width: 48%
}

button#acceptconfirm {
    float: right;
    width: 90px;
    padding: 5px;
    border: 1px solid #27a7ec!important;
    background-color: #27a7ec;
    color: var(--white-color)
}

.magento_title {
    font-size: 19px;
    text-align: center;
    padding: 0 0 10px;
    font-weight: 700;
    color: var(--secondary-color)
}

#noacceptconfirm {
    float: right;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-right: 11px
}

.conform_footer {
    float: right;
    margin: 10px 51px 0
}

.bg-sys-overrely {
    float: left;
    width: 100%;
    background-color: rgb(24 166 239 / .15);
    border: 1px solid #8fc2dc;
    margin: 0 0 17px;
    padding: 30px 15px 43px
}

#newrepair tbody tr td:nth-child(3) input {
    width: 145px;
    margin-right: 6px
}

.sys-row h3 {
    position: absolute;
    top: -16px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: var(--white-color);
    padding: 4px 20px;
    border: 1px solid #cacaca;
    left: -15px;
    text-shadow: 1px 1px 1px #ccc;
    color: var(--secondary-color)
}

.col-sys-radio>label {
    float: left;
    margin: 0 0 1px;
    width: 100%
}

.repairsys-index-new em.required {
    font-size: 15px;
    color: #dc0a0a;
    font-weight: 700;
    font-style: normal;
    display: inline
}

.custline-right .historynote {
    font-size: 12px;
    line-height: 17px
}

.icon-head.head-customer>p,.color-label,.c_label {
    float: left
}

.color-label {
    margin-left: 10px
}

.c_blue,.c_orange,.c_green,.c_red {
    float: left;
    height: 15px;
    margin-top: 2px;
    width: 15px
}

.c_label>p {
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 5px
}

.c_blue {
    background-color: blue
}

.c_orange {
    background-color: orange
}

.c_green {
    background-color: #228b22
}

.c_red {
    background-color: red
}

.right-align .button.btn-cart span span {
    padding: 0!important;
    height: 22px!important;
    line-height: 22px
}

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

h2.mstitle {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #27a7ec;
    padding: 20px;
    color: var(--white-color);
    line-height: 20px;
    margin: 0
}

.msordermain .ms-select-model {
    float: left;
    width: 50%;
    padding-right: 0
}

.msordermain .breadcrumbs {
    float: left;
    width: 10%;
    margin: 0;
    border: 0;
    height: auto
}

.msordermain .breadcrumbs span {
    float: left!important;
    height: auto;
    margin: 0;
    width: 100%;
    text-align: left;
    font-size: 24px;
    margin-top: 10px;
    margin-left: 8px
}

.ms-row-1 label,.ms-row-1 strong {
    font-size: 15px;
    letter-spacing: -.5px;
    margin: 0 0 5px 5px;
    display: inline-block
}

.ms-subrow {
    float: left;
    width: 20%
}

.col-row-2 {
    float: left;
    width: 50%;
    padding: 0 30px
}

.col-row2-inner {
    float: left;
    width: 100%;
    margin: 0 0 7px
}

.msordermain .input-text,.msordermain textarea {
    border-color: #dedede;
    border-radius: 4px;
    height: 38px
}

.ms-imei,.mspincode,.msdevicepoweup {
    margin: 0 0 20px
}

.col-row-4 {
    float: right;
    width: 80%;
    padding-left: 30px;
    padding-top: 20px
}

.ui.multiple.dropdown>.label {
    font-size: 10px!important
}

.msordermain .ms-symtoms {
    float: left;
    width: 50%;
    padding-left: 30px
}

.msordermain .ms-row-1 {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 20px
}

.msordermain .ms_sys_row {
    float: left;
    width: 100%;
    padding: 20px 20px 0
}

.msestimate {
    margin: 0 0 15px!important
}

.action>label {
    float: left;
    width: 100%!important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 13px;
    color: #333!important
}

#submitformbtn {
    float: right;
    width: 70px;
    height: 30px;
    border: 2px solid #27a7ec;
    background-color: #27a7ec;
    color: var(--white-color)
}

#submitformbtn:hover {
    border-color: #27a7ec;
    color: #27a7ec;
    background-color: var(--white-color)
}

#canclebtn:hover {
    border-color: #e00f26;
    color: #e00f26;
    background-color: var(--white-color)
}

#canclebtn {
    background-color: #e00f26;
    border: 2px solid #e00f26;
    color: var(--white-color);
    float: right;
    height: 30px;
    width: 70px;
    margin-left: 18px
}

.msordermain .additinal-text {
    margin-top: 12px
}

.msbreadcrub-fixed {
    background-color: #dfdfdc;
    float: left;
    position: fixed;
    width: 280px;
    z-index: 1000;
    left: -300px;
    cursor: pointer;
    transition: left .3s cubic-bezier(0,0,.2,1);
    -webkit-transition: left .3s cubic-bezier(0,0,.2,1)
}

.msbreadcrub-fixed:hover {
    left: 0!important
}

.msbreadcrub-fixed>div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 15px;
    border-right: 1px solid #d2d2d2
}

.msbreadcrub-fixed strong {
    color: #e00f26;
    float: left;
    line-height: 26px
}

.msbreadcrub-fixed span {
    margin: 0
}

.scalable.autofill.button span {
    padding: 8px
}

.right-align {
    float: left;
    margin: 0 0 22px;
    width: 20%
}

.snize-attribute-title:before {
    content: "New SKU ";
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 5px;
    border-radius: 13px;
    margin-right: 4px;
    font-weight: 500
}

.msorder_paymentmethod {
    float: left;
    width: 100%;
    margin-top: 20px
}

.msorder_paymentmethod .payment-methods {
    float: left;
    width: 100%;
    margin: 0 0 28px
}

.msorder_paymentmethod .payment-methods dl {
    float: left;
    margin: 0;
    width: 100%
}

.msorder_paymentmethod .payment-methods dl dt {
    background-color: #eee;
    border-bottom: 2px solid var(--white-color);
    float: left;
    width: 100%;
    padding: 10px
}

.msorder_paymentmethod .payment-methods dl dd {
    background-color: #e5e5e5;
    float: left;
    margin: 0;
    width: 100%;
    border-bottom: 2px solid var(--white-color)
}

.msorder_paymentmethod .payment-methods dl dt input {
    float: left;
    margin-top: 5px;
    margin-right: 7px
}

.msorder_paymentmethod .payment-methods dl dd ul.form-list {
    float: left;
    margin-left: 3%;
    padding: 20px;
    width: 90%
}

.msorder_paymentmethod .payment-methods dl dd ul.form-list li.form-alt {
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 0!important
}

.breadcrumbs li {
    position: relative;
    text-transform: uppercase;
    padding: 0 15px
}

.breadcrumbs li:after {
    color: #aaa;
    content: "/";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -3px
}

.breadcrumbs li.last:after {
    content: ""
}

.breadcrumbs span {
    display: none
}

.breadcrumbs li.product {
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.msshipping-label,.msorder-wouldyoulike,.msorder-selectlocation {
    float: left;
    width: 100%
}

.msorder-wouldyoulike,.msshipping-label {
    margin: 0 0 20px
}

.col-row-3 {
    float: left;
    width: 30%;
    min-height: 137px
}

.mssmall-label label {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1px;
    display: inline-block;
    color: #e00f26;
    font-weight: 700
}

.ms_sys_row em.required,.ms-select-model em.required,.ms-symtoms em.required {
    color: red;
    font-size: 17px;
    display: inline;
    font-weight: 700
}

.buttons-set.mscenter-set {
    text-align: center;
    margin: 0 0 20px
}

.buttons-set.mscenter-set button.button {
    float: none
}

div#totalprice span {
    font-weight: 900;
    color: #e00f26
}

.msorder_paymentmethod .payment-methods dl dd ul {
    float: left;
    margin-left: 3%;
    padding: 20px;
    width: 90%
}

.msorder_paymentmethod .payment-methods dl dd ul.form-list select {
    height: 40px;
    padding: 10px 6px;
    border-radius: 3px;
    line-height: 35px
}

.msorder_paymentmethod .payment-methods dl dd ul label {
    float: left
}

.msorder_paymentmethod .payment-methods dl dd ul span.price {
    margin-left: 5px
}

.msorder_paymentmethod .payment-methods dl dd ul p.form-line {
    display: none
}

div#estimateprice {
    background-color: #27a7ec
}

div#estimateprice strong,div#estimateprice span {
    color: var(--white-color);
    line-height: 28px
}

.msbreadcrumbs.msbreadcrub-fixed p {
    float: left;
    width: 100%;
    text-align: right;
    margin: 0;
    background-color: var(--white-color);
    font-size: 12px;
    padding-right: 4px
}

.msorder-index-manage .dataTable {
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 17px;
    border-bottom: 0;
    margin-top: 10px;
    width: 100%
}

.msorder-index-manage .dataTable thead tr {
    background-color: #e5e5e5
}

.msorder-index-manage .dataTable thead th.sorting {
    border: 1px solid #ccc;
    padding: 7px;
    border-right: 0;
    border-top: 0
}

.msorder-index-manage .dataTable tbody td:first-child {
    border-left: 0
}

.msorder-index-manage .dataTable tbody td:last-child {
    text-align: center
}

.msorder-index-manage .dataTable tbody td {
    padding: 5px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.msorder-index-manage .dataTable thead th.sorting:first-child {
    border-left: 0;
    width: 12%!important;
    text-align: center
}

.msorder-index-manage .dataTable thead th.sorting:nth-child(2) {
    width: 13%!important;
    text-align: center
}

.msorder-index-manage .dataTable thead th.sorting:nth-child(3) {
    width: 20%!important;
    text-align: center
}

.msorder-index-manage .dataTable thead th.sorting:nth-child(4) {
    width: 26%!important;
    text-align: center
}

.msorder-index-manage .dataTable thead th.sorting:nth-child(5) {
    width: 11%!important;
    text-align: center
}

.msorder-index-manage .dataTable thead th.sorting:nth-child(6) {
    width: 12%!important;
    text-align: center
}

.msorder-index-manage .dataTables_info {
    background-color: #eee;
    line-height: 38px;
    border: 1px solid #ccc;
    float: left;
    width: 50%;
    padding-left: 15px;
    border-top: 0;
    border-right: 0
}

.msorder-index-manage .dataTables_paginate {
    background-color: #eee;
    line-height: 38px;
    border: 1px solid #ccc;
    float: right;
    width: 50%;
    padding-right: 15px;
    border-top: 0;
    border-left: 0
}

.msorder-index-manage .dataTables_paginate a {
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer
}

.msorder-index-manage .dataTables_length {
    width: 30%;
    display: inline-block
}

.msorder-index-manage .dataTables_length select {
    width: 60px;
    padding: 5px;
    height: 34px
}

.msorder-index-manage .dataTables_filter {
    width: auto;
    float: right
}

.msorder-index-manage .dataTables_filter input {
    padding: 5px;
    border: 1px solid #ccc
}

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 17px 0;
    float: left;
    display: none
}

.ratings .rating-box {
    float: left;
    margin-right: 3px
}

.rating-box {
    background: #fff0 url(../images/star-rating.png) repeat-x scroll 0 2%;
    font-size: 0;
    height: 18px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 86px
}

.rating-box .rating {
    background: #fff0 url(../images/star-rating.png) repeat-x scroll 0 95%;
    float: left;
    height: 18px
}

.manager-subcustomer a.m-top10 {
    margin-bottom: 15px;
    margin-top: 15px
}

p.managerline {
    float: left;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    width: 100%
}

.managerline>i {
    color: #e93e4f;
    font-style: normal;
    font-weight: 400
}

#product_tabs_description_tabbed>h2 {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: 15px 20px
}

.mycredicard-number {
    float: left;
    width: 100%
}

.tag-product-list .col-main {
    width: 100%
}

i.ticon.compaitible {
    background-position: -9px -5px
}

.product-tags i.ticon.tag {
    background-position: -9px -57px
}

#sidebarWrap .block.block-tags {
    display: none
}

.header-login .form-list li {
    border: 0 none!important;
    padding-left: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px!important
}

.page-popup .buttons-set {
    margin: 0 0 30px
}

.page-popup .fieldset .legend {
    padding: 0;
    margin: 0 0 14px;
    text-transform: uppercase;
    font-weight: 600
}

.sales-order-print .buttons-set {
    margin: 20px 0
}

.header .links li.profile_dropdown {
    display: none
}

.header .links li.blog {
    padding-right: 15px
}

.msorder-index-list .my-account p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    background-color: #eee;
    padding: 10px
}

.productviewcart .adminoutofstock {
    font-size: 15px;
    margin: 14px 34px;
    text-transform: uppercase;
    float: left;
    margin-left: 0
}

.productreturn-index-index .limiter label,.productreturn-index-index .pager .amount {
    left: 0;
    float: left;
    line-height: 40px
}

.makepayment span span {
    margin: 0!important;
    line-height: 22px!important
}

.header .links li.acc_dropdown {
    position: relative;
    padding: 0;
    z-index: 1000
}

.header .links li.acc_dropdown a span.icon.icon-user-icon {
    color: #8e8e8d;
    float: left;
    font-size: 16px;
    line-height: 0;
    margin-right: 4px;
    width: auto
}

.acc_dropdown>a {
    background-color: #eee;
    color: #8e8e8d;
    font-weight: 600;
    padding: 0 25px 0 15px!important
}

.acc_dropdown>a:after {
    border-color: #8e8e8d #fff0 #fff0;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 11px;
    top: 45%;
    width: 0
}

.acc_drop {
    background-clip: padding-box;
    background-color: var(--white-color);
    border: 1px solid rgb(0 0 0 / .15);
    box-shadow: 0 6px 12px rgb(0 0 0 / .176);
    left: -12px;
    position: absolute;
    top: 34px;
    width: 146px
}

.acc_drop a {
    border-bottom: 1px solid #ccc;
    color: #8e8e8d!important;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px!important;
    text-align: left;
    width: 100%;
    line-height: 30px!important
}

.acc_drop>li {
    padding: 0!important;
    text-align: left;
    width: 100%;
    border: 0!important
}

.acc_drop:after {
    border-color: #fff0 #fff0 var(--white-color);
    border-style: solid;
    border-width: 0 10px 8px;
    content: "";
    height: 0;
    left: 45%;
    position: absolute;
    top: -7px;
    width: 0
}

.acc_drop a:hover {
    background-color: #27a7ec!important;
    color: var(--white-color)!important
}

.drop_open {
    background-color: #27a7ec!important;
    color: var(--white-color)!important
}

.drop_open span {
    color: var(--white-color)!important
}

.acc_dropdown>a.drop_open:after {
    border-color: var(--white-color) #fff0 transparent!important
}

.acc_dropdown b {
    font-weight: 600
}

li.logout-bg a {
    background-color: #e01229;
    color: var(--white-color)!important
}

.header .links li.acc_dropdown a,.header .links li.acc_dropdown a:hover {
    background-image: none
}

.company_nm {
    float: left;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    padding: 8px 7px;
    background-color: #eee;
    color: #18f
}

.header-search-ms {
    display: none
}

#whole-acc>a.myacc_nowidth {
    width: auto
}

#whole-acc>a.myacc_width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    background-image: none
}

ul.acc_drop>li>a {
    background-image: none!important
}

.nav-7 span {
    font-weight: 700
}

body.msorder-index-index #nav {
    z-index: 9
}

.bhalf-row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee
}

.bhalf-row .col-md-8 {
    float: left;
    width: 60%;
    padding-right: 40px;
    text-align: justify;
    border-right: 1px solid #eee;
    min-height: 252px
}

.bhalf-row .col-md-4 {
    float: left;
    width: 40%;
    padding-left: 30px
}

.bhalf-row .col-md-8 .page-title {
    margin: 0
}

.bhalf-row .col-md-8>p {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.bhalf-row .col-md-8>p:last-child {
    font-style: italic
}

.bhalf-row .col-md-4 .box-title {
    margin: 0 0 8px
}

.bhalf-row .col-md-4 .box-content {
    font-size: 14px;
    line-height: 22px
}

.bhalf-row .col-md-8>p+p {
    font-style: italic
}

.behalf-form-section {
    float: left;
    width: 100%;
    border: 1px solid #eee;
    padding: 20px
}

.behalf-form-section .inner_title {
    float: right
}

.behalf-form-section .fieldset h5.legend {
    padding: 10px 10px 10px;
    background-color: #f5f5f5;
    float: left;
    font-weight: 600;
    font-size: 18px;
    position: relative
}

.behalf-form-section .form-list label {
    font-weight: 400;
    font-size: 15px;
    color: #737373
}

.behalf-form-section div#form_basic_info .form-list {
    float: left;
    width: 100%
}

.behalf-form-section div#form_basic_info .form-list li.fields {
    width: 100%;
    float: left
}

.behalf-form-section div#form_basic_info .form-list .customer-name-middlename .name-firstname {
    width: 30%
}

.behalf-form-section div#form_basic_info .form-list .customer-name-middlename .name-firstname input {
    width: 94%
}

.behalf-form-section div#form_basic_info .form-list .customer-name-middlename .name-lastname {
    width: 40%
}

.behalf-form-section div#form_company_info .form-list {
    float: left;
    width: 100%
}

.behalf-form-section div#form_company_info .form-list li.fields {
    width: 40%;
    float: left
}

.behalf-form-section div#form_company_info .form-list li.fields .field {
    width: 100%
}

.behalf-form-section div#form_company_info .form-list li.fields+li.fields .field {
    width: 50%
}

.behalf-form-section div#form_company_info .form-list li.fields+li.fields {
    width: 60%
}

.behalf-form-section div#form_company_info .form-list li.fields+li.fields input,div#form_company_info .form-list li.fields input {
    width: 95%;
    min-height: 48px
}

div#form_company_info .form-list li.fields+li.fields .field:last-child input {
    width: 100%
}

.behalf-form-section div#form_business_address {
    float: left;
    width: 100%
}

.behalf-form-section div#form_business_address ul.form-list li.fields:first-child .field {
    width: 100%
}

.behalf-form-section div#form_business_address ul.form-list li.fields {
    float: left;
    width: 100%
}

.behalf-form-section div#form_business_address ul.form-list li.fields+li.fields .field {
    width: 33.3333%;
    margin-right: 0;
    padding-right: 15px!important
}

.behalf-form-section div#form_business_address ul.form-list li.fields+li.fields .field:last-child {
    padding: 0!important
}

.behalf-form-section div#form_business_address ul.form-list li.fields+li.fields .field input {
    width: 100%
}

.behalf-form-section div#form_personal_address {
    float: left;
    width: 100%
}

.behalf-form-section div#form_personal_address ul.form-list li.fields:first-child .field {
    width: 100%
}

.behalf-form-section div#form_personal_address ul.form-list li.fields {
    float: left;
    width: 100%
}

.behalf-form-section div#form_personal_address ul.form-list li.fields+li.fields .field {
    width: 33.3333%;
    margin-right: 0;
    padding-right: 15px!important
}

.behalf-form-section div#form_personal_address ul.form-list li.fields+li.fields .field:last-child {
    padding: 0!important
}

.behalf-form-section div#form_personal_address ul.form-list li.fields+li.fields .field input {
    width: 100%
}

.category-products .pager {
    float: right;
    width: auto;
    margin: 0
}

.category-products .sorter .amount {
    font-size: 16px;
    line-height: 41px;
    font-weight: 600;
    color: #5c5c5c;
    padding-left: 20px
}

.category-products .toolbar,.category-products .pager {
    background-color: #fff0
}

.category-products .toolbar {
    margin: 0;
    padding: 0;
    background-color: #f3f3f3
}

.category-products .pager .pages li a,.category-products .pager .pages li span.current {
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    color: var(--dark-color);
    display: inline-block;
    font-size: 14px;
    font-weight: initial;
    height: 40px;
    line-height: 36px;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 40px
}

body.catalog-category-view .breadcrumbs,body.catalogsearch-result-index .breadcrumbs {
    display: none
}

.category-products .pager .pages {
    padding: 0
}

.category-products .pager .pages li a.next,.category-products .pager .pages li a.previous {
    background-color: var(--primary-color);
    color: var(--white-color);
    width: auto!important;
    padding: 0 10px!important;
    border-color: var(--primary-color)!important
}

.category-products .pager .pages li a:hover,.category-products .pager .pages li span.current {
    background-color: #27a7ec!important;
    color: var(--white-color)!important;
    border-color: #27a7ec!important
}

.carts_buttons .totals {
    float: right
}

li.fields.capch {
    float: left;
    width: 50%!important
}

.verify_code_area {
    float: left;
    width: 100%;
    background-color: #f4f4f4;
    margin: 15px 0 0
}

.verify_code_area .customer-name .field.name-Mobile .otp_button a {
    width: 38px;
    display: block;
    float: left;
    margin-right: 18px;
    min-height: 36px
}

.verify_code_area .customer-name .field.name-Mobile .otp_button a.button:hover {
    background-color: #fff0;
    color: var(--secondary-color)
}

.verify_code_area .customer-name {
    float: left;
    width: 100%;
    border: 1px solid #e3e3e3;
    padding: 20px
}

.verify_code_area .customer-name h4 {
    float: left;
    width: 100%;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px
}

.verify_code_area .customer-name .field.name-Mobile {
    float: left;
    width: 100%
}

.verify_code_area .customer-name .field.name-Mobile .input-box {
    width: 48%;
    float: left;
    margin-right: 2%
}

.verify_code_area .customer-name .field.name-Mobile .otp_button {
    float: left;
    width: 50%;
    margin-top: 21px
}

.verify_code_area .customer-name .field.name-Mobile .otp_button button span {
    padding: 1px 5px;
    min-height: 30px
}

.verify_code_area .customer-name .field.name-Mobile .otp_button button {
    padding: 0;
    margin-right: 4%
}

.otp_success {
    color: #0eaf0e;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 300
}

.otp_wapper .field.email-name {
    display: none
}

.otp_wapper .input-box {
    float: left;
    width: 100%;
    clear: none
}

.otp_wapper {
    float: right;
    width: 48.5%;
    background-color: #e4f3ff;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 20px 0 0
}

.otp_wapper .field {
    width: 100%
}

.otp_wapper .input-box .input-text {
    width: 40%;
    height: 36px;
    line-height: 40px
}

.otp_wapper .input-box button {
    width: 100px
}

.otp_wapper .input-box button span {
    padding: 0;
    height: 38px;
    line-height: 35px;
    width: auto;
    border-radius: 4px
}

.notify_btn,.disply_980 {
    display: none!important
}

.nav-container {
    border-bottom: 5px solid #e23926;
    background-color: var(--white-color);
    float: left;
    width: 100%;
    height: 38px
}

.no-pointer {
    cursor: default
}

.free_ship_line {
    float: left;
    margin: 0;
    line-height: 34px;
    background: #fff0 url(../images/ms2_sprites.png) no-repeat scroll 7px -498px;
    padding-left: 39px;
    font-weight: 400;
    font-size: 13px;
    color: #707070;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.free_ship_line:hover {
    background-position: 7px -527px;
    color: #18a6f0
}

p.free_ship_line>span {
    color: #e00f26
}

#nav>li.Lg>ul.level0>li>p.all-cat {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 3px
}

#nav>li.Lg>ul.level0>li>p.all-cat>a {
    color: #e00f26
}

#nav>li.Lg>ul.level0>li>a {
    width: auto
}

.htc-both>p.all-cat {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 3px
}

#nav>li.Lg>ul.level0>li>p.all-cat>a,.htc-both>p.all-cat>a {
    color: #e00f26
}

ul.submenu>li>strong {
    font-size: 15px;
    color: #27a7ec;
    font-weight: 600
}

.m-banners {
    float: left;
    width: 230px;
    height: 340px;
    background-color: #efefef;
    margin-left: 9px
}

.credit_btn span {
    padding: 4px 7px!important
}

.bs-ordertable tr.blank_row {
    display: none
}

.related-prod .product-options {
    margin: 5px 0 0
}

button.button.order_btn span {
    line-height: 14px
}

.bs_labelblock,.bs_labelblock-inner .bs_lable_validation-1,.bs_lable_validation-2 {
    float: left;
    width: 100%
}

.bs_labelblock-inner ul {
    padding-left: 40px
}

.header .links li.acc_dropdown a span.icon.icon-user-icon:before {
    line-height: 34px
}

.cell-paypalpaymentblock+.pager {
    margin-top: 0
}

.ms-addcredit-btn .add-credit-sm:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color)
}

.ms-paypalpayment-container #checkout-payment-method-load dt {
    float: left;
    width: 100%;
    background: var(--white-color);
    border: 1px solid #e2e2e2;
    margin-bottom: 2px;
    padding: 8px
}

.enter_amt,.enter_amt>label {
    float: left;
    width: 100%
}

.enter_amt>input {
    padding: 6px 0 6px 45px;
    width: 150px!important
}

.ms-paypalpayment-container .buttons-set .credit_payment_btn {
    margin-left: 0
}

.ms-paypalpayment-container .buttons-set .button {
    float: right
}

.ms-paypalpayment-container .buttons-set .credit_payment_btn span {
    padding: 2px 5px
}

.ms-paypalpayment-container #checkout-payment-method-load {
    margin-bottom: 0
}

.ms-paypalpayment-container .buttons-set {
    margin: 10px 0 0;
    float: left
}

.buser_select {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.buser_select>label {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.buser_select>select {
    float: left;
    width: 89%;
    margin-right: 1%
}

.buser_select>button {
    float: left;
    width: 10%
}

.buser_select>button span {
    line-height: 22px
}

#checkout-payment-method-load dd .form-list li:last-child .v-fix {
    width: 65px
}

.enter_amt {
    position: relative
}

.enter_amt::before {
    content: "$";
    position: absolute;
    top: 0;
    z-index: 1;
    border-right: 1px solid #cacaca;
    padding: 0 12px;
    height: 36px;
    line-height: 38px;
    background-color: #eae9e9;
    border-left: 1px solid #cacaca;
    font-weight: 500;
    color: #626262;
    text-shadow: 1px 1px 1px snow;
    left: 0;
    margin-top: 23px
}

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

.order_filter .leftdata_order {
    float: left;
    width: 100%;
    padding: 2px 13px 18px;
    border-bottom: 1px solid #d6d6d6
}

.order_filter .rightdata_order {
    float: left;
    width: 100%;
    padding: 10px 14px 10px;
    text-align: right;
    border-bottom: 1px solid #d6d6d6;
    background-color: #ececec
}

.order_filter .rightdata_order a.button {
    line-height: 12px;
    display: inline-block;
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    padding: 6px 8px;
    font-size: 14px;
    margin: 0 5px
}

.order_filter .rightdata_order a.button:hover {
    background-color: #fff0;
    color: var(--secondary-color)
}

.order_filter .rightdata_order a.button:last-child {
    margin-right: 0
}

.ms_order_filter {
    float: left;
    width: 100%;
    margin: 0 0 25px
}

.ms_order_filter label {
    display: inline-block;
    width: 100%
}

.ms_order_filter button {
    width: auto
}

.behalf-part_1 {
    float: left;
    width: 100%
}

.behalf-part_1>h3 {
    font-size: 18px;
    margin: 0 0 10px
}

.behalf-part_1 .call-to-action-content {
    float: left;
    width: 68%;
    margin-right: 2%;
    border: 1px dashed #ccc;
    padding: 10px 15px 0;
    font-size: 14px;
    background-color: #ececec;
    margin-bottom: 10px
}

.behalf-part_1 .call-to-action-btn {
    float: left;
    width: 30%;
    padding: 35px 20px;
    background-color: #ececec;
    border: 1px dashed #ccc
}

.behalf-part_1 .call-to-action-content h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px
}

.behalf-part_1 .call-to-action-content div {
    float: left;
    width: 100%
}

.behalf-part_1 .call-to-action-content div ol {
    float: left;
    width: 100%;
    list-style: decimal;
    padding-left: 15px;
    font-weight: 400;
    margin: 0 0 15px
}

.behalf-row2 h4 {
    font-size: 16px;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--secondary-color)
}

.behalf-row2 {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

.behalf-conformation {
    float: left;
    width: 100%
}

.behalf-conformation>h2 {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 30px
}

.behalf-conformation>p {
    font-size: 16px;
    color: #545454
}

.behalf-part_1 .behalf-conformation .call-to-action-btn {
    padding: 30px
}

.behalf-row2 .data-table td {
    width: 50%
}

.phone_sep {
    position: relative
}

.msplusone_label+input.input-text {
    padding-left: 55px
}

.msplusone_label {
    float: left;
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #efefef;
    display: block;
    text-align: center;
    line-height: 45px;
    border-right: 1px solid #ccc;
    left: 1px;
    margin-top: 1px;
    font-size: 17px;
    font-weight: 500;
    color: #565656;
    text-shadow: 1px 1px 1px var(--white-color)
}

#OtpBox .conform-bx-inner,#unlockotpbox .conform-bx-inner,#notifyotpbox .conform-bx-inner {
    max-width: 340px;
    padding: 0;
    border: 0;
    border-radius: 20px
}

#OtpBox .otp_wapper,#unlockotpbox .otp_wapper,#notifyotpbox .otp_wapper {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff0;
    border: 0
}

#OtpBox .otp_top_bg,#unlockotpbox .otp_top_bg,#notifyotpbox .otp_top_bg {
    background: url(../images/otp-sprires.png) no-repeat 100px 13px;
    min-height: 200px;
    background-color: var(--primary-color);
    position: relative
}

#OtpBox .field h3,#unlockotpbox .field h3,#notifyotpbox .field h3 {
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 10px;
    color: var(--dark-color)
}

#OtpBox .otp_wapper .field,#unlockotpbox .otp_wapper .field,#notifyotpbox .otp_wapper .field {
    float: left;
    padding: 15px 0
}

#OtpBox .otp_wapper .field label,#unlockotpbox .otp_wapper .field label#unlockotpbox .otp_wapper .field label,#notifyotpbox .otp_wapper .field label,#OtpBox .otp_wapper .field label a {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #676767
}

#unlockotpbox .otp_wapper .field label>a,#notifyotpbox .otp_wapper .field label>a,#OtpBox .otp_wapper .field label>a {
    color: var(--primary-color)
}

.otp_agree label {
    margin: 14px 0
}

.otp_disabled {
    opacity: .3
}

.otp_footer .otp_agree label {
    margin: 0 0 12px;
    font-size: 15px;
    display: block
}

#OtpBox .otp_wapper .field .otp_footer,#unlockotpbox .otp_wapper .field .otp_footer,#notifyotpbox .otp_wapper .field .otp_footer {
    float: left;
    width: 100%;
    padding: 20px 20px 10px
}

#OtpBox .otp_wapper .field .otp_footer button.button:hover span,#unlockotpbox .otp_wapper .field .otp_footer button.button:hover span,#notifyotpbox .otp_wapper .field .otp_footer {
    color: var(--white-color)
}

#OtpBox .otp_wapper .input-box .input-text,#unlockotpbox .otp_wapper .input-box .input-text,#notifyotpbox .otp_wapper .input-box .input-text {
    min-width: 99px;
    min-height: 40px;
    line-height: 40px;
    background-color: #efefef;
    letter-spacing: 3.6px;
    display: block;
    margin: 0 auto;
    border-radius: var(--otp-input-radius)
}

#OtpBox .otp_wapper .field .otp_footer .button,#unlockotpbox .otp_wapper .field .otp_footer .button,#notifyotpbox .otp_wapper .field .otp_footer .button {
    width: 48%;
    float: left;
    margin: 0 1%;
    line-height: 21px;
    border-radius: 10px
}

#OtpBox .otp_wapper .field .otp_footer button.button span i.icon,#unlockotpbox .otp_wapper .field .otp_footer button.button span i.icon,#notifyotpbox .otp_wapper .field .otp_footer button.button span i.icon {
    background: var(--primary-color) url(../images/otp-sprires.png) no-repeat -43px -194px;
    min-width: 23px;
    display: inline-block;
    margin-right: 3px;
    height: 20px
}

#OtpBox .otp_wapper .field .otp_footer button.button span,#unlockotpbox .otp_wapper .field .otp_footer button.button span,#notifyotpbox .otp_wapper .field .otp_footer button.button span {
    line-height: 21px;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 0 5.5px rgb(146 146 146 / 92%);
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    padding: 10px;
    font-size: 14px
}

#OtpBox .otp_wapper .field .otp_footer button.button:hover span,#unlockotpbox .otp_wapper .field .otp_footer button.button:hover span,#notifyotpbox .otp_wapper .field .otp_footer button.button:hover span {
    color: var(--white-color)
}

#OtpBox .otp_wapper .field .otp_footer a.button,#unlockotpbox .otp_wapper .field .otp_footer a.button,#notifyotpbox .otp_wapper .field .otp_footer a.button {
    background: var(--white-color);
    border-color: #ededed;
    width: 46%;
    color: #252525;
    margin-left: 2%;
    box-shadow: 0 0 6.5555px rgb(173 173 173 / 27%);
    white-space: unset;
    padding: 10px;
    word-break: break-word;
    font-weight: 600;
    font-size: 14px
}

#OtpBox .otp_wapper .field .otp_footer a.button span,#unlockotpbox .otp_wapper .field .otp_footer a.button span,#notifyotpbox .otp_wapper .field .otp_footer a.button span {
    display: flex;
    align-items: center;
    justify-content: center
}

#OtpBox .otp_wapper .field .otp_footer a.button span i.icon-send,#unlockotpbox .otp_wapper .field .otp_footer a.button span i.icon-send,#notifyotpbox .otp_wapper .field .otp_footer a.button span i.icon-send {
    background-image: url(../images/resend-icon.svg);
    background-repeat: no-repeat;
    height: 18px;
    min-width: 21px;
    display: block;
    margin-right: 3px
}

#otp_close,#lock_otp_close,#nty_otp_close {
    background: var(--primary-color) url(../images/otp-sprires.png) no-repeat -144px -188px;
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 2px;
    position: absolute;
    right: 6px;
    top: 3px;
    cursor: pointer
}

input.verified_mobile {
    background: #cbecd4 url(../images/otp-sprires.png) no-repeat right -258px!important;
    border-color: #0AB91C!important;
    color: #0AB91C
}

#unlockotpbox .otp_wapper .input-box .input-text+.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 50px;
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
    background: url(../images/validation_advice_bg.gif) 118px 0 no-repeat
}

#OtpBox .otp_wapper .field .otp_footer small {
    font-size: 15px;
    line-height: normal;
    margin: 0 0 10px
}

.conform-bx-inner .otp_wapper .username-field .required:after {
    content: none
}

.conform-bx-inner .otp_wapper .username-field label {
    margin-bottom: 5px;
    display: block
}

.productviewcart p.availability.in-stock {
    display: none
}

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

.main_orders_title h1 {
    float: left;
    width: auto
}

.main_orders_title button {
    float: right;
    margin-right: 10px;
    margin-top: 5px
}

.main_orders_title button span {
    padding: 0 10px
}

.balancesheet_buttons button span {
    line-height: 34px
}

.country_rma_CAD {
    padding-left: 58px!important
}

#unlock2fabox .conform-bx-inner {
    padding: 0;
    border: 0;
    max-width: 340px;
    border-radius: 20px
}

#unlock2fabox .twofa_top_bg {
    min-height: 200px;
    background-color: var(--primary-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#unlock2fabox .twofa_top_bg .twofa-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

#unlock2fabox .twofa_top_bg>.twofa-icon {
    width: 100px
}

#unlock2fabox .field {
    padding: 15px
}

#unlock2fabox .field p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px
}

#unlock2fabox .field label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--grey-color-tone-four);
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px
}

#unlock2fabox .field label>svg {
    margin-left: 5px
}

#unlock2fabox .field input.input-text {
    min-width: 99px;
    min-height: 40px;
    line-height: 40px;
    background-color: #efefef;
    letter-spacing: 3.6px;
    display: block;
    margin: 0 auto;
    width: 40%
}

#unlock2fabox .field .input-text:focus {
    border: 1px solid var(--primary-color)
}

#unlock2fabox .twofa_buttons {
    margin-top: 25px;
    display: flex;
    justify-content: space-between
}

#unlock2fabox .twofa_buttons button {
    width: 46%;
    margin: 0 1%;
    border-radius: 10px;
    padding: 10px 5px;
    line-height: 21px;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0 0 3px rgb(146 146 146 / 92%)
}

#unlock2fabox .twofa_buttons button.resend {
    background-color: var(--white-color);
    color: var(--dark-color)
}

#my-productreturn-table td input.msordernumber {
    background: rgb(213 213 213 / .49) var(--site-main-sprites) repeat scroll -12px -231px
}

#my-productreturn-table td input.msordernumber:hover {
    background: rgb(255 255 255 / .49) var(--site-main-sprites) repeat scroll -12px -260px
}

.claim-btn h4.rmabutton-label {
    width: 250px
}

#myProgress {
    width: 60px;
    background: #ccc;
    border-radius: 0;
    box-shadow: inset 0 0 9px #bbb2b2;
    -webkit-box-shadow: inset 0 0 9px #bbb2b2;
    float: left
}

#myBar {
    height: 12px;
    background: red;
    background: -webkit-linear-gradient(#00abe8,#0b86b2);
    background: -o-linear-gradient(#00abe8,#0b86b2);
    background: -moz-linear-gradient(#00abe8,#0b86b2);
    background: linear-gradient(#00abe8,#0b86b2);
    text-align: center;
    line-height: 0;
    color: #fff;
    border-radius: 0
}

.bar_num {
    float: left;
    font-size: 12px;
    margin-left: 25%;
    font-weight: 500;
    line-height: 16px
}

.barnav_nav {
    float: right;
    font-weight: 400;
    width: 30%
}

body.productreturn-index-index .right+p.f-left {
    width: 100%
}

div#paypal-container {
    text-align: center;
    float: right;
    margin: 3px 0 0
}

#tabs .tabs>li i.icon-info.tooltip:hover {
    color: var(--white-color);
    border-color: var(--white-color)
}

#tabs .tabs>li i.icon-info.tooltip:hover+span.tooltiptext {
    top: 50px
}

.fedex_top_message {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Inter',sans-serif;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left
}

.nav-container .block-cart #cart-button:hover+.no-display {
    display: block
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field.braintree-form__field--valid {
    border-color: green!important
}

.right-align_1 .button span {
    line-height: 10px
}

.addional_col_2:after {
    content: "";
    background-image: url(../images/iqmetrix_logo.png);
    width: 60px;
    height: 50px;
    background-size: 60px;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: -22px;
    background-color: var(--white-color);
    padding: 0 5px;
    background-position: center
}

.stylis_order_table th {
    padding: 5px 7px;
    line-height: 15px;
    font-size: 14px;
    vertical-align: middle;
    background-color: #a6a6a6;
    white-space: nowrap;
    color: #2d2d2d;
    border-color: #949494;
    font-weight: 500
}

.stylis_order_table td {
    font-size: 13px;
    padding: 5px 8px;
    color: var(--dark-color);
    vertical-align: middle;
    line-height: 14px
}

em.status-label {
    font-style: normal;
    font-weight: 600
}

em.status-label.order.verified {
    color: #008bd5
}

em.status-label.pending {
    color: #2036b0
}

em.status-label.unapprove {
    color: #dd0f07
}

em.status-label.loss.order {
    color: #4d4d4d
}

em.status-label.refund {
    color: #ff3d00
}

em.status-label.approval-required {
    color: #319acf
}

em.status-label.on-hold {
    color: #0f01d1
}

em.status-label.reserved-order {
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    padding: 0 3px;
    border-radius: 4px;
    display: inline-block
}

em.status-label.ready-ship {
    color: #10be00
}

em.status-label.pay-required {
    color: #b2a100
}

.stylis_order_table td span.price {
    float: left
}

.box-info .col2-set {
    padding: 10px 18px
}

.box-recent .stylis_order_table th:nth-child(1) {
    width: 10%
}

.stylis_order_table th:nth-child(2) {
    width: 10%
}

.stylis_order_table th:nth-child(3) {
    width: 15%
}

.stylis_order_table th:nth-child(4) {
    width: 20%
}

.button-with-title {
    margin: 0
}

.button-with-title h1 {
    display: inline-block;
    width: auto
}

.button-with-title .button {
    float: right;
    margin: 6px 0 0
}

.button-with-title .button span {
    padding: 4px 10px;
    min-width: 80px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px
}

body.cms-page-view.cms-lcd-buy-back .main {
    max-width: 100%
}

body.cms-page-view.cms-lcd-buy-back .main-container .page-title {
    display: none
}

body.cms-page-view.cms-lcd-buy-back .main-container {
    margin: 0
}

.header_tooltip {
    font-size: 11px;
    margin: 0;
    font-weight: 600;
    line-height: 18px;
    background-color: #555454;
    transition: all 0.3s ease-in;
    color: var(--white-color);
    padding: 1px;
    border-radius: 2px;
    text-align: center;
    min-width: 240px;
    width: 0;
    margin-top: 2px;
    display: none
}

.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 {
    background-color: #e00f26;
    color: var(--white-color);
    border: 1px solid #e00f26;
    animation: bgchange 5s infinite;
    -webkit-animation: bgchange 5s infinite
}

.spouge-label.red:after {
    border-color: #e00f26 #fff0 #fff0 #fff0;
    animation: borderchange 5s infinite;
    -webkit-animation: borderchange 5s infinite
}

#otp-select-popup .conform-bx-inner {
    padding: 0;
    border: 0;
    max-width: 340px;
    border-radius: 20px
}

#otp-select-popup .conform-bx-inner .customer-name.otp_wapper {
    width: 100%;
    margin-top: 0;
    background-color: #fff;
    padding: 0;
    border: 0
}

#otp-select-popup .twofa_top_bg {
    min-height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/otp-sprires.png) no-repeat 100px 13px var(--primary-color)
}

#otp-select-popup .twofa_top_bg .twofa-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

#otp-select-popup .twofa_top_bg>.twofa-icon {
    width: 100px
}

#otp-select-popup .field {
    padding: 15px
}

#otp-select-popup .field p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px
}

#otp-select-popup .username-field .otp_footer .otp_agree label {
    display: flex;
    width: 100%;
    font-size: 14px;
    align-items: center;
    line-height: normal
}

#otp-select-popup .username-field .otp_footer .otp_agree label input {
    margin-right: 10px
}

#otp-select-popup .twofa_buttons {
    padding-top: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    border-top: 1px solid #ccc
}

#otp-select-popup .twofa_buttons button {
    width: 46%;
    margin: 0 1%;
    border-radius: 10px;
    padding: 10px 5px;
    line-height: 21px;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0 0 3px rgb(146 146 146 / 92%);
    cursor: pointer
}

#otp-select-popup .twofa_buttons button.resend {
    background-color: var(--white-color);
    color: var(--dark-color)
}

.each-manager .each_manager_subtitle label.m-top-space {
    font-size: 16px;
    margin-top: 9px
}

.my-manager .each-manager {
    background: #f7f7f7
}

.acc-links-right .popup-otp-disable a {
    margin-right: 12px
}

.subaccount-flex-container.sub-acc-center {
    display: flex;
    justify-content: center
}

.district-m-err-msg {
    float: left;
    width: 100%;
    min-height: 50px;
    background: #ddd;
    display: flex;
    align-items: center
}

.district-m-err-msg p {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-color);
    height: 100%;
    padding-left: 40px;
    box-sizing: border-box;
    margin: 0;
    background-image: url(../images/warning-err.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 12px 1px
}

.popup-otp-disable.dm-approval {
    position: absolute;
    right: 10px;
    top: 0;
    height: 45px;
    width: auto;
    padding: 10px 15px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f10600;
    transition: 0.2s all;
    cursor: pointer
}

.popup-otp-disable.dm-approval a {
    color: var(--white-color);
    font-weight: 600
}

.popup-otp-disable.dm-approval:hover {
    background: var(--white-color);
    border: 1px solid var(--primary-color)
}

.popup-otp-disable.dm-approval:hover a {
    color: var(--primary-color)
}

.web-accesive {
    background-image: url(../images/accesibility-one.svg);
    width: 45px;
    height: 45px;
    position: fixed;
    left: 20px;
    bottom: 20px;
    background-size: 100%
}

.gapp-detail-link {
    float: left;
    margin: 0 0 5px
}

.gapp-list-link {
    float: left;
    width: 100%;
    text-align: center
}

.gapp-detail-link>a,.gapp-list-link>a {
    color: var(--default-color);
    font-weight: 500;
    text-decoration: underline
}

.gapp-info-popup .conform-bx-inner {
    max-width: 578px;
    box-shadow: 1px 0 5px 1px #0000001A;
    border-radius: 20px;
    border: 0
}

.gapp-info-popup .conform-bx-inner .gapp-popup-header {
    position: relative
}

.gapp-info-popup .conform-bx-inner .gapp-popup-header h4 {
    font-size: 19px;
    color: var(--dark-color);
    font-weight: 600;
    max-width: 430px;
    margin: 0 auto 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc
}

.gapp-info-popup .conform-bx-inner .gapp-popup-header>a {
    position: absolute;
    top: -15px;
    right: 0;
    font-size: 30px;
    font-weight: 200
}

.gapp-info-popup .conform-bx-inner .gapp-popup-content {
    padding: 0 12px;
    margin: 0 0 10px;
    position: relative
}

.gapp-info-popup .conform-bx-inner .gapp-popup-content:before {
    content: "";
    width: 5px;
    position: absolute;
    height: 80px;
    background-color: var(--primary-color);
    left: -15px;
    border-radius: 0 10px 10px 0
}

.gapp-info-popup .conform-bx-inner .gapp-popup-content p {
    color: #606060;
    font-size: 16px;
    text-align: center;
    margin: 0 0 15px
}

.gapp-info-popup .conform-bx-inner .gapp-popup-content .addtobtn {
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
    padding: 5px 20px;
    border-radius: 20px;
    width: 200px
}

.gapp-info-popup .conform-bx-inner .gapp-popup-content a {
    color: var(--default-color);
    text-decoration: underline
}

.customer-account-changeforgotten .page-title {
    float: none
}

.page-title .password-reset h1 {
    color: var(--grey-color-tone-four);
    text-align: center;
    text-transform: capitalize;
    font-size: 56px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .6px;
    margin: 30px 0 20px 0
}

.password-reset {
    width: 100%
}

.password-reset-form {
    clear: both;
    width: 100%;
    background: var(--login-light-bcolor);
    padding: 50px 30px 40px;
    border-radius: 14px;
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    justify-content: center
}

.password-reset-form input {
    font-size: 18px;
    background-color: #fff0;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 10px;
    padding: 20px 25px;
    width: 100%;
    display: block
}

.password-reset-form label {
    position: absolute;
    color: var(--grey-color-tone-three);
    font-weight: 500;
    left: 20px;
    top: -16px;
    line-height: 1;
    background-color: var(--login-light-bcolor);
    padding: 6px 22px 6px 12px;
    z-index: 1;
    margin: 0
}

.password-reset-form .field {
    position: relative;
    width: 100%
}

.password-reset-form .field:not(:last-child) {
    margin-bottom: 40px
}

.password-reset-form button.button span {
    border-radius: 28px;
    font-size: 17px;
    font-weight: 600
}

.password-reset-form .form-list .field {
    float: left;
    width: 100%;
    margin-right: 0
}

.password-reset-form .buttons-set {
    text-align: center
}

.password-reset-form .buttons-set .required {
    text-align: left;
    margin: 10px 0
}

.password-reset-form input:focus {
    background-color: #fff0
}

.password-reset-form .form-list label.required em {
    right: 10px
}

.customer-account-changeforgotten .error-msg {
    border-color: var(--error-color);
    color: var(--error-color);
    background: var(--login-light-bcolor)
}

.customer-account-changeforgotten .error-msg:before {
    background-image: url(../images/close-red.svg)!important;
    background-repeat: no-repeat;
    background-position: center!important;
    position: absolute;
    background-size: contain;
    display: block
}

.consumer-tital {
    padding: 25px;
    text-transform: capitalize;
    position: relative;
    text-align: left;
    max-width: 900px;
    margin: auto;
    border-radius: 9px;
    background-color: var(--grey-color-tone-eight);
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.consumer-tital {
    padding: 25px 0;
    background-color: #fff
}

.consumer-request-form-wrapper.create-consumer .consumer-request-form {
    display: block
}

body .consumer-tital h1 {
    font-weight: 600;
    color: var(--grey-color-tone-four);
    font-size: 40px;
    width: 100%;
    text-align: center;
    margin-left: 0
}

.consumer-request-form {
    margin: auto;
    background: #FFF;
    margin-top: 30px;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / .1);
    background-color: var(--white-color);
    width: 100%;
    padding: 30px;
    margin-bottom: 20px;
    max-width: 900px
}

.consumer-request-form-hide {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s
}

.consumer-request-form h2 {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: -.5px;
    text-align: center;
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px
}

.consumer-request-form .form-group {
    margin-bottom: 20px
}

.consumer-request-form .upload-area label {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600
}

.consumer-request-form .form-group label {
    line-height: 18px;
    display: inline-block;
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: .28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -9px;
    position: relative;
    margin-left: 15px;
    z-index: 1
}

.consumer-request-btn {
    text-align: center
}

.request-submitted {
    background: #fff none repeat scroll 0 0;
    color: #000;
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    box-shadow: 1px 4px 30px rgb(51 51 51 / .22);
    text-align: center;
    max-width: 300px;
    border-radius: 15px;
    padding: 50px 30px 30px 30px;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s ease
}

.submitted-active .consumer-tital.account-information-title {
    display: none
}

.consumer-request-form-wrapper.create-consumer.submitted-active {
    min-height: 500px
}

.request-submitted-show {
    opacity: 1;
    visibility: visible
}

.consumer-request-form input[type="text"],.consumer-request-form input[type="url"] {
    padding: 20px;
    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%
}

.consumer-request-form .upload-box {
    border: 2px dashed #D0D0D0;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    background: #FFF;
    cursor: pointer;
    transition: border-color 0.25s ease
}

.consumer-request-form .upload-box:hover {
    border-color: #A8A8A8
}

.consumer-request-form .upload-box img {
    width: 50px;
    opacity: .4;
    margin-bottom: 12px
}

.consumer-request-form .upload-title {
    font-weight: 600;
    font-size: 16px;
    color: #333
}

.consumer-request-form .upload-subtext {
    margin-top: 6px;
    font-size: 13px;
    color: #777
}

.consumer-request-form input[type="file"] {
    display: none
}

.consumer-request-form-wrapper .request-submitted .check {
    width: 60px;
    height: 60px;
    background: #71C341;
    color: #FFF;
    font-size: 3rem;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 40px;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0
}

.consumer-file-attchment li {
    background: #f3f3f3;
    margin: 4px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-weight: 400;
    font-size: 12px
}

.consumer-file-attchment {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.consumer-request-form-wrapper .form-group-input-wrapper {
    position: relative;
    display: block
}

.consumer-request-form-wrapper .form-group-input-wrapper .input-with-copy {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
    font-family: 'Courier New',Courier,monospace;
    letter-spacing: .5px
}

.consumer-request-form-wrapper .copy-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff0;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.3s ease;
    z-index: 10;
    line-height: 1;
    margin: 0
}

.consumer-request-form-wrapper .copy-btn:hover {
    color: #333;
    background: rgb(0 0 0 / .05);
    border-radius: 3px
}

.consumer-request-form-wrapper .copy-btn.copied {
    color: #28a745
}

.consumer-request-form-wrapper .copy-btn svg {
    display: block;
    width: 20px;
    height: 20px
}

.consumer-request-form h2.request-approve {
    background: #e8fff4;
    color: #036635;
    font-size: 16px;
    padding: 20px;
    border: none;
    text-align: center;
    line-height: 22px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 0
}

.product-info-section {
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: -9
}

.discount-coupon-form {
    display: none
}

.contact-us-popup>ul.con-detail>li {
    width: 100%
}

@media screen and (max-width: 1300px) {
    .brand-container {
        width:98%!important
    }

    #auguria-slider {
        width: 98%!important
    }

    .brandcontainer-main {
        border: 0 none!important
    }

    .header-top .header {
        width: 98%!important
    }

    .comming_soon_message {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .footer,.header {
        width:98%
    }

    .account-create {
        width: 96%;
        margin: 0 2%
    }

    .col2-left-layout .dashboard .col-main {
        width: 100%
    }

    .contacts-index-index .col1-layout .col-main {
        width: 96%;
        margin: 0 2%
    }

    .sm-footer {
        padding: 0 20px!important
    }

    .cart-table .buttons-set {
        width: 69%
    }

    .cart-table button.button {
        width: 31%
    }

    .legend-block .legend-inner-block {
        width: 50%!important
    }

    .legend-block .legend-inner-block:nth-child(2),.legend-block .legend-inner-block:nth-child(3) {
        border-bottom: 1px solid #d5d5d5
    }

    .legend-block .legend-inner-block:nth-child(3) {
        border-right: 0
    }

    .sidefull-width .legend-inner-block {
        width: 100%!important
    }

    .add-1,.add-2,.add-3 {
        font-size: 14px
    }

    .lft-pshop {
        width: 100%!important
    }

    .side-navbar {
        display: none
    }

    .cart .page-title h1 {
        width: 100%;
        margin: 0 0 10px
    }

    .top-wishlist-widget {
        display: none
    }

    .creditcard-method,.paypal-method,.fedex-method,.behalf-method {
        width: 100%!important;
        margin: 0 0 30px!important
    }

    .cms-center {
        padding: 0 30px
    }

    .return-cms {
        padding: 0 30px
    }

    .warrenty-bx,.return-bx,.def-bx,.nost-bx {
        width: 100%!important;
        margin: 0 0 80px!important
    }

    .warrenty-bx {
        margin-top: 60px!important
    }

    .shipping-cms {
        padding: 0 30px
    }

    .ship-box1,.ship-box2,.ship-box3,.ship-box4,.ship-box5 {
        width: 100%!important;
        margin-right: 0!important;
        margin-left: 0!important
    }

    .shipping-title>img {
        display: none
    }

    .block-title h1 {
        color: #383838
    }

    .cross_sell ul#block-related {
        width: 2250px
    }

    .customer-account-forgotpassword .main {
        padding: 20px
    }

    .caroufredsel_wrapper {
        overflow: auto!important
    }

    .related-buttons {
        display: none
    }

    p.due {
        font-size: 12px
    }

    #customerprofitreport select {
        margin-right: 1%!important;
        width: 79%!important
    }

    .p-button-set {
        padding-left: 0!important;
        width: 20%!important
    }

    .p-button-set>input#payment_submit {
        width: 100%
    }

    .brand-icon-ul li .brand-content {
        width: 60%!important
    }

    .side-navbar-left {
        display: none
    }

    .cart-scroll1200 {
        width: 98%;
        overflow-y: scroll;
        _overflow: scroll;
        padding: 0 0 1.5em;
        float: left;
        -webkit-overflow-scrolling: touch
    }

    .bottom-repair-label button.button {
        width: auto!important;
        float: left!important
    }

    .product-tags {
        width: 100%
    }

    #sidebarWrap .sidefull-width {
        position: relative;
        top: 20px!important;
        margin-top: 0;
        width: 100%
    }

    .cms-lcd-buy-back .col2-left-layout .col-main {
        width: 75%
    }

    .cms-lcd-buy-back .col2-left-layout .col-main .page-title {
        padding: 0 15px 10px
    }

    .cart .cart-collaterals {
        position: relative
    }
}

@media screen and (max-width: 1100px) {
    .account-container .formcol-left {
        width:100%
    }

    .account-container .form-col-right {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .wire-tab1.ach-row .wire_col:first-child,.wire-tab1.ach-row .wire_col {
        max-width:50%;
        flex: 0 0 50%
    }

    .br-row-detail>li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .wire-tab1.ach-row .wire_col select {
        background-position: 97% 10px
    }

    .cart-table tfoot tr td {
        text-align: center!important
    }

    .cartsubtotal {
        margin-bottom: 0;
        float: none
    }

    .cart-table button.button.btn-continue {
        clear: both
    }

    .cart-table button.button {
        display: inline-block;
        float: none;
        margin: 1%
    }

    .cart-table .buttons-set {
        width: 100%;
        padding-bottom: 10px;
        text-align: center
    }

    .width-32 {
        width: 30%!important
    }

    .sales-order-view .my-account .title-buttons .res1024_view {
        float: left!important
    }

    .sales-order-view .page-title h1 {
        width: 100%
    }

    .side-navbar-right {
        display: block!important
    }

    .credit-verifi-bx {
        padding-right: 0!important;
        width: 100%!important
    }

    .cvv_div-1,.cvv_div-2 {
        width: 100%!important
    }

    .credit-verifi-bx .v-fix {
        width: 49%!important
    }

    .cvv_div-1 {
        padding-right: 0!important
    }

    .ms-subrow {
        width: 50%
    }

    .col-row-2 {
        width: 50%;
        padding: 0 15px
    }

    .ui.selection.dropdown {
        min-height: 10px!important;
        padding: 10px!important
    }

    .col-row-3 {
        width: 98.5%
    }

    .mscapcha_section {
        width: 100%!important
    }

    .mscapcha_section .recaptcha {
        float: left;
        height: 80px;
        width: 100%
    }

    .rc-anchor-normal {
        width: 54%!important
    }

    .customer-account-index .fancybox-inner {
        height: 720px!important
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button a {
        margin-left: 2%
    }

    .buser_select>select {
        width: 79%;
        margin-right: 1%
    }

    .buser_select>button {
        width: 20%
    }

    em.status-label {
        border: 0;
        padding: 0;
        background: none!important;
        border-radius: 0;
        font-weight: 800!important
    }

    em.status-label.order.verified {
        color: #3ea7ec
    }

    em.status-label.pending {
        color: #2036b0
    }

    em.status-label.unapprove,em.status-label.unapprove>a {
        color: #c20404
    }

    em.status-label.loss.order {
        color: #cecece
    }

    em.status-label.refund {
        color: #ff5722
    }

    .web-accesive {
        width: 30px;
        height: 30px;
        right: 10px;
        top: calc(50% - 15px);
        left: inherit
    }

    .page-title .password-reset h1 {
        font-size: 48px
    }

    .password-reset-form input {
        padding: 10px
    }
}

@media screen and (max-width: 767px) {
    .page-title .password-reset h1 {
        font-size:40px
    }

    .password-reset-form button.button span {
        padding: 3px 7px
    }
}

@media screen and (max-width: 980px) {
    .col-main {
        max-width:100%
    }

    .col2-right-layout .col-main {
        max-width: 100%
    }

    .col2-left-layout .col-main {
        max-width: 100%
    }

    .col-right {
        width: 100%;
        margin-top: 30px
    }

    .cart-table th {
        padding: 5px 10px
    }

    .cart-table td {
        padding: 10px
    }

    .sticky {
        position: static!important
    }

    .footer-info-logo {
        display: none
    }

    .nav-container {
        display: none
    }

    .catalogsearch-result-index .main-list-category {
        width: 100%
    }

    #list-responsive-sidebar {
        float: left;
        width: 25%;
        height: 100%;
        background-color: var(--white-color)
    }

    .m-username {
        width: 100%!important;
        margin: 14px 0 0!important
    }

    .email-name {
        width: 100%!important
    }

    .cart-scroll980 {
        width: 100%;
        overflow-y: scroll;
        _overflow: scroll;
        padding: 0 0 1.5em;
        float: left;
        -webkit-overflow-scrolling: touch
    }

    .carts_buttons .buttons-set {
        width: 100%;
        display: block;
        text-align: center;
        margin: 20px 0 20px
    }

    .carts_buttons .buttons-set .button {
        float: none
    }

    .carts_buttons .totals {
        float: left;
        width: 100%
    }

    .carts_buttons .totals ul,.carts_buttons .totals ul li {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0!important
    }

    .disply_980 {
        display: block!important;
        float: right
    }

    .cartsubtotal {
        width: 100%
    }

    .fx_width_table {
        width: 980px
    }

    .fx_width_table tfoot {
        display: none
    }

    i.icon-info.tooltip:hover+span.tooltiptext {
        top: 40px
    }

    .Cross_sell_Product .block-title.block-bg {
        background-image: none!important
    }

    body .cart .totals {
        display: block;
        justify-content: initial;
        align-items: initial
    }

    .carts_buttons .totals ul {
        width: auto
    }

    .cart-newdesign.cart-collaterals .totals .checkout-types {
        float: left
    }
}

@media screen and (max-width: 900px) {
    .nobr {
        white-space:normal!important
    }

    .cart-table button.button {
        width: 210px
    }

    .cart-table .nobr,.cart-table .nobr a {
        white-space: normal!important
    }

    .product-gurentee {
        text-align: center
    }

    .width-32 {
        width: 25%!important
    }

    .footer-boxes {
        min-height: 235px;
        padding: 5px 11px
    }

    ul.social-media li {
        margin: 4px 7px
    }

    .footer-contact .call-us {
        display: none
    }

    .footer-info-logo {
        display: none
    }

    .footer-contact p {
        margin: 0
    }

    .sm-footer {
        width: 48%!important;
        padding: 0 16px!important;
        float: right!important
    }

    #list-responsive-sidebar>ul {
        float: left;
        width: 100%;
        display: block!important
    }

    #list-responsive-sidebar li {
        float: left;
        width: 100%
    }

    #list-responsive-sidebar a {
        border-bottom: 1px solid #ccc;
        float: left;
        line-height: 25px;
        padding: 5px 7px;
        width: 100%;
        font-weight: 400;
        color: #383838;
        font-size: 12px;
        text-transform: uppercase
    }

    #list-responsive-sidebar a:hover {
        background-color: #27a7ec;
        border-color: #27a7ec;
        color: var(--white-color)
    }

    #list-responsive-sidebar .add-to-cart .button.btn-cart {
        width: 100%
    }

    #list-responsive-sidebar .add-to-cart .button.btn-cart span {
        font-size: 14px;
        text-transform: uppercase
    }

    #list-responsive-sidebar .add-to-cart .button.btn-cart:hover span {
        background: var(--secondary-color);
        border-color: var(--secondary-color);
        color: var(--white-color)
    }

    #list-responsive-sidebar {
        float: left;
        height: 100%;
        overflow: auto
    }

    .product-view .deal-productviewcart .pd-endin {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) {
    .gapp-detail-link {
        float:none
    }

    .wire-tab1.ach-row .wire_col:first-child,.wire-tab1.ach-row .wire_col {
        max-width: 50%;
        flex: 0 0 50%
    }

    .br-row-detail>li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .wire-tab1.ach-row .wire_col select {
        background-position: 97% 10px
    }

    .opc .col2-set .col-1 {
        padding: 0 0 30px;
        width: 100%
    }

    .opc .col2-set .col-2 {
        width: 100%
    }

    .opc #opc-login .col-1 .form-list li {
        float: left;
        margin: 0 2% 10px 0;
        width: 48%
    }

    .account-type .account_type_div {
        width: 98%;
        text-align: center
    }

    .account-type .account_type {
        float: none;
        display: inline-block;
        width: 26.5%;
        margin: 0 3.2%
    }

    .product-view .product-shop ul.benefits li.easy_refunds {
        border-right: 1px solid #e5e5e5
    }

    .cart .page-title h1 {
        float: none;
        text-align: left;
        padding-bottom: 10px
    }

    .sidebar_full {
        margin-top: 10px
    }

    .carts_buttons .button.btn-update {
        margin-bottom: 0;
        width: auto
    }

    .product-essential .product-options .btn-cart {
        margin-top: 0!important
    }

    .product-view .MagicZoomPlus {
        border: 0!important
    }

    .product-detail-page {
        background-color: #ccc
    }

    #product_addtocart_form>h3 {
        background-color: var(--white-color);
        color: var(--secondary-color);
        float: left;
        margin: 0 0 16px;
        padding: 5px;
        text-align: center;
        width: 100%
    }

    .product-view .productviewcart .add-to-box .qtyview label {
        display: none
    }

    #tabs .tabs>li {
        border-color: #ccc
    }

    div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
        border-left: 1px solid #ddd!important
    }

    .category-products li.item .product-image img.hoverImage {
        margin-left: 0!important;
        margin-right: 0!important;
        left: 0!important;
        right: 0!important
    }

    #none-div {
        display: block;
        padding: 0;
        margin-top: 15px
    }

    #none-div .button {
        display: block;
        float: none;
        margin: 0 auto;
        width: 50%
    }

    .cart-scroll768 {
        width: 98%;
        overflow-y: scroll;
        _overflow: scroll;
        padding: 0 0 1.5em;
        float: left;
        -webkit-overflow-scrolling: touch
    }

    #customerprofitreport select {
        width: 100%!important
    }

    .p-button-set {
        float: none!important;
        display: block;
        width: 50%!important;
        margin: auto
    }

    .leftdata .input-box {
        float: left;
        width: auto;
        width: 48%
    }

    #opc-login h3 {
        font-size: 24px;
        text-align: left
    }

    .hheight .buttons-set {
        margin-top: 15px!important
    }

    .hheight {
        min-height: 0!important;
        padding-bottom: 10px!important
    }

    .nodisplayresponsive {
        display: none!important
    }

    .zero-margin {
        margin: 20px 0 0!important
    }

    table#newrepair tbody input,table#newrepair tbody select {
        width: 210px!important
    }

    .bg-sys-overrely {
        background-color: #fff0!important;
        border: 1px solid #fff0!important
    }

    .credit-verifi-bx .v-fix {
        width: 100%!important;
        margin: 0 0 10px
    }

    .m-left10 {
        margin-left: 0!important
    }

    .sm-footer {
        margin-top: 5px;
        width: 60%!important
    }

    .displynone768 {
        display: block!important
    }

    .customerwishlist+b {
        float: left;
        width: 100%
    }

    .cart .page-title {
        margin: 0;
        padding: 0;
        text-align: center
    }

    .disply_980 {
        margin: 0 0 20px
    }

    .cartsubtotal {
        float: right;
        width: 100%;
        font-size: 18px;
        font-weight: 400;
        padding: 10px 15px;
        text-align: left
    }

    .checkout-types>li {
        margin: 0;
        width: 100%
    }

    .carts_buttons .buttons-set {
        margin: 0 0 10px;
        text-align: center
    }

    .carts_buttons .buttons-set .button {
        margin-left: 0
    }

    .carts_buttons .buttons-set .button+button {
        margin: 0 10px
    }

    .carts_buttons .buttons-set .button span {
        line-height: 20px;
        font-size: 16px
    }

    .cart .cart-collaterals {
        width: 100%
    }

    .carts_buttons .totals ul li {
        text-align: center
    }

    .cart .page-title .checkout-types {
        float: right;
        width: 100%;
        margin: 0 0 10px
    }

    select.input-text.wishlishdwn {
        width: 120px
    }

    .ms-subrow {
        width: 100%
    }

    .col-row-2 {
        width: 100%;
        padding: 11px 0
    }

    .col-row-3 {
        width: 100%
    }

    .my-order-popup .conform-bx-inner {
        width: 95%!important
    }
}

@media screen and (max-width: 667px) {
    .side-navbar-right {
        display:none!important
    }
}

@media screen and (max-width: 640px) {
    select.input-text.wishlishdwn {
        width:100%
    }

    .wire-row .wire_col select,.wire-row .wire_col input[type='text'],.wire-row .wire_col input[type='number'] {
        font-size: 14px!important
    }

    .wire-row .wire_col label ul li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .br-row-detail>li {
        margin: 18px 0
    }

    .login-information .form-list .fields .field {
        margin-bottom: 10px
    }

    .comodo-icon {
        display: none
    }

    .footer-truck-order {
        width: 100%;
        margin-bottom: 20px;
        display: none
    }

    .footer-info {
        width: 100%;
        min-height: inherit;
        margin-right: 0
    }

    .footer-boxes h4 {
        padding-bottom: 5px
    }

    .footer-info .info-logo {
        background-position: center top
    }

    #checkout-payment-method-load dd ul.form-list {
        width: 100%
    }

    .header-bottom {
        text-align: center
    }

    .testimonial-block h2.block-title {
        text-align: center
    }

    .testimonial-block ul li {
        margin: 0 5%;
        width: 90%
    }

    .catalog-product-view .main-container .main {
        padding: 0 3%;
        width: 100%
    }

    .product-view .MagicZoomPlus {
        border: 1px solid #e2e2e2
    }

    .product-view .more-views h4 {
        display: none
    }

    .product-view ul.tabs li .active {
        border-color: var(--secondary-color)
    }

    .product-view .padder .box-collateral table.data-table {
        border: 1px solid #d5d5d5
    }

    .opc #opc-login .col-1 .form-list li {
        float: left;
        margin: 0 0 10px;
        width: 100%
    }

    .opc #opc-login .col-1 .form-list li .field {
        width: 100%;
        margin: 0 0 20px
    }

    .opc #opc-login .col-1 .form-list li.wide {
        margin-bottom: 20px
    }

    .account-type .account_type_title {
        margin-bottom: 10px
    }

    .account-type .account_type {
        margin: 10px 2%;
        width: 96%
    }

    .account-type .account_page_back {
        float: none;
        margin: 20px auto;
        width: 96%
    }

    .box-account .col2-set {
        padding: 20px 30px 30px
    }

    .col2-set .col-1 {
        width: 96%;
        margin: 0 2%
    }

    .col2-set .col-2 {
        width: 96%;
        margin: 30px 2% 0
    }

    .footer-boxes {
        width: 100%;
        border: 0;
        min-height: inherit;
        margin: 20px 0 0;
        display: none
    }

    .resp-tabs-container {
        padding: 10px;
        display: block!important;
        clear: both
    }

    h2.resp-accordion {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 10px 15px
    }

    .resp-tabs-container .resp-tab-content {
        width: 100%
    }

    .resp-tabs-container .resp-tab-content.resp-tab-content-active {
        padding-bottom: 30px
    }

    ul.footer-links li a {
        font-size: 15px;
        line-height: 30px
    }

    #tabs .tabs>li {
        margin: 0
    }

    .accordion_example2 {
        display: block!important
    }

    .footer-info p {
        float: left;
        font-size: 16px;
        line-height: 24px;
        padding: 0 40px;
        text-align: center
    }

    .testimonial-block {
        display: none;
        padding: 0 20px
    }

    #auguria-slider {
        display: none!important
    }

    .menu,.menu>ul ul {
        overflow: scroll!important
    }

    .smk_accordion .accordion_in .acc_head .acc_icon_expand {
        background: var(--site-main-sprites) no-repeat scroll center -1090px;
        display: block;
        float: right;
        height: 43px;
        right: 17px;
        top: 1px;
        position: relative;
        width: 25px
    }

    .smk_accordion .accordion_in.acc_active>.acc_head .acc_icon_expand {
        background: var(--site-main-sprites) no-repeat scroll center -1130px
    }

    .horizontalTab {
        float: left
    }

    #toTop {
        border: 2px solid #e2e1df;
        display: none;
        position: fixed;
        right: 27px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        z-index: 10000000;
        bottom: 15%;
        border-radius: 25px;
        opacity: .4;
        filter: alpha(opacity=40)
    }

    #toTop:hover {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    #toTop span {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 14px 22px;
        border-color: #fff0 #fff0 #21ade7 #fff0;
        margin: 10px 9px;
        display: block
    }

    .product-specs img {
        max-width: 100%
    }

    #payment_form_mygateway .input-box b {
        position: inherit;
        float: left;
        margin-right: 8px
    }

    .input-box>b {
        margin-top: 9px;
        position: absolute
    }

    #payment_form_mygateway .input-box #mygateway_cc_owner {
        float: left;
        display: inline;
        width: auto;
        pointer-events: none
    }

    .sticky {
        position: fixed;
        z-index: 200;
        max-width: 100%;
        transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s
    }

    #inline_content {
        padding: 10px;
        background: var(--white-color)
    }

    .valid_html_sign {
        float: left
    }

    .valid_html_sign img {
        position: relative;
        margin-right: 10px;
        top: 10px
    }

    .padder .product-specs {
        padding: 0 20px
    }

    #product_tabs_cms1_contents,#product_tabs_cms3_contents {
        border: 1px solid #d5d5d5;
        border-top: 0;
        padding: 20px 0
    }

    .product-specs>p {
        text-align: justify
    }

    .justify-text {
        float: left;
        text-align: justify
    }

    #payment_form_paypal_express li.form-alt {
        float: left;
        text-align: justify
    }

    .top-arrow {
        position: absolute;
        right: 18px;
        border: 1px solid #ddd
    }

    .top-arrow .nav_up {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 9px 0;
        border-color: #21ade7 #fff0 #fff0 #fff0;
        margin: 7px 6px;
        display: block;
        cursor: pointer
    }

    .dow-arrow {
        position: absolute;
        right: 18px;
        bottom: -1px;
        border: 1px solid #ddd
    }

    .dow-arrow .nav_down {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 15px;
        border-color: #fff0 #fff0 #21ade7 #fff0;
        margin: 7px 6px;
        display: block;
        cursor: pointer
    }

    .pos-arraow {
        position: relative;
        float: right;
        width: 5%;
        top: 33px;
        right: -49px;
        display: none
    }

    .form-line {
        margin: 0;
        float: left;
        width: 100%
    }

    #cf img {
        position: absolute;
        left: 13px;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        width: 267px!important
    }

    #cf img.top:hover {
        opacity: 0
    }

    #cf {
        position: relative;
        margin: 20% 0 40%
    }

    .bottom {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }

    .footer-info-logo a {
        float: left;
        position: relative
    }

    .footer-info-logo a:hover {
        opacity: .7
    }

    .footer-contact {
        color: var(--white-color);
        font-size: 12px;
        float: left!important;
        width: 100%
    }

    .footer-contact b {
        font-weight: 400;
        text-transform: uppercase
    }

    .width-32 {
        width: 32%
    }

    .b-right {
        border-right: 0 none
    }

    .footer-contact .call-us {
        background: #fff0 url(../images/f-sprites.png) no-repeat scroll 0 -142px;
        color: #2b2b2b;
        float: left;
        font-size: 20px;
        font-weight: 400;
        height: 40px;
        line-height: 38px;
        width: 100%;
        margin-top: 10px;
        padding: 0;
        display: block
    }

    .footer-contact .call-us b {
        margin-left: 45px;
        color: var(--white-color);
        font-weight: 500;
        font-size: 20px
    }

    .cms-questions dt {
        background: var(--site-main-sprites) no-repeat scroll left -860px;
        color: var(--secondary-color);
        padding: 10px 10px 10px 30px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 300;
        line-height: 26px
    }

    .cat-icon {
        background: var(--site-main-sprites) no-repeat scroll left -862px;
        color: var(--secondary-color);
        padding: 10px 0 5px 30px;
        text-transform: uppercase;
        float: left;
        width: 100%;
        font-weight: 400;
        font-size: 18px
    }

    .border-table thead {
        text-transform: uppercase
    }

    .border-table td {
        border-bottom: 1px solid #d5d5d5!important;
        font-weight: 400!important;
        font-size: 14px!important;
        text-transform: uppercase!important
    }

    .border-table tfoot td {
        color: var(--primary-color)!important;
        font-size: 18px!important;
        font-weight: 600!important
    }

    .legend-block {
        float: left;
        width: 100%;
        margin: 0 0 15px
    }

    .legend-block h2 {
        margin: 0;
        text-transform: uppercase;
        color: var(--white-color);
        font-size: 25px;
        text-align: center;
        font-weight: 500;
        padding: 5px 0;
        border-bottom: 1px solid #18a6f0;
        background: #18a6f0
    }

    .legend-block .legend-inner-block {
        border-right: 1px solid #d5d5d5;
        float: left;
        padding: 10px;
        width: 25%;
        min-height: 218px
    }

    .legend-inner-block .title-legend {
        color: var(--white-color);
        text-transform: uppercase;
        background: #aeaeae;
        padding: 4px;
        font-weight: 400
    }

    .legend-inner-block li {
        line-height: 28px;
        text-align: justify;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 300
    }

    .legend-inner-block:last-child {
        border-right: 0 none
    }

    .products-grid .product-image img.additional_img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        display: none
    }

    .triangle-border {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 10px 0;
        border-color: #aeaeae #fff0 #fff0 #fff0;
        position: relative;
        top: 4px;
        margin-left: 12px
    }

    .product-gurentee {
        float: left;
        height: 84px;
        margin: 5% 0 7%;
        max-width: 100%
    }

    .product-gurentee img {
        max-width: 85.2%
    }

    .block-title h1 {
        text-transform: uppercase;
        color: #58b0da;
        font-size: 20px;
        font-weight: 700
    }

    .viewdetail-newsletter {
        float: left;
        width: 100%;
        margin: 10px 0 0
    }

    .cat-ac.padd {
        padding: 0 0 5px 25px
    }

    .text-uppercase {
        color: var(--secondary-color);
        text-transform: uppercase;
        margin-bottom: 5px
    }

    #my-credit-log-table .chk-type {
        font-size: 16px;
        padding: 10px 46px 0 0
    }

    .pr-label span.price {
        color: var(--primary-color)!important;
        font-size: 16px
    }

    .due-pr span.price {
        font-size: 32px;
        color: var(--primary-color)!important;
        font-weight: 700
    }

    .total-due {
        font-size: 25px;
        font-weight: 700;
        margin-right: 5px
    }

    .button-center {
        width: 30%;
        margin: 5px auto
    }

    .std li {
        display: block
    }

    .std>p {
        padding-left: 22px
    }

    .sub-title-content {
        padding-left: 22px
    }

    .product-view .tabs li.last {
        border-right: 0
    }

    .product-view .tabs a:hover {
        background-color: #ddd;
        color: #444;
        text-decoration: none
    }

    #product_tabs_tags_tabbed_contents.input-box input {
        width: 300px
    }

    #product_tabs_tags_tabbed_contents .input-box {
        width: 300px;
        float: left;
        margin-right: 10px
    }

    #product_tabs_related_tabbed_contents li {
        float: left;
        margin-right: 10px
    }

    #product_tabs_related_tabbed_contents ol {
        clear: both
    }

    .product-collateral:after {
        content: ".";
        display: block;
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
        zoom:1}

    #sidebarWrap .sidefull-width {
        width: 300px;
        margin-top: 125px;
        position: fixed;
        top: 172px;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        border: 1px solid #d5d5d5
    }

    .sidefull-width .legend-inner-block {
        width: 100%;
        min-height: 0;
        border: 0;
        padding: 0
    }

    .sidefull-width .legend-inner-block ul li {
        border-bottom: 1px dashed #d5d5d5;
        font-size: 12px;
        line-height: 20px;
        padding-left: 15px
    }

    .level2.nav-2-1-1.first>a span,.level2.nav-2-4-1.first>a span {
        color: var(--primary-color)!important
    }

    .blank_row {
        background: #f9f9f9!important
    }

    .legend-inner-block li:last-child {
        border-bottom: 0 none!important
    }

    .blank_row>td {
        border: medium none
    }

    .order-item>td {
        vertical-align: middle
    }

    .leftside-arrow {
        background: #f0f0f0;
        border-radius: 40px;
        cursor: pointer;
        float: left;
        font-weight: 700;
        padding: 4px;
        text-align: center;
        width: 30px;
        position: absolute;
        right: -28px;
        top: 100px
    }

    .fix-position {
        float: left;
        height: 200px;
        overflow-y: scroll;
        width: 300px
    }

    .relative-block {
        position: fixed;
        float: left;
        left: -301px;
        transition: all .7s ease 0s;
        -webkit-transition: all .7s ease 0s
    }

    .left-0 {
        left: 158px
    }

    .legend-inner-block>ul {
        margin: 0 0 10px
    }

    .color-blue {
        color: var(--secondary-color);
        font-weight: 500!important
    }

    .color-red {
        color: var(--primary-color);
        font-size: 20px!important;
        font-weight: 500!important
    }

    .b-top {
        border-top: 1px solid #d5d5d5
    }

    .color-blue-big-font {
        color: var(--secondary-color);
        font-weight: 500!important;
        font-size: 20px!important
    }

    .table-container {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em
    }

    .bs-center {
        margin: 0 auto;
        width: 95%!important;
        text-align: center
    }

    .sep-block {
        display: inline!important
    }

    .iphone-text .links-btn {
        background: #2b8dd8 none repeat scroll 0 0;
        border: 2px solid #2b8dd8;
        color: var(--white-color);
        font-size: 18px;
        padding: 8px 26px;
        text-transform: uppercase;
        border-radius: 20px;
        display: block;
        min-width: 234px
    }

    .iphone-adv-block .iphone-text {
        left: calc(50% - 116px);
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        bottom: 12%
    }

    span.highlight-text {
        color: #1fc3f3;
        font-weight: 800
    }

    .width-46 {
        width: 46%
    }

    #paypal_id {
        float: left;
        font-weight: 400;
        margin: 33px 0 0;
        width: 98%
    }

    #paypal_id label {
        float: left;
        margin: 0 0 5px
    }

    .address-bar {
        margin: 30px 0 0;
        float: left;
        width: 90%
    }

    #form-validate>#comment {
        float: left;
        width: 90%
    }

    #toBottom {
        background-repeat: no-repeat;
        border: 2px solid #e2e1df;
        border-radius: 25px;
        bottom: 60%;
        height: 50px;
        opacity: .4;
        position: fixed;
        right: 5px;
        width: 50px;
        z-index: 10000000;
        display: none
    }

    #toBottom span {
        border-color: #fff0 #fff0 #21ade7;
        border-style: solid;
        border-width: 0 14px 22px;
        display: block;
        height: 0;
        margin: 15px 9px;
        width: 0;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    #payment-buttons-container p.back-link a {
        background: #a2a2a2 none repeat scroll 0 0;
        border: 2px solid #a2a2a2;
        color: var(--white-color);
        float: left;
        font-size: 17px;
        margin: 0;
        min-width: 145px;
        padding: 12px 15px;
        text-align: center
    }

    .footer-links {
        float: left;
        width: 45%;
        margin: 0 2.5%
    }

    .b-right0 {
        border-right: 0 none
    }

    .add-1 {
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 15px;
        background: url(../images/sprite-2.png) no-repeat scroll left 4px;
        padding-left: 50px;
        float: left
    }

    .add-2 {
        font-size: 16px;
        font-weight: 500;
        background: url(../images/sprite-2.png) no-repeat scroll left -32px;
        padding-left: 50px;
        float: left
    }

    .call-us {
        color: var(--white-color);
        font-size: 28px;
        font-weight: 700;
        background: url(../images/sprite-2.png) no-repeat scroll left -113px;
        padding: 20px 0;
        display: none
    }

    .call-us>b {
        margin-left: 47px
    }

    .brokenscreens-createorder .add-to-box {
        position: fixed;
        right: -69px;
        top: 410px;
        transition: all .3s ease 0s;
        z-index: 99
    }

    .brokenscreens-createorder .category-products .add-to-cart button.btn-cart {
        background: var(--primary-color) none repeat scroll 0 0;
        padding: 7px 14px
    }

    .brokenscreens-createorder .add-to-cart button.btn-cart span {
        background: #fff0 none repeat scroll 0 0;
        border: medium none;
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        text-transform: uppercase
    }

    .brokenscreens-createorder .add-to-cart button.btn-cart:hover {
        background: var(--secondary-color) none repeat scroll 0 0
    }

    .brokenscreens-createorder .add-to-cart button {
        background: var(--primary-color) none repeat scroll 0 0;
        padding: 7px 8px
    }

    .brokenscreens-createorder .add-to-box:hover {
        right: 0
    }

    .popupContainer {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / .8);
        left: 0;
        top: 0;
        z-index: 10000
    }

    .popupWrapper {
        width: 70%;
        margin: 45px auto
    }

    .popupBox {
        background-color: var(--white-color);
        border-radius: 4px
    }

    .popupBox .popup-header {
        background: #1fc4f4 none repeat scroll 0 0;
        float: left;
        text-transform: uppercase;
        width: 100%
    }

    .popup-header>h2 {
        color: var(--white-color);
        float: left;
        font-size: 27px;
        letter-spacing: 1px;
        line-height: 55px;
        text-align: center;
        width: 95%
    }

    .popup-header>a {
        background: #ddd none repeat scroll 0 0;
        color: #e00f26;
        float: right;
        font-size: 20px;
        padding: 17px;
        text-align: center;
        width: 5%;
        text-shadow: 1px 1px 1px #d5d5d5;
        -webkit-text-shadow: 1px 1px 1px #d5d5d5
    }

    .popup-header>a:hover {
        background: #e00f26;
        color: var(--white-color)
    }

    .popupBox .popup-content {
        background: var(--white-color) none repeat scroll 0 0;
        float: left;
        height: 510px;
        overflow-y: scroll;
        padding: 20px;
        width: 100%;
        border-bottom: 5px solid #2ac6f4;
        border-left: 5px solid #2ac6f4
    }

    .popup-content>img {
        float: left;
        width: 100%
    }

    .btn-left {
        float: left;
        margin: 0 0 7px
    }

    .btn-right {
        float: right;
        margin: 0 0 10px
    }

    .btn-left .required {
        float: left!important
    }

    .bslinks>a {
        float: left;
        font-size: 17px;
        line-height: 41px;
        margin-left: 5px;
        cursor: pointer
    }

    .buttons-set1 {
        float: left
    }

    .buttons-set1 button.btn-cart1 span {
        background: #18a6f0;
        text-transform: uppercase;
        font-size: 15px;
        border: 0 none;
        padding: 1px 7px
    }

    .buttons-set1 button.btn-cart span {
        text-transform: uppercase;
        font-size: 15px;
        border: 0 none;
        padding: 1px 7px
    }

    .buttons-set1 button.btn-cart:hover {
        background-color: #18a6f0
    }

    .buttons-set1 button.btn-cart1:hover {
        background: #e00f26
    }

    .buttons-set1 button.btn-cart:hover span {
        color: var(--white-color)
    }

    .buttons-set1 .button.btn-cart {
        margin: 3px 6px
    }

    .links li.support a {
        background: #fff0 url(../images/sprite-2.png) no-repeat scroll -19px -574px;
        padding: 0 10px 0 18px;
        display: block
    }

    .links li.support {
        padding-left: 7px
    }

    .links li.support a:hover {
        background-position: -19px -607px
    }

    .scrollarrow span:hover {
        background-color: rgb(187 187 187 / .28)
    }

    .bottomarrow {
        cursor: pointer;
        float: left;
        padding: 6px 8px 0;
        position: absolute;
        background: rgb(187 187 187 / .33) url(../images/arrow-scroll.png) no-repeat scroll center -17px;
        height: 15px;
        width: 20%;
        right: 0
    }

    .toparrow {
        cursor: pointer;
        height: 15px;
        padding: 0 8px 6px;
        width: 20%;
        float: left;
        position: absolute;
        bottom: 0;
        background: rgb(187 187 187 / .33) url(../images/arrow-scroll.png) no-repeat scroll center 3px;
        right: 0
    }

    .std ul.description li:last-child {
        border-bottom: 0 none
    }

    .span-red {
        color: #ed1c24;
        font-weight: 500;
        font-size: 16px!important
    }

    .dark-fnt {
        color: #5f6162;
        font-size: 22px;
        font-weight: 400
    }

    .span-red-thin {
        color: #ed1c24;
        font-size: 22px;
        font-weight: 300
    }

    .add-to-cart a.button.btn-cart {
        border: 0 none;
        padding: 5px 11px
    }

    .add-to-cart a.button.btn-cart span {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        text-transform: uppercase
    }

    .add-to-cart a.button.btn-cart:hover {
        background: #18a6f0
    }

    .add-to-cart a.button.btn-cart:hover span {
        color: var(--white-color)
    }

    #bg-change span.price {
        float: none;
        color: #e00f26
    }

    .p-button-set {
        float: left;
        padding-left: 25px;
        width: 20%
    }

    #customerprofitreport>label {
        float: left;
        width: 100%
    }

    .p-button-set button span {
        padding: 7.8px 30px
    }

    #customerprofitreport select {
        float: left;
        margin: 0 0 15px;
        width: 80%
    }

    .p-button-set>input#payment_submit {
        background: #e00f26 none repeat scroll 0 0;
        border: 1px solid #e00f26;
        color: var(--white-color);
        font-size: 17px;
        padding: 10px 28px;
        cursor: pointer;
        float: right
    }

    .p-button-set>input#payment_submit:hover {
        background: var(--secondary-color);
        border: 1px solid var(--secondary-color)
    }

    .customerprofitreport_table span.price {
        float: none
    }

    #bg-change {
        background: #f9f9f9 none repeat scroll 0 0
    }

    .payment-fnt {
        font-size: 17px!important
    }

    .payment-fnt b {
        color: var(--secondary-color)
    }

    .category-products h1.block-title {
        background: #fff0 var(--site-main-sprites) no-repeat scroll left -872px;
        border-bottom: 1px solid #ededed;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 20px;
        padding: 0 0 10px 30px;
        text-transform: uppercase
    }

    #checkout-review-submit .checkout-agreements {
        background: #fbfbfb none repeat scroll 0 0;
        border-top: 3px solid #ddd
    }

    .inner big {
        background: #ddd none repeat scroll 0 0;
        float: left;
        margin: 0 0 15px;
        padding: 15px;
        width: 100%
    }

    .inner strong {
        color: #e00f26;
        float: left;
        font-size: 20px;
        text-align: right;
        width: 90%
    }

    .inner span.price {
        font-size: 23px;
        font-weight: 500
    }

    #review-buttons-container {
        float: right
    }

    .place-order p.back-link a {
        background: #a2a2a2 none repeat scroll 0 0;
        border: 2px solid #a2a2a2;
        color: var(--white-color);
        float: left;
        font-size: 17px;
        margin: 0 14px;
        min-width: 145px;
        padding: 17px 15px;
        text-align: center
    }

    .multiple-checkout p.back-link {
        margin: 10px 0 0
    }

    .place-order p.back-link {
        margin: 0!important;
        float: right
    }

    .buttons-set p.back-link {
        float: left
    }

    .mt-10 {
        margin-top: 10px!important
    }

    .redtheme-color {
        color: var(--primary-color)
    }

    .res-view {
        display: none
    }

    .cat_prod_cell .amount {
        display: none
    }

    .cms-ques {
        color: #383838;
        font-size: 17px;
        margin: 10px 0
    }

    .mini-text {
        font-size: 20px!important
    }

    .m-left10 {
        margin-left: 10px
    }

    .width0 {
        margin-right: 5px;
        margin-top: -2px;
        width: auto!important
    }

    .add-3 {
        float: left;
        font-size: 16px;
        width: 100%;
        font-weight: 500;
        text-transform: uppercase;
        background: url(../images/sprite-2.png) no-repeat scroll -7px -187px;
        margin: 0 9px 15px
    }

    .add-3>a {
        color: var(--white-color);
        padding-left: 41px
    }

    .main-paragraph>p {
        font-size: 16px
    }

    .main-paragraph {
        float: left;
        margin: 0 0 90px;
        width: 100%;
        color: #5a5757
    }

    .cms-center {
        color: #5a5757;
        float: left;
        width: 100%
    }

    .creditcard-method,.paypal-method,.fedex-method,.behalf-method {
        float: left;
        width: 47%;
        border: 3px solid var(--secondary-color);
        padding: 20px;
        position: relative
    }

    .creditcard-method,.paypal-method {
        min-height: 310px
    }

    .fedex-method,.behalf-method {
        min-height: 300px;
        width: 97.1%
    }

    .creditcard-method,.fedex-method {
        margin-right: 37px
    }

    .creditcard-method>h2,.paypal-method>h2,.fedex-method>h2,.behalf-method>h2 {
        color: var(--secondary-color);
        font-size: 35px;
        margin: 60px 0 7px
    }

    .creditcard-method .top-icon {
        background: url(../images/payment-methods.png) no-repeat
    }

    .paypal-method .top-icon {
        background: url(../images/payment-methods.png) no-repeat scroll -204px 0
    }

    .fedex-method .top-icon {
        background: url(../images/payment-methods.png) no-repeat scroll 0 -207px
    }

    .behalf-method .top-icon {
        background: url(../images/payment-methods.png) no-repeat scroll -204px -207px
    }

    .creditcard-method>p,.paypal-method>p,.fedex-method>p,.behalf-method>p {
        font-size: 16px;
        line-height: 24px;
        text-align: justify
    }

    .return-cms {
        color: #5a5757;
        float: left;
        width: 100%
    }

    .warrenty-bx,.return-bx,.def-bx,.nost-bx {
        float: left;
        width: 47%;
        border: 3px solid var(--secondary-color);
        padding: 20px;
        position: relative
    }

    .warrenty-bx,.def-bx {
        margin-right: 35px
    }

    .return-bx,.nost-bx {
        margin-left: 35px
    }

    .def-bx {
        margin-top: -70px
    }

    .nost-bx {
        margin-top: 110px
    }

    .warrenty-bx,.return-bx {
        margin-top: 80px
    }

    .warrenty-bx>h2,.return-bx>h2,.def-bx>h2,.nost-bx>h2 {
        color: var(--secondary-color);
        font-size: 35px;
        margin: 60px 0 7px
    }

    .top-icon {
        float: left;
        height: 146px;
        left: 50%;
        margin-left: -64px;
        margin-top: -77px;
        position: absolute;
        top: 0;
        width: 145px
    }

    .warrenty-bx .top-icon {
        background: url(../images/returnpolicy.png) no-repeat
    }

    .return-bx .top-icon {
        background: url(../images/returnpolicy.png) no-repeat scroll -186px 0
    }

    .def-bx .top-icon {
        background: url(../images/returnpolicy.png) no-repeat scroll -382px -3px
    }

    .nost-bx .top-icon {
        background: url(../images/returnpolicy.png) no-repeat scroll -579px 0
    }

    .warrenty-bx>p,.return-bx>p,.def-bx>p,.nost-bx>p {
        font-size: 16px;
        line-height: 24px;
        text-align: justify
    }

    .shipping-cms {
        float: left;
        width: 100%
    }

    .ship-paragraph {
        float: left;
        width: 100%;
        margin: 0 0 50px
    }

    .ship-paragraph>p {
        font-size: 16px;
        text-align: justify
    }

    .ship-banner {
        float: left;
        width: 100%;
        margin: 0 0 50px
    }

    .ship-banner>img {
        width: 100%
    }

    .ship-footer {
        float: left;
        width: 100%
    }

    .ship-box1,.ship-box2,.ship-box3,.ship-box4,.ship-box5 {
        border: 3px solid var(--secondary-color);
        float: left;
        padding: 20px;
        width: 46%;
        margin-bottom: 30px
    }

    .ship-box1,.ship-box3,.ship-box5 {
        margin-right: 45px
    }

    .ship-box2,.ship-box4 {
        margin-left: 45px
    }

    .ship-box1>h3,.ship-box2>h3,.ship-box3>h3,.ship-box4>h3,.ship-box5>h3 {
        float: left;
        font-size: 18px;
        width: 100%;
        margin: 0 0 10px
    }

    .ship-box1>p,.ship-box2>p,.ship-box3>p,.ship-box4>p,.ship-box5>p {
        float: left;
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 0;
        width: 100%
    }

    .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
        border-radius: 0!important
    }

    .custom-combobox {
        display: block;
        float: left;
        width: 100%
    }

    .product-name .custom-combobox-input {
        margin: 0;
        width: 90%;
        float: left;
        min-height: 47px;
        padding: 0 10px;
        font-family: 'Inter',sans-serif;
        font-size: 15px
    }

    .product-name .custom-combobox-toggle {
        width: 9%!important;
        border-left: 0 none!important;
        min-height: 47px
    }

    .product-qty .custom-combobox-input {
        margin: 0;
        width: 65%;
        float: left;
        min-height: 47px;
        padding: 0 10px;
        font-family: 'Inter',sans-serif;
        font-size: 15px
    }

    .product-qty .custom-combobox-toggle {
        width: 33%!important;
        border-left: 0 none!important;
        min-height: 47px
    }

    .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
        padding: 16px 0!important
    }

    .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
        border-radius: 0!important
    }

    .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
        background: 0 none!important;
        font-size: 13px!important
    }

    #customer_address {
        margin: 0 0 10px
    }

    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        background: #ededed none repeat scroll 0 0;
        float: left;
        max-height: 226px;
        padding: 15px;
        width: auto!important;
        overflow-y: scroll;
        font-family: 'Inter',sans-serif;
        font-size: 15px
    }

    .topcart,.top-logo {
        display: none
    }

    .resposive-login,.resposive-logout {
        display: none
    }

    #nav li.nav-3:hover ul.level0,#nav li.nav-4:hover ul.level0,#nav li.nav-5:hover ul.level0 {
        left: 0
    }

    .singlecutoff {
        font-size: 12px;
        font-weight: 500;
        margin-left: 9px
    }

    .anyfutherorder {
        font-weight: 500;
        font-size: 12px
    }

    .satuday-time {
        width: 100%!important
    }

    .satuday-time .saturday-prioritycutoff {
        text-align: left;
        line-height: 30px
    }

    .button.view-cart>span {
        background: var(--secondary-color);
        border: 2px solid var(--secondary-color)
    }

    .button.view-cart:hover span {
        color: var(--secondary-color)
    }

    li.login {
        position: relative
    }

    .header-login {
        background: #ededed none repeat scroll 0 0;
        border: 1px solid #ccc;
        float: left;
        margin-right: -1px;
        position: absolute;
        right: 0;
        width: 282px;
        z-index: 3400;
        box-shadow: 1px 6px 10px rgb(27 27 27 / .12);
        -webkit-box-shadow: 1px 6px 10px rgb(27 27 27 / .12)
    }

    .header-login .button {
        width: 100%;
        margin-left: 0!important
    }

    .header-login .button span {
        color: var(--white-color)!important;
        background: var(--secondary-color);
        border-color: var(--secondary-color);
        line-height: 10px
    }

    .header-login .button:hover span {
        color: var(--secondary-color)!important
    }

    .header-login #forgotpasswordlink {
        width: 100%;
        background-image: none;
        float: left;
        text-align: center;
        padding: 0
    }

    .header-login .loginmsg {
        color: var(--primary-color);
        text-align: center;
        width: 100%;
        float: left
    }

    .header-login .buttons-set>span#ajax_loader {
        text-align: center;
        float: left;
        width: 100%;
        position: absolute;
        left: 0;
        top: 30%
    }

    .header-login .customer-account-forgotpassword .form-list li:last-child {
        margin: 10px 0 10px;
        width: 100%
    }

    .header-login .form-list {
        float: left;
        width: 100%;
        padding: 10px;
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .header-login .buttons-set {
        padding: 10px;
        padding-top: 0;
        padding-bottom: 0
    }

    .header-login .form-list li:last-child {
        margin-top: 0;
        width: 100%
    }

    .header-login .custheader {
        float: left;
        width: 100%;
        background: var(--secondary-color) url(../images/header-user.png) no-repeat scroll center left 15px;
        padding: 10px
    }

    .custheader>h3 {
        color: var(--white-color);
        line-height: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px
    }

    .header-login input.input-text {
        line-height: 20px;
        font-size: 13px;
        padding: 8px
    }

    .newuser-link {
        float: left;
        width: 100%
    }

    .newuser-link>a {
        float: left;
        padding: 0!important;
        font-size: 14px!important;
        color: #e00f26!important;
        background-image: none!important;
        line-height: 34px!important;
        text-decoration: underline;
        font-weight: 400!important
    }

    p.main-text {
        float: left;
        font-size: 15px;
        line-height: 24px;
        margin: 0 0 20px;
        text-align: justify;
        width: 100%
    }

    p.paragraph-footer {
        float: left;
        font-size: 15px;
        text-align: justify;
        width: 100%
    }

    #nav li.nav-4 ul.level0 ul.level1 {
        display: none
    }

    .next-cart em {
        color: #e00f26;
        font-size: 17px;
        margin-right: 2px
    }

    .top-header {
        float: left;
        width: 100%;
        color: var(--white-color);
        padding: 0;
        background: url(../images/header-chrismas-bckbanner.png) no-repeat scroll right center;
        border-bottom: 1px solid #cc0017;
        background-size: cover;
        height: 43px;
        background-position: center -5px
    }

    .top-header .shipping-title {
        float: left;
        margin: 0;
        padding: 0 15px
    }

    .shipping-title>p {
        line-height: 22px;
        font-weight: 400;
        margin: 0;
        float: left
    }

    .satuday-time p {
        text-align: left;
        float: left;
        line-height: 25px
    }

    #single_div {
        width: 30%!important
    }

    #overnight_div {
        width: 30%!important
    }

    #satuarday_div {
        width: 40%!important
    }

    #upsground_div {
        width: 30%!important
    }

    #upsexp_div {
        width: 30%!important
    }

    #single_div span:first-child,#overnight_div span:first-child,#satuarday_div span:first-child {
        margin-left: 0
    }

    #single_div p,#overnight_div p,#satuarday_div p {
        float: left;
        font-size: 10px;
        line-height: 0;
        margin-left: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        color: var(--white-color);
        font-weight: 500
    }

    #upsground_div p,#upsexp_div p {
        float: left;
        font-size: 10px;
        line-height: 0;
        margin-left: 40px;
        padding: 0;
        text-align: left;
        width: 100%;
        color: #351c15;
        font-weight: 500;
        position: relative;
        top: -10px
    }

    #single_div b,#overnight_div b,#satuarday_div b,#upsground_div b,#upsexp_div b {
        font-size: 8px;
        font-weight: 800
    }

    #single_div span,#overnight_div span,#satuarday_div span,#upsground_div span,#upsexp_div span {
        float: left;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-left: 10px;
        margin-top: 0;
        padding: 0;
        text-align: center;
        line-height: 25px;
        width: 37px
    }

    .top-wishlist-widget {
        margin-left: 16px;
        margin-top: 6px;
        width: 40%
    }

    .top-wishlist-widget .customerwishlist1 {
        float: left;
        width: 55%;
        margin: 2px 0 0
    }

    .top-wishlist-widget .button {
        float: right;
        width: 40%
    }

    .top-wishlist-widget #update_wishlist1 span {
        font-weight: 600;
        background: #27a7ec;
        border-color: #27a7ec;
        text-transform: uppercase
    }

    .top-wishlist-widget #update_wishlist1:hover span {
        background: 0;
        border-color: #e3293e;
        color: #e3293e
    }

    .category-products li.item .product-image img.defaultImage {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .category-products li.item .product-image:hover img.defaultImage {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .category-products li.item .product-image:hover img.hoverImage {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .m-username {
        float: left;
        margin-left: 3%;
        background-color: #e4f3ff;
        padding: 0 4px;
        width: 48.5%;
        border: 1px solid #acb4b9;
        margin-top: 6px
    }

    .m-username .email-name,.m-username .mobile-field,.m-username .username-field {
        margin: 0 1% 0
    }

    .m-username p {
        float: left;
        width: 100%;
        font-size: 10px;
        text-align: center;
        margin: 0;
        color: #656565;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 1px
    }

    .m-username input {
        line-height: 10px;
        min-height: 33px;
        padding: 5px
    }

    .m-username label {
        font-size: 14px;
        padding: 0
    }

    p.numaric-values {
        float: left;
        width: 60px;
        min-height: 33px;
        line-height: 31px;
        background-color: var(--white-color);
        border: 1px solid #cacaca;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-right: 5px
    }

    .mobile-field input {
        width: 83%
    }

    .extrabillingfields {
        float: left;
        width: 100%;
        background-color: #e4f3ff;
        padding: 5px 10px;
        border: 1px solid #acb4b9
    }

    p.mno_label {
        background-color: var(--white-color);
        border: 1px solid #ccc;
        float: left;
        font-size: 17px;
        line-height: 42px;
        margin-bottom: 0;
        margin-right: 2%;
        min-height: 45px;
        text-align: center;
        width: 15%
    }

    .mno_label-text {
        float: left;
        width: 100%
    }

    .mno_label-text .input-box {
        clear: none!important;
        float: left;
        width: 83%
    }

    p.user-guidline {
        float: left;
        width: 100%;
        font-size: 10px;
        text-align: center;
        margin: 0;
        color: #656565;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 1px
    }

    .currentopentab {
        border-bottom: 0 none!important;
        background: -webkit-linear-gradient(#dcdcdc,#f7f7f7)
    }

    .my-wishlist .buttons-set button.button {
        margin-right: 0;
        float: right
    }

    .productreturn-front-view .fieldset {
        margin: 0 0 10px
    }

    .additinal-text {
        background-color: #eee;
        border: 1px solid #ccc;
        float: left;
        margin: 0 0 10px;
        padding: 2%;
        width: 100%
    }

    .additinal-text>p {
        text-align: justify;
        font-size: 14px
    }

    .additinal-text b {
        font-size: 15px;
        text-transform: uppercase
    }

    .fl_width .button {
        width: 100%;
        float: left
    }

    .productreturn-front-list .button {
        margin-bottom: 10px;
        float: right
    }

    .productreturn-front-newrequestselectorder .select-buttons {
        float: left;
        margin: 10px 0;
        width: 100%
    }

    .product-return-main-container {
        float: left;
        width: 100%
    }

    .right-align button.button {
        width: 100%
    }

    .main_orders_title a.scalable.save {
        float: right;
        margin: 5px 0 0
    }

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

    .payment_balancesheet_btn>input {
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
        display: block;
        float: none;
        margin: 2% auto auto;
        min-width: 145px;
        padding: 5px;
        color: var(--white-color)
    }

    .customer-accountpage-balancesheet h1 {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        text-transform: uppercase
    }

    a.scalable.save {
        margin: 0 0 10px;
        float: right
    }

    .customercredit-index-log .limiter label,.customercredit-index-log .pager p.amount {
        line-height: 48px;
        margin-right: 20px
    }

    .remove-link.button {
        padding: 4px 5px;
        width: 150px;
        margin: 10px 0 0;
        font-size: 15px;
        float: left
    }

    .brokenscreens-myaccount-order .box-title h3 {
        float: left;
        margin: 0 0 7px
    }

    .minlineheight small {
        color: #383838;
        font-size: 10px;
        text-transform: uppercase
    }

    .minlineheight p a,.minlineheight p {
        margin: 0;
        font-size: 10px
    }

    .red-bg-tbl {
        color: var(--white-color);
        background-color: #e3293e;
        font-weight: 600!important
    }

    .minlineheight td {
        height: 51px;
        line-height: 16px;
        padding: 10px;
        vertical-align: middle
    }

    .backtomyacc>a {
        color: var(--secondary-color)!important;
        font-weight: 500;
        font-size: 25px
    }

    li.backtomyacc {
        background: #ededed;
        padding-right: 15px
    }

    .remove-link {
        color: #e0263a;
        float: left;
        margin: 5px 0 0;
        background: #fff0 var(--site-main-sprites) no-repeat scroll -35px -2011px;
        padding-left: 22px;
        font-weight: 400
    }

    #single_div #timer_message {
        float: left;
        width: 100%;
        padding-top: 0
    }

    #single_timer p.anyfutherorder {
        margin: 0
    }

    .custumer-profit-reports-container {
        margin: 0 0 10px;
        float: left;
        width: 100%
    }

    .currentopentab span {
        color: #e00f26
    }

    .productreturn-front-list .limiter label,.productreturn-front-list p.amount {
        left: 0;
        line-height: 46px;
        margin-right: 10px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 10px
    }

    img[id="image"] {
        display: none
    }

    .forgotpasswordshow_tab {
        display: none
    }

    .checkout-colset {
        background: 0!important;
        border: 0!important
    }

    .hheight {
        min-height: 410px
    }

    .hheight .buttons-set {
        margin-top: 64px
    }

    .checkout-step-login .ul {
        margin: 0 0 53px
    }

    .created_date {
        width: 50%;
        float: left;
        text-align: right
    }

    .created_date>h4 {
        display: inline
    }

    .created_date>label {
        font-style: italic
    }

    a.attch {
        float: right;
        font-size: 14px;
        line-height: 25px;
        background-image: url(../images/attchment.png);
        height: 30px;
        width: 30px;
        background-repeat: no-repeat;
        margin-top: 2px
    }

    .reply-buttons button {
        float: right
    }

    .reply-buttons {
        float: left;
        width: 100%
    }

    p.right-side {
        float: right!important
    }

    a.attch:hover {
        background-position: 0 -54px
    }

    .file-inputs-front>label {
        appearance: button;
        -moz-appearance: button;
        background-color: var(--secondary-color);
        color: var(--white-color);
        font-size: 17px;
        padding: 7px 10px;
        transition: all .3s ease 0s;
        -webkit-transition: all 143658.3s ease 0s;
        border: 2px solid var(--secondary-color);
        width: 140px;
        text-align: center;
        font-weight: 400;
        cursor: pointer
    }

    .file-inputs-front>label:hover {
        background-color: #fff0;
        border-color: var(--secondary-color);
        color: var(--secondary-color)
    }

    .file-inputs-front>input {
        display: none
    }

    .attachment-label {
        line-height: 40px;
        padding-bottom: 0!important;
        margin-left: 10px;
        font-weight: 400!important
    }

    .input-box.attach-file>label {
        float: right;
        line-height: 40px;
        padding-bottom: 0!important;
        font-weight: 400
    }

    .chkoutspan {
        background-color: var(--secondary-color);
        float: left;
        padding: 0;
        width: 100%;
        cursor: pointer
    }

    .chkoutspan>h3 {
        color: var(--white-color)!important;
        font-size: 17px!important;
        font-weight: 400!important;
        line-height: 40px;
        margin: 0!important;
        text-align: left!important;
        display: none
    }

    .chkoutspan .plusminus {
        background-color: var(--white-color);
        color: var(--secondary-color);
        float: left;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
        width: 35px;
        margin-right: 10px;
        display: none
    }

    .display_chkout {
        padding: 15px!important;
        border: 1px solid #ccc;
        background-color: #eee;
        box-shadow: 1px 1px 9px #ddd;
        -webkit-box-shadow: 1px 1px 9px #ddd
    }

    .hover-class a {
        background-color: #17a6f1;
        color: var(--white-color)!important
    }

    .pages li {
        float: left
    }

    .parent-category {
        display: none
    }

    .showparent {
        display: block
    }

    .sub-ul {
        width: 90%;
        background-color: var(--white-color);
        float: left;
        margin: 0 5% 5%!important;
        padding: 0!important;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc
    }

    .product-name input.pro-return-name:focus,.pro-return-container .product-name .productidcls:focus {
        background-color: #edf7fd
    }

    .pro-return-container table.dataTable {
        top: 47px;
        width: 100%!important
    }

    .product-name .product-listing-td {
        padding: 3px 6px
    }

    .product-hover-list td,.product-name .productlist tbody td.dataTables_empty {
        border-bottom: 1px solid #ccc;
        width: 650px!important;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 0 none
    }

    .product-hover-list td.dataTables_empty {
        padding: 5px;
        text-align: center
    }

    .product-name .product-listing-td p {
        float: left;
        margin: 0;
        width: 100%
    }

    .product-name .dataTable tr {
        cursor: pointer
    }

    .product-name .dataTable tr.even td {
        background-color: var(--white-color)
    }

    .product-name .dataTable tr.odd td {
        background-color: #eee
    }

    .product-name .productlist tbody {
        overflow-y: auto;
        float: left;
        height: 350px;
        width: 98%
    }

    .product-name .dataTable tr.selected td {
        background-color: #27a7ec!important;
        color: var(--white-color);
        border-bottom: 1px solid #27a7ec!important
    }

    .special_note {
        background-color: #ba161d;
        float: left;
        margin: 0 0 25px;
        padding: 13px;
        width: 100%
    }

    .special_note>h2 {
        text-transform: uppercase;
        color: var(--white-color);
        font-weight: 600;
        margin: 0 0 4px
    }

    .special_note p {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 400
    }

    .sales-order-view .page-title h1 {
        font-size: 30px
    }

    .sales-order-view .my-account .title-buttons {
        margin: 0;
        padding: 0;
        line-height: 39px
    }

    .sales-order-view .my-account .title-buttons .res1024_view {
        float: right
    }

    .footer_white_logo {
        display: none
    }

    .ms-account .country-container.myacc-container>ul.sevices-list>li.backtolink.b-link-found {
        display: none
    }

    .footer_btn.support-ticket-foot {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        float: none
    }

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

    .footer_btn.support-ticket-foot .popup-btn-right {
        display: flex;
        justify-content: space-between
    }

    span.stock_bold {
        color: #e00f26;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px
    }

    @keyframes popanimation {
        from {
            margin-top: 0
        }

        to {
            margin-top: 10%
        }
    }

    table#newrepair tbody input,table#newrepair tbody select {
        border: 1px solid #ccc;
        padding: 6px 10px;
        height: 40px;
        font-size: 13px;
        width: 95%
    }

    #newrepair tbody th {
        font-size: 14px;
        text-align: center
    }

    #newrepair thead th {
        font-size: 13px;
        text-align: center
    }

    button.removeitem {
        background-color: #e00f26;
        border: 2px solid #e00f26;
        line-height: 22px;
        font-size: 14px;
        padding: 6px 10px;
        color: var(--white-color);
        font-weight: 600;
        cursor: pointer;
        width: 100%;
        float: left
    }

    button.removeitem:hover {
        border: 2px solid #e00f26;
        color: #e00f26;
        background-color: #fff0
    }

    button#addmore {
        background-color: var(--secondary-color);
        border: 2px solid var(--secondary-color);
        padding: 7px 20px;
        font-size: 14px;
        color: var(--white-color);
        font-weight: 600;
        text-align: center;
        margin: 5px 0
    }

    button#addmore:hover {
        background-color: #fff0;
        border: 2px solid var(--secondary-color);
        color: var(--secondary-color)
    }

    .bottom-repair-label {
        float: left;
        width: 100%;
        padding: 30px;
        border: 1px solid #ccc;
        margin: 0 0 18px
    }

    .bottom-repair-label select {
        margin: 0 0 10px
    }

    .bottom-repair-label label {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        font-weight: 400
    }

    .lbl-left>input {
        margin-top: -2px
    }

    .bottom-repair-label button.button {
        margin: 0 auto;
        float: none;
        width: 30%;
        display: block
    }

    #newrepair td {
        position: relative;
        text-align: center
    }

    .hidetable tbody tr {
        height: 40px!important
    }

    #newrepair .hidetable {
        width: 190px!important;
        top: 41px;
        border: 1px solid #ccc;
        border-top: 0;
        background-color: var(--white-color);
        margin-left: 4px
    }

    #newrepair .hidetable td {
        height: 40px!important;
        padding: 0 10px;
        vertical-align: middle;
        width: 500px;
        text-align: left;
        font-size: 13px
    }

    #newrepair .hidetable tbody {
        float: left;
        max-height: 240px;
        overflow-y: auto;
        width: 100%
    }

    #newrepair .hidetable tbody tr.selected td {
        background-color: var(--secondary-color);
        color: var(--white-color)
    }

    #newrepair tfoot td {
        text-align: left
    }

    select {
        appearance: menulist;
        -webkit-appearance: menulist;
        padding: 11px;
        height: 46px
    }

    .fields-title {
        margin: 0 0 10px!important
    }

    .repairsys-index-new .additinal-text {
        margin: 0 0 18px!important
    }

    .total-options {
        background: #f6f6f6;
        padding: 20px;
        border: 1px solid #ccc
    }

    #comment label {
        font-weight: 400;
        float: left;
        width: 100%;
        margin: 0 0 3px
    }

    div#comment {
        float: left;
        width: 100%;
        margin: 7px 0 0
    }

    #my-productreturn-table td input {
        border: 1px solid #ccc;
        margin: 0 0 8px;
        width: 98px;
        font-size: 10px;
        padding: 5px;
        height: 30px;
        text-transform: lowercase
    }

    #my-productreturn-table td input.tracking_ms {
        border-right: 0!important
    }

    #my-productreturn-table td input.msordernumber {
        border: 1px solid #ccc;
        margin: 0 0 8px;
        width: 30px;
        font-size: 13px;
        padding: 4px;
        background: rgb(213 213 213 / .49) var(--site-main-sprites) repeat scroll -12px -231px;
        cursor: pointer;
        border-left: 1px solid #ccc;
        text-indent: -3100px
    }

    #my-productreturn-table td input.msordernumber:hover {
        background: rgb(255 255 255 / .49) var(--site-main-sprites) repeat scroll -12px -260px;
        border-color: var(--secondary-color)
    }

    .sys-row {
        float: left;
        width: 100%;
        background-color: rgb(238 238 238 / .26);
        border: 1px solid #ccc;
        margin: 17px 0 17px;
        padding: 25px;
        position: relative
    }

    .pright-0 {
        padding-right: 0!important
    }

    .repairsys-index-new .buttons-set .button {
        margin: 0 auto;
        width: auto;
        display: block;
        float: none
    }

    #my-productreturn-table span.price {
        float: none
    }

    .sm-sys-label-3 {
        width: 50%;
        float: left;
        padding-right: 17px;
        margin: 0 0 17px
    }

    .col-sys-radio {
        float: left;
        width: 100%;
        border: 1px solid #ccc;
        padding: 8px;
        margin: 0 0 12px
    }

    .col-sys-radio input {
        margin: -4px 3px 0
    }

    .col-sys-radio span {
        font-size: 13px;
        text-transform: uppercase
    }

    .col-sys-5 {
        float: left;
        width: 100%
    }

    .col-sys-6 {
        float: left;
        width: 52%;
        padding: 8px;
        border: 1px solid #ccc
    }

    .col-sys-6 span {
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase
    }

    .col-sys-6 input {
        margin: -4px 3px 0
    }

    .b-bottom {
        margin: 0 0 18px
    }

    .repairsys-index-manage .dataTable {
        border: 1px solid #ccc;
        font-size: 13px;
        line-height: 17px;
        border-bottom: 0;
        margin-top: 10px;
        width: 100%
    }

    .repairsys-index-manage .dataTable thead tr {
        background-color: #e5e5e5
    }

    .repairsys-index-manage .dataTable thead th.sorting {
        border: 1px solid #ccc;
        padding: 7px;
        border-right: 0;
        border-top: 0
    }

    .repairsys-index-manage .dataTable tbody td {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px
    }

    .repairsys-index-manage .dataTable tbody td:first-child {
        border-left: 0
    }

    .repairsys-index-manage .dataTable tbody td:last-child {
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:first-child {
        border-left: 0;
        width: 12%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:nth-child(2) {
        width: 13%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:nth-child(3) {
        width: 20%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:nth-child(4) {
        width: 26%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:nth-child(5) {
        width: 11%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTable thead th.sorting:nth-child(6) {
        width: 12%!important;
        text-align: center
    }

    .repairsys-index-manage .dataTables_info {
        background-color: #eee;
        line-height: 38px;
        border: 1px solid #ccc;
        float: left;
        width: 50%;
        padding-left: 15px;
        border-top: 0;
        border-right: 0
    }

    .repairsys-index-manage .dataTables_paginate {
        background-color: #eee;
        line-height: 38px;
        border: 1px solid #ccc;
        float: right;
        width: 50%;
        padding-right: 15px;
        border-top: 0;
        border-left: 0
    }

    .repairsys-index-manage .dataTables_paginate a {
        float: right;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        margin-left: 10px;
        cursor: pointer
    }

    .repairsys-index-manage .dataTables_length {
        width: 30%;
        display: inline-block
    }

    .repairsys-index-manage .dataTables_length select {
        width: 60px;
        padding: 5px;
        height: 34px
    }

    .repairsys-index-manage .dataTables_filter {
        width: auto;
        float: right
    }

    .repairsys-index-manage .dataTables_filter input {
        padding: 5px;
        border: 1px solid #ccc
    }

    .confirmpopup {
        background-color: #eee;
        padding: 30px!important;
        position: fixed;
        right: 10%;
        top: 8%;
        width: 80%;
        z-index: 10000!important
    }

    .pop-saction1 select {
        padding: 0;
        height: 38px;
        width: 100%
    }

    button#acceptconfirm {
        float: right;
        width: 90px;
        padding: 5px;
        border: 1px solid #27a7ec!important;
        background-color: #27a7ec;
        color: var(--white-color)
    }

    .magento_title {
        font-size: 19px;
        text-align: center;
        padding: 0 0 10px;
        font-weight: 700;
        color: var(--secondary-color)
    }

    #noacceptconfirm {
        float: right;
        padding: 5px 10px;
        border: 1px solid #ccc;
        margin-right: 11px
    }

    .conform_footer {
        float: right;
        margin: 10px 51px 0
    }

    .bg-sys-overrely {
        float: left;
        width: 100%;
        background-color: rgb(24 166 239 / .15);
        border: 1px solid #8fc2dc;
        margin: 0 0 17px;
        padding: 30px 15px 43px
    }

    .repairsys-index-new em.required {
        font-size: 15px;
        color: #dc0a0a;
        font-weight: 700;
        font-style: normal;
        display: inline
    }

    .right-align .button.btn-cart span span {
        padding: 0!important;
        height: 22px!important;
        line-height: 22px
    }

    .action>label {
        float: left;
        width: 100%!important;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        margin-bottom: 13px;
        color: #333!important
    }

    .footer-contact h4 {
        color: var(--white-color);
        font-size: 21px;
        font-weight: 600;
        margin: 11px 0;
        text-transform: uppercase
    }

    .footer-contact p {
        font-size: 15px;
        line-height: 30px;
        margin: 0 0 4px;
        font-weight: 400;
        text-transform: uppercase
    }

    .sm-footer {
        float: left;
        width: 33.333%;
        margin-top: 9px;
        text-align: center;
        display: none
    }

    .header .form-search {
        max-height: 34px;
        width: 100%;
        margin: 10px 0 10px
    }

    .view_category {
        left: 0!important
    }

    .viewlist_category {
        left: 0!important
    }

    .togglelist_clk_top {
        left: 180px!important
    }

    .category-products.related-prod.cross_sell .products-grid {
        width: 2000px!important
    }

    .category-products li.item .product-image img.hoverImage {
        margin-left: -35%;
        margin-right: -35%;
        opacity: 0;
        position: absolute;
        right: 50%;
        top: 0;
        left: 0
    }

    .block-bg {
        float: left;
        width: 100%;
        background: #efefef var(--site-main-sprites) no-repeat scroll 14px -854px!important;
        box-shadow: 1px 1px 1px #ddd;
        -webkit-box-shadow: 1px 1px 1px #efefef;
        padding-left: 38px!important
    }

    #none-div .button {
        float: left;
        width: 100%
    }

    .cms-questions dt {
        background-image: none!important;
        font-size: 15px;
        padding: 3px!important;
        text-align: left
    }

    .product-return-main-container {
        padding: 10px
    }

    .leftdata .input-box {
        width: 100%!important
    }

    .leftdata .v-middle {
        margin-top: 10px
    }

    a.scalable.save {
        float: right;
        margin-right: 12px!important;
        margin-bottom: 10px!important
    }

    .fix-search .form-search {
        max-height: 52px
    }

    .forgotpasswordhide_tab {
        display: none
    }

    .forgotpasswordshow_tab {
        display: block!important;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin: 10px 0
    }

    .top-logo {
        float: none;
        width: 85%;
        padding: 0;
        margin: auto
    }

    .quick-access .header-block {
        margin: 20px 0 0
    }

    .created_date {
        text-align: left!important;
        width: 100%!important
    }

    .display_chkout {
        margin: 0!important
    }

    .ratings {
        display: inline-table;
        font-size: 11px;
        line-height: 1.25;
        text-align: center;
        width: 100%;
        margin: 10px 0;
        float: none
    }

    #paypal_direct_cc_number {
        padding-left: 80px!important;
        background-size: 65px 626px,8% 626px!important
    }

    .minilogo>img {
        width: 124px;
        margin-left: 8px;
        margin-top: 4px
    }

    .drop_open {
        background-color: #27a7ec!important;
        color: var(--white-color)!important
    }

    .drop_open span {
        color: var(--white-color)!important
    }

    .profile_dropdown>a.drop_open:after {
        border-color: var(--white-color) #fff0 transparent!important
    }

    .profile_dropdown b {
        font-weight: 600
    }

    li.logout-bg a {
        background-color: #e01229;
        color: var(--white-color)!important
    }

    .account-create .form-list .field {
        width: 100%
    }

    .category-products .toolbar {
        margin: 0 0 13px
    }

    .carts_buttons .buttons-set .button {
        width: 100%;
        margin: 0 0 10px
    }

    .cart-collaterals .totals .checkout-types button {
        width: 100%
    }

    .carts_buttons .buttons-set {
        margin-bottom: 0
    }

    .checkout-types>li {
        width: 100%;
        margin: 0
    }

    .otp_wapper {
        width: 100%
    }

    .related-prod .product-options .input-text {
        border-color: #e6e6e6
    }

    .main-container {
        margin-top: 0;
        padding-bottom: 30px
    }

    .carts_buttons .buttons-set .button+button {
        margin: 0 0 10px
    }

    .carts_buttons .buttons-set .button+button+button {
        margin: 0 0 10px
    }

    .ship-paragraph {
        margin: 0 0 10px
    }

    .ship-banner {
        margin: 0 0 25px
    }

    .cms-questions dd {
        padding: 5px;
        text-align: left!important
    }

    .footer-container {
        margin-top: 20px
    }

    body.customer-accountpage-index .box-account,body.customer-accountpage-index .table-container {
        margin: 0
    }

    .verify_code_area .customer-name .field.name-Mobile .input-box {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button a {
        margin-right: 12px;
        margin-left: 0
    }

    .otp_checkout {
        padding: 0 0 5px;
        position: relative
    }

    .otp_checkout>a.btn-edit {
        position: absolute;
        right: 0
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button {
        width: 100%;
        margin-top: 0
    }

    div#paypal-container {
        text-align: center;
        float: left;
        margin: 3px 0 0;
        clear: both
    }

    .header_message {
        height: 90px;
        display: none
    }

    span#ext_time,span#ext_time1 {
        padding-left: 0;
        width: 100%
    }

    body .cart .discount.cart-coupon-mobile .buttons-set {
        width: 12%
    }

    .rmz-chat-bubble span svg {
        height: 32px!important;
        width: 32px!important
    }

    .web-whatsapp {
        bottom: unset!important;
        top: calc(50% + 48px)!important;
        right: 4px!important
    }

    .web-whatsapp svg {
        height: 30px!important;
        width: 30px!important
    }

    .rmz-chat-bubble {
        right: 10px!important;
        top: calc(80% + 120px)!important;
        bottom: unset!important;
        height: 32px!important;
        width: 32px!important
    }

    .rmz-chat-bubble span svg g {
        transform: scale(.8) translate(3px,3px)!important
    }
}

@media screen and (max-width: 536px) {
    .account-login .page-title {
        margin:0
    }

    .account-login .page-title h1 {
        font-size: 18px
    }

    .account-login .page-title>p {
        text-align: center
    }

    .page-title h1 {
        text-align: center
    }

    .opc #opc-review .buttons-set p {
        text-align: left;
        width: 100%
    }

    #review-buttons-container .button {
        float: left
    }

    .opc .please-wait {
        margin-top: -30%
    }

    .legend-block .legend-inner-block {
        width: 100%!important;
        border-bottom: 1px solid #d5d5d5;
        border-right: none!important;
        min-height: 0!important
    }

    .legend-block .legend-inner-block:last-child {
        border-bottom: 0 none
    }

    .cms-center .top-icon {
        display: none
    }

    .warrenty-bx>h2,.return-bx>h2,.def-bx>h2,.nost-bx>h2 {
        font-size: 23px!important;
        word-wrap: break-word
    }

    .m-username .email-name,.m-username .mobile-field,.m-username .username-field {
        width: 100%!important;
        padding: 1% 3%
    }

    .my-buttonset .btn-left,.my-buttonset .btn-right,.my-buttonset .btn-left p,.my-buttonset .btn-left p.back-link a,.my-buttonset .btn-right .button {
        width: 100%
    }

    .my-buttonset .btn-right .button {
        margin-left: 0
    }

    .captcha-image .captcha-img {
        width: 100%
    }

    .captcha-image {
        width: 100%
    }

    .main-paragraph {
        margin: 0 0 10px!important
    }

    .creditcard-method>h2,.paypal-method>h2,.fedex-method>h2,.behalf-method>h2 {
        margin: 10px 0 7px!important
    }

    .product-detail-page {
        margin-top: 0!important
    }

    .sales-order-view .my-account .title-buttons .res1024_view {
        float: none!important;
        width: 100%;
        text-align: center
    }

    .item .product-options {
        display: none
    }

    .notify_btn button.button span {
        background: url(../images/notify-me.png) 2px center no-repeat var(--primary-color);
        padding: 6px 10px 5px 23px;
        line-height: 15px;
        min-height: 32px;
        border-radius: 4px;
        font-size: 12px;
        background-size: 17px;
        max-width: 110px;
        word-break: break-word;
        width: 100%;
        white-space: normal
    }

    .notify_btn button.button:hover span {
        color: var(--white-color)
    }

    .button.credit_btn {
        width: 100%
    }

    .notify_btn {
        display: block!important;
        text-align: center
    }

    .order_filter .rightdata_order {
        text-align: left
    }

    .order_filter .rightdata_order a.button {
        padding: 10px 8px;
        margin: 6px 1% 7px;
        width: 48%
    }

    .category-products .sorter .amount {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .category-products .toolbar {
        background-color: #fff0
    }

    .category-products .pager {
        float: none;
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .category-products .pager .pages {
        display: inline-block
    }

    .category-products .pager .pages li {
        height: auto;
        display: inline-block;
        margin: 0 0 10px
    }

    .popup-otp-disable.dm-approval {
        margin: 0;
        bottom: 10px;
        height: 40px;
        padding: 8px 15px;
        top: inherit
    }
}

@media screen and (max-width: 480px) {
    .main {
        width:100%
    }

    .account-create .buttons-set p.required {
        width: 100%;
        padding-bottom: 15px
    }

    button.submit-request-btn {
        margin: 0 0 50px
    }

    .my-account .buttons-set p.required {
        width: 100%;
        text-align: left
    }

    .brand-container {
        display: none!important
    }

    .product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
        width: 100%!important
    }

    .product-view .lft-pshop {
        display: none
    }

    .cart-table tfoot td {
        padding: 0!important
    }

    .cartsubtotal {
        float: left;
        width: 100%;
        margin: 10px 0 10px;
        padding: 15px 10px;
        font-size: 17px
    }

    .cart-table button.button {
        width: 290px;
        float: left
    }

    .sublogin-frontend-index .my-account .buttons-set {
        padding: 10px;
        width: 100%
    }

    .sublogin-frontend-index .my-account .buttons-set .button,.sublogin-frontend-index .my-account .buttons-set p.back-link,.sublogin-frontend-index .my-account .buttons-set p.back-link a {
        padding: 10px;
        width: 100%;
        margin-left: 0
    }

    .right-align {
        float: none!important;
        margin: 0 auto 15px!important;
        width: 45%!important;
        display: block!important
    }

    .rightdata a.scalable {
        width: 97%;
        float: none;
        margin: 0 auto 0;
        display: block;
        padding: 9px
    }

    .customercredit-index-log .pager p.amount {
        float: left;
        text-align: left;
        width: 97%;
        margin-right: 0
    }

    .customercredit-index-log .limiter {
        width: 100%
    }

    .agreement-content>p {
        text-align: justify
    }

    .input-box.attach-file>label {
        float: left;
        width: 100%
    }

    .createnew-tikit-form .buttons-set {
        margin: 0
    }

    .reply-buttons button {
        width: 100%
    }

    .support-ticket-view .buttons-set {
        padding: 10px 0 0;
        margin: 0
    }

    .support-ticket-view .buttons-set button.button {
        margin-bottom: 10px;
        margin-left: 0!important;
        width: 100%
    }

    .support-ticket-view .buttons-set p.back-link {
        float: left;
        width: 100%
    }

    .support-ticket-view .buttons-set p.back-link a {
        width: 100%
    }

    .my-account .pager .amount,.my-account .sorter .amount {
        float: left;
        width: 100%
    }

    .my-account .pager .limiter label,.my-account .sorter .limiter label {
        line-height: 40px
    }

    .pager .limiter select {
        height: 40px
    }

    .pager .limiter,.sorter .limiter,.sorter .sort-by {
        float: left
    }

    .pager,.toolbar {
        width: 98%
    }

    .verify_code_area .customer-name .field.name-Mobile .input-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button {
        width: 100%
    }

    .return-cms {
        padding: 0
    }

    .cms-center {
        padding: 0 10px
    }

    .page-title .password-reset h1 {
        font-size: 32px
    }

    .password-reset-form .buttons-set .required {
        text-align: center
    }

    .password-reset-form label {
        font-size: 13px
    }
}

@media screen and (max-width: 360px) {
    .opc .step-title a {
        margin-top:5px
    }

    .col2-left-layout .col-left {
        width: 90%;
        margin: 0 5%
    }

    .product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
        width: 100%
    }

    .nav-container .block-cart #cart-button #qua span {
        display: none
    }

    .box-account .col2-set {
        padding: 20px
    }

    .box-account .col2-set .col-1 {
        margin: 0;
        width: 100%
    }

    .page-title h1 {
        text-align: center
    }

    .cms-questions dt {
        font-size: 14px;
        line-height: 18px;
        text-transform: capitalize
    }

    .category-products .toolbar {
        width: 100%
    }

    .category-products .sorter .amount {
        display: none
    }

    .category-products .pager {
        width: 100%;
        min-height: 40px
    }

    .catalogsearch-result-index .col1-layout .products-grid {
        padding: 0 0 20px!important
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button a.resend-code {
        background: #f4f4f4 var(--site-main-sprites) 92px -259px no-repeat
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button a {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px
    }

    .verify_code_area .customer-name .field.name-Mobile .otp_button button {
        padding: 0;
        margin-right: 0;
        width: 100%
    }

    .otp_checkout {
        padding: 0 0 15px
    }

    .otp_checkout>a.btn-edit {
        margin-top: 10px
    }

    #OtpBox .conform-bx-inner,#unlockotpbox .conform-bx-inner,#notifyotpbox .conform-bx-inner {
        width: 95%
    }

    #OtpBox .otp_top_bg,#unlockotpbox .otp_top_bg,#notifyotpbox .otp_top_bg {
        background-position: 67px -26px;
        background-size: 270px
    }

    #OtpBox .otp_wapper .field .otp_footer a.button,#unlockotpbox .otp_wapper .field .otp_footer a.button,#notifyotpbox .otp_wapper .field .otp_footer a.button {
        background-position: -87px -224px
    }

    .popup-otp-disable.dm-approval {
        height: 30px;
        right: 5px;
        bottom: 5px;
        padding: 3px 15px
    }

    .popup-otp-disable.dm-approval a {
        font-size: 13px
    }

    .page-title .password-reset h1 {
        font-size: 22px
    }
}

@media screen and (max-width: 768px) {
    .be-first-write-review a {
        display:block
    }

    .account-login .page-title>p {
        display: block;
        margin: 5px 0 0;
        font-weight: 500
    }

    .visible-xs.title-visible {
        display: block
    }

    .hamburget-checkbox label {
        float: left
    }

    .hamburget-checkbox label:before {
        left: -2px;
        top: 2px;
        border-color: var(--grey-color-tone-three)
    }

    .mmac-hide {
        display: none
    }

    .mmac-show {
        display: block
    }
}

@media (max-width: 640px) {
    body.cms-page-view .page-title {
        margin-top:20px
    }

    .account-create .form-list .field {
        margin-top: 1%
    }
}

@media screen and (max-width: 375px) {
    .info-middle p.register-note-msg {
        font-size:15px
    }
}

.web-accesive {
    z-index: 99
}

.overlay-content {
    position: absolute;
    top: 20%;
    left: 10%;
    color: #fff;
    background: rgb(0 0 0 / .5);
    padding: 20px 30px;
    border-radius: 10px;
    max-width: 300px;
    text-align: left;
    z-index: 2
}

.overlay-content h2 {
    font-size: 24px;
    margin: 0 0 10px
}

.overlay-content p {
    font-size: 16px;
    margin: 0 0 15px
}

.btn-overlay {
    display: inline-block;
    background-color: #ff5a5f;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 700
}

div#reamaze-widget.rmz-chat-bubble[aria-label="Chat widget toggle"] {
    z-index: 100000000!important
}

html {
    -webkit-tap-highlight-color: #fff0;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none
}

.main-container {
    position: relative
}

.nav-container.sticky {
    background-color: var(--white-color)
}

.quick-access .header-block {
    position: relative
}

.quick-access .header-block div {
    color: var(--grey-color-tone-nine)
}

.quick-access .header-block div span {
    font-weight: 500;
    display: block
}

.sr-links a {
    position: absolute;
    top: -3em;
    background-color: var(--dark-color);
    color: var(--white-color);
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 0 0 5px 5px;
    left: 10px;
    font-size: 14px
}

.sr-links a:focus {
    top: 0;
    text-decoration: underline
}

.upper-top-notify-part-div {
    width: 100%;
    height: 85px;
    background-color: var(--white-color);
    color: var(--dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    background-image: url(../images/upper-bg1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    box-shadow: 1px 0 5px 1px var(--box-shadow-color-one)
}

.upper-top-notify-part-div .upper-main-content {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: relative;
    margin-right: 40px;
    margin-left: -40px
}

.upper-top-notify-part-div .upper-main-content p {
    margin: 0;
    color: var(--grey-color-tone-four);
    font-size: 29px;
    line-height: 30px;
    display: flex;
    align-items: center;
    font-weight: 400
}

.upper-top-notify-part-div .upper-main-content p b {
    font-weight: 700
}

.upper-top-notify-part-div .upper-main-content p span {
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 3px
}

.upper-top-notify-part-div .upper-main-content p span img {
    width: 100%
}

.upper-top-notify-part-div .upper-sub-content {
    height: 100%;
    display: flex;
    align-items: center
}

.upper-top-notify-part-div .upper-sub-content p {
    text-align: right;
    color: var(--grey-color-tone-five);
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    margin: 0
}

.upper-top-notify-part-div .upper-sub-content .notify-take {
    text-decoration: none;
    margin-left: 20px;
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    color: var(--grey-color-tone-one);
    width: 130px;
    height: 42px;
    background: var(--white-color);
    border-radius: 21px;
    box-shadow: 0 0 5px var(--box-shadow-color-one);
    display: flex;
    align-items: center;
    justify-content: center
}

.upper-top-notify-part-div .upper-sub-content .notify-take i {
    background-image: url(../images/announce-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 31px;
    margin-bottom: 3px;
    margin-left: 3px
}

.upper-top-notify-part-div .upper-sub-content .notify-take b {
    font-weight: 600
}

.upper-top-notify-part-div .upper-main-content:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 30px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    left: 0;
    top: 32%;
    background: var(--primary-color)
}

.upper-top-notify-part-div .upper-main-content:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 30px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    right: 0;
    top: 32%;
    background: var(--primary-color)
}

.ms-header .ms-container {
    display: flex;
    max-width: 1330px;
    margin: 0 auto;
    padding: 20px 15px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.ms-header .input-text {
    font-size: 14px;
    background-color: var(--grey-color-tone-six);
    height: 41px;
    border-color: var(--grey-color-tone-six);
    border-radius: var(--search-input-radius);
    color: var(--grey-color-tone-two);
    padding: 10px 50px 10px 15px;
    appearance: none;
    -webkit-appearance: none;
    width: 100%
}

.ms-searchbox {
    max-width: var(--search-block-width);
    width: 100%;
    position: relative;
    z-index: 1;
    margin: var(--m-search-margin)
}

.ms-header .form-search .button {
    text-indent: -9999px;
    height: 41px;
    width: 41px;
    background-color: var(--search-btn-bg-color);
    position: absolute;
    right: 0;
    border-radius: var(--search-btn-radius);
    background-image: var(--header-sprites-bg);
    background-position: 11px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%)
}

.msh-services {
    display: flex
}

.msh-services>li {
    max-width: 150px;
    padding: 0 12px;
    position: relative
}

.msh-services>li>a {
    color: var(--grey-color-tone-two);
    font-size: 14px
}

.msh-services>li>a>b {
    font-weight: 400
}

.msh-services>li.ms-services>a::before,.msh-services>li.ms-account>a::before {
    background-image: var(--header-sprites-bg);
    background-position: -37px 4px;
    background-repeat: no-repeat;
    display: block;
    content: "";
    height: 40px;
    width: 40px;
    margin: 0 auto
}

.msh-services>li.ms-account>a::before {
    background-image: var(--header-sprites-bg);
    background-position: -88px 4px
}

.msh-services>li+li {
    border-left: 1px solid var(--grey-color-tone-seven)
}

.screen-reader-text {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.msfedex-timer .fd-icon {
    background-image: url(../images/fedex-logo.svg);
    float: left;
    width: 50px;
    height: 41px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center
}

.msfedex-timer .ups-icon {
    background-image: url(../images/ups-img-svg-white.svg);
    float: left;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    margin-right: -2px;
    padding-bottom: 25px;
    background-size: 64%;
    background-position: 1px 5px
}

.msfedex-timer .default-icon {
    background-image: url(../images/default-img.svg);
    float: left;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    margin-right: -2px;
    padding-bottom: 25px;
    background-size: 64%;
    background-position: 1px 5px
}

.msfedex-timer .usps-icon {
    background-image: url(../images/usps-img_1.svg);
    float: left;
    width: 41px;
    height: 41px;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-size: 91%;
    background-position: 0 9px
}

.msfedex-timer .instore-icon {
    background-image: url(../images/instore-pickup_2.svg);
    float: left;
    width: 30px;
    height: 10px;
    background-repeat: no-repeat;
    margin-right: -2px;
    padding-bottom: 25px;
    background-size: 71%;
    background-position: 0 0
}

.msfedex-timer .fd-icon+span,.msfedex-timer .ups-icon+span,.msfedex-timer .usps-icon+span,.msfedex-timer .instore-icon+span {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 12px;
    position: relative;
    top: 4px;
    margin-top: 2px;
    float: left;
    width: 158px
}

.msfedex-timer .fd-timer {
    font-size: 16px;
    width: 110px;
    background-color: var(--dark-color);
    display: flex;
    align-items: center;
    border-radius: 6.75px;
    justify-content: center;
    text-align: center;
    overflow: hidden
}

.msfedex-timer {
    background-color: var(--grey-color-tone-eight);
    border-radius: 12px;
    position: relative;
    min-height: 70px;
    width: auto;
    max-width: 220px
}

.msfedex-timer:lang(el) {
    max-width: 180px
}

.msh-services>li:lang(el) {
    max-width: 125px;
    text-align: center;
    line-height: 12px
}

.vat-label-group-wrapper:lang(el) {
    max-width: 98px
}

.vat-label-group strong:lang(el) {
    font-size: 12px;
    color: #818182;
    margin: 10px 0 0;
    word-break: break-word
}

.block-cart:lang(el) {
    max-width: 145px
}

.ms-header .ms-menucontainer .ms-container {
    padding: 0 15px
}

.ms-header .ms-menucontainer {
    box-shadow: 1px 0 5px 1px var(--box-shadow-color-three)
}

.no-visible {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    overflow: hidden
}

.msfedex-timer>a {
    color: var(--white-color);
    display: block;
    padding: 4px;
    height: 100%
}

.s-timer-block {
    width: 100%;
    display: flex;
    height: 50%;
    background: var(--grey-color-tone-seven);
    border-radius: 6.75px;
    justify-content: space-between
}

.s-timer-block .ship-truck-icon {
    width: 70px;
    height: 100%
}

.s-timer-block .ship-truck-icon i {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat
}

.s-timer-block .ship-truck-icon.fedex-top-icon i {
    background-image: url(../images/fedex-img-color_1.svg);
    background-size: 45px;
    background-position: center
}

.s-timer-block .ship-truck-icon.fedexground-top-icon i {
    background-image: url(../images/fedex-img-ground_1.svg);
    background-size: 45px;
    background-position: center
}

.s-timer-block .ship-truck-icon.ups-top-icon i {
    background-image: url(../images/ups-img.svg);
    background-position: center;
    background-size: 20px
}

.s-timer-block .ship-truck-icon.uniuni-top-icon i {
    background-image: url(../images/uniuni-img-new.svg);
    background-position: center;
    background-size: 20px
}

.s-timer-block .ship-truck-icon.dpd-top-icon i {
    background-image: url(../images/dpd-img-new.svg);
    background-position: center;
    background-size: 46px
}

.s-timer-block .ship-truck-icon.chronopost-top-icon i {
    background-image: url(../images/chronopost-img-new_1.svg);
    background-position: center;
    background-size: 46px
}

.s-timer-block .ship-truck-icon.chronopost-top-icon i {
    background-image: url(../images/chronopost-img-new_1.svg);
    background-position: center;
    background-size: 46px
}

.s-timer-block .ship-truck-icon.purolator-top-icon i {
    background-image: url(../images/purolator-img-new-v1.svg);
    background-position: center;
    background-size: 46px
}

.s-timer-block .ship-truck-icon.aws-top-icon i {
    background-image: url(../images/amzn-img-new_1.svg);
    background-position: center;
    background-size: 22px
}

.s-timer-block .ship-truck-icon.usps-top-icon i {
    background-image: url(../images/usps-img.svg);
    background-position: center;
    background-size: 30px
}

.s-timer-block .ship-truck-icon.instore-top-icon i {
    background-image: url(../images/instore-pickup_1.svg);
    background-size: 20px;
    background-position: center
}

.s-timer-block .ship-truck-icon.dhl-top-icon i {
    background-image: url(../images/dhl-img-new.svg);
    background-position: center;
    background-size: 60px auto
}

.s-timer-block .ship-truck-icon.royalmail-top-icon i {
    background-image: url(../images/royalmail-img-new.svg);
    background-size: 55px auto;
    background-position: 4px 10px
}

.s-timer-block .ship-truck-icon.postnl-top-icon i {
    background-image: url(../images/postnl-img-new.svg);
    background-position: center;
    background-size: 32px
}

.s-timer-block .ship-truck-icon.default-top-icon i {
    background-image: url(../images/default-img_1.svg);
    background-position: center;
    background-size: 32px
}

.s-method-name {
    display: flex;
    flex-flow: row nowrap;
    color: var(--dark-color);
    height: 45%;
    width: 94%;
    margin: 2px auto 0;
    align-items: center
}

.s-method-name p {
    margin: 0;
    font-size: 9.5px;
    line-height: 10px;
    width: 58%
}

.s-method-name p strong {
    font-weight: 700;
    margin-right: 1px
}

.s-method-name .get-detail {
    background: var(--white-color);
    box-shadow: 0 2px 2px var(--box-shadow-color-two);
    border-radius: 16px;
    height: 20px;
    font-weight: 500;
    font-size: 9.5px;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 16px
}

.cutoff-times-block {
    position: absolute;
    z-index: 23;
    top: 76px;
    left: auto;
    right: 0;
    transition: all .3s ease-in
}

.cutoff-times-block>.cutoff-domestic {
    display: block;
    width: 420px;
    height: auto;
    background: var(--white-color);
    box-shadow: 0 1.54647px 11.2119px var(--box-shadow-color-four);
    border-radius: 10px;
    overflow: hidden
}

.cutoff-times-block .head-back {
    float: left;
    width: 433px;
    height: 105px;
    background-color: var(--dark-color);
    transform: rotate(353deg);
    margin-left: -11px;
    margin-top: -24px
}

.cutoff-times-block .head-back>span.time-icn {
    float: left;
    color: var(--white-color);
    font-weight: 400;
    line-height: 14px;
    font-size: 14px;
    background-image: url(../images/time-1.svg);
    background-position: 33px 30px;
    background-repeat: no-repeat;
    height: 58px;
    width: 100%;
    transform: rotate(7deg);
    padding-top: 32px;
    padding-left: 57px;
    background-size: 18px;
    position: relative;
    top: 5px
}

.cutoff-times-block .head-back>span.cutoff-textw {
    width: 46%
}

.cutoff-times-block .head-back>span {
    float: left;
    color: var(--white-color);
    font-weight: 500;
    line-height: 16px;
    font-size: 11px;
    height: 35px;
    width: 56%;
    transform: rotate(6.5deg);
    padding-top: 0;
    padding-left: 32px;
    background-position: 35px 25px;
    background-repeat: no-repeat
}

.cutoff-times-block .head-back>span.van-img {
    position: relative
}

.cutoff-times-block .head-back>span.van-img::after {
    content: "";
    position: absolute;
    background-image: url(../images/van-1.png);
    background-repeat: no-repeat;
    height: 80px;
    width: 170px;
    top: -55px;
    left: 200px;
    background-size: 150px;
    background-position: 15px -3px
}

.cutoff-times-block .head-back>span.air-img::after {
    content: "";
    position: absolute;
    background-image: url(../images/Airplane-1.png);
    background-repeat: no-repeat;
    height: 95px;
    width: 240px;
    top: -60px;
    left: 140px;
    background-size: 100%
}

.deli-opt-btn {
    float: left;
    margin: 28px 0 0;
    width: 100%;
    text-align: center
}

.no-order {
    text-align: center
}

.mmfilter_overleys {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: var(--dark-color);
    opacity: .7
}

.disp_block {
    display: block
}

.deli-opt-btn>button {
    font-size: 14px;
    color: var(--grey-color-tone-nine);
    font-weight: 500;
    line-height: 25px;
    background: var(--grey-color-tone-six);
    box-shadow: -2.38661px -.795538px 6.3643px var(--box-shadow-color-five);
    border-radius: 20px;
    border: 0;
    padding: 5px 20px;
    margin-left: 10px;
    width: auto;
    cursor: pointer;
    display: inline-block
}

.deli-opt-btn>.cutoffbtnactive {
    color: var(--white-color);
    background-color: var(--dark-color)
}

ul.select-del-opt {
    float: left;
    width: 94%;
    margin: 15px 3%;
    max-height: 600px;
    overflow: auto;
    padding: 0 5px
}

ul.select-del-opt::-webkit-scrollbar {
    width: 5px;
    background: #fff0
}

ul.select-del-opt::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
    border-radius: 20px
}

.black-border {
    border: unset
}

ul.select-del-opt>li {
    float: left;
    width: 100%;
    margin: 10px 0
}

ul.select-del-opt>li>label {
    color: var(--dark-color);
    font-weight: 400;
    background: var(--white-color);
    box-shadow: 0 1.54647px 9.2788px var(--box-shadow-color-four);
    border-radius: 10px;
    font-size: 11px;
    padding: 7px 10px;
    margin-left: 10px;
    text-transform: capitalize;
    width: 89%;
    float: left
}

.count-down-timer {
    display: flex;
    margin-left: 10%;
    float: right;
    position: relative;
    top: 2px
}

.count-down-timer>span {
    width: 27px;
    font-weight: 600;
    font-size: 12px;
    color: var(--grey-color-tone-three);
    display: inline-flex;
    text-align: center;
    line-height: 8px;
    border-right: .4px solid var(--grey-color-tone-seven);
    flex-direction: column
}

.count-down-timer>span>small {
    font-size: 5px;
    color: var(--grey-color-tone-two);
    font-weight: 400;
    margin-top: 3px
}

.select-del-opt>li>label>span.usps-img {
    display: inline-block;
    height: 20px;
    width: 35px;
    background-image: url(../images/usps-img.svg);
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-size: 28px
}

.select-del-opt>li>label>span.instore-img {
    display: inline-block;
    height: 20px;
    width: 24px;
    background-image: url(../images/instore-pickup.svg);
    background-repeat: no-repeat;
    background-position: 0 1px;
    vertical-align: bottom;
    background-size: 18px
}

.select-del-opt>li>label>span.fedex-img {
    display: inline-block;
    height: 20px;
    width: 45px;
    background-image: url(../images/fedex-img-color.svg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    vertical-align: bottom;
    background-size: 40px
}

.select-del-opt>li>label>span.fedex-ground-img {
    display: inline-block;
    height: 20px;
    width: 45px;
    background-image: url(../images/fedex-img-ground.svg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    vertical-align: bottom;
    background-size: 40px
}

ul.select-del-opt>li>input[type=radio]:checked+label span.fedex-img,ul.select-del-opt>li>input[type=radio]:checked+label span.ups-img,ul.select-del-opt>li>input[type=radio]:checked+label>span.usps-img,ul.select-del-opt>li>input[type=radio]:checked+label>span.instore-img,ul.select-del-opt>li>input[type=radio]:checked+label>span.amazon-img,ul.select-del-opt>li>input[type=radio]:checked+label>span.dhl-img,ul.select-del-opt>li>input[type=radio]:checked+label>span.royalmail-img {
    opacity: 1
}

ul.select-del-opt>li>input[type=radio]:checked+label .opt-txt,ul.select-del-opt>li>input[type=radio]:checked+label div.count-down-timer>span,ul.select-del-opt>li>input[type=radio]:checked+label div.count-down-timer>span>small {
    color: var(--dark-color)
}

.select-del-opt>li>label>span.ups-img {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../images/ups-img.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    vertical-align: bottom
}

ul.select-del-opt>li>label>span.uniuni-img {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../images/uniuni-img-new.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    vertical-align: bottom
}

.select-del-opt>li>label>span.dpd-img {
    display: inline-block;
    height: 20px;
    width: 50px;
    min-width: 45px;
    background-image: url(../images/dpd-img-new.svg);
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-size: 42px auto;
    background-position: center center
}

.select-del-opt>li>label>span.chronopost-img {
    display: inline-block;
    height: 20px;
    width: 80px;
    min-width: 65px;
    background-image: url(../images/chronopost-img-new_1.svg);
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-size: 75px auto;
    background-position: center center
}

.select-del-opt>li>label>span.purolator-img {
    display: inline-block;
    height: 20px;
    width: 44px;
    background-image: url(../images/purolator-img-new-v1.svg);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: bottom;
    background-size: contain
}

.select-del-opt>li>label>span.default-img {
    display: inline-block;
    height: 20px;
    width: 35px;
    background-image: url(../images/default-img_1.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    vertical-align: bottom;
    background-size: 31px
}

.select-del-opt>li>label>span.amazon-img {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../images/amzn-img-new_1.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    vertical-align: bottom
}

.select-del-opt>li>label>span.dhl-img {
    display: inline-block;
    height: 20px;
    width: 50px;
    background-image: url(../images/dhl-img-new.svg);
    background-repeat: no-repeat;
    background-position: 0 6px;
    vertical-align: bottom;
    background-size: 50px auto;
    margin-right: 5px
}

.select-del-opt>li>label>span.royalmail-img {
    display: inline-block;
    height: 20px;
    width: 65px;
    background-image: url(../images/royalmail-img-new.svg);
    background-repeat: no-repeat;
    background-position: 0;
    vertical-align: bottom;
    background-size: 100%
}

.select-del-opt>li>label>span.postnl-img {
    display: inline-block;
    width: 27px;
    background-image: url(../images/postnl-img-new.svg);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: bottom;
    background-size: contain;
    height: 20px
}

.count-down-timer>span.no-border {
    border-right: 0
}

span.opt-txt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 20px
}

ul.select-del-opt>li>input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 18px;
    height: 18px;
    padding: 2px;
    background-clip: content-box;
    border: 2px solid var(--grey-color-tone-five);
    background-color: var(--white-color);
    border-radius: 50%;
    float: left;
    cursor: pointer;
    margin-top: 10px
}

ul.select-del-opt>li>input[type=radio]:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.cutoff-domestic .free-del {
    width: 86%;
    margin: 25px 7% 20px;
    background-color: var(--grey-color-tone-eight);
    border-radius: 16px;
    float: left
}

.cutoff-domestic .free-del>span {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-color);
    padding: 8px 0 8px 10%;
    display: inline-block;
    padding-right: 10px
}

.cutoff-domestic .free-del>span.ver-line {
    width: 1px;
    height: 13px;
    display: inline-block;
    background-color: var(--dark-color);
    vertical-align: middle;
    padding: 0;
    margin-left: 10px
}

.cutoff-domestic .free-del>span.free-prize {
    display: inline-block;
    padding-left: 20px
}

ul.select-del-opt>li>input[type=radio]:checked+label {
    border: .5px solid var(--dark-color)
}

ul.select-del-opt>li>.default-timer {
    display: none;
    height: 27px;
    background-color: var(--grey-color-tone-six);
    width: auto;
    font-size: 11px;
    font-weight: 500;
    border-radius: 0 0 5.79925px 5.79925px;
    color: var(--dark-color);
    margin-top: 0;
    margin-left: 48px;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px
}

ul.select-del-opt>li>input[type=radio]:checked~div.default-timer {
    display: inline-block
}

.country-container {
    width: 245px;
    background-color: var(--white-color);
    position: absolute;
    left: -97px;
    z-index: 23;
    border-radius: 17px;
    box-shadow: 0 3px 6px var(--box-shadow-color-six),inset 0 3px 5px rgb(0 0 0 / .1);
    height: auto;
    padding-bottom: 25px;
    transition: all .3s ease-in
}

.ms-services .country-container.mss-container {
    top: 70px;
    left: 0;
    min-height: 172px;
    width: 165px;
    padding-bottom: 0;
    z-index: 23
}

.ms-services .country-container.mss-container>ul.sevices-list {
    width: 80%;
    margin: 10px auto
}

.ms-services .country-container.mss-container>ul.sevices-list>li {
    padding: 6px 0 10px 10px;
    border-bottom: 1px solid var(--dark-color);
    text-align: left
}

.ms-services .country-container.mss-container>ul.sevices-list>li.my-acc-no-br {
    border-bottom: 0
}

.ms-services .country-container.mss-container>ul.sevices-list>li>a {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-color)
}

.ms-services .country-container.mss-container>ul.sevices-list>li>a:hover {
    font-weight: 500;
    cursor: pointer
}

.fedex_top_message {
    line-height: 13px;
    display: flex;
    align-items: center;
    height: 100%
}

.hl_text {
    font-weight: 900!important;
    color: var(--dark-color)!important;
    font-size: 13px
}

.ms-account .country-container.myacc-container {
    top: 70px;
    left: 0;
    min-height: var(--my-acc-dropdown);
    width: 195px;
    padding-bottom: 0;
    z-index: 210
}

.ms-account .country-container.myacc-container>ul.sevices-list {
    width: 80%;
    margin: 10px auto
}

.ms-account .country-container.myacc-container>ul.sevices-list>li {
    padding: 7px 0 0 10px;
    border-bottom: 1px solid var(--dark-color)
}

.ms-account .country-container.myacc-container>ul.sevices-list>li.my-acc-no-br {
    border-bottom: 0
}

.ms-account .country-container.myacc-container>ul.sevices-list>li>a {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark-color)
}

.ms-account .country-container.myacc-container>ul.sevices-list>li>a:hover {
    font-weight: 600;
    cursor: pointer
}

.count-down-timer.nomargin-msg {
    margin: 0;
    float: right
}

.count-down-timer.nomargin-msg>p {
    margin: 0;
    font-size: 10px
}

.account-login .registered-users .buttons-set button.button>span {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    width: 230px;
    border-radius: 28px;
    font-size: 17px;
    font-weight: 600
}

.account-login .registered-users .forgot-box .buttons-set button.button>span {
    width: auto
}

.msfedex-mobile {
    display: none
}

.motorola-header .msfedex-mobile {
    display: none
}

.msfedex-destop {
    display: flex;
    justify-content: center
}

.msh-services>li.mres-search {
    display: none
}

.sticky-nav-1 {
    position: fixed!important;
    top: 0;
    z-index: 225;
    background-color: var(--white-color);
    width: 100%
}

.loginas-detail {
    margin-top: 10px
}

li.backtomyacc {
    background: var(--grey-color-tone-six);
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 3px;
    display: none
}

.cut-of-tblock {
    display: none
}

ul.select-del-opt>li>.default-timer-res {
    display: none
}

.cutoff-domestic .free-del-res {
    display: none
}

.res-last-btn {
    display: none
}

.visible-xs {
    display: none
}

.msh-services.visible-xs {
    display: none
}

.ms-header .form-search {
    position: relative
}

.ms-searchbox .form-search.form-searchwide {
    width: var(--search-input-width-wide);
    background-color: var(--white-color);
    padding: 14px 0
}

.ms-header .form-search.form-searchwide .button {
    right: 0
}

.ms-header .input-text:focus {
    background-color: var(--search-input-focus);
    border-color: var(--primary-color)
}

.account-login .registered-users .form-list li {
    position: relative
}

.msfedex-timer .fd-timer p {
    font-size: 10px
}

.msfedex-timer.anyforders .fd-icon,.msfedex-timer.anyforders .usps-icon,.msfedex-timer.anyforders .ups-icon,.msfedex-timer.anyforders .instore-icon {
    width: 50px;
    height: 55px;
    margin-right: 10px!important
}

.msfedex-timer.anyforders .fd-icon+span,.msfedex-timer.anyforders .ups-icon+span,.msfedex-timer.anyforders .usps-icon+span,.msfedex-timer.anyforders .instore-icon+span {
    position: inherit;
    top: inherit;
    margin-top: 10px;
    margin-bottom: 5px
}

.msfedex-timer.anyforders .fd-timer {
    line-height: 10px;
    min-height: 25px
}

.msfedex-timer.anyforders .fd-timer>p {
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.msfedex-timer.anyforders .usps-icon {
    background-size: 50px;
    background-position: 0 10px
}

.msfedex-timer.anyforders .ups-icon {
    background-size: 35px;
    background-position: 8px 8px
}

.msfedex-timer .fd-timer>span.h1,.msfedex-timer .fd-timer>span.m1,.msfedex-timer .fd-timer>span.s1 {
    float: left;
    padding-right: 1px
}

.msfedex-timer .fd-timer>sup {
    float: left;
    font-weight: 500;
    position: relative;
    top: -2px;
    padding-right: 3px
}

.ms-services .country-container.mss-container>ul.sevices-list>li.mkting-mt {
    background-color: var(--primary-color);
    float: left;
    width: 100%;
    position: relative
}

.ms-services .country-container.mss-container>ul.sevices-list>li.mkting-mt>a {
    display: inline-flex;
    width: 100%;
    color: var(--white-color);
    position: relative;
    z-index: 1;
    line-height: 22px;
    font-weight: 400
}

.ms-services .country-container.mss-container>ul.sevices-list>li.mkting-mt>a>i {
    background-image: url(../images/postJNLKNKLJNKLed-svg.png);
    float: left;
    width: 51px;
    height: 30px;
    background-repeat: no-repeat;
    margin-left: -12px;
    margin-right: 9px
}

.ms-services .country-container.mss-container>ul.sevices-list>li.mkting-mt:before {
    content: "";
    background-color: var(--primary-color);
    height: 100%;
    position: absolute;
    top: 0;
    left: -17px;
    border-radius: 0 0 17px 17px;
    width: 166px
}

.twocart-head {
    padding: 0 0 20px;
    font-weight: 600;
    font-size: 40px;
    display: none
}

.m-filterico-r,.country-picker.us-warehouse .country-container,.country-picker.us-warehouse>a:after {
    display: none
}

.mt-announce-block {
    background-color: var(--menu-bg-light-color);
    color: var(--primary-color);
    text-align: center;
    padding: 10px;
    letter-spacing: 1.5px;
    font-weight: 300;
    min-height: 45px
}

.vat-label-group {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 15px
}

.vat-label {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-top: 10px
}

.vat-label input {
    opacity: 0;
    width: 0;
    height: 0
}

.vat-label-group strong {
    font-size: 14px;
    color: #818182;
    margin: 10px 0 0
}

.vat-label .vatslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaeaea;
    -webkit-transition: .4s;
    transition: .4s
}

.vat-label .vatslider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    background-color: var(--white-color);
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 4px 0 #0000001A;
    top: calc(50% - 9px);
    bottom: 0
}

.vat-label input:checked+.vatslider {
    background-color: var(--primary-color)
}

.vat-label input:focus+.vatslider {
    box-shadow: 0 0 1px var(--primary-color)
}

.vat-label input:checked+.vatslider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px)
}

.vat-label .vatslider.round {
    border-radius: 34px
}

.vat-label .vatslider.round:before {
    border-radius: 50%
}

.announce-block-header {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 8px 20px;
    display: flex;
    justify-content: center;
    background: #0f0f0f;
    color: #fff
}

.announce-block-header a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.announce-block-header p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #a8a6be
}

.announce-block-header p b {
    color: #fff;
    font-weight: 600
}

.announce-block-header span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 0 50px;
    display: inline-block
}

.announce-block-header span svg {
    max-width: 20px;
    vertical-align: middle;
    margin: 0 0 0 8px
}

.announce-block-header p svg {
    width: 18px;
    height: auto;
    vertical-align: text-top
}

.msfedex-timer .fd-timer span {
    position: relative;
    top: -1px
}

@media screen and (min-width: 639px) {
    .country-picker {
        position:relative;
        display: var(--ct-block-none);
        margin-right: var(--m-margin-right)
    }

    .country-picker>a:after {
        content: "";
        background-image: url(../images/arrow-vactor.svg);
        width: 10px;
        background-size: 10px;
        height: 7px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        transition: all .3s ease-in;
        background-position: 0 -26px;
        transform: rotate(180deg)
    }

    .country-picker>a.country-open:after {
        background-position: 0 -26px;
        transform: rotate(0deg)
    }

    .country-picker .country-img {
        display: inline-block;
        background-image: var(--header-sprites-bg);
        width: 34px
    }

    .country-picker .us-country {
        background-position: -140px -5px
    }

    .country-picker .ca-country {
        background-position: -189px -5px
    }

    .country-picker .gb-country {
        background-position: -424px -7px
    }

    .country-picker .nl-country {
        background-position: -489px -6px
    }

    .country-container>p {
        font-size: 12px;
        font-weight: 600;
        border-bottom: .43px solid var(--grey-color-tone-nine);
        margin: 14px 10px 0;
        padding: 0 6px 6px 10px
    }

    .country-container>p>span {
        color: var(--primary-color);
        display: block
    }

    .country-container ul.country-ul {
        padding: 0 6px 6px;
        margin: 6px 10px 10px;
        border-bottom: .43px solid var(--grey-color-tone-nine);
        display: block;
        max-height: 78px;
        overflow: auto
    }

    .country-container ul.country-ul input {
        margin-right: 7px;
        margin-top: 3px;
        cursor: pointer
    }

    .country-container ul.country-ul input[type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        padding: 2px;
        background-clip: content-box;
        border: 1px solid var(--grey-color-tone-five);
        background-color: var(--white-color);
        border-radius: 50%
    }

    .country-container ul.country-ul input[type=radio]:checked {
        background-color: var(--primary-color)
    }

    .country-container ul.country-ul>li>label {
        color: var(--dark-color);
        font-weight: 600;
        font-size: 11px
    }

    .country-container>h5 {
        color: var(--dark-color);
        padding: 10px 0 0 16px
    }

    .country-container>p.cs-note {
        font-style: italic;
        font-size: 10px;
        color: var(--grey-color-tone-two);
        font-weight: 500;
        line-height: 15px;
        border: 0
    }

    .country-container>.checkbox-cn {
        margin: 10px 7px 12px;
        position: relative
    }

    .country-container>.checkbox-cn>input {
        display: none
    }

    .country-container>.checkbox-cn>label {
        font-size: 10px;
        font-weight: 500;
        position: relative;
        padding-left: 28px;
        cursor: pointer
    }

    .country-container>.checkbox-cn>label:before {
        content: "";
        width: 11px;
        height: 11px;
        border: 1px solid var(--dark-color);
        position: absolute;
        top: 1px;
        left: 9px;
        border-radius: 2px
    }

    .country-container>.checkbox-cn>input:checked+label:before {
        background-color: var(--primary-color);
        background-image: url(../images/fedexaddresssprites.svg);
        background-position: 0 0;
        background-size: 11px;
        border-color: var(--primary-color)
    }

    .country-container>button {
        padding: 4px 10px;
        width: 90px;
        display: block;
        margin: 0 auto;
        font-size: 12px;
        font-weight: 500;
        box-shadow: 0 1.20315px 7.21889px var(--box-shadow-color-seven);
        border-radius: 5px;
        border: 0;
        cursor: pointer;
        transition: all .3s ease-in
    }

    .country-container>button:hover {
        background-color: var(--primary-color);
        color: var(--white-color)
    }

    .country-container>ul.choose-country {
        margin: 8px 4px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center
    }

    .country-container>ul.choose-country>li {
        width: 33.333%;
        text-align: center;
        font-size: 12px
    }

    .country-container>ul.choose-country>li input[type=radio] {
        display: none
    }

    .country-container>ul.choose-country>li>label {
        width: 60px;
        height: 35px;
        float: none;
        margin: 0 auto 5px;
        display: block;
        background-repeat: no-repeat;
        clear: both;
        background-size: 100%;
        border: 4px solid var(--white-color);
        border-radius: 0;
        cursor: pointer;
        transition: all .3s ease-in;
        overflow: hidden
    }

    .country-container>ul.choose-country>li.cs-can>label {
        background-image: url(../images/select-canada-1.svg)
    }

    .country-container>ul.choose-country>li.cs-usa>label {
        background-image: url(../images/select-usa-1.svg)
    }

    .country-container>ul.choose-country>li.cs-uk>label {
        background-image: url(../images/uk-flag.svg)
    }

    .country-container>ul.choose-country>li.cs-nl>label {
        background-image: url(../images/select-europe-1.svg)
    }

    ul.country-ul::-webkit-scrollbar {
        width: 5px
    }

    ul.country-ul::-webkit-scrollbar-thumb {
        background: var(--dark-color);
        border-radius: 10px
    }

    .country-container>ul.choose-country>li input[type=radio]:checked+label {
        box-shadow: 0 0 10px var(--grey-color-tone-seven)
    }

    button.confirm_cbutton_header:disabled {
        color: var(--dark-color);
        box-shadow: 0 1.20315px 7.21889px var(--box-shadow-color-eight)
    }

    button.confirm_cbutton_header:disabled:hover {
        background-color: #fff0;
        cursor: default;
        color: var(--dark-color)
    }

    header.ms-header.motorola-header .ap-cart-640 {
        margin: -12px 0 0
    }
}

@media screen and (min-width: 1025px) {
    .hamburgermenu-icon {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .ms-header .ms-container {
        max-width:100%;
        border-bottom: 1px solid var(--grey-color-tone-seven)
    }

    .ms-header .ms-menucontainer .ms-container {
        padding: 0 8px
    }

    .ms-searchbox {
        margin: 0 1%;
        width: var(--m-search-width-dt);
        max-width: 100%
    }

    .ms-header .ms-container .logo>img {
        width: 95%;
        margin: var(--margin-diff)
    }

    .msfedex-timer {
        width: 96%
    }

    .msh-services {
        width: var(--m-service-width)
    }

    .msh-services>li {
        width: var(--m-ac-full-width);
        text-align: center
    }

    .msh-services>li>a {
        font-size: 13px;
        white-space: nowrap
    }

    .ms-account .country-container.myacc-container>ul.sevices-list>li {
        text-align: left
    }
}

@media screen and (max-width: 1100px) {
    .msfedex-timer .fd-icon+span,.msfedex-timer .ups-icon+span,.msfedex-timer .usps-icon+span,.msfedex-timer .instore-icon+span {
        width:70%;
        font-size: 11px
    }

    .upper-top-notify-part-div .upper-main-content {
        margin-left: 0
    }
}

@media screen and (max-width: 1024px) {
    .vat-label .vatslider.round {
        box-shadow:0 0 2px 0 #00000026 inset
    }

    .count-down-timer.nomargin-msg {
        padding-bottom: 0
    }

    .msh-services>li>a {
        min-height: 61px
    }

    .top-header.fedex-header-msg {
        display: block!important
    }

    .hamburgermenu-icon {
        background-image: url(../images/hamburger.svg);
        width: 20px;
        height: 17px;
        float: left;
        margin: 0 15px 0 7px
    }

    .upper-top-notify-part-div {
        height: auto
    }

    .upper-top-notify-part-div .upper-main-content,.upper-top-notify-part-div .upper-sub-content {
        height: 85px
    }

    .upper-top-notify-part-div .upper-sub-content p {
        display: none
    }

    .select-del-opt>li>label>span.ups-img {
        height: 40px;
        width: 40px;
        background-position: 0 5px;
        background-size: 24px
    }

    .select-del-opt>li>label>span.usps-img {
        background-size: 36px;
        width: 40px;
        height: 40px;
        background-position: 0 9px
    }

    .select-del-opt>li>label>span.fedex-img {
        height: 40px;
        width: 45px;
        background-size: 45px;
        background-position: 0 12px
    }

    .select-del-opt>li>label>span.fedex-ground-img {
        height: 40px;
        width: 45px;
        background-size: 45px;
        background-position: 0 12px
    }

    .select-del-opt>li>label>span.amazon-img {
        height: 40px;
        width: 45px;
        background-size: 28px;
        background-position: center center
    }

    .select-del-opt>li>label>span.royalmail-img {
        height: 38px;
        background-position: center center
    }

    .select-del-opt>li>label>span.dpd-img {
        height: 40px
    }

    span.opt-txt {
        font-size: 12px;
        top: 10px;
        padding-left: 20px
    }

    .count-down-timer {
        top: 10px
    }

    ul.select-del-opt>li>input[type=radio]:checked+label .opt-txt {
        font-weight: 600
    }

    .count-down-timer>span {
        width: 30px;
        font-weight: 600;
        font-size: 14px;
        line-height: 10px
    }

    .count-down-timer>span>small {
        font-size: 6px
    }

    .anyforders.msfedex-timer>a {
        padding: 0
    }

    .anyforders.msfedex-timer .fd-timer {
        line-height: 17px;
        padding: 10px
    }

    .msfedex-timer.anyforders .fd-timer>p {
        font-size: 12px;
        line-height: 16px;
        display: -webkit-box
    }

    .msfedex-timer>a {
        padding: 0;
        display: flex;
        flex-direction: row-reverse;
        height: auto;
        align-items: center;
        justify-content: flex-end
    }

    .s-timer-block {
        background: 0 0;
        height: 100%;
        border-radius: 0;
        max-width: fit-content
    }

    .s-timer-block .ship-truck-icon {
        display: none
    }

    .msfedex-timer.anyforders .fd-icon+span,.msfedex-timer.anyforders .ups-icon+span,.msfedex-timer.anyforders .usps-icon+span,.msfedex-timer.anyforders .instore-icon+span {
        border: 0;
        width: 45%
    }

    .msfedex-timer .fd-icon+span,.msfedex-timer .ups-icon+span,.msfedex-timer .usps-icon+span,.msfedex-timer .instore-icon+span {
        font-size: 14px;
        line-height: normal;
        position: relative;
        top: 9px;
        display: inline-block;
        width: 50%;
        border-right: .5px solid var(--white-color)
    }

    .cutoff-times-block {
        z-index: 111111;
        left: auto;
        top: 100%;
        width: 100%
    }

    .ms-account .country-container.myacc-container>ul.sevices-list>li>a {
        padding-left: 0
    }

    .msfedex-mobile {
        display: flex;
        background-color: var(--grey-color-tone-eight);
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 5px 20px;
        position: relative
    }

    .vat-label {
        margin-top: 0
    }

    .vat-label-group {
        padding: 0;
        flex-direction: row-reverse;
        min-width: 100px
    }

    .vat-label-group strong,.vat-label-group strong:lang(el) {
        margin: 0 10px 0 0;
        color: var(--dark-color);
        font-size: 12px
    }

    .msfedex-timer {
        width: auto;
        margin: 0;
        border-radius: 0;
        min-height: 0;
        max-width: 90%;
        position: static;
        width: calc(100% - 100px)
    }

    .msfedex-destop {
        display: none
    }

    .msh-services {
        width: var(--m-service-width-ipad)
    }

    .ms-searchbox {
        margin: 0 2%;
        width: var(--m-search-width-dt2)
    }

    .black-border {
        border: .5px solid var(--dark-color);
        padding: 0!important
    }

    .msfedex-mobile ul.select-del-opt li.cutoff-methods-li.black-border:has(input.temporary_disable_message) {
        padding-bottom: 0!important
    }

    .msfedex-mobile ul.select-del-opt li.cutoff-methods-li.black-border {
        border: .5px solid var(--dark-color);
        padding: 8px 0!important
    }

    .msfedex-mobile ul.select-del-opt li.cutoff-methods-li span.opt-txt,.msfedex-mobile ul.select-del-opt li.cutoff-methods-li .count-down-timer {
        top: 0
    }

    .msfedex-mobile ul.select-del-opt li.cutoff-methods-li.black-border>input[type=radio] {
        margin-top: 10px
    }

    .msfedex-timer .fd-timer {
        letter-spacing: 1px;
        width: fit-content;
        border-radius: 15px;
        font-weight: 600;
        padding: 4px 10px;
        margin-left: 10px;
        line-height: 23px;
        text-align: center;
        font-size: 14px
    }

    .s-method-name {
        flex-flow: row wrap;
        height: 100%;
        width: auto;
        margin: 0;
        align-items: center
    }

    .s-method-name p {
        font-size: 18px;
        height: 100%;
        display: flex;
        align-items: center;
        width: 100%;
        white-space: nowrap;
        line-height: normal
    }

    .s-method-name .get-detail,.s-method-name .get-detail:lang(el),.s-method-name .get-detail:lang(bg) {
        display: none
    }

    .s-method-name p strong {
        margin-right: 6px
    }

    .msfedex-timer .fd-timer span {
        font-size: 20px
    }

    .msfedex-timer .fd-icon {
        display: block
    }

    .cutoff-times-block>.cutoff-domestic {
        width: 100%;
        border-radius: 0;
        margin-top: 0
    }

    .cutoff-times-block .head-back {
        display: none
    }

    div.count-down-timer {
        margin-left: 0;
        float: right;
        position: relative;
        top: 12px
    }

    ul.select-del-opt>li>input[type=radio] {
        margin-top: 10px;
        margin-left: 20px
    }

    ul.select-del-opt>li>label {
        width: 92%;
        box-shadow: none;
        padding: 0
    }

    .msfedex-mobile .cutoff-times-block ul.select-del-opt>li>label {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .msfedex-mobile ul.select-del-opt li.cutoff-methods-li span.opt-txt {
        width: calc(100% - 40px)
    }

    .cut-of-tblock {
        display: flex;
        width: 100%;
        border-bottom: 1px solid var(--dark-color);
        justify-content: space-between;
        align-items: center;
        padding: 15px 10px
    }

    .cutoff-popup-close {
        display: flex;
        align-items: center
    }

    .cut-of-tblock>span {
        font-size: 16px;
        color: var(--dark-color);
        display: block;
        font-weight: 400;
        background-image: url(../images/timer-icn.svg);
        background-position: 0 55%;
        background-repeat: no-repeat;
        width: max-content;
        background-size: 18px;
        padding-left: 23px;
        margin: 0 auto
    }

    ul.select-del-opt>li {
        box-shadow: 0 1.54647px 9.2788px var(--box-shadow-color-seven);
        border-radius: 10px;
        padding: 8px 0
    }

    ul.select-del-opt>li>input[type=radio]:checked+label {
        border: none
    }

    ul.select-del-opt>li>input[type=radio]:checked+ul.select-del-opt>li {
        border: .5px solid var(--dark-color)!important
    }

    ul.select-del-opt>li>.default-timer {
        display: none
    }

    ul.select-del-opt>li>input[type=radio]:checked~div.default-timer {
        display: none
    }

    ul.select-del-opt>li>.default-timer-res {
        display: none;
        background-color: var(--dark-color);
        height: 25px;
        width: 100%;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 1.54647px 9.2788px var(--box-shadow-color-seven)
    }

    ul.select-del-opt>li>input[type=radio]:checked~div.default-timer-res {
        display: block;
        position: relative;
        float: left;
        height: 100%;
        margin-top: 6px
    }

    .cutoff-domestic .free-del {
        display: none!important
    }

    .cutoff-domestic .free-del-res {
        margin: 0;
        width: 86%;
        background-color: var(--dark-color);
        border-radius: 0 0 10px 0;
        color: var(--white-color);
        font-size: 12px;
        font-weight: 500;
        padding: 7px 0;
        padding-left: 20px;
        float: left
    }

    span.def-timer-txt {
        color: var(--white-color);
        font-size: 12px;
        font-weight: 500;
        background-color: var(--dark-color);
        padding: 7.5px 14px;
        width: 14%;
        display: block;
        float: left;
        border-radius: 0 0 0 10px
    }

    .free-del-res>span.ver-line {
        width: 1px;
        height: 11px;
        display: inline-block;
        background-color: var(--white-color);
        vertical-align: middle;
        padding: 0;
        margin: 0 10px
    }

    span.def-timer-txt:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid #fff0;
        border-left: 18px solid var(--dark-color);
        border-bottom: 6px solid #fff0;
        z-index: 999;
        left: 24px;
        top: -4px;
        transform: rotate(31deg)
    }

    .res-last-btn {
        margin: 25px auto;
        border: 1px solid;
        width: 230px
    }

    .res-last-btn>button {
        background-color: var(--dark-color);
        color: var(--white-color);
        font-size: 14px;
        font-weight: 500;
        padding: 10px 30px;
        border: none;
        border-radius: 8px;
        margin: 0 3%
    }

    .ms-searchbox .form-search.form-searchwide {
        width: 100%;
        padding: 0
    }

    .fedex_top_message {
        justify-content: center;
        max-width: 100%
    }

    .ms-account .country-container.myacc-container {
        right: 0;
        left: inherit
    }

    .count-down-timer .anyfutherorder {
        margin-left: 0;
        max-width: 385px;
        top: 0;
        position: relative
    }
}

@media screen and (max-width: 900px) {
    .ms-searchbox {
        width:var(--m-search-width-dt3)
    }

    span.def-timer-txt {
        width: 20%
    }

    .cutoff-domestic .free-del-res {
        width: 80%
    }

    .upper-top-notify-part-div .upper-main-content {
        margin-right: 0
    }

    .ms-header .ms-container {
        min-height: 106px
    }

    .count-down-timer .anyfutherorder {
        top: 0;
        text-align: right
    }

    .s-method-name p {
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .ms-header {
        min-height:166px
    }

    .upper-top-notify-part-div .upper-main-content,.upper-top-notify-part-div .upper-sub-content {
        height: 55px
    }

    .upper-top-notify-part-div .upper-sub-content {
        width: 100%;
        margin-bottom: 8px
    }

    .upper-top-notify-part-div .upper-main-content:before,.upper-top-notify-part-div .upper-main-content:after {
        top: 25%
    }

    .upper-top-notify-part-div .upper-sub-content .notify-take {
        width: 96%;
        margin: 0 auto
    }

    span.def-timer-txt {
        width: 25%
    }

    .cutoff-domestic .free-del-res {
        width: 75%
    }

    ul.select-del-opt>li>label {
        width: 88%
    }

    .ms-account .country-container.myacc-container {
        left: -30px
    }

    .fedex_top_message span.fedex_icon {
        display: none
    }

    .fedex_top_message span.hl_text+span {
        display: none
    }

    .msh-services>li>a {
        min-height: auto
    }

    .count-down-timer .anyfutherorder {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 285px
    }

    .s-method-name p strong {
        margin-right: 2px
    }

    .s-method-name p {
        font-size: 14px
    }
}

@media screen and (max-width: 700px) {
    .ms-searchbox {
        width:var(--m-search-width-dt4)
    }
}

@media screen and (max-width: 640px) {
    .vat-uk-container>span {
        display:none
    }

    .ms-header .ms-container {
        min-height: 72px
    }

    .msfedex-mobile {
        min-height: 50px
    }

    .mt-announce-block {
        min-height: 70px;
        line-height: 25px
    }

    .country-picker {
        display: none
    }

    .msh-services>li {
        position: static
    }

    .ms-services .country-container.mss-container,.ms-account .country-container.myacc-container {
        width: 100%;
        left: 0;
        top: 100%;
        border-radius: 0;
        z-index: 4
    }

    .ms-services .country-container.mss-container>ul.sevices-list,.ms-account .country-container.myacc-container>ul.sevices-list {
        width: 100%;
        margin: 15px 0
    }

    .ms-services .country-container.mss-container>ul.sevices-list {
        margin-bottom: 0
    }

    .ms-services .country-container.mss-container>ul.sevices-list>li,.ms-account .country-container.myacc-container>ul.sevices-list>li {
        text-align: left;
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid var(--grey-color-tone-five)
    }

    .ms-services .country-container.mss-container>ul.sevices-list>li>a,.ms-account .country-container.myacc-container>ul.sevices-list>li>a {
        color: var(--grey-color-tone-ten);
        font-weight: 600
    }

    .ms-services .country-container.mss-container>ul.sevices-list>li.mkting-mt {
        display: none
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt {
        background-color: var(--primary-color);
        float: left;
        width: 100%!important;
        position: relative;
        height: 70px;
        display: flex;
        align-items: center
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt:before {
        content: "";
        background-color: var(--primary-color);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 17px 17px;
        width: 100%
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt a {
        float: left;
        width: 100%;
        color: var(--white-color);
        position: relative;
        z-index: 1;
        font-size: 19px;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt a>i {
        background-image: url(../images/postJNLKNKLJNKLeds-3.png);
        float: left;
        width: 100px;
        height: 61px;
        background-repeat: no-repeat;
        margin-right: 9px
    }

    .twocart-head {
        padding: 20px 0;
        font-size: 25px;
        text-transform: capitalize;
        display: none
    }

    .upper-top-notify-part-div {
        height: auto;
        flex-flow: row nowrap;
        justify-content: space-evenly
    }

    .upper-top-notify-part-div .upper-main-content {
        width: 75%
    }

    .upper-top-notify-part-div .upper-main-content p {
        font-size: 20px
    }

    .upper-top-notify-part-div .upper-sub-content {
        width: auto;
        margin: 0
    }

    .upper-top-notify-part-div .upper-sub-content .notify-take {
        width: auto;
        border-radius: 12px;
        margin: 0 10px;
        padding: 0 5px
    }

    .rm-br1 {
        display: none
    }

    .no-visible-xs,.msh-services.no-visible-xs {
        display: none
    }

    .msh-services.visible-xs {
        display: flex
    }

    .ms-header {
        position: relative;
        min-height: 141px
    }

    .msh-services>li>a>b {
        display: none
    }

    .msh-services>li+li {
        border-left: 0;
        margin-left: -8px
    }

    .msh-services>li.ms-account>a::before,.msh-services>li.ms-services>a::before {
        background-image: url(../images/header-mobile-icons-sprite.svg);
        width: 29px;
        height: 29px;
        background-size: 243px;
        background-position: -71.5px 0;
        background-repeat: no-repeat;
        transition: 0.3s all
    }

    .msh-services>li.ms-account>a.active-tab-icon::before {
        background-position: -71.5px -61px
    }

    .msh-services>li.ms-services>a::before {
        background-position: 0 0
    }

    .msh-services>li.ms-services>a.active-tab-icon::before {
        background-position: 0 -60.8px
    }

    .visible-xs {
        display: block
    }

    span.def-timer-txt {
        width: 31%
    }

    .cutoff-domestic .free-del-res {
        width: 69%
    }

    .msh-services>li.ms-searchbx>a>span {
        background-image: url(../images/header-mobile-icons-sprite.svg);
        width: 29px;
        height: 29px;
        background-size: 243px;
        background-position: -143.5px 0;
        background-repeat: no-repeat;
        display: block;
        transition: 0.3s all
    }

    .msh-services>li.ms-searchbx>a.active-tab-icon>span {
        background-position: -143.5px -61px
    }

    .msh-services,.msh-services>li {
        width: auto;
        float: left;
        margin-right: var(--m-serch-margin-xs)
    }

    .msh-services {
        margin-right: 0;
        float: none;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center
    }

    .ms-searchbox {
        margin: 0;
        width: 100%;
        flex: none;
        position: absolute;
        top: 100%;
        z-index: 11;
        padding: 10px 10px 15px;
        left: 0;
        background-color: var(--white-color);
        display: none;
        box-shadow: 0 4px 5px var(--box-shadow-color-four)
    }

    .ms-searchbox.mssearch-visible,.ms-header .ms-container .logo {
        display: block;
        float: left
    }

    .ms-header .ms-container {
        display: block;
        padding: var(--ms-container-padding);
        background-color: var(--white-color);
        border-bottom: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / .11)
    }

    .msh-services>li>a {
        display: block;
        margin: 0;
        background: var(--white-color);
        position: relative
    }

    .msh-services>li>a.active-tab-icon::after {
        content: '';
        height: 5px;
        width: 100%;
        position: absolute;
        bottom: -26px;
        left: 0;
        background-color: var(--primary-color)
    }

    .msh-services>li.ms-searchbx>a.active-tab-icon::after {
        display: none
    }

    .ms-searchbox .form-search.form-searchwide {
        width: 100%
    }

    .hamburgermenu-icon {
        margin: 7px 15px 0 7px
    }

    .ms-header .ms-container .logo>img {
        margin: 0;
        width: 115px;
        margin-top: -4px;
        height: 38px
    }

    .s-method-name p {
        display: block;
        max-width: fit-content;
        white-space: pre-wrap;
        line-height: 1.2;
        font-size: 12px
    }

    .msfedex-mobile {
        padding: 10px
    }

    .count-down-timer .anyfutherorder {
        max-width: 100%
    }

    .count-down-timer {
        margin-left: 0
    }

    .select-del-opt>li>label>span.royalmail-img {
        width: 52px
    }
}

@media screen and (max-width: 536px) {
    .upper-top-notify-part-div .upper-main-content,.upper-top-notify-part-div .upper-sub-content {
        height:auto
    }

    .upper-top-notify-part-div .upper-main-content {
        margin: 8px 0
    }

    .upper-top-notify-part-div .upper-main-content p span img {
        margin-top: -5px
    }

    .upper-top-notify-part-div .upper-main-content p {
        justify-content: center;
        flex-wrap: wrap
    }

    .upper-top-notify-part-div .upper-main-content p span {
        margin-top: 0;
        width: 100%
    }

    .page-title.w-dwld-icon a {
        height: auto
    }

    .page-title.w-dwld-icon a span {
        height: 25px;
        width: 25px
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt {
        height: 50px
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt a {
        font-size: 15px;
        justify-content: flex-start
    }

    .ms-services .country-container.mss-container>ul.sevices-list>.mobile-mkting-mt a>i {
        margin-right: 0;
        width: 80px;
        scale: .6
    }
}

@media screen and (max-width: 480px) {
    .msh-services>li>a {
        min-height:29px
    }

    ul.select-del-opt>li>label {
        margin-left: 5px;
        width: 82%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .select-del-opt>li>label>span.usps-img {
        background-size: 28px;
        width: 30px;
        height: 40px;
        background-position: 0 10px
    }

    .select-del-opt>li>label>span.ups-img {
        height: 40px;
        width: 30px;
        background-position: 4px 8px;
        background-size: 22px
    }

    .select-del-opt>li>label>span.fedex-img {
        height: 40px;
        width: 34px;
        background-size: 34px;
        background-position: 0 15px
    }

    .select-del-opt>li>label>span.fedex-ground-img {
        height: 40px;
        width: 34px;
        background-size: 34px;
        background-position: 0 15px
    }

    .select-del-opt>li>label>span.amazon-img {
        height: 40px;
        width: 34px;
        background-size: 24px;
        background-position: center center
    }

    span.opt-txt {
        padding-left: 5px;
        max-width: 90px;
        top: 0;
        margin-right: auto;
        font-size: 11px
    }

    .count-down-timer {
        top: 0;
        margin-left: 1%
    }

    .msfedex-timer.anyforders .fd-icon,.msfedex-timer.anyforders .usps-icon,.msfedex-timer.anyforders .ups-icon,.msfedex-timer.anyforders .instore-icon {
        margin-top: -2px
    }

    .msfedex-timer .ups-icon {
        margin-top: 3%
    }

    .msfedex-timer .fd-icon+span,.msfedex-timer .ups-icon+span,.msfedex-timer .usps-icon+span,.msfedex-timer .instore-icon+span {
        top: 0;
        font-size: 12px;
        width: 35%;
        margin-top: 5%
    }

    .right-align {
        width: 100%!important
    }

    .button-with-title {
        margin: 20px 0 0;
        text-align: center
    }

    .ord-title {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .msfedex-timer .fd-icon {
        margin-top: 8px
    }

    #downlaod_btn .myacc-download-btn .nobg-btn {
        margin: 10px 0
    }

    .anyforders.msfedex-timer .fd-timer {
        line-height: 14px;
        padding: 10px
    }

    .msfedex-timer.anyforders .fd-timer>p {
        font-size: 11.5px;
        display: -webkit-box
    }

    .count-down-timer .anyfutherorder {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 420px) {
    .s-method-name p {
        font-size:10px
    }

    .msfedex-timer .fd-timer {
        line-height: 18px;
        font-size: 12px;
        margin-left: 5px
    }

    .msfedex-timer .fd-timer span {
        font-size: 12px
    }

    .msh-services>li {
        padding: 0 10px
    }
}

@media screen and (max-width: 360px) {
    .msh-services>li>a.active-tab-icon::after {
        bottom:-15px
    }

    .msh-services>li {
        padding: 0 4px
    }

    .ms-header .ms-container {
        padding: 15px 10px;
        min-height: 55px
    }
}

.feedback-beta-test .overlay-beta {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999
}

.feedback-beta-test .overlay-beta.active {
    display: flex
}

.feedback-beta-test .overlay-beta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / .6);
    backdrop-filter: blur(.3px)
}

.feedback-beta-test .modal {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 360px;
    background: #fff;
    border-radius: 32px;
    padding: 32px;
    box-shadow: 0 0 4px 0 #00000026;
    box-sizing: border-box;
    transform: translateY(8px);
    opacity: 0
}

.feedback-beta-test .overlay-beta.active .modal {
    opacity: 1;
    transform: translateY(0)
}

.feedback-beta-test .modal-top-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px
}

.feedback-beta-test .modal h2 {
    font-size: 20px;
    margin: 0 0 4px;
    text-align: center;
    font-weight: 700;
    color: #111
}

.feedback-beta-test .modal p {
    font-size: 14px;
    margin: 0;
    text-align: center;
    color: dimgray;
    line-height: 1;
    margin-left: auto;
    margin-right: auto
}

.feedback-beta-test .modal-buttons {
    display: flex;
    gap: 8px;
    padding: 8px 32px;
    justify-content: center;
    margin-top: 16px
}

.feedback-beta-test .modal-buttons .btn {
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.feedback-beta-test .modal-buttons .btn-cancel {
    background: #F7F7F7;
    color: dimgray;
    border: 1px solid #DEDEDE
}

.feedback-beta-test .modal-buttons .btn-danger {
    color: #F10600;
    background: #F1060013;
    border: 1px solid #F10600;
    padding: 9px 18px;
    border-radius: 12px
}

.feedback-beta-test .feedback-widget {
    position: fixed;
    right: 56px;
    bottom: 22px;
    z-index: 50;
    width: 100%;
    pointer-events: none
}

.feedback-beta-test .feedback-widget * {
    pointer-events: auto
}

.feedback-beta-test .feedback-widget .hover-menu {
    background: #FCFEFF;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 #00000026;
    border: 1px solid #DCDDDE;
    padding: 4px;
    max-width: 240px;
    width: 100%;
    position: absolute;
    right: 36px;
    opacity: 0;
    bottom: 66px;
    pointer-events: none
}

.feedback-beta-test .feedback-widget .menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #111;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap
}

.feedback-beta-test .feedback-widget .menu-item img {
    width: 20px;
    height: auto
}

.feedback-beta-test .feedback-widget .menu-item.unenroll-btn {
    border: 0;
    background: #fff0
}

.feedback-beta-test .feedback-widget .menu-item:not(:last-child) {
    border-bottom: 1px solid rgb(0 0 0 / .06)
}

.feedback-beta-test .feedback-widget .menu-item-danger {
    color: #ff3b30
}

.feedback-beta-test .feedback-widget .fab {
    position: absolute;
    right: 36px;
    bottom: 0;
    width: 58px;
    height: 58px;
    max-width: 58px;
    max-height: 58px;
    border-radius: 50%;
    border: 1px solid #fff0;
    background: linear-gradient(180deg,#0084FF 0%,#0077E7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 4;
    padding: 0
}

.feedback-beta-test .feedback-widget .fab img {
    width: fit-content;
    height: auto
}

.feedback-beta-test .feedback-widget .alert-bubble {
    background: #121314;
    color: #FCFEFF;
    border-radius: 10px;
    padding: 14px 18px;
    max-width: 280px;
    box-shadow: 0 10px 26px rgb(0 0 0 / .6);
    position: absolute;
    right: 36px;
    bottom: 80px;
    font-size: 13px;
    line-height: 1.4;
    z-index: 2
}

.feedback-beta-test .feedback-widget .alert-bubble p {
    margin: 0 0 16px;
    color: #FCFEFF;
    font-size: 14px;
    line-height: 17px
}

.feedback-beta-test .feedback-widget .alert-bubble .dismiss-btn {
    display: inline-block;
    padding: 8px 18px;
    width: 100%;
    border-radius: 0;
    background: #FCFEFF26;
    color: #FCFEFF;
    font-weight: 600;
    font-size: 14px;
    border: none;
    cursor: pointer
}

.feedback-beta-test .feedback-widget .alert-bubble::after {
    content: "";
    position: absolute;
    right: 22px;
    width: 0;
    height: 0;
    bottom: -10px;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 10px solid #000
}

.feedback-beta-test .hidden {
    display: none!important
}

@media screen and (max-width: 640px) {
    .feedback-beta-test .feedback-widget {
        bottom:unset;
        top: calc(80% + 125px);
        right: 10px
    }

    .feedback-beta-test .feedback-widget .alert-bubble .dismiss-btn {
        font-size: 12px
    }

    .feedback-beta-test .feedback-widget .alert-bubble p {
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 12px
    }

    .feedback-beta-test .feedback-widget .alert-bubble {
        max-width: 260px;
        right: 20px;
        bottom: 44px
    }

    .feedback-beta-test .feedback-widget .hover-menu {
        min-width: 200px;
        bottom: 50px
    }

    .feedback-beta-test .feedback-widget .menu-item {
        font-size: 12px;
        padding: 8px 10px
    }

    .feedback-beta-test .feedback-widget .menu-item img {
        width: 16px
    }

    .feedback-beta-test .feedback-widget .fab {
        width: 32px;
        height: 32px;
        max-width: 32px;
        max-height: 32px;
        right: 1px;
        bottom: 20px
    }
}

@media screen and (max-width: 520px) {
    .feedback-beta-test .modal {
        width:92%;
        padding: 26px
    }

    .feedback-beta-test .feedback-widget .hover-menu {
        right: 38px;
        bottom: 45px
    }

    .feedback-beta-test .feedback-widget .alert-bubble p {
        font-size: 10px;
        line-height: 12px
    }

    .feedback-beta-test .feedback-widget .alert-bubble .dismiss-btn {
        font-size: 10px
    }

    .feedback-beta-test .modal-top-icon {
        padding-bottom: 5px
    }

    .feedback-beta-test .modal-buttons {
        margin-top: 10px
    }
}

.alert-wrapper {
    position: fixed;
    bottom: 32px;
    left: 32px;
    transform: translateX(0);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 2000;
    transition: top 0.3s ease,right 0.3s ease
}

.alert-wrapper .alert {
    width: 100%;
    max-width: 280px;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 12px 0 #00000026;
    transition: opacity 0.3s ease,transform 0.3s ease;
    opacity: 0
}

.alert-wrapper .alert-success {
    background: #000;
    color: #fff
}

.alert-wrapper .alert-failed {
    background: #E63C34;
    color: #fff
}

.alert-wrapper .alert.show {
    opacity: 1
}

.alert-wrapper .alert.hide {
    opacity: 0;
    pointer-events: none
}

.alert-wrapper .alert-message {
    width: auto;
    display: flex;
    flex-direction: column;
    background: #fff0;
    padding: 0;
    border-radius: 0
}

span.alert-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFC;
    font-size: 13px;
    font-weight: 400
}

.alert-wrapper .alert-close {
    cursor: pointer;
    font-weight: 300;
    font-size: 25px;
    height: 30px;
    line-height: 1;
    transition: opacity 0.2s ease
}

.alert-wrapper .alert-close:hover {
    opacity: 1
}

@media screen and (max-width: 480px) {
    .alert-wrapper {
        max-width:calc(100% - 70px);
        width: 100%;
        left: 50%;
        transform: translate(-50%,0)
    }

    .alert-wrapper .alert {
        max-width: 100%
    }
}

@media screen and (max-width: 360px) {
    .alert-wrapper {
        max-width:calc(100% - 15px)
    }
}

.beta-v2 {
    display: block;
    position: relative
}

.beta-v2 .beta-feedback-v2-container {
    position: fixed;
    bottom: 18px;
    right: 93px;
    z-index: 9999
}

.beta-v2 .beta-feedback-v2-wrap {
    position: relative;
    display: inline-block
}

.beta-v2 .beta-v2-btn {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.3s ease,box-shadow 0.3s ease;
    background: linear-gradient(180deg,#0084FF 0%,#0077E7 100%);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / .25)
}

.beta-v2 .beta-v2-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgb(0 0 0 / .35)
}

.beta-v2 .beta-v2-notification {
    position: absolute;
    top: -6px;
    right: -6px;
    background: rgb(191 224 255);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgb(0 0 0 / .2);
    color: rgb(1 130 252);
    font-weight: 500;
    font-size: 16px
}

.beta-v2 .beta-v2-welcome-popup,.beta-v2 .popup-beta-v2 {
    position: fixed;
    bottom: 97px;
    right: 24px;
    background: var(--white-color);
    border-radius: 32px;
    transform: translateY(20px);
    pointer-events: none;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / .2);
    min-width: 400px;
    max-width: 400px;
    min-height: 620px;
    max-height: 620px;
    overflow: hidden
}

.beta-v2 .beta-v2-welcome-popup {
    padding: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: none
}

.beta-v2 .beta-v2-welcome-popup.open,.beta-v2 .popup-beta-v2.open,.beta-v2-tab-content.beta-v2-current,.beta-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
    overflow: hidden;
    cursor: default
}

.beta-v2-tab-content {
    width: 100%
}

.beta-v2 .beta-v2-popup-icon img {
    margin-bottom: 8px;
    display: inline
}

.beta-v2 .beta-v2-welcome-popup h2 {
    font-size: 20px;
    color: var(--dark-color);
    font-weight: 500;
    margin-bottom: 6px
}

.beta-v2 .beta-v2-welcome-popup p {
    color: rgb(114 114 114);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px
}

.beta-v2 .beta-popup-btn {
    background: #007bff;
    color: var(--white-color);
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-size: 15px;
    cursor: pointer;
    height: 40px;
    min-width: 109px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.beta-v2 .beta-popup-btn:hover {
    background: #0069d9
}

.beta-popup-header,.beta-popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgb(222 222 222);
    background: rgb(247 247 247)
}

.beta-popup-header h3 {
    margin: 0;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 14px;
    color: var(--dark-color)
}

.beta-v2 .beta-v2-close-btn {
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    padding: 0;
    color: rgb(105 105 105);
    line-height: 23px
}

.beta-v2 .beta-v2-back-btn {
    margin-left: 5px;
    cursor: pointer
}

.beta-v2 .beta-popup-body {
    height: 100%;
    position: relative;
    max-height: 490px;
    overflow-y: auto;
    padding: 0 20px;
    min-height: 470px
}

.beta-v2 .beta-popup-body .beta-fedback-note {
    margin-top: 20px
}

.beta-v2 .update-item {
    border-bottom: 1px solid var(--filter-bg-selected-color);
    margin: 20px 0 19px;
    padding-bottom: 19px;
    cursor: pointer
}

.beta-v2 .update-item h4,.beta-fedback-note h4 {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--dark-color);
    position: relative
}

.beta-v2 #updates-activity .update-item h4:before {
    content: "";
    height: 6px;
    width: 6px;
    background: linear-gradient(180deg,#0084FF 0%,#0077E7 100%);
    position: absolute;
    right: 0;
    bottom: -3px;
    border-radius: 100%
}

.beta-v2 #updates-activity .update-item.beta-fedback-note h4:before {
    display: none;
    border: none
}

.beta-v2 .update-item .date,.beta-v2 .update-item p,.beta-v2 .beta-fedback-note p,.beta-v2 .date,.mailid {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--na-paragraph-color)
}

.beta-v2 .beta-popup-footer {
    border-top: 1px solid var(--dark-black-color-three);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.beta-v2 .beta-footer-item {
    flex: 1;
    text-align: center;
    padding: 11px 0;
    color: #777;
    font-size: 13px;
    cursor: pointer
}

.beta-v2 .beta-footer-item img {
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto 3px
}

.beta-footer-item.beta-active span {
    color: var(--na-link-color)
}

.beta-v2 .beta-footer-item.beta-active img {
    display: none
}

.beta-v2 .beta-footer-item.beta-active img.active-img {
    display: block
}

.beta-v2 .beta-footer-item img.active-img {
    display: none
}

.beta-v2 .popup-beta-v2.open.beta-active.beta-v2-current {
    visibility: hidden;
    opacity: 0
}

.beta-v2-update-item-detail ul li strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--dark-color);
    display: block;
    margin-bottom: 8px
}

.beta-v2-update-item-detail ul li {
    margin-bottom: 24px
}

.beta-v2-update-item-detail ul li b {
    font-weight: 600
}

.beta-v2-update-item-detail ul li span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--na-paragraph-color);
    padding-left: 22px;
    display: inline-block;
    position: relative
}

.beta-v2-update-item-detail ul li span:before {
    content: "";
    background: var(--na-paragraph-color);
    height: 6px;
    width: 6px;
    position: absolute;
    left: 8px;
    top: 4px;
    border-radius: 100%
}

.update-section h1,.update-section h2,.update-section h3,.update-section h4,.update-section h5,.update-section h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--dark-color);
    display: block;
    margin-bottom: 8px
}

.update-section ul li {
    margin-bottom: 24px;
    position: relative
}

.update-section ul li b {
    font-weight: 600
}

.update-section ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--na-paragraph-color);
    padding-left: 22px;
    display: inline-block;
    position: relative
}

.update-section ul li:before {
    content: "";
    background: var(--na-paragraph-color);
    height: 6px;
    width: 6px;
    position: absolute;
    left: 8px;
    top: 4px;
    border-radius: 100%
}

.beta-v2 .feedback-btn button.beta-popup-btn {
    padding: 10px 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.beta-v2 .feedback-btn button.beta-popup-btn img {
    margin-right: 11px
}

.beta-v2 #beta-v2-feedback-list p.date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.beta-v2 #beta-v2-feedback-list .update-item h4 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.beta-v2 .feedback-header {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.beta-v2 .feedback-header .header-info .name,.beta-v2 .feedback-header .header-info .title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 16px
}

.beta-v2 .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600
}

.beta-v2 .avatar.blue {
    background: #B2DAFF;
    color: var(--white-color)
}

.beta-v2 hr {
    border: none;
    border-top: 1px solid var(--filter-bg-selected-color);
    margin: 12px 0
}

.beta-v2 .feedback-card {
    padding: 16px;
    border: 1px solid var(--grey-color-tone-seven);
    margin: 20px 0;
    border-radius: 16px
}

.beta-v2 .feedback-body .report-id p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
    color: dimgray
}

.beta-v2 .feedback-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
    color: dimgray;
    display: block
}

.beta-v2 .description p,.beta-v2 .attachments p,.beta-v2 .attachments ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--dark-color)
}

.beta-v2 .attachment-input .attachments-text {
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    color: #0084FF;
    cursor: pointer
}

.beta-v2 .attachment-input {
    margin-bottom: 16px;
    cursor: pointer
}

.beta-v2 input.file-upload-input {
    display: none
}

.beta-v2 .file-upload-label img {
    cursor: pointer
}

.beta-v2 .attachment-input .attachments-plus {
    font-size: 22px;
    color: #0084FF;
    line-height: 100%;
    cursor: pointer
}

.beta-v2 .comment-actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.beta-v2 .feedback-comment {
    padding: 16px;
    border: 1px solid #DEDEDE;
    border-radius: 16px;
    margin-bottom: 20px
}

.beta-v2 .send-btn {
    background: #0084FF;
    color: #fff;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    border-radius: 8px;
    cursor: pointer
}

.beta-v2 .feedback-comment textarea {
    max-height: 48px;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    resize: none;
    padding: 0
}

.beta-v2 textarea:focus {
    background-color: #fff0
}

.beta-v2 .feedback-option-card {
    padding: 20px 0
}

.beta-v2 .submit-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000;
    margin-bottom: 16px
}

.beta-v2 li.feedback-option {
    border: 1px solid #DEDEDE;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 8px
}

.beta-v2 li.feedback-option strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin-bottom: 4px
}

.beta-v2 li.feedback-option p {
    font-weight: 400;
    font-size: 14px;
    color: #727272;
    line-height: 16px;
    margin: 0
}

li.feedback-option.option-active {
    border: 1.5px solid #0084FF
}

.beta-v2 .feedback-option-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 490px
}

.beta-v2 .feedback-option-card-btn {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px
}

.beta-v2 .cancel-feedback-btn {
    border: 1px solid #DEDEDE;
    border-radius: 12px;
    min-width: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: #F7F7F7;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: dimgray;
    cursor: pointer
}

.beta-v2 .submit-feedback-btn {
    background: #0084FF;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    border-radius: 12px;
    min-width: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    cursor: pointer
}

.beta-v2 .popup-beta-v2 .cform-group>label {
    float: none;
    text-align: left;
    margin: 0 0 8px 0;
    padding: 0;
    color: var(--dark-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: block
}

.beta-v2 .popup-beta-v2 .nice-select.open .nice-select-search-box {
    display: none
}

.beta-v2 .cform-group .nice-select>span {
    font-size: 16px
}

.beta-v2 .popup-beta-v2 .nice-select.open .nice-select-search-box+.list {
    margin-top: 1px!important
}

.beta-v2 .submit-feedback-issue {
    padding: 20px 0
}

.beta-v2 .popup-beta-v2 .cform-group .nice-select {
    border: solid 1px var(--grey-color-tone-seven);
    padding: 13px 12px;
    font-size: 16px;
    color: var(--na-paragraph-color);
    border-radius: 8px;
    white-space: normal
}

.beta-v2 .popup-beta-v2 .cform-group .nice-select:after {
    border-bottom: 2px solid var(--na-paragraph-color);
    border-right: 2px solid var(--na-paragraph-color)
}

.beta-v2 .popup-beta-v2 li.option.selected.disabled.focus {
    color: var(--na-paragraph-color)
}

.beta-v2 .popup-beta-v2 .nice-select .current {
    color: var(--na-paragraph-color)
}

.beta-v2 .popup-beta-v2 .nice-select.open .list .option {
    color: var(--dark-color)
}

.beta-v2 .popup-beta-v2 .nice-select.has-value .current {
    color: var(--dark-color)
}

.beta-v2 .popup-beta-v2 .cform-control {
    padding: 13px 20px;
    border-radius: 8px;
    border: solid 1px var(--light-grey-color-three);
    font-size: 16px;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-color);
    height: auto;
    width: 100%
}

.beta-v2 .popup-beta-v2 .cform-group {
    padding: 0 0 16px 0;
    width: 100%
}

.beta-v2 .popup-beta-v2 textarea.cform-control {
    min-height: 157px;
    resize: none;
    overflow-y: auto
}

.beta-v2 .drop-zone {
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    border: 2px dashed #DEDEDE;
    cursor: pointer
}

.beta-v2 .drop-zone label.file-upload-label {
    display: flex;
    justify-content: center;
    text-align: left;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 135%;
    cursor: pointer
}

.beta-v2 .attachments-container .drop-zone label.file-upload-label p,.file-list p {
    font-size: 14px;
    line-height: 135%;
    font-weight: 500;
    margin: 0
}

.beta-v2 .attachments-container .drop-zone label.file-upload-label span,.beta-v2 .drop-zone label.file-upload-label span a,.beta-v2 .attachments-container .file-list span {
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: dimgray
}

.beta-v2 .attachments-container .drop-zone label.file-upload-label span a {
    text-decoration: underline
}

.beta-v2 .attachments-container .attachment-tital {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #000;
    margin-bottom: 8px
}

.beta-v2 .attachments-container .file-list {
    margin-top: 8px;
    margin-bottom: 16px
}

.beta-v2 .file-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 8px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.beta-v2 .file-name {
    white-space: nowrap;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis
}

.beta-v2 .enrollment-detail {
    padding: 20px 0
}

.beta-v2 .switch {
    font-size: 18px;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px
}

.beta-v2 .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.beta-v2 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E5E5EC;
    transition: .4s;
    border-radius: 30px
}

.beta-v2 .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.beta-v2 input:checked+.slider {
    background-color: #0084FF;
    border: 1px solid #0084FF
}

.beta-v2 input:checked+.slider:before {
    transform: translateX(16px);
    background-color: #fff;
    top: 1px
}

.beta-v2 .enrol-profile,.beta-v2 .enrol-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.beta-v2 .enroll-menu p {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0084FF;
    margin: 0
}

.beta-v2 .enroll-menu p svg {
    margin-left: 19px
}

.beta-v2 .enroll-menu {
    cursor: pointer;
    user-select: none
}

.beta-v2 .enroll-dropdown {
    box-shadow: 0 0 4px 0 #00000026;
    padding: 8px 16px;
    border-radius: 16px;
    min-width: 170px;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-5px);
    transition: max-height 0.35s ease,opacity 0.25s ease,transform 0.35s ease;
    position: absolute;
    top: 38px;
    right: 0;
    background: #fff;
    z-index: 1
}

.beta-v2 .enroll-dropdown.open {
    opacity: 1;
    transform: translateY(0)
}

.beta-v2.enroll-dropdown ul li a span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.beta-v2 .enroll-dropdown ul li a {
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--dark-color)
}

.beta-v2 .enroll-dropdown ul li a img {
    height: 16px;
    width: 16px;
    display: block;
    margin-right: 8px
}

.beta-v2 .enroll-dropdown ul li:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding: 8px 0
}

.beta-v2 .enroll-dropdown ul li {
    padding: 8px 0
}

.beta-v2 .enroll-overlay {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .20);
    box-shadow: 0 0 16px 0 #0003;
    display: none;
    z-index: 9999
}

.beta-v2 .enroll-model-popup {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 4px 0 #00000026;
    background: #fff;
    max-height: 360px;
    width: 360px;
    border-radius: 32px;
    padding: 32px;
    text-align: center
}

.beta-v2 .enroll-model-popup.open {
    display: block
}

.beta-v2 .enroll-model-popup .beta-v2-close-btn {
    right: 38px;
    position: absolute;
    top: 38px
}

.beta-v2 .enroll-model-popup h4 {
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 100%;
    margin: 16px 0 4px
}

.beta-v2 .enroll-model-popup p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 16px;
    color: dimgray
}

.beta-v2 .email-icon {
    opacity: .8;
    line-height: 0;
    height: 14px;
    margin: 0;
    min-width: 16px
}

.beta-v2 .email-input-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 12px 15px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 16px
}

.beta-v2 .email-input-box input {
    padding: 0;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px
}

.beta-v2 .enroll-model-popup .invite-avalabel a {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0084FF;
    margin-top: 16px;
    display: block
}

.beta-v2 button.close-btn {
    width: 100%
}

.beta-v2 .invite-avalabel span {
    color: dimgray;
    font-size: 14px;
    margin-top: 16px;
    display: block;
    line-height: 100%
}

@media screen and (max-width: 768px) {
    .beta-v2 .beta-v2-welcome-popup,.beta-v2 .popup-beta-v2 {
        min-width:300px;
        max-width: 300px;
        min-height: 450px;
        max-height: 450px;
        border-radius: 16px;
        bottom: 65px;
        left: auto;
        right: 25px;
        margin: 0 auto
    }

    .beta-v2 .beta-v2-welcome-popup h2 {
        font-size: 18px
    }

    .beta-v2 .beta-v2-welcome-popup {
        padding: 15px
    }

    .beta-popup-header,.beta-popup-footer {
        padding: 10px
    }

    .beta-v2 .beta-v2-notification {
        top: -10px;
        right: -10px;
        width: 20px;
        height: 20px;
        font-size: 12px
    }

    .beta-v2 .beta-v2-btn {
        width: 40px;
        height: 40px
    }

    .beta-v2 .beta-feedback-v2-container {
        bottom: 5px;
        right: 25px
    }

    .beta-v2 .beta-popup-body {
        max-height: 330px;
        padding: 0 10px;
        min-height: 330px
    }

    .beta-v2 .enroll-model-popup {
        width: 280px;
        border-radius: 16px;
        padding: 15px 10px
    }

    .beta-popup-header h3,.beta-v2 .enroll-model-popup h4 {
        font-size: 16px
    }

    .beta-v2 .enroll-menu {
        min-width: 85px
    }

    .beta-v2 .avatar {
        min-width: 35px;
        min-height: 35px
    }

    .beta-v2 .update-item h4,.beta-fedback-note h4,.beta-v2 .update-item .date,.beta-v2 .update-item p,.beta-v2 .beta-fedback-note p,.beta-v2 .date,.mailid,.beta-v2 .cform-group .nice-select>span,.beta-v2 .popup-beta-v2 .cform-control,.beta-v2 .attachments-container .drop-zone label.file-upload-label p,.file-list p,.beta-v2 .attachments-container .drop-zone label.file-upload-label span,.beta-v2 .drop-zone label.file-upload-label span a,.beta-v2 .attachments-container .file-list span,.beta-v2 .description p,.beta-v2 .attachments p,.beta-v2 .attachments ul li a,.beta-v2 .feedback-body .report-id p,.beta-v2-update-item-detail ul li strong,.beta-v2-update-item-detail ul li span,.beta-v2 .feedback-header .header-info .title {
        font-size: 12px;
        line-height: 14px
    }

    .beta-v2 .beta-v2-welcome-popup p {
        font-size: 12px;
        line-height: 16px
    }

    .beta-v2 .update-item {
        margin: 12px 0 12px;
        padding-bottom: 12px
    }

    .beta-v2 li.feedback-option strong,.beta-v2 .submit-title,.beta-v2 .email-input-box input,.beta-v2 .enroll-dropdown ul li a,.beta-v2 .feedback-header .header-info .name,.beta-v2 li.feedback-option strong {
        font-size: 14px
    }

    .beta-v2 .enroll-model-popup .beta-v2-close-btn {
        right: 20px;
        top: 10px
    }

    .beta-v2 .enroll-model-popup .beta-v2-popup-body>img {
        width: 45px;
        height: auto
    }
}

@media screen and (max-width: 360px) {
    .beta-v2 .beta-v2-welcome-popup,.beta-v2 .popup-beta-v2 {
        left:0;
        right: 0;
        margin: 0 auto
    }

    .ms-header .ms-container {
        min-height: 55px
    }
}

.nav-container .block-cart {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    z-index: 999
}

.nav-container .block-cart:hover .block-content {
    display: block!important
}

.nav-container .block-cart #cart-button {
    line-height: 44px;
    font-size: 14px;
    color: var(--grey-color-tone-one);
    font-weight: 400;
    padding: 0 0 0 48px;
    position: relative;
    display: block;
    background: url(../images/mobilesentrix_2.png) 0 -666px no-repeat;
    margin-top: -12px;
    border: 1px solid var(--grey-color-tone-seven);
    border-bottom: 0;
    background-color: var(--grey-color-tone-eight);
    border-radius: 0 4px 0 0
}

.nav-container .block-cart:hover #cart-button,.nav-container .block-cart.hovercart #cart-button {
    background: url(../images/mobilesentrix_2.png) 0 -701px no-repeat var(--secondary-color);
    color: var(--white-color);
    background-size: 50px
}

.nav-container .block-cart #cart-button:hover {
    background: url(../images/mobilesentrix_2.png) 0 -717px no-repeat var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color)
}

.nav-container .block-cart #cart-button #qua {
    padding-right: 31px;
    background: url(../images/mobilesentrix_2.png) right -1726px no-repeat
}

.nav-container .block-cart:hover #cart-button #qua,.nav-container .block-cart.hovercart #cart-button #qua {
    background: url(../images/mobilesentrix_2.png) right -1775px no-repeat
}

.nav-container .block-cart #cart-button:hover #qua {
    background: url(../images/mobilesentrix_2.png) right -1775px no-repeat
}

.ms-menucontainer #nav {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

.ms-menucontainer #nav .li-hover {
    z-index: 200
}

.ms-menucontainer #nav .li-hover ul.sub {
    left: 0;
    top: 41px;
    background: var(--dark-color);
    padding: 3px;
    border: 1px solid var(--secondary-color);
    white-space: nowrap;
    width: 110px;
    height: auto;
    z-index: 300
}

.ms-menucontainer #nav .li-hover ul.sub li {
    display: block;
    height: 30px;
    position: relative;
    float: left;
    width: 110px;
    font-weight: 400
}

.ms-menucontainer #nav .li-hover ul.sub li a {
    display: block;
    font-size: 15px;
    height: 30px;
    width: 110px;
    line-height: 30px;
    text-indent: 5px;
    color: var(--white-color);
    text-decoration: none
}

.ms-menucontainer #nav .li-hover ul.sub li a:hover {
    background: var(--secondary-color);
    color: var(--dark-color)
}

.sticky {
    position: fixed;
    z-index: 200;
    max-width: 100%;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s
}

.ms-menucontainer #nav li.nav-3:hover ul.level0,.ms-menucontainer #nav li.nav-4:hover ul.level0,.ms-menucontainer #nav li.nav-5:hover ul.level0 {
    left: 0
}

.ms-menucontainer #nav>li {
    position: static;
    min-height: 42px
}

.ms-menucontainer #nav>li>a {
    color: var(--grey-color-tone-three);
    font-size: 14px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 10px 0;
    line-height: 20px;
    font-synthesis: none;
    text-rendering: optimizelegibility
}

.ms-menucontainer #nav>li>ul.level0 {
    background-color: var(--white-color);
    content: "";
    position: absolute;
    width: calc(1300px + 40px);
    top: 36px;
    left: 50%;
    transform: translatex(-50%);
    transition: opacity .3s ease-in,visibility .3s ease-in;
    -webkit-transition: opacity .3s ease-in,visibility .3s ease-in;
    z-index: 990;
    padding: 18px 0;
    border-top: 5px solid var(--white-color);
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 5px 1px var(--box-shadow-color-seven);
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 700px;
    overflow: auto
}

.ms-menucontainer #nav .li-hover ul.level0 {
    display: block;
    visibility: visible;
    opacity: 1
}

.ms-menucontainer #nav>li>ul.level0>li {
    float: left;
    width: 195px;
    padding: 0;
    border: 0
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(3) {
    padding: 0;
    width: 215px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>a {
    font-size: 14px;
    font-weight: 500!important;
    text-transform: capitalize;
    float: left;
    color: var(--dark-color);
    width: 194px;
    padding: 3px 15px!important
}

.ms-menucontainer #nav>li:not(.brands-menu)>ul.level0>li>a,.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a,.ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 10px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 120px;
    display: inline-block;
    line-height: 20px
}

.ms-menucontainer #nav>li:not(.brands-menu)>ul.level0>li>a:hover,.ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a:hover,.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    letter-spacing: 0;
    background-color: var(--grey-color-tone-eight)
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    color: var(--secondary-color);
    border-top: 1px dashed var(--grey-color-tone-five);
    padding: 11px 0 5px 0
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat {
    position: relative
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat span.spouge-label {
    position: absolute;
    font-size: 9px
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat.brand-cat span.spouge-label {
    left: 55px;
    right: auto;
    top: 6px
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img {
    position: relative;
    font-size: 9px;
    top: 7px;
    text-align: center
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span.spouge-label {
    right: 0;
    top: -20px
}

.ms-menucontainer #nav>li>ul.level0>li:last-child {
    border-right: 0
}

ul.submenu {
    float: left;
    width: 100%
}

ul.submenu li a {
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    color: var(--grey-color-tone-three);
    letter-spacing: -.1px;
    margin: 0;
    padding: 3px 10px;
    border-bottom: 1px solid #fff0;
    display: block;
    border-radius: 20px;
    padding-right: 10px;
    position: relative
}

ul.submenu li a.repairlink {
    color: var(--primary-color)
}

ul.submenu li a.repairlink::after {
    content: '*';
    color: var(--primary-color)
}

.ms-menucontainer #nav>li>ul.level0>ul>span.moto-alert {
    position: relative;
    bottom: 15px;
    left: 30px;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 400;
    display: block;
    clear: both;
    padding-top: 15px;
    margin-bottom: -18px
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li>a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: var(--grey-color-tone-two);
    letter-spacing: -.2px;
    text-transform: inherit
}

.ms-menucontainer #nav ul.submenu li a:hover {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none!important;
    background-color: var(--menu-bg-light-color)
}

.ms-menucontainer #nav ul.level0>li>a:hover {
    color: var(--dark-color)
}

ul.submenu li.all-cat a {
    color: var(--dark-color);
    font-weight: 400
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li.all-cat>a {
    color: var(--primary-color)
}

.ms-menucontainer #nav .li-hover>a {
    background-color: var(--white-color);
    color: var(--primary-color);
    border-radius: 5px 5px 0 0
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li {
    width: 100%;
    border-right: 0
}

.ms-menucontainer #nav>li.batteries>ul.level0 {
    width: 210px
}

.ms-menucontainer #nav>li.distributer-stock>ul.level0 {
    width: 180px;
    margin-left: -22px
}

.ms-menucontainer #nav>li.apple>ul.level0>li {
    min-height: 470px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li {
    min-height: 689px;
    padding: 0
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(3) {
    width: 217px;
    padding: 0;
    margin-left: 15px
}

.ms-menucontainer #nav>li.Huawei>ul.level0 {
    width: 1300px;
    left: -291px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(2) {
    width: 260px;
    padding-left: 35px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(5) {
    width: 220px;
    padding-right: 0;
    padding-left: 0
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google strong.dropdown-submenu-title {
    position: relative;
    left: 12px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0>li.aicon-essentials>ul>li.no-aero>a>span.new-spouse {
    background-color: var(--menu-light-primary-color);
    display: none
}

.ms-menucontainer #nav>li.spinners2>ul.level0 {
    width: 515px;
    left: -260px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:first-child {
    width: 185px;
    padding-right: 0
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(2) {
    width: 260px!important;
    padding-left: 45px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) {
    width: 260px;
    padding: 0;
    border-right: 0;
    padding-left: 40px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:last-child {
    width: 160px;
    min-height: 125px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li {
    width: 140px;
    padding: 0;
    min-height: 478px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child>ul.submenu:nth-child(3) {
    width: 50%
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child>ul.submenu:nth-child(4) {
    width: 50%
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(3) {
    width: 235px;
    padding-left: 30px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li {
    width: 182px;
    padding: 0;
    min-height: 452px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(2) {
    width: 205px;
    padding-left: 45px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(3) {
    width: 205px;
    padding-left: 30px
}

.ms-menucontainer #nav>li.game-console>ul.level0>li {
    width: 210px;
    padding: 0;
    min-height: 406px
}

.ms-menucontainer #nav>li.game-console>ul.level0>li:first-child {
    width: 192px
}

.ms-menucontainer #nav>li.game-console>ul.level0>li:nth-child(2) {
    margin-left: 45px
}

.ms-menucontainer #nav>li.game-console>ul.level0 li.dp-menu .dp-menu-drop {
    right: -148px;
    width: 160px;
    top: 119px;
    height: calc(100% - 119px);
    padding-top: 10px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(4) {
    width: 185px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5) {
    width: 180px;
    padding: 0
}

ul.dp-menu-drop.for-iphone .m-overflows {
    max-height: 530px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li {
    min-height: 478px
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(4) {
    width: 222px
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(5) {
    width: 220px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:first-child {
    width: 180px;
    padding: 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(2) {
    width: 250px;
    padding-left: 45px;
    padding-right: 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4)>ul.submenu:nth-child(2) {
    width: 100%
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4)>ul.submenu:nth-child(3) {
    width: 116px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5) {
    width: 175px;
    margin-left: 30px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4) {
    width: 245px;
    padding: 0;
    padding-left: 30px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li {
    min-height: 478px;
    padding: 0
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:first-child {
    width: 110px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(2) {
    width: var(--menu-four-width);
    padding-left: 45px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(3) {
    width: 250px;
    padding-left: 30px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:last-child {
    width: 200px;
    min-height: 125px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(4) {
    width: 215px;
    padding-left: 40px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(5) {
    width: 185px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(4) {
    width: 200px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6) {
    width: 210px;
    padding-left: 0
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(7) {
    width: 170px;
    padding-right: 0
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(3) {
    width: 230px;
    padding-left: 45px;
    padding-right: 0
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(4) {
    width: 250px;
    padding-left: 30px
}

body .ms-menucontainer #nav>li.samsung>ul.level0>li {
    min-height: 510px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(6) {
    border-right: 0;
    width: 250px;
    padding-left: 45px
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li {
    width: 100%
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li>ul.submenu:nth-child(2) {
    width: 37%
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li>ul.submenu:nth-child(3) {
    width: 63%
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(3) {
    width: 200px
}

.nav-container.sticky {
    border-bottom: 3px solid var(--primary-color);
    height: 48px
}

.sticky ul.ms-menucontainer #nav {
    margin-top: 12px
}

.nav-container.sticky .block-cart #cart-button {
    margin-top: 0
}

.nav-container.sticky .block-cart .block-content {
    top: 45px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 3px 0
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat>a {
    color: var(--primary-color)
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>a {
    width: auto
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat>a,.htc-both>p.all-cat>a {
    color: var(--primary-color)
}

ul.submenu>li>strong {
    font-size: 15px;
    color: var(--dark-color);
    font-weight: 600;
    padding-left: 8px
}

ul.submenu>li>a>strong {
    font-size: 12px;
    font-weight: 600;
    color: var(--grey-color-tone-two)
}

.ms-menucontainer #nav .main-menu-head {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--dark-color);
    margin-bottom: 20px;
    min-height: 97px;
    padding-right: 10px
}

.ms-menucontainer #nav .menu-search-part {
    display: block;
    float: left;
    padding-top: 22px;
    padding-left: 58px
}

.ms-menucontainer #nav .menu-image-part {
    display: block;
    float: right;
    padding-left: 5px;
    width: 260px;
    background-image: url(../images/back-in-stock.svg);
    height: 87px;
    background-repeat: no-repeat
}

.ms-menucontainer #nav .serch-box-new {
    position: relative
}

.ms-menucontainer #nav .serch-box-new>button {
    width: 34px;
    height: 34px;
    background-color: var(--menu-search-btn-bg);
    position: absolute;
    border: 0;
    border-radius: 50%;
    background-image: var(--menu-search-btn-img);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px
}

.ms-menucontainer #nav .serch-box-new>button.subtract-btn {
    background-color: var(--grey-color-tone-six);
    border: 0;
    position: absolute;
    right: 0;
    background-image: url(../images/subtract-btn-1.svg);
    background-size: 18px;
    background-position: 6px 8px;
    background-repeat: no-repeat;
    cursor: pointer
}

.ms-menucontainer #nav .serch-box-new img.white-search-icn {
    padding: 2px
}

.ms-menucontainer #nav .serch-box-new input.search-txt-box {
    z-index: -1;
    border-radius: 50px;
    border: 0;
    background-color: var(--grey-color-tone-six);
    width: 438px;
    height: 34px;
    color: var(--dark-color);
    font-size: 14px;
    padding-left: var(--padding-menu-left)
}

.ms-menucontainer #nav .menu-image-part img.back-in-stock-img {
    float: right;
    margin-right: 100px
}

.ms-menucontainer #nav ul.submenu li a.hidden {
    opacity: .3
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.brand-cat {
    position: relative
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.brand-cat span {
    top: 6px;
    right: 75px
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span {
    top: -16px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:first-child {
    width: 167px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(4) {
    width: var(--menu-two-width);
    margin-left: 15px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(5) {
    width: 175px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(6) {
    width: 180px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
    border-right: 0;
    width: 180px;
    margin-left: 15px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .dp-menu .dp-menu-drop>li {
    min-height: auto;
    padding: 0
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop>li {
    float: left;
    width: 183px;
    clear: none;
    min-height: 573px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop>li.w-border {
    width: 165px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop {
    right: -350px;
    width: 350px;
    padding: 15px 0;
    top: 119px;
    height: 564px
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child {
    width: 190px
}

.ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop {
    right: -182px;
    width: 190px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px)
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .dp-menu .dp-menu-drop {
    right: -127px;
    width: 175px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px)
}

.ms-menucontainer #nav>li.refurbish>ul.level0 .dp-menu .dp-menu-drop {
    right: -130px;
    width: 160px;
    padding: 5px 0;
    top: 119px;
    height: 83.9%
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone {
    right: -330px;
    width: 350px;
    padding: 10px 0;
    top: 119px;
    height: calc(100% - 119px)
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li {
    float: left;
    width: 180px;
    clear: none
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(1) {
    width: 174px;
    padding: 0;
    border-right: 1px dashed var(--grey-color-tone-five);
    height: calc(100% - -10px)
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(2) {
    width: 174px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(2),.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(1) {
    width: 190px;
    border-right: 1px dashed var(--grey-color-tone-five);
    min-height: 429px;
    padding-right: 0
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2) {
    width: 180px;
    border-right: 1px dashed var(--grey-color-tone-five);
    float: left;
    height: calc(100% - 13px)
}

.dropdown-submenu-title {
    color: var(--dark-color);
    padding-left: 7px
}

.dropdown-submenu-product-title {
    font-weight: 500
}

.dropdown-submenu-title.set-strong {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google {
    right: -139px;
    width: 160px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px)
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad {
    right: -308px;
    width: 330px;
    padding: 15px 0;
    top: 110px;
    height: calc(100% - 110px)
}

.refurbish .dp-menu-drop ul.submenu li:nth-child(1) a {
    padding-top: 10px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop {
    right: -160px;
    width: 190px;
    padding: 10px 0;
    top: 119px;
    height: calc(100% - 119px)
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop {
    width: 370px;
    right: -360px;
    padding: 0
}

.dp-menu-drop:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 3px 3px 10px var(--box-shadow-color-nine);
    z-index: -1
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) {
    padding-right: 0;
    padding-left: 0;
    width: 200px
}

body .ms-menucontainer #nav>li.refurbish>ul.level0>li {
    width: 180px;
    min-height: 550px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop {
    width: 200px;
    right: -178px;
    height: 580px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop {
    width: 215px;
    right: -192px;
    height: 580px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li {
    min-height: 0;
    width: 100%
}

.m-overflows {
    float: left;
    width: 100%;
    max-height: 505px;
    overflow: auto;
    margin-bottom: 15px
}

ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows {
    width: auto;
    padding-right: 20px;
    max-height: 520px
}

.aicon-othermodel ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows {
    width: 15%
}

.aicon-othermodel ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows.only-wide {
    width: 23%
}

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--box-shadow-color-three);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar {
    width: 16px;
    background-color: #F3F3F3
}

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--menu-bg-light-color);
    box-shadow: 0 4px 4px 0 #00000040
}

.m-overflows::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--box-shadow-color-three);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.m-overflows::-webkit-scrollbar {
    width: 2px;
    background-color: var(--grey-color-tone-three)
}

.m-overflows::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top,var(--dark-color) 0%,var(--dark-color) 50%,var(--dark-color) 51%,var(--dark-color) 100%)
}

.dp-menu>a>i.arrow {
    width: 6px;
    height: 6px;
    border-top: 4px solid #fff0;
    border-left: 8px solid var(--grey-color-tone-two);
    border-bottom: 4px solid #fff0;
    float: right;
    margin: 5px 10px 0 10px;
    transform: rotate(360deg)
}

.dp-menu:hover>a {
    font-weight: 700;
    background-color: #fff0;
    color: var(--primary-color)
}

.dp-menu:hover>a>i.arrow {
    border-color: #fff0 var(--primary-color)
}

body .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(2) {
    width: var(--menu-one-width);
    padding: 0;
    margin-left: 35px
}

.b-component img {
    max-width: 150px
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(6) {
    width: 190px;
    padding: 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(6) {
    width: 230px;
    padding-right: 10px;
    padding-left: 30px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google>li {
    padding: 0;
    min-height: 419px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li {
    padding: 0;
    float: left
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li {
    padding: 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li {
    float: left;
    padding: 0;
    width: 158px;
    min-height: 550px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.tseries-m .dp-menu-drop>li.m-overflows {
    width: 310px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5)>a,.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6)>a,.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(6)>a,.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(6)>a {
    padding-left: 7px
}

ul.submenu>li.dp-menu>a {
    margin: 0;
    padding: 4px 10px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) ul.submenu>li:not(.dp-menu)>a,.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) ul.submenu>li:not(.dp-menu)>a {
    padding-left: 10px
}

.ms-menucontainer #nav ul.submenu>li.dp-menu>a:hover {
    color: var(--primary-color);
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    font-weight: 600
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6)>a {
    padding-left: 9px
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a,.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a {
    margin: 0;
    padding: 3px 15px;
    border-bottom: 1px solid #fff0
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li>a,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li>a,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li>a,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li>a,.ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop>li>ul>li>a,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google>li>ul.submenu>li>a,.ms-menucontainer #nav>li.refurbish>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a {
    margin: 0;
    padding: 3px 15px;
    border-bottom: 1px solid #fff0
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a:hover,.ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop>li>ul.submenu>li>a:hover,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li>a:hover,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li>a:hover,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li>a:hover,.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li>a:hover,.ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop>li>ul>li>a:hover,.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a:hover,.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a:hover {
    background-color: var(--grey-color-tone-seven);
    color: var(--primary-color);
    font-weight: 400;
    border-color: var(--grey-color-tone-five)
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>strong,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>strong {
    text-align: center;
    width: 100%;
    float: left
}

.ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop>li>ul.submenu>li>a,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2)>ul>li>a,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(2)>ul.submenu>li>a,.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li>ul.submenu>li>a {
    margin: 0;
    padding: 3px 15px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(3) {
    float: left;
    width: 170px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(2) {
    width: 180px;
    border-right: 1px dashed var(--grey-color-tone-five);
    height: calc(100% - 10px)
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(3) {
    width: 150px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li>strong {
    padding-left: 13px
}

.w-border {
    border-left: 1px dashed var(--grey-color-tone-five)
}

.ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop {
    right: -154px;
    width: 180px;
    top: 119px;
    height: calc(100% - 119px);
    padding-top: 15px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5)>a {
    padding-left: 10px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5)>ul.submenu>li:not(.dp-menu)>a {
    padding-left: 10px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>a {
    padding-left: 10px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li:nth-child(2) {
    width: 210px;
    border-left: 1px dashed var(--grey-color-tone-five)
}

.margin-t {
    padding: 5px 0 0 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li>strong {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 8px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 li.sep-border {
    border: .5px dashed var(--grey-color-tone-five);
    height: 0;
    margin: 10px 0
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone ul.submenu li.screw-bx-m a:hover {
    border-bottom: transparent!important;
    background-color: transparent!important;
    cursor: pointer;
    color: var(--secondary-color)
}

ul.submenu li.screw-bx-m a {
    color: var(--dark-color)!important
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .compatibility-list {
    width: 100%;
    float: left
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop {
    width: 332px;
    right: -332px;
    padding: 10px 0
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li {
    padding: 0;
    float: left;
    width: 182px;
    min-height: 550px
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li:nth-child(2) {
    width: 150px;
    border-left: 1px dashed var(--grey-color-tone-five)
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li>strong {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 8px
}

.ms-menucontainer #nav>li.samsung>ul.level0 .m-overflows {
    max-height: 505px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu.samsunge .dp-menu-drop>li:first-child>ul.submenu>li>a {
    padding: 3px 5px 3px 15px
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(6),.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(7) {
    min-height: 400px
}

.ms-menucontainer #nav>li.mac-enable>ul.level0:after {
    content: "";
    width: 330px;
    height: 115px;
    right: 4px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 65px;
    background-size: 320px;
    display: none
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s1>ul.level0:after,.ms-menucontainer #nav>li.mac-enable.apmenu-s2>ul.level0:after,.ms-menucontainer #nav>li.mac-enable.apmenu-s3>ul.level0:after,.ms-menucontainer #nav>li.mac-enable.apmenu-s4>ul.level0:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s1>ul.level0:after {
    background-image: url(../images/apmenu-s1.png);
    width: 415px;
    right: -42px
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s2>ul.level0:after {
    background-image: url(../images/apmenu-s2.png);
    width: 415px;
    right: -42px
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s3>ul.level0:after {
    background-image: url(../images/apmenu-s3.png);
    width: 415px;
    right: -42px
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s4>ul.level0:after {
    background-image: url(../images/apmenu-s4.png);
    width: 415px;
    right: -42px
}

.ms-menucontainer #nav>li.game-console>ul.level0>li>ul>li>strong.dropdown-submenu-title {
    padding: 2px 12px;
    display: block
}

.menu-inherit>li.game-console>ul.level0>li>ul>li>strong.dropdown-submenu-title {
    padding-left: 20px
}

.ms-menucontainer #nav>li.game-console>ul.level0>li>ul>li>a {
    padding: 3px 12px
}

.menu-inherit>li>ul>li>ul>li.dp-menu.w-img {
    display: none
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(7) {
    width: 150px;
    border-right: 0
}

.dp-menu .dp-menu-drop {
    display: none;
    position: absolute;
    top: -51px;
    border-top: 5px solid var(--white-color);
    background-color: var(--white-color);
    box-shadow: 2px 1px 5px 0 var(--box-shadow-color-ten)
}

.dp-menu .dp-menu-drop.for-col-2 {
    top: 110px;
    left: 466px;
    height: 590px;
    width: 200px;
    z-index: 1;
    border: 0
}

.ms-menucontainer #nav>li.brands-menu>ul.level0 {
    width: 1300px;
    left: -559px;
    height: 800px;
    padding-bottom: 0
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li.br-title>a {
    margin-bottom: 5px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li {
    border-right: 0;
    text-align: left;
    position: static;
    min-height: inherit;
    padding: 0;
    float: none;
    margin-top: 90px;
    padding-left: 45px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2 {
    width: 1057px;
    position: absolute;
    left: 238px;
    top: 115px;
    border-left: 1px dashed var(--grey-color-tone-two);
    float: left;
    padding-left: 0;
    background-color: var(--white-color)
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li>a>img {
    width: 1060px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>.compatible_model {
    position: absolute;
    bottom: 10px;
    padding-left: 55px;
    width: 100%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a {
    text-transform: initial;
    color: var(--grey-color-tone-three);
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid var(--white-color);
    border-radius: 20px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:nth-child(2)>ul.Blevel2>li,.ms-menucontainer #nav>li.brands-menu>ul.level0>li.bhover:hover ul.Blevel2>li {
    display: block
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    padding: 0 0 50px 0;
    min-height: 595px
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li>a {
    display: block;
    width: auto;
    margin: 0 auto;
    float: none
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li.bhover:hover>a {
    background-color: #fff0;
    color: var(--primary-color)
}

#menu>ul>li.bbrands>ul>li>a {
    font-weight: 500
}

.ms-menucontainer #nav>li.brands-menu>a {
    position: relative
}

.ms-menucontainer #nav>li.brands-menu>a span.new-spouse {
    position: absolute;
    top: -16px!important;
    right: 0
}

.ms-menucontainer #nav>li.brands-menu>a span.new-spouse:before {
    display: none;
    top: 11px;
    left: 17px;
    transform: rotate(-90deg)
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li {
    min-height: 300px;
    width: 140px
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(2) {
    width: 250px;
    padding-left: 45px
}

.ms-menucontainer #nav>li.samsung>ul.level0>.compatible_model {
    min-height: 80px;
    float: left;
    width: 40%;
    margin-top: -50px;
    margin-left: 40%
}

.ms-menucontainer #nav>li.Lg>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 32%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.Huawei>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 41%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.other-parts>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.game-console>ul.level0>.compatible_model {
    width: 42%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0>.compatible_model {
    width: 65%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.refurbish>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px;
    margin-right: 28%
}

.ms-menucontainer #nav>li.borad-components>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 42%;
    margin-top: -50px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .m-overflows {
    max-height: 520px
}

.ms-menucontainer span.new-label {
    background-color: var(--dark-color)
}

.ms-menucontainer span.new-label.new1-label {
    background-color: var(--primary-color)!important;
    top: -16px!important
}

#nav>li.game-console>a span.new-spouse:before {
    display: none
}

.ms-menucontainer span.new-label:before {
    border-color: #fff0 var(--dark-color) #fff0 #fff0;
    display: none
}

.ms-menucontainer ul.submenu li.screw-bx-m a {
    border: 0
}

.ms-menucontainer .compatible_model {
    float: right;
    width: 450px;
    line-height: normal;
    transition: all .3s ease-in;
    margin-top: -11px;
    text-transform: uppercase;
    padding: 0;
    background-color: #fff0;
    text-align: left;
    margin-left: 10px;
    height: 107px;
    overflow: hidden
}

.ms-menucontainer .compatibility-list {
    width: 100%;
    padding: 5px;
    background-color: var(--grey-color-tone-eight);
    border-radius: 7px;
    min-height: 80px;
    float: left;
    max-width: 100%
}

.ms-menucontainer .compatible_model>h5 {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: var(--grey-color-tone-three);
    padding: 5px;
    font-weight: 600;
    position: relative;
    margin-right: 8px;
    text-align: revert;
    float: left;
    background-color: #fff0;
    width: 100%;
    text-transform: capitalize
}

.ms-menucontainer .compatibility-list>span {
    font-size: 11px;
    transition: all .3s ease-in;
    line-height: normal;
    vertical-align: middle;
    width: auto;
    visibility: visible;
    opacity: 1;
    background: var(--white-color);
    margin: 2px 2px 0 2px;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 4px;
    border: 1px solid var(--grey-color-tone-six);
    color: var(--grey-color-tone-two);
    font-weight: 600;
    box-shadow: 1px 1px 1px var(--box-shadow-color-nine)
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-samsungg {
    width: 360px;
    right: -329px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-samsungg>li {
    width: 180px;
    float: left;
    border-right: .5px dashed var(--grey-color-tone-five)
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-macbook {
    width: 360px;
    right: -329px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-macbook>li {
    width: 180px;
    float: left;
    border-right: .5px dashed var(--grey-color-tone-five)
}

.ms-menucontainer #nav .main-menu-head .menu-image-part {
    width: 280px;
    height: 96px;
    background-image: url(../images/back-to-stock-1.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    display: none!important
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>a:before,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid #fff0;
    border-left: 9px solid var(--grey-color-tone-nine);
    border-bottom: 5px solid #fff0;
    right: 10px;
    top: 6px
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu:hover>a:before,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu:hover>a:before {
    border-left: 9px solid var(--dark-color)
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>a,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>a {
    position: relative
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 120px;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 0;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open {
    visibility: visible;
    opacity: 1
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul .mback-btn,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul .mback-btn {
    float: left;
    font-size: 13px;
    background-image: url(../images/ep_arrow-left.svg);
    background-repeat: no-repeat;
    font-weight: 500;
    padding-left: 15px;
    background-position: 2px 6px;
    margin-left: 30px;
    margin-right: 50px;
    min-width: 60px
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul {
    float: left;
    width: auto
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul>li.dp.title>a,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul>li.dp.title>a {
    font-size: 13px
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu>li.dp-title>a,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu>li.dp-title>a {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .dropdown-submenu-title {
    padding-left: 162px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .dropdown-submenu-title-2 {
    padding-left: 7px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .submenu {
    padding-left: 20px;
    width: 200px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .aicon-bothers .submenu .mdrop-menu .mdrop-menu-inner .submenu .dropdown-submenu-title>.dropdown-submenu-title {
    padding-left: 0
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>.m-overflows ul.submenu>li.dp-title>a {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu-for-col2 {
    margin-top: 24px;
    min-width: 160px
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner ul.submenu-for-col3 {
    margin-top: 42px;
    min-width: 60px
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .aicon-bothers .submenu .mdrop-menu .mdrop-menu-inner>li>ul.submenu {
    min-width: 170px
}

ul.submenu li a.seach-match-menu,.ms-menucontainer #nav ul.submenu li.seach-match-menu a {
    color: var(--dark-color);
    font-weight: 600
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a.seach-match-menu {
    color: var(--dark-color);
    font-weight: 600!important
}

.ms-menucontainer #nav ul.submenu li a.seach-match-menu:hover,.ms-menucontainer #nav ul.submenu li a.seach-match-menu-hover,.ms-menucontainer #nav ul.submenu li.seach-match-menu a:hover {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0 .810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color)!important;
    border: 0;
    width: 100%
}

.ms-menucontainer #nav ul.submenu li.seach-match-menu a.mback-btn:hover {
    color: var(--primary-color)!important;
    width: 0;
    background-color: var(--white-color)!important;
    box-shadow: none;
    font-weight: 600!important;
    border-radius: 0;
    border: 0
}

.ms-menucontainer #nav ul.submenu li.dp-title a:hover {
    background-color: transparent!important;
    box-shadow: none;
    letter-spacing: 0
}

.ms-menucontainer #nav ul.level0>li>a.seach-match-menu:hover {
    color: var(--white-color)!important;
    font-weight: 600!important;
    box-shadow: 0 .810469px 11.4924px var(--box-shadow-color-four)!important;
    border-radius: 4px;
    background-color: var(--primary-color)!important;
    border: 0;
    width: 110%!important
}

a.seach-notmatch-menu,.ms-menucontainer #nav ul.submenu li.seach-notmatch-menu a {
    font-weight: 400;
    color: var(--box-shadow-color-one)!important;
    pointer-events: none;
    appearance: none
}

.seach-notmatch-menu>span.new-label,.ms-menucontainer li.seach-notmatch-menu span.new-label {
    background-color: var(--box-shadow-color-three)
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu.seach-notmatch-menu>a>i.arrow:before {
    border-left: 10px solid var(--box-shadow-color-three)
}

#nav>li:hover ul.level0 {
    top: 36px;
    visibility: visible;
    opacity: 1;
    display: none
}

#nav>li>ul.level0>li {
    float: left;
    width: 150px;
    border-right: 1px dashed var(--grey-color-tone-five);
    padding: 0
}

#nav>li.refurbish>ul.level0>li:nth-child(3) {
    padding: 0;
    width: 165px
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    color: var(--secondary-color);
    border-top: 1px dashed var(--grey-color-tone-five);
    padding: 11px 0 5px 0
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat {
    position: relative
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat span.spouge-label {
    position: absolute;
    font-size: 9px
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat.brand-cat span.spouge-label {
    left: 55px;
    right: auto;
    top: 6px
}

#nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img {
    position: relative;
    font-size: 9px
}

#nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span.spouge-label {
    right: 0;
    top: -20px
}

#nav>li>ul.level0>li:last-child {
    border-right: 0
}

#nav>li:hover>a {
    background-color: #fff0;
    color: var(--dark-color);
    border-radius: 0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li {
    min-height: 564px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5),.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9) {
    width: 90px!important
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5)>ul.submenu>li,.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9)>ul.submenu>li {
    padding-left: 20px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9)>ul.submenu>li {
    padding-left: 30px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5)>ul.submenu>li {
    padding-top: 210px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(6),.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(7),.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(8),.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(10),.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(11) {
    width: 140px!important;
    margin: 25px 0;
    padding: 25px 0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(3)>ul.submenu>li>a.lightcon-1 {
    display: inline-block
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(3)>ul.submenu>li>a.lightcon-1>span.only-for-first-light {
    margin-top: -1px;
    display: inline-block
}

ul.Packaging-sub>li {
    width: 150px!important
}

ul.Packaging-sub>li.sub-img-class {
    margin-top: 30px;
    margin-bottom: 10px;
    min-height: 100px
}

ul.Packaging-sub>li.sub-img-class-2 {
    margin-top: 50px;
    margin-bottom: 10px;
    min-height: 105px
}

ul.Packaging-sub>li.casper-ext-img {
    float: right;
    margin-top: 500px
}

ul.device-sub {
    margin-left: 25px!important
}

ul.device-sub>li {
    min-width: 100px!important
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.s-b-model.mdrop-menu-inner-open li ul.device-sub li {
    min-width: 100px!important;
    width: auto!important
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.s-b-model.mdrop-menu-inner-open li ul.device-sub li .m-overflows {
    width: 170px;
    max-height: 318px
}

ul.device-sub>li.sub-img-class {
    margin-top: 30px;
    margin-bottom: 10px;
    min-height: 100px
}

ul.device-sub>li.sub-img-class-2 {
    margin-top: 50px;
    margin-bottom: 10px;
    min-height: 105px
}

ul.device-sub>li.casper-ext-img {
    float: right;
    margin-top: 500px
}

ul.mdrop-menu-inner>li>ul.submenu.device-sub>.m-overflows {
    max-height: 318px;
    width: 170px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a:hover {
    box-shadow: 0 1px 8px var(--box-shadow-color-six);
    border-radius: 13px;
    letter-spacing: -.3px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a.seach-match-menu:hover {
    box-shadow: 0 1px 8px var(--box-shadow-color-six);
    background-color: transparent!important;
    color: var(--primary-color)
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a.seach-notmatch-menu:hover {
    box-shadow: none;
    background-color: #fff0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a:hover {
    background-color: transparent!important;
    box-shadow: none
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a.for-width-aero {
    width: auto
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a.for-width-aero:hover {
    color: var(--primary-color)
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu.Packaging-sub li a.seach-match-menu:hover,.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu.device-sub li a.seach-match-menu:hover {
    background-color: var(--primary-color)!important;
    color: var(--white-color)
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(6)>ul.submenu>li.mdrop-menu>a.for-width-aero,.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(7)>ul.submenu>li.mdrop-menu>a.for-width-aero {
    width: 120px
}

span.just-temp-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--dark-color);
    display: none
}

.ms-menucontainer #nav .main-menu-head>.new-img-class {
    width: 300px;
    height: 95px;
    float: right;
    display: block;
    position: relative;
    margin-right: 30px
}

.ms-menucontainer #nav .main-menu-head>.new-img-class>.compatibility-img-new {
    max-width: 100%;
    max-height: 100%;
    display: block;
    right: 0;
    position: absolute;
    bottom: 0
}

.ms-menucontainer #nav>li.layout-accesories>a>.new-spouse {
    top: -15px!important;
    right: 0;
    position: absolute
}

.ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a {
    margin-top: 10px
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul .mback-btn:hover,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul .mback-btn:hover {
    background-color: #fff0;
    border-radius: 0;
    color: inherit;
    font-weight: 600
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a:hover {
    font-weight: 600;
    letter-spacing: -.3px;
    text-decoration: none!important;
    background-color: var(--menu-bg-light-color)
}

.main-menu-head .compatible_model>h5:before {
    display: none
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.lg-menu-li>li {
    width: 183px
}

.compatible_model {
    float: left;
    width: 100%;
    line-height: normal;
    transition: all 0.3s ease-in;
    margin-top: 5px;
    background-color: var(--grey-color-tone-six);
    text-transform: uppercase;
    padding: 0
}

.compatibility-list {
    display: inline-block;
    max-width: 85%;
    padding: 3px 0
}

.compatible_model>h5 {
    display: block;
    font-size: 13px;
    line-height: 19px;
    width: 120px;
    color: var(--white-color);
    padding: 5px;
    font-weight: 500;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 8px;
    text-align: center;
    float: left
}

.compatible_model>h5:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: #fff0 var(--default-color) #fff0 #fff0;
    position: absolute;
    right: -5px;
    transform: rotate(180deg);
    top: 10px
}

.compatibility-list>span {
    font-size: 11.5px;
    transition: all .3s ease-in;
    line-height: normal;
    vertical-align: middle;
    width: auto;
    visibility: visible;
    opacity: 1;
    background: var(--white-color);
    margin: 2px 1px 0 1px;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 4px;
    border: 1px solid var(--grey-color-tone-seven);
    color: var(--dark-color);
    font-weight: 400
}

.compatibility-list>span.ease-in {
    visibility: visible;
    opacity: 1
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li {
    position: static;
    width: 100%;
    padding-left: 30px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>a {
    float: left;
    width: 210px;
    background-color: #fff0;
    margin: 0;
    font-weight: 400!important;
    padding: 5px 30px;
    background-position: 8px 7px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul {
    float: left;
    position: absolute;
    height: calc(100% - 117px);
    top: 117px;
    border-left: 1px solid var(--grey-color-tone-two);
    padding: 28px 10px;
    z-index: 1;
    display: none;
    width: calc(100% - 260px);
    left: 260px
}

.ms-menucontainer #nav>li.other-parts>ul.level0>li.sview-allmenu,.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li {
    float: left
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li {
    width: 20%;
    min-height: 220px;
    padding: 0 10px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a {
    font-size: 12px;
    color: var(--dark-color);
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 3px 8px;
    border-bottom: 1px solid #fff0;
    border-radius: 20px;
    padding-right: 10px;
    display: block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-title>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 8px;
    border-radius: 20px;
    margin: 0 0 5px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 120px;
    display: inline-block;
    cursor: initial
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn>a {
    font-weight: 600;
    text-decoration: underline;
    display: inline-block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn {
    margin-bottom: 20px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn>a:hover {
    letter-spacing: -.3px;
    text-decoration: none!important;
    background-color: var(--menu-bg-light-color);
    color: var(--primary-color)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a:hover {
    color: var(--primary-color);
    text-decoration: none!important;
    background-color: var(--menu-bg-light-color)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul {
    display: block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li:hover>ul {
    display: block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul {
    background-color: var(--white-color)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 10px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 120px;
    display: inline-block;
    line-height: 20px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>a:hover,.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a {
    background-color: var(--menu-bg-light-color);
    color: var(--primary-color);
    background-image: var(--menu-stick-pin);
    background-repeat: no-repeat;
    background-size: 20px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a {
    position: relative
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    content: "";
    background-image: var(--menu-stick-pin);
    width: 14px;
    height: 13px;
    position: absolute;
    right: 11px;
    background-position: 0 -51px;
    top: 7px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li:not(.mnu-pintab) {
    opacity: .2;
    pointer-events: none
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab ul.sview-inul {
    display: block
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li {
    width: 100%
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li .recent-data>a {
    margin-left: 22px
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul {
    padding-right: 10px;
    width: calc(100% - 260px);
    left: 260px;
    height: calc(100% - -243px)
}

.sview-inul .rc-product-block {
    width: 100%;
    padding-top: 20px;
    float: left
}

.sview-inul .rc-product-block>li {
    padding: 10px;
    float: left;
    width: 25%;
    min-height: 240px
}

.sview-inul .rc-product-block>li>a {
    display: block;
    text-align: center
}

.sview-inul .rc-product-block>li>a>img {
    display: block;
    margin: 0 auto;
    width: 140px
}

.sview-inul .rc-product-block>li>a>span {
    color: var(--dark-color);
    font-weight: 400;
    display: block;
    line-height: 16px;
    margin-top: 10px;
    padding: 1px 8px;
    font-size: 13px
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 30px;
    line-height: 20px;
    margin: 0 0 6px 0
}

.sview-inul .sview-5col>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: auto;
    max-height: 495px
}

.sview-inul .sview-5col>ul.sview-ulimg.shopbybrand,.tools-accessories2 .sview-inul .sview-5col>ul.sview-ulimg {
    max-height: max-content;
    padding-bottom: 20px
}

.sview-inul .sview-5col>ul>li {
    min-height: 80px;
    max-width: 100%;
    width: 20%;
    padding: 3% 1% 0 1%;
    text-align: center
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.hide-name>ul>li>a>strong {
    display: none
}

.sview-inul .sview-5col>ul>li>a {
    text-align: center
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul.sview-ulimg>li>a:hover {
    background-color: #FEDFDE
}

.sview-inul .sview-5col.box-wtext-padd0>ul>li>a>img {
    vertical-align: super
}

.sview-inul .sview-5col.box-wtext-padd0>ul>li>a>strong {
    text-align: center;
    display: block;
    padding: 10px
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul.sview-ulimg>li>a:hover>strong {
    background-color: var(--menu-bg-light-color);
    border-radius: 24px
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>a,.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>div>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 4px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 120px;
    display: inline-block;
    text-align: center
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg>li>a>strong {
    display: block;
    padding: 6px 5px
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg>li {
    text-align: center;
    flex: 0 0 16.666%;
    padding: 10px 0
}

.sview-inul .rc-product-block>li>a:hover {
    letter-spacing: 0px!important
}

.slayouts-menu .recent-loader {
    position: absolute;
    height: 100%;
    background-color: var(--loader-transparent-color);
    z-index: 11;
    width: calc(100% - 260px);
    right: 0;
    margin-top: -20px
}

.recent-loader-new {
    position: absolute;
    height: 100%;
    background-color: var(--loader-transparent-color);
    z-index: 11;
    width: calc(100% - 260px);
    right: 0;
    background-image: url(../images/opc-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center 40%
}

.sview-inul .rc-product-block>li.mrec-links {
    text-align: center;
    float: right
}

.sview-inul .rc-product-block>li.mrec-links>a {
    font-size: 14px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 10px;
    border-radius: 20px;
    margin: 0 0 4px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 170px;
    display: inline-block;
    position: relative;
    top: -16px
}

.sview-inul .rc-product-block>li.mrec-links>img {
    margin-top: 2.5rem;
    position: relative
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li {
    padding: 0 10px;
    width: 20%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li[aria-labelledby="book-series"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="mac-studio"]>ul.sview-inul>li {
    width: 30%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="mac-pro"]>ul.sview-inul>li {
    width: 28%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="watch"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="motox-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="mac-mini"]>ul.sview-inul>li {
    width: 23%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="tabs-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="tab-active-series"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="vivo"]>ul.sview-inul>li {
    width: 14%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="vivo"]>ul.sview-inul>li:nth-child(3) {
    width: 10%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.m-t-35 {
    margin-top: 37px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li[aria-labelledby="amazon"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="motoother-series"]>ul.sview-inul>li:nth-child(2) {
    width: 25%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li[aria-labelledby="lenovo"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li[aria-labelledby="lenovo"]>ul.sview-inul>li:first-child {
    width: 28%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li[aria-labelledby="lenovo"]>ul.sview-inul>li {
    width: 24%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.seach-notmatch-menu>a {
    opacity: .3;
    pointer-events: none
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul {
    max-height: 690px;
    overflow: auto
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul::-webkit-scrollbar {
    width: 2px;
    background-color: var(--dark-color)
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top,var(--dark-color) 0,var(--dark-color) 50%,var(--dark-color) 51%,var(--dark-color) 100%)
}

.sview-inul .sview-5col>ul::-webkit-scrollbar {
    width: 2px;
    background-color: var(--dark-color)
}

.sview-inul .sview-5col>ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top,var(--dark-color) 0,var(--dark-color) 50%,var(--dark-color) 51%,var(--dark-color) 100%)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu {
    font-weight: 600
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li.mnu-pintab>ul {
    display: block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li:not(.mnu-pintab)>ul {
    display: none
}

.ms-menucontainer #nav>li.other-parts>ul.level0>li.sview-allmenu.ulfirst-hide>ul {
    display: none
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li.seach-match-menu>a:hover>strong,.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu-hover>strong,.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu:hover>strong {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0 .810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color)!important;
    border: 0;
    width: 100%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li.seach-match-menu>a:hover,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu-hover,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu:hover {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0 .810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color)!important;
    border: 0;
    width: 100%
}

.hamburgermenu {
    width: 100%;
    position: fixed;
    height: 100%;
    background-color: var(--white-color);
    z-index: -20;
    transition: all 0.3s ease-in;
    transform: translate(0,-100%);
    opacity: 0;
    min-height: 573px;
    visibility: hidden
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three {
    width: 25%
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six {
    width: 50%
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: .5rem 1.5rem 3.5rem;
    align-items: flex-start;
    justify-content: flex-start
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul {
    border-left: 1px solid var(--grey-color-tone-five);
    border-right: 1px solid var(--grey-color-tone-five)
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul>li {
    width: 50%;
    min-height: 60px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li {
    width: 25%
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul>li.ai-block-img,.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img {
    width: 100%;
    display: flex;
    align-items: center
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li.ai-block-img>a:hover {
    background-color: #fff0;
    box-shadow: 0 0 0 #fff0;
    border-radius: 0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul>li>a {
    padding: 10px;
    font-size: 11px;
    color: var(--dark-color)
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul>li>a>span {
    display: block;
    position: relative
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img>a {
    margin: 0 auto;
    max-width: fit-content;
    width: auto
}

.ace-box-m {
    min-height: 123px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img>a>img {
    max-width: 158px;
    margin: 4px 0 9px 0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:last-child>ul>li.ai-block-img>a {
    width: 100%;
    max-width: 100%;
    margin-left: 10px
}

.nlabel-f,.nlabel-sale,.nlabel-hot {
    position: relative
}

.nlabel-f:after,.nlabel-sale:after,.nlabel-hot:after,.nlabel-coming-soon:after {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    border-radius: 4px;
    margin-left: 4px;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle
}

.nlabel-f:after {
    content: "new";
    background-color: #4EB35B
}

.nlabel-sale:after {
    content: "sale";
    background-color: #FF956B
}

.nlabel-coming-soon:after {
    content: "Coming Soon";
    background-color: #FF956B;
    max-width: 49px;
    text-align: center
}

.nlabel-hot:after {
    content: "hot";
    background-color: #F10600;
    background-image: url(../images/hoticon.svg);
    padding: 3px 5px 3px 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 3px 3px
}

ul.submenu li a.ft-weight600 {
    font-weight: 600
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li>a:before {
    bottom: 25px;
    top: inherit
}

.accessories-tabs-nav a.seach-notmatch-menu {
    pointer-events: auto
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>a {
    margin-left: 22px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories {
    height: calc(100% - 117px)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li {
    width: 20%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li>ul>.sview-title>a {
    width: 96%;
    text-align: left;
    padding: 5px 14px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li>ul>li:not(.sview-title) {
    padding: 0 8px
}

@media screen and (max-width: 1367px) {
    .ms-menucontainer #nav {
        justify-content:space-between
    }

    .ms-menucontainer #nav>li:not(:first-child) {
        padding-left: 0
    }
}

@media screen and (max-width: 1300px) {
    .ms-menucontainer #nav>li>ul.level0 {
        width:100%
    }

    .ms-menucontainer #nav .serch-box-new input.search-txt-box {
        width: 338px
    }

    .ms-menucontainer #nav .menu-search-part {
        padding-left: 20px
    }

    .ms-menucontainer #nav .main-menu-head>.new-img-class {
        width: 180px
    }

    .ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>a {
        margin: 5px 0
    }
}

@media screen and (max-width: 1200px) {
    .ms-menucontainer #nav>li>ul.level0 {
        width:100%
    }
}

@media screen and (max-width: 1199px) {
    .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
        width:180px;
        padding-top: 15px
    }

    .ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6) {
        min-height: 255px
    }

    .ms-menucontainer #nav {
        gap: 10px
    }

    .ms-menucontainer #nav>li>a {
        font-size: 13px
    }
}

@media screen and (max-width: 1154px) {
    .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
        margin-left:35px
    }
}

@media screen and (max-width: 1024px) {
    .ms-header .ms-menucontainer {
        display:none
    }

    #nav {
        z-index: 9
    }
}

@media screen and (max-height: 700px) {
    .ms-menucontainer #nav>li.other-parts>ul.level0 {
        max-height:500px;
        overflow: auto
    }
}

.new-accesories ul.submenu li a {
    color: #000
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories.new-accesories>ul.level0>li {
    border-right: 1px solid #9A9A9A
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.accessories-tabs-nav {
    padding: 35px 20px 35px 30px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li {
    display: block;
    width: 100%;
    min-height: auto;
    margin-bottom: 15px;
    border: 1px solid #fff0
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    font-size: 11px;
    font-weight: 400;
    background-color: #FBFBFB;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(../images/recently-add.svg);
    border-radius: 10px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.console-li a {
    background-image: url(../images/console-accesories.svg);
    background-color: #FBF9FF
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.gc-harddrives>a {
    background-image: url(../images/memory.svg);
    background-color: #F3F9FF;
    background-position: 15px 4px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.gc-macbookskins>a {
    background-image: url(../images/mac-skins.svg);
    background-color: #FFF3EB;
    background-position: 8px 7px
}

.accessories-content>div.accessories-console ul.submenu>li>a {
    width: 100%
}

.accessories-sub-detail.accessories-console ul li.no-aero {
    display: flex;
    max-width: 210px
}

.accessories-sub-detail.accessories-console ul.submenu {
    margin-top: 10px
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.Casper-li a {
    background-image: url(../images/casper.svg);
    background-color: #FFF8F8;
    background-position: bottom left 30px
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.oem-li a {
    background-image: url(../images/oem.svg);
    background-color: #F9FEFF;
    background-position: bottom left 30px
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.amp-li a {
    background-image: url(../images/ampcentrix.svg);
    background-color: #FFF8E0;
    background-position: bottom left 30px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.active a {
    font-weight: 600;
    color: var(--primary-color)!important;
    border: 1px solid var(--primary-color);
    overflow: hidden
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a {
    padding: 17px 10px;
    padding-left: 60px;
    height: 51px;
    align-items: center;
    display: flex;
    border-radius: 10px;
    border: 1px solid #fff0
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a span {
    padding-left: 50px
}

.accessories-content>div:not(:first-child) {
    display: none
}

.accessories-content {
    padding: 40px 50px;
    float: left;
    width: 100%
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-nine {
    width: 75%;
    float: left
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-three {
    width: 25%;
    float: left
}

.acc-top-img {
    margin-bottom: 40px
}

.acc-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.accessories-sub-detail ul li.no-aero,.accessories-sub-detail ul li.mdrop-menu {
    display: table;
    margin-bottom: 10px
}

.ms-menucontainer #nav .layout-accesories .main-menu-head {
    margin-bottom: 0
}

.submenu.recent-all {
    margin-top: 30px
}

.submenu.recent-all li {
    display: inline-block;
    width: 25%
}

.submenu.recent-all li .ace-box-m {
    text-align: center
}

button.rounded-btn span {
    border-radius: 100px;
    padding: 6px 30px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    font-size: 14px
}

.full-img-sec {
    width: 100%;
    display: block
}

.submenu.half-menu {
    width: 50%
}

.accessories-sub-detail.active .tab-display {
    display: block
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 117px;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open {
    visibility: visible;
    opacity: 1
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid #fff0;
    border-left: 9px solid var(--grey-color-tone-nine);
    border-bottom: 5px solid #fff0;
    right: 10px;
    bottom: 6px
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>a {
    padding-right: 35px
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mdrop-menu-inner li ul.right-sub-menu li ul {
    float: left;
    width: auto
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mback-btn {
    float: left;
    font-size: 13px;
    background-image: url(../images/ep_arrow-left.svg);
    background-repeat: no-repeat;
    font-weight: 500;
    padding-left: 15px;
    background-position: 2px 6px;
    margin-left: 30px;
    margin-right: 50px;
    min-width: 60px;
    transition: all 0.6s
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mback-btn:hover {
    background-color: #fff0;
    font-weight: 600;
    color: var(--dark-color)
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 600;
    border-radius: 0;
    display: inline-block
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title::before {
    content: "";
    background-color: #EBEBEB;
    position: absolute;
    bottom: -3px;
    height: 1px;
    width: 242px;
    left: -25px
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title:hover {
    background-color: #fff0
}

.right-sub-menu {
    width: calc(100% - 130px);
    display: block;
    float: right
}

.right-sub-menu.shop-model {
    width: 100%;
    margin-top: 0
}

.right-sub-menu.shop-model ul.device-sub {
    margin-left: 30px!important
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li .right-sub-menu.shop-model .dp-title::before {
    content: none
}

.right-sub-menu.shop-model ul.device-sub.back-left-margin {
    margin-left: 0!important
}

ul.submenu li a.ft-weight700 {
    font-weight: 700
}

.ms-menucontainer #nav ul.submenu.half-menu .right-sub-menu .submenu.device-sub li.dp-title a {
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--dark-color);
    letter-spacing: 0
}

.ms-menucontainer #nav ul.submenu.half-menu .right-sub-menu .submenu.device-sub li.dp-title a:hover {
    font-weight: 700
}

.img-text-flex {
    display: flex;
    align-items: center
}

.basic-screen-img {
    padding-left: 10px
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-two {
    width: 260px
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-ten {
    width: calc(100% - 260px)
}

.top-bar-submenu {
    padding: 10px 70px 0 70px;
    background-color: #FFF8F8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct.mdrop-menu-inner-open {
    padding: 0
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct.mdrop-menu-inner-open>li {
    padding: 20px 20px 0 20px
}

.left-submenu-img {
    display: flex;
    align-items: center;
    gap: 20px
}

.new-recent-layout ul li a {
    transition: all 0.6s ease-in-out
}

.sview-inul .rc-product-block>li>a>figure {
    background: #fff0;
    padding: 0;
    margin: 0
}

.sview-inul .rc-product-block>li>a>figure img {
    max-width: 150px;
    padding: 10px 25px;
    border-radius: 20px
}

.new-recent-layout ul li a:hover figure img {
    background: var(--light-white-color)
}

.new-recent-layout ul li a:hover figure img.recent-img-bg {
    mix-blend-mode: multiply
}

.sview-inul .new-recent-layout .rc-product-block>li {
    padding: 5px 15px;
    min-height: auto
}

.sview-inul .new-recent-layout .rc-product-block>li>a>span {
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 5px
}

.sview-inul .new-recent-layout .rc-product-block>li:hover span {
    color: var(--primary-color);
    font-weight: 600
}

.sview-inul .new-recent-layout .rc-product-block {
    padding-top: 0
}

.image-hide-box {
    position: relative
}

.image-hide-box img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.img-box-m {
    opacity: 0
}

.curly-font {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 400;
    padding-left: 8px;
    font-family: 'Buffalo';
    position: relative;
    top: 6px;
    opacity: 0
}

.seach-match-menu .curly-font {
    color: #FFF
}

.ms-menucontainer #nav ul.submenu.hover-show-img li a:hover .curly-font {
    opacity: 1
}

.right-submenu-img img {
    mix-blend-mode: multiply
}

.sview-inul .rc-product-block>li.mrec-links.accesories-mrec-link a {
    top: -3px
}

.level0 .right-sub-menu .m-overflows {
    max-height: 400px
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner.casper-packaging li a.dp-title::before {
    left: -10px
}

.bottom-retail {
    margin: 10px 0 15px 0
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>ul {
    width: calc(100% - 260px);
    left: 260px
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 33px;
    margin: 2px 0;
    background-position: 8px 7px
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    right: 10px;
    top: 8px
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>ul,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>ul {
    width: calc(100% - 260px);
    left: 260px;
    height: calc(100% - 0px)
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>a {
    width: 210px
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    right: 10px;
    top: 8px
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 30px;
    margin: 0 0 5px 0
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>ul.sview-inul>li+li,.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>ul.sview-inul>li+li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>ul.sview-inul>li+li {
    margin-top: 36px
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li.sview-allmenu>ul>li {
    min-height: 205px
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li>ul.lg-menu-li>li {
    width: 16.6666%
}

.ms-menucontainer #nav>li.mac-enable>ul.level0>li[aria-labelledby="ipad"]>ul.sview-inul>li+li {
    margin-top: 0
}

.ms-menucontainer #nav>li.mac-enable>ul.level0>li[aria-labelledby="ipad"]>ul.sview-inul>li {
    width: auto
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul.lg-menu-li>li {
    width: 16%
}

.ms-menucontainer #nav>li.cs-otherparts>ul.level0.slayouts-menu>li>ul {
    height: calc(100% + 570px)
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="realme"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="xiaomi"]>ul.sview-inul>li {
    width: 16.5%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="microsoft"]>ul.sview-inul>li:last-child,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="oppo"]>ul.sview-inul>li:last-child {
    margin-top: 20px
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="huawei"]>ul.sview-inul>li {
    width: 16.5%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="zte"]>ul.sview-inul>li {
    width: 22%
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoedge-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motorazr-series"]>ul.sview-inul>li {
    width: 30%
}

.ms-menucontainer #nav>li.nl-refurbishing>ul.level0.slayouts-menu>li[aria-labelledby="biwatch-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoe-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoone-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoz-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="pixel-series"]>ul.sview-inul>li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="pixel-tablet"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts.nl-gpixel>ul.level0>li.sview-allmenu>ul>li,.ms-menucontainer #nav>li.nl-refurbishing>ul.level0.slayouts-menu>li>ul>li {
    width: auto
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li:first-child {
    width: 23%;
    padding-right: 0
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li:nth-child(2) {
    width: 19%;
    padding-right: 0;
    padding-left: 5px
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li:nth-child(3) {
    width: 18%;
    padding: 0
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li:nth-child(4) {
    width: 20%;
    padding: 0
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li:nth-child(5) {
    width: 20%;
    padding: 0
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="bimotorola-series"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="macbookpro"]>ul.sview-inul>li {
    width: auto;
    padding: 0 3px
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="xiaomi"]>ul.sview-inul>li>ul {
    max-height: 1200px;
    margin-bottom: 20px
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="macbook-air"]>ul.sview-inul>li {
    width: 25%
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul.sview-ulimg>li>a:hover img {
    mix-blend-mode: darken
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li[aria-labelledby="z-series"]>ul.sview-inul>li+li,.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li[aria-labelledby="tab-series"]>ul.sview-inul>li+li,.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoother-series"]>ul.sview-inul>li+li,.ms-menucontainer #nav>li.nl-game-console>ul.level0.slayouts-menu>li[aria-labelledby="gc-sony"]>ul.sview-inul>li+li {
    margin-top: 0
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li[aria-labelledby="tab-series"]>ul.sview-inul>li {
    width: auto
}

.accessories-block {
    background-color: #FFF
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="asus"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="alcatel"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="oppo"]>ul.sview-inul>li,.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="zte"]>ul.sview-inul>li {
    width: auto
}

.accessories-sub-detail ul li.no-hover {
    margin-bottom: 20px;
    display: inline-block;
    height: 20px
}

.accessories-sub-detail ul li.no-hover>a {
    height: 0
}

.accessories-sub-detail ul li.no-hover>a:hover {
    background-color: transparent!important
}

.contact-us-popup>ul.con-detail>li {
    width: 100%
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-full {
    margin-top: 0!important
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-full>ul>li>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 10px 0;
    clear: both;
    font-weight: 600!important;
    min-width: 120px;
    display: inline-block
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li.sview-full>ul>li>ul>li>a:hover {
    color: var(--primary-color);
    text-decoration: none!important;
    background-color: var(--menu-bg-light-color)
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li.sview-full>ul>li>ul>li>a {
    font-size: 12px;
    color: var(--dark-color);
    line-height: 16px;
    font-weight: 400;
    letter-spacing: -.3px;
    margin: 0;
    padding: 3px 8px;
    border-bottom: 1px solid #FFF0;
    border-radius: 20px;
    padding-right: 10px;
    display: block
}

.ms-menucontainer a[data-mobile-nav]::after {
    display: none
}

.board-layouts .bcomp-board .bcomppart-maker {
    z-index: 9
}

.ms-menucontainer #nav>li>a:lang(bg),.ms-menucontainer #nav>li>a:lang(pt),.ms-menucontainer #nav>li>a:lang(es),.ms-menucontainer #nav>li>a:lang(el),.ms-menucontainer #nav>li>a:lang(fr),.ms-menucontainer #nav>li>a:lang(it),.ms-menucontainer #nav>li>a:lang(de),.ms-menucontainer #nav>li>a:lang(nl),.ms-menucontainer #nav>li>a:lang(pt),.msh-services>li>a:lang(el) {
    font-size: 13px
}

.ms-menucontainer #nav>li:not(:first-child):lang(bg),.ms-menucontainer #nav>li:not(:first-child):lang(pt),.ms-menucontainer #nav>li:not(:first-child):lang(es),.ms-menucontainer #nav>li:not(:first-child):lang(el),.ms-menucontainer #nav>li:not(:first-child):lang(fr),.ms-menucontainer #nav>li:not(:first-child):lang(it),.ms-menucontainer #nav>li:not(:first-child):lang(de),.ms-menucontainer #nav>li:not(:first-child):lang(nl),.ms-menucontainer #nav>li:not(:first-child):lang(pt) {
    padding-left: 1.4%
}

.s-method-name .get-detail:lang(el),.s-method-name .get-detail:lang(bg) {
    max-width: 115px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 18px
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li[aria-labelledby="genuine-apple-parts"] .sview-row:has(>a) {
    margin-top: 0!important
}

li[aria-labelledby="shopbybrand"] img {
    max-width: 120px
}

@media screen and (max-width: 1200px) {
    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.accessories-tabs-nav {
        padding:35px 10px
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a {
        font-size: 10px
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li .accessories-content {
        padding: 40px 25px
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li .accessories-content .sview-inul .new-recent-layout .rc-product-block>li {
        padding: 5px 10px
    }

    .new-accesories ul.Packaging-sub>li {
        width: 145px!important
    }

    .ms-menucontainer .compatible_model {
        width: 400px
    }

    .ms-menucontainer #nav .serch-box-new input.search-txt-box {
        width: 350px
    }

    .ms-menucontainer #nav .main-menu-head>.new-img-class {
        width: 250px
    }
}

@media screen and (max-width: 1024px) {
    ul[data-mobile-aria-hidden="true"],li[data-mobile-aria-hidden="true"] {
        display:none
    }

    .sview-inul .rc-product-block>li.mrec-links {
        width: 100%;
        min-height: 0
    }

    .sview-inul .rc-product-block>li.mrec-links>img {
        display: none
    }

    .sview-inul .rc-product-block>li.mrec-links>a {
        top: 0
    }

    .accessories-sub-detail {
        position: relative;
        margin-bottom: 30px;
        padding: 0 40px
    }

    .acc-top,.img-box-m,.acc-top-img {
        display: none
    }

    .accessories-sub-detail::before {
        content: attr(data-title);
        font-size: 14px;
        color: var(--dark-color)
    }

    .accessories-sub-detail::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 8px;
        border-color: #fff0 #fff0 #fff0 var(--grey-color-tone-five);
        position: absolute;
        right: 65px;
        bottom: 4px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        top: inherit
    }

    .accessories-sub-detail.active::after {
        transform: rotate(90deg);
        border-color: #fff0 #fff0 #fff0 var(--dark-color)
    }

    .mobile-nav>li>ul>li>ul.recent-data {
        padding: 0 40px
    }

    .tab-display {
        display: none
    }

    .accessories-content>div:not(:first-child) {
        display: block
    }

    .accessories-content {
        padding: 0
    }

    .submenu.half-menu {
        width: 100%
    }

    ul.submenu li a {
        font-size: 14px
    }

    .accessories-tabs-nav {
        display: none!important
    }

    .accessories-sub-detail:last-child {
        margin-bottom: 0
    }

    .accessories-sub-detail.active .tab-display {
        margin-top: 15px;
        position: relative;
        z-index: 99
    }

    .level0 .submenu.half-menu .mdrop-menu .mdrop-menu-inner li a.mback-btn {
        display: none
    }

    .top-bar-submenu {
        display: none
    }

    .right-sub-menu {
        width: 100%
    }

    .right-sub-menu.shop-model ul.device-sub {
        margin-left: 0!important
    }

    .mobile-nav .accessories-content .m-overflows {
        overflow: inherit;
        max-height: inherit;
        margin-bottom: 0
    }

    .accessories-sub-detail ul li.no-aero,.accessories-sub-detail ul li.mdrop-menu {
        width: 100%;
        margin: 0
    }

    .level0 .submenu.half-menu .mdrop-menu>a {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 17px
    }

    .level0 .submenu.half-menu .submenu.Packaging-sub {
        margin-bottom: 10px
    }

    .level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct li a.dp-title {
        display: none
    }

    .recent-mobilenone-img {
        display: none
    }

    .sview-inul .new-recent-layout .rc-product-block>li {
        padding: 0 0 5px 0;
        width: 100%;
        min-height: auto
    }

    .sview-inul .new-recent-layout .rc-product-block {
        padding-top: 0
    }

    .sview-inul .new-recent-layout .rc-product-block>li>a {
        display: flex;
        text-align: center;
        align-items: center
    }

    .sview-inul .new-recent-layout .rc-product-block>li>a>span {
        padding: 0 5px 0 15px;
        margin-top: 0
    }

    .sview-inul .rc-product-block>li>a>figure {
        padding: 0;
        margin: 0
    }

    .sview-inul .rc-product-block>li>a>figure img {
        width: 50px;
        padding: 0
    }

    .sview-inul .rc-product-block>li.mrec-links>a.recent-all {
        top: 0;
        margin-bottom: 20px
    }

    .sview-inul .rc-product-block>li.mrec-links.accesories-mrec-link a {
        top: 0;
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 100%;
        border-radius: 0
    }

    .accessories-sub-detail ul li.no-aero a {
        padding: 7px 10px;
        height: auto!important
    }

    .main-menu-head>.new-img-class {
        display: none
    }

    .accessories-sub-detail.accessories-console ul li.no-aero {
        max-width: 100%
    }

    .accessories-sub-detail.accessories-console ul.submenu {
        margin-top: 0
    }

    .accessories-sub-detail ul li.no-hover>a>.acc-top-img {
        display: block;
        margin-bottom: 0
    }

    .mobile-nav>li>ul>li>ul>li>ul.sview-ulimg {
        width: 100%
    }

    .accessories-sub-detail ul li.no-aero {
        margin: 0 0 15px 0
    }

    .right-sub-menu.shop-model ul.device-sub>li a {
        margin: 0 0 17px 0
    }

    .accessories-sub-detail ul li.no-hover {
        margin-bottom: 17px;
        margin-top: 17px
    }

    .sview-inul .rc-product-block>li {
        width: 50%
    }
}

@media screen and (max-height: 700px) {
    .ms-menucontainer #nav>li.other-parts>ul.level0 {
        max-height:480px;
        overflow: auto
    }
}

@media screen and (max-width: 640px) {
    .mobile-nav>li>ul>li>ul.lg-menu-li>li>a:before,.mobile-nav>li>ul>li>ul.lg-menu-li>li>ul>li.mdrop-menu>a:before {
        right:31px
    }
}

.block-cart,.block-compare,.block-compared,.block-login,.block-poll,.block-related,.block-reorder,.block-subscribe,.block-tags,.block-viewed,.block-wishlist {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}

.block-cart>a {
    background-color: var(--grey-color-tone-seven);
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-weight: 400;
    padding: 7px 7px;
    position: relative;
    min-height: 70px
}

.block-cart.iscartactive>a {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.block-cart {
    max-width: 160px;
    margin-bottom: 0;
    position: relative
}

.block-cart .block-content {
    background-color: var(--white-color);
    width: 365px;
    box-shadow: 0 2px 14px var(--box-shadow-color-four);
    border-radius: 9px;
    overflow: hidden;
    top: 78px;
    z-index: 999;
    right: 0;
    margin: 0;
    border: 0;
    position: absolute
}

.block-cart .block-content .cart-title {
    background-color: var(--primary-color);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block-cart .block-content .cart-title>a {
    color: var(--white-color);
    font-weight: 600;
    font-size: 17px;
    text-decoration: underline;
    padding: 14px 28px
}

.block-cart .block-content .cart-title>span {
    background-image: url(../images/cart-icon.svg);
    width: 60px;
    height: 50px;
    margin: 15px 35px 0 15px;
    background-position: -6px 0
}

.block-cart .block-content .cartsummary h4 {
    font-size: 17px;
    color: var(--dark-color);
    font-weight: 600;
    text-decoration: underline
}

.block-cart .block-content .cartsummary .close-cart {
    background-image: url(../images/close-cart.svg);
    text-indent: -9999px;
    width: 52px;
    height: 40px;
    background-size: 50px;
    background-repeat: no-repeat;
    right: -3px;
    top: 13px;
    position: absolute
}

.cart-tabs {
    float: left;
    width: 100%;
    margin: 20px 0;
    display: none
}

.cart-tabs>li {
    display: inline-block;
    min-width: 140px;
    margin: 1px 5px
}

.cart-tabs>li>a {
    background: var(--white-color);
    box-shadow: 0 2px 7px var(--box-shadow-color-four);
    border-radius: 15.7585px;
    max-width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-color);
    min-height: 35px;
    line-height: 35px
}

.cart-tabs>li>a.ct-active {
    color: var(--white-color);
    background-color: var(--dark-color)
}

.block-cart .mini-products-list {
    max-height: 400px;
    overflow: auto;
    padding: 1px 15px;
    float: left;
    width: 100%;
    height: auto
}

.block-cart .block-content li.item {
    border-bottom: 1px solid var(--grey-color-tone-seven);
    padding: 15px 0;
    margin-bottom: 12px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -khtml-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    color: var(--secondary-color)
}

.block-cart .block-content .mini-products-list .product-image {
    border: 0;
    float: left;
    position: relative;
    text-align: left;
    width: 80px
}

.mini-products-list .product-image .product-budges {
    float: left;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 100%;
    left: -10px;
    top: -10px
}

.mini-products-list .product-image .product-budges img {
    max-width: 100%
}

.block-cart .mini-products-list .product-details {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    margin-left: 90px
}

.block-cart .btn-remove {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(../images/close-icon.svg);
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat
}

.rma-block-cart .btn-edit,.block-cart .btn-remove {
    float: right;
    margin: 0 0 0 10px
}

.block-cart .block-content .mini-products-list .product-name {
    position: relative;
    margin-top: -3px;
    padding: 0 0 5px;
    word-wrap: break-word;
    max-width: 207px;
    display: block;
    letter-spacing: -.3px
}

.block-cart .block-content .mini-products-list .product-name a {
    color: var(--dark-color);
    font-size: 13px;
    line-height: 16px
}

.block-cart .block-content .mini-products-list .product-name a:hover {
    color: var(--primary-color)
}

.mini-products-list .product-details strong {
    font-weight: 600;
    color: var(--dark-color)
}

.block-cart .mini-products-list .product-details .qty-control {
    float: left;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.block-cart .mini-products-list .product-details .qty-control .btn-minus {
    background-position: 9px 13px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    border: 1px solid var(--grey-color-tone-four);
    background-size: 12px;
    border-radius: 6px 0 0 6px;
    background-image: none;
    text-indent: inherit
}

.block-cart .mini-products-list .product-details .qty-control .btn-plus {
    background-position: 9px -24px;
    background-repeat: no-repeat;
    border: 1px solid var(--grey-color-tone-four);
    height: 30px;
    width: 30px;
    background-size: 13px;
    border-radius: 0 6px 6px 0;
    background-image: none;
    text-indent: inherit
}

.block-cart .mini-products-list .product-details .qty-control .input-text.qty {
    float: left;
    border-radius: 0;
    height: 30px;
    width: 40px!important;
    padding: 0;
    text-align: center;
    border: 1px solid var(--grey-color-tone-four);
    border-left: 0;
    border-right: 0;
    background-color: var(--white-color);
    color: var(--dark-color)
}

.block-cart .summary {
    padding: 0 15px
}

.block-cart .block-content .summary .subtotal {
    display: flex;
    justify-content: space-between;
    background-color: var(--grey-color-tone-eight);
    font-weight: 400;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    margin: 0
}

.block-cart .subtotal .price {
    color: var(--primary-color)
}

.block-cart .actions {
    background: var(--white-color);
    padding: 5px 0 0;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-content: center
}

.block-cart .view-cart.next-cart {
    font-weight: 500;
    color: var(--dark-color);
    text-decoration: underline;
    margin: 5px 0;
    cursor: pointer;
    float: left;
    line-height: 38px;
    text-align: center;
    width: 100%
}

.block-cart .block-content .summary .subtotal .price {
    font-weight: 600;
    font-size: 17px
}

.block-cart .actions button.button:hover span {
    transition: all .3s ease 0s;
    color: var(--white-color);
    padding: 0
}

.block-cart .actions button.expresscheckout:hover span {
    color: var(--primary-color)
}

.block-cart .actions button.button .checkout-icon,.rma-block-cart .actions button.button .checkout-icon {
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: -6px;
    margin-left: 5px
}

.block-cart .actions button.button .checkout-icon {
    background-image: url(../images/icon-cartsmall.svg)
}

.rma-block-cart .actions button.button .checkout-icon {
    background-image: url(../images/icon-cartsmall.svg)
}

.block-cart .actions .button.checkout-apple-pay {
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 0
}

.block-cart .actions .button.checkout-apple-pay span {
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.block-cart .actions .button.checkout-apple-pay img {
    max-width: 50px;
    margin-left: 6px
}

.block-cart.rm-cartbeside.disablecart>a {
    background-color: var(--grey-color-tone-seven)
}

.actions button.button.dm-none {
    display: inline;
    margin-top: 12px
}

.actions button.button.cdm-none {
    display: none
}

.block-accesroies {
    margin-left: 10px;
    display: none
}

.block-cart .np-cart-one {
    margin-right: 10px
}

.block-cart .np-cart-one .cart-icon {
    background-image: url(../images/header-sprite-icons.svg);
    width: 53px;
    height: 50px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    background-color: var(--grey-color-tone-six);
    background-position: -562px 0
}

.block-cart.disablecart .np-cart-one .cart-icon {
    background-image: url(../images/header-sprite-icons.svg);
    background-position: -562px 0
}

.block-cart.iscartactive .np-cart-one .cart-icon {
    background-color: var(--dark-primary-color);
    background-position: -520px 0
}

.block-cart.iscartactive .np-cart-one .np-bgtext {
    background-color: var(--dark-primary-color);
    color: var(--white-color)
}

.block-cart.block-accesroies .np-cart-one .cart-icon,.block-cart.block-accesroies.disablecart .np-cart-one .cart-icon {
    background-position: 7px 4px
}

.block-cart .np-cart-one .np-bgtext {
    font-size: 10px;
    width: 54px;
    line-height: 16px;
    clear: both;
    margin-top: 4px;
    float: left;
    border-radius: 10px;
    background-color: var(--grey-color-tone-seven);
    letter-spacing: -1px;
    display: none
}

.block-cart.disablecart .np-cart-one .np-bgtext {
    background-color: var(--grey-color-tone-seven);
    color: var(--grey-color-tone-two);
    display: none
}

.block-cart.disablecart>a>span.no-login-cart {
    display: none
}

.block-cart .np-cart {
    font-size: 16px;
    text-align: left
}

.block-cart .np-cart strong {
    display: block;
    font-size: 11px;
    font-weight: 600
}

.block-cart .np-cart span {
    color: var(--grey-color-tone-four);
    font-weight: 600;
    width: 80px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-cart.iscartactive .np-cart span,.block-cart.block-accesroies.iscartactive .np-cart strong {
    color: var(--white-color)
}

.block-cart .np-cart strong,.block-cart.disablecart .np-cart span {
    color: var(--grey-color-tone-four)
}

.block-cart.iscartactive .np-cart strong,.block-cart.disablecart.iscartactive .np-cart span {
    color: var(--white-color)
}

.product-details span.price {
    font-weight: 600;
    color: var(--dark-color);
    float: right;
    margin-right: 20px;
    margin-top: 10px
}

.block-cart .block-content .summary .subtotal,.block-cart .block-content .summary .subtotal .price {
    color: var(--dark-color)
}

.block-cart .actions button.button {
    width: 100%;
    border-radius: 100px;
    max-width: 315px
}

.block-cart .actions button.button span {
    background-color: var(--primary-color);
    height: 44px;
    border: 0;
    border-radius: 20px;
    line-height: 44px;
    padding: 0;
    font-size: 15px;
    font-weight: 500
}

.block-cart .actions button.expresscheckout span {
    background-color: #fff0;
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}

.block-cart .actions button.expresscheckout span svg {
    fill: var(--primary-color);
    position: relative;
    top: 5px;
    left: 5px
}

.block-cart .view-cart.next-cart.zero-empty-cart {
    opacity: .2;
    pointer-events: none
}

.block-cart .mini-products-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--box-shadow-color-one);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.block-cart .mini-products-list::-webkit-scrollbar {
    width: 10px;
    background-color: var(--grey-color-tone-three)
}

.block-cart .mini-products-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--grey-color-tone-two)
}

.rma-block-cart .block-content .mini-products-list {
    float: left;
    width: 100%
}

.rma-block-cart .block-content .mini-products-list .product-image {
    border: 0;
    float: left;
    position: relative;
    text-align: left
}

.rma-block-cart .block-content .mini-products-list .product-name {
    color: var(--grey-color-tone-one);
    font-weight: 300;
    font-size: 12px;
    display: inline-block;
    width: 205px;
    line-height: 18px
}

.rma-block-cart .block-content .mini-products-list .product-name a {
    color: var(--grey-color-tone-ten);
    font-weight: 500
}

.rma-block-cart .mini-products-list {
    max-height: 315px;
    overflow: auto;
    padding: 15px
}

.rma-block-cart .mini-products-list::-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
}

.rma-block-cart .mini-products-list::-webkit-scrollbar {
    width: 10px;
    background-color: var(--grey-color-tone-three)
}

.rma-block-cart .mini-products-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--grey-color-tone-two)
}

.rma-block-cart .block-content li.item {
    border-bottom: 1px solid var(--grey-color-tone-seven);
    padding: 10px
}

.rma-block-cart .block-content .summary {
    padding: 0 25px;
    float: left;
    width: 100%
}

.rma-block-cart .block-content .summary .subtotal {
    margin: 0;
    background-color: var(--grey-color-tone-eight);
    color: var(--dark-color);
    font-weight: 400;
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 10px
}

.rma-block-cart .block-content .summary .subtotal .price {
    font-weight: 600;
    color: var(--dark-color)
}

.rma-block-cart .actions button.button {
    float: none;
    background-color: var(--primary-color);
    color: var(--white-color);
    border-radius: 40px;
    width: 300px
}

.rma-block-cart .actions button.button span {
    border: 0;
    border-radius: 20px;
    height: 40px;
    line-height: 42px;
    padding: 0
}

.rma-block-cart .actions button.button:hover span {
    transition: all .3s ease 0s;
    color: var(--white-color);
    padding: 0
}

.rma-block-cart .view-cart.next-cart {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    font-weight: 400;
    color: var(--dark-color);
    text-decoration: underline;
    margin: 10px 0;
    display: inline-block
}

.rma-block-cart .mini-products-list .product-details {
    margin-left: 73px;
    text-align: left;
    font-size: 14px;
    font-weight: 400
}

.rma-block-cart>a {
    background-color: var(--rma-cart-color);
    margin-bottom: 0;
    border-radius: 20px;
    display: block;
    color: var(--white-color);
    font-weight: 400;
    text-align: center;
    padding: 15px 8px;
    position: relative;
    min-height: 71px
}

#cartblock .mini-products-list::-webkit-scrollbar {
    width: 10px
}

#cartblock .mini-products-list::-webkit-scrollbar-track {
    border-radius: 0;
    border: 1px solid #fff0;
    background-color: var(--white-color);
    box-shadow: none
}

#cartblock .mini-products-list::-webkit-scrollbar-thumb {
    background: var(--grey-color-tone-four);
    border-radius: 10px
}

div#RMA-cartblock .actions button.button {
    float: none;
    width: 300px
}

.block-cart.animated-cart .block-content li.item .product-image:before,.block-cart.animated-cart .block-content .mini-products-list .product-name:before,.block-cart.animated-cart .mini-products-list .product-details strong,.block-cart.animated-cart .mini-products-list .product-details span.price,.block-cart.animated-cart .btn-remove,.block-cart.animated-cart .block-content .summary .subtotal,.block-cart.animated-cart .actions button.button,.block-cart.animated-cart .view-cart.next-cart:before,.block-cart.animated-cart .mini-products-list .product-image .product-budges,.block-cart.animated-cart .mini-products-list .product-details .qty-control,.block-cart.animated-cart .block-content .cartsummary h4:before,.block-cart.animated-cart .block-content .cartsummary>p:before,.block-cart.animated-cart .btn-remove.cbtn-mobilelinks,.block-cart.animated-cart .block-content .cartsummary .close-cart {
    animation: cartloader 2s infinite ease-in-out;
    -webkit-animation: cartloader 2s infinite ease-in-out;
    background: var(--grey-color-tone-eight);
    background-image: linear-gradient(to right,var(--grey-color-tone-eight),rgb(229 229 229 / .7),var(--grey-color-tone-eight));
    background-size: 600px
}

.block-cart.animated-cart .mini-products-list .product-details .qty-control {
    border-radius: 5px
}

.block-cart.animated-cart .mini-products-list .product-image .product-budges {
    width: 24px;
    height: 24px;
    top: -5px
}

.block-cart.animated-cart .block-content li.item .product-image:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute
}

.block-cart.animated-cart .block-content .mini-products-list .product-name:before,.block-cart.animated-cart .mini-products-list .product-details strong:before,.block-cart.animated-cart .mini-products-list .product-details span.price:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

.block-cart.animated-cart .mini-products-list .product-details .qty-control .button,.block-cart.animated-cart .mini-products-list .product-details .qty-control .input-text,.block-cart.animated-cart .mini-products-list .product-image .product-budges>img,.block-cart.animated-cart .block-content li.item .product-image>img,.block-cart.animated-cart .block-content .mini-products-list .product-name>a,.block-cart.animated-cart .block-content .summary .subtotal span.label,.block-cart.animated-cart .block-content .summary .subtotal span.price,.block-cart.animated-cart .actions button.button span {
    opacity: 0
}

.block-cart.animated-cart .mini-products-list .product-details strong,.block-cart.animated-cart .mini-products-list .product-details span.price {
    position: relative;
    top: 5px;
    color: #fff0
}

.block-cart.animated-cart .mini-products-list .product-details span.price {
    left: 0;
    margin-bottom: 5px
}

.block-cart.animated-cart .view-cart.next-cart,.block-cart.animated-cart .block-content .cartsummary h4,.block-cart.animated-cart .block-content .cartsummary>p,.block-cart.animated-cart .np-cart-one .np-bgtext {
    position: relative;
    color: #fff0
}

.block-cart.animated-cart .btn-remove {
    position: relative;
    background-image: none;
    border-radius: 100%
}

.block-cart.animated-cart .view-cart.next-cart:before {
    content: "";
    width: 127px;
    height: 20px;
    position: absolute;
    top: 10px
}

.block-cart.animated-cart .btn-remove.cbtn-mobilelinks {
    color: #fff0;
    height: 10px;
    margin-top: 0;
    border-radius: 0
}

.ap-cart-640,.block-cart .btn-remove.cbtn-mobilelinks {
    display: none
}

.ap-cart-640 .sp-count {
    padding: 1px 3px;
    min-width: 22px;
    position: absolute;
    right: -5px;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-weight: 600;
    font-size: 11px;
    text-align: center;
    border-radius: 100%;
    min-height: 22px;
    line-height: 20px;
    top: -8px
}

.block-cart.disablecart>a>span.price {
    color: var(--grey-color-tone-four)
}

.block .actions a.cre-quick-orrder,.block-cart .block-content .cre-quick-orrder {
    font-weight: 600;
    color: var(--white-color);
    background-color: var(--dark-color);
    border-radius: 25px;
    margin: 8px 0;
    display: inline-block;
    height: 30px;
    width: 315px
}

.block-cart .block-content .cre-quick-orrder {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
    padding: 5px
}

.no-login-cart {
    padding: 1px 3px;
    background-color: var(--dark-color);
    position: absolute;
    border-radius: 100%;
    min-width: 22px;
    text-align: center;
    left: 31px;
    top: 12px;
    min-height: 22px;
    z-index: 1;
    font-size: 12px;
    color: var(--white-color)
}

.block-cart>a>.price {
    color: var(--white-color);
    font-weight: 500;
    padding: 10px 0 10px 7px;
    position: relative;
    top: -5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70px
}

.empty-cart-img {
    background-image: url(../images/empty_cart.svg);
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 180px;
    margin-top: 88px
}

.empty-acart-img {
    display: block;
    background-image: url(../images/accesories-5970160.svg);
    width: 100%;
    height: 125px;
    background-repeat: no-repeat;
    background-position: center 6px;
    background-size: 140px;
    margin-top: 80px
}

.block .empty {
    text-align: center;
    line-height: 18px
}

.block-cart.animated-show-cart.iscartactive>a,.block-cart.animated-show-cart>a>.no-login-cart,.block-cart.animated-show-cart.iscartactive>a>.price,.block-cart.animated-show-cart.iscartactive .np-cart-one .cart-icon,.block-cart.animated-show-cart.iscartactive .np-cart strong,.block-cart.animated-show-cart.iscartactive .np-cart span,.block-cart.animated-show-cart.iscartactive .np-cart-one .np-bgtext {
    animation: cartboxloader 2s infinite ease-in-out;
    -webkit-animation: cartboxloader 2s infinite ease-in-out;
    background: var(--white-color);
    background-image: linear-gradient(to right,#d2d2d2,rgb(209 209 209 / 70%),#d3d3d3);
    background-size: 100%;
    color: #fff0
}

.block-cart.animated-show-cart.iscartactive .np-cart strong,.block-cart.animated-show-cart.iscartactive .np-cart span,.block-cart.animated-show-cart.iscartactive .np-cart-one .np-bgtext {
    text-indent: -9999px
}

.block-cart.animated-show-cart.iscartactive>a>.price {
    padding: 0;
    border-color: var(--grey-color-tone-nine);
    margin: 9px 0
}

.block-cart.animated-show-cart.iscartactive .np-cart span {
    margin: 2px 0 0
}

.block-cart.disablecart.animated-show-cart.iscartactive>a>span.price {
    color: #fff0
}

.block-cart.animated-show-cart>a>.cart-icon {
    background-image: url(../images/cart-grey-2.svg);
    background-size: 39px
}

@keyframes cartloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@-webkit-keyframes cartloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@keyframes cartboxloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@-webkit-keyframes cartboxloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@media screen and (min-width: 641px) {
    .block-cart .block-content .cart-title .close-cart {
        display:none
    }
}

@media only screen and (max-width: 1300px) {
    .cart-m-wrapper {
        display:none;
        box-shadow: 0 2px 5px var(--box-shadow-color-seven);
        padding: 10px 0;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 10px
    }

    .cart-m-wrapper.m-cflex {
        display: flex
    }

    .ap-cart-640 {
        display: inline-block;
        background-image: url(../images/carticonformobile.svg);
        width: 50px;
        height: 50px;
        background-position: 0 0;
        background-size: cover;
        position: relative
    }

    .ap-cart-640.ap-card-dark {
        background-position: 0 -105px
    }

    .cartsubtotal {
        padding: 12px;
        font-size: 17px
    }
}

@media only screen and (max-width: 1200px) {
    .topcart {
        display:none!important;
        padding-left: 0!important
    }

    .cartsubtotal {
        height: auto;
        font-size: 16px;
        width: 40%
    }
}

@media only screen and (max-width: 768px) {
    .block .empty>a {
        margin:20px 0 10px;
        text-decoration: underline
    }

    .empty-acart-img {
        height: 165px;
        background-position: center 26px;
        background-size: 140px;
        margin-top: 90px
    }

    .block-cart.block-accesroies .block-content {
        right: calc(160px - 49vw)
    }

    .cart-m-wrapper {
        position: absolute;
        z-index: 111;
        background-color: var(--white-color);
        left: 0;
        top: 100%
    }

    .ap-cart-640 {
        float: right;
        width: 35px;
        height: 35px;
        margin: 12px 0 0
    }

    .ap-cart-640.ap-card-dark {
        background-position: 0 -74px
    }

    .msfedex-mobile.smdispnone {
        display: none
    }

    .block-cart.animated-show-cart>a {
        background-image: none
    }

    .block-cart .btn-remove.cbtn-mobilelinks {
        font-size: 12px;
        width: auto;
        height: auto;
        text-indent: 0;
        overflow: visible;
        float: left;
        color: var(--dark-color);
        text-decoration: underline;
        display: block;
        margin: 7px 0
    }

    .block-cart>a>.cart-icon {
        background-image: url(../images/cart-small.svg);
        width: 42px;
        background-repeat: no-repeat;
        background-size: 94%;
        margin: 18px 0
    }

    .actions button.button.dm-none,.subtotal span span.dm-none {
        display: none
    }

    .actions button.button.cdm-none {
        display: inline
    }

    .empty-cart-img {
        margin-top: 160px
    }

    .block .empty {
        font-size: 15px;
        padding: 15px;
        margin: 0 0 20px
    }

    .block-cart .block-content .cartsummary h4 {
        display: none
    }

    .block-cart .block-content .mini-products-list {
        padding: 10px 15px 10px 15px;
        max-height: 56vh
    }

    .block .block-content li.item {
        border-right: 0!important
    }

    .block-cart .btn-remove {
        width: 12px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: 11px;
        background-position: 1px 1px
    }

    .block-cart .block-content .mini-products-list .product-name {
        width: 100%
    }

    .block-cart .block-content .mini-products-list .forpr-mobile {
        float: right;
        margin-top: 15px
    }

    .block-cart .block-content .mini-products-list .forpr-mobile>span.price {
        float: left;
        display: block;
        margin-top: 0
    }

    .block-cart .mini-products-list .product-details .qty-control {
        margin-bottom: 10px
    }

    .block-cart .block-content .mini-products-list .product-name a {
        font-size: 12px
    }
}

@media only screen and (max-width: 640px) {
    .cart-m-wrapper {
        z-index:110
    }

    .ap-cart-640 {
        background-image: url(../images/header-mobile-icons-sprite.svg);
        width: 29px;
        height: 29px;
        background-size: 235px;
        background-position: -205.5px 0;
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0
    }

    .ap-cart-640.ap-card-dark {
        background-position: -205.5px -57.5px
    }

    .block-cart.iscartactive {
        position: static
    }

    .block-cart .block-content {
        top: -1px;
        right: 0;
        margin-top: 0;
        border-radius: 0;
        padding: 0;
        width: 100vw;
        height: 100vh
    }

    .block-cart .block-content .cart-title {
        background-color: var(--grey-color-tone-eight)
    }

    .block-cart .block-content .cart-title>a {
        color: var(--dark-color)
    }

    .block-cart .block-content .cart-title .close-cart {
        background-image: url(../images/close-cart.svg);
        text-indent: -9999px;
        width: 52px;
        height: 40px;
        background-size: 50px;
        background-repeat: no-repeat;
        right: -3px;
        top: 14px;
        position: absolute
    }

    .block .actions a.cre-quick-orrder {
        border: 2px solid var(--dark-color);
        color: var(--dark-color);
        background-color: var(--white-color);
        border-radius: 15px;
        min-width: 231px;
        height: 55px;
        line-height: 36px;
        font-size: 17px;
        padding: 8px
    }

    .block-cart .block-content .cart-title>span {
        background-image: url(../images/carto-icon.svg);
        margin: 15px 80px 0 15px
    }

    .block-cart .block-content .mini-products-list .product-name {
        max-width: 200px;
        width: 90%
    }

    .block-cart .actions {
        margin: 1% 0 10px
    }

    .actions button.button.cdm-none {
        display: inline
    }

    .actions button.button.dm-none {
        display: none
    }

    .block-cart .actions button.button {
        width: 100%;
        border-radius: 8px
    }

    .block-cart .view-cart.next-cart {
        display: block;
        margin: 0 auto;
        clear: both;
        float: none;
        max-width: 240px;
        text-align: center
    }
}

@media only screen and (max-width: 536px) {
    .block-cart .block-content .cartsummary {
        padding:12px 18px
    }
}

@media screen and (max-width: 480px) {
    .ap-cart-640 .sp-count {
        font-size:10px
    }
}

@media screen and (max-width: 360px) {
    .msh-services>li+li {
        margin-left:-4px
    }

    .block-cart>a>.cart-icon {
        width: 40px;
        background-size: 90%;
        margin: 24px 0
    }
}

.conform-bx.ms_loginpopup {
    background: rgb(0 0 0 / .5)
}

.conform-bx.ms_loginpopup .conform-bx-inner {
    min-height: 295px;
    max-width: 660px;
    background: var(--white-color);
    box-shadow: 0 2px 10px rgb(0 0 0 / .18);
    border-radius: 12.3366px;
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    width: 100%;
    border: 0;
    position: relative;
    overflow: visible
}

.mslogin-dblock {
    display: none
}

.mslogin-dblock.l-tab-active {
    display: block
}

.login-tabs {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: var(--grey-color-tone-four);
    font-weight: 500;
    justify-content: center;
    max-width: 70px
}

.login-tabs li .lo-icon {
    background-image: url(../images/front-login-sprites.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: 25px;
    height: 27px
}

.login-tabs li .lo-signin {
    background-position: center 0
}

.login-tabs li .lo-signup {
    background-position: center -40px
}

.login-tabs li .lo-contact {
    background-position: center -82px
}

.login-tabs .login-tab {
    padding: 10px;
    position: relative;
    letter-spacing: -.2px;
    opacity: .4;
    cursor: pointer;
    margin: 0 0 15px
}

.login-tabs .login-tab span {
    word-break: break-all
}

.login-tabs .login-tab:last-child {
    margin: 0
}

.login-tabs .login-tab:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: 0;
    background-color: #fff0;
    border-radius: 0 30px 30px 0;
    top: 0
}

.login-tabs .login-tab.l-tab-active,.login-tabs li:focus {
    opacity: 1
}

.login-tabs .login-tab.l-tab-active:before,.login-tabs li:focus:before {
    background-color: var(--primary-color)
}

.img-lblock {
    position: absolute;
    top: -30px;
    left: 62px;
    height: calc(100% + 60px);
    background-color: var(--primary-color);
    border-radius: 12px;
    display: flex;
    align-items: center
}

.img-lblock.mslogin-lock {
    background-color: var(--white-color);
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25)
}

.img-lblock>img {
    vertical-align: middle
}

.conform-bx.ms_loginpopup .loginpop-close {
    background-image: url(../images/close-icon-popup.svg);
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    background-color: var(--primary-color);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    top: 10px
}

.mslogin-wrapper {
    max-width: 270px;
    padding: 20px
}

.ms-loginbox {
    text-align: left
}

.ms-loginbox>li {
    margin: 0 0 10px;
    position: relative
}

.ms-loginbox .input-text {
    background: var(--white-color);
    border: 1px solid var(--grey-color-tone-six);
    border-radius: 6px;
    font-family: "Inter",sans-serif;
    height: 36px;
    font-size: 12px;
    font-weight: 400;
    caret-color: var(--primary-color)
}

.ms-loginbox .input-text:focus,.ms-loginbox .input-text:active {
    background: var(--white-color);
    border-color: var(--primary-color)
}

.ms-loginbox label {
    font-size: 11px;
    font-weight: 600;
    color: var(--grey-color-tone-four)
}

.ms-loginbox>li>label {
    padding-left: 5px
}

.ms_loginpopup .hamburget-checkbox label {
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    letter-spacing: -.2px;
    font-size: 11px;
    line-height: 10px
}

.ms_loginpopup .ms-loginbox>li.hamburget-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ms-loginbox .loginbuttonset button,.log-tabbing-two .sign-ilink {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color)
}

.ms-loginbox .loginbuttonset button {
    width: 100%;
    font-weight: 700;
    border-radius: 6px;
    height: 36px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}

.log-tabbing-two .sign-ilink {
    width: 100%;
    font-weight: 700;
    border-radius: 6px;
    height: 36px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    display: block;
    padding: 6px;
    line-height: 22px
}

.ms_loginpopup .hamburget-checkbox a {
    float: right;
    font-size: 11px;
    font-weight: 400;
    color: var(--primary-color);
    text-decoration: underline
}

.warnpass-line.loginpop-error {
    color: red
}

.mslogin-wrapper p {
    font-size: 10px;
    text-align: left;
    font-weight: 600;
    margin: 0;
    line-height: 12px
}

.warnpass-line.loginpop-success {
    color: green
}

.ms-loginbox .loginbuttonset button:hover,.ms-loginbox .loginbuttonset button:focus,.log-tabbing-two .sign-ilink:hover,.log-tabbing-two .sign-ilink:focus {
    background-color: var(--white-color);
    color: var(--primary-color)
}

.ms-loginbox>li.loginbuttonset {
    margin: 18px 0 15px
}

.ms-loginbox .hamburget-checkbox input[type="checkbox"] {
    display: none
}

.ms_loginpopup .hamburget-checkbox label:before {
    content: "";
    border: 1px solid var(--grey-color-tone-four);
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 3px;
    top: -1.62px;
    left: 0
}

.ms_loginpopup .hamburget-checkbox input[type="checkbox"]:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url(../images/right-checbox_1.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    box-shadow: 1px 1px 3px #b4b4b4
}

.togglepass {
    position: absolute;
    cursor: pointer
}

.ms-loginbox>li>span.togglepass {
    width: 14px;
    height: 13px;
    background-image: url(../images/passo-show.svg);
    background-size: 14px;
    background-position: 0 -21px;
    background-repeat: no-repeat;
    right: 12px;
    top: 35px
}

.ms-loginbox>li>span.togglepass.toggshow {
    background-position: 0 0
}

.alert-popup-message .alert-popup-message-inner {
    max-width: 275px;
    height: calc(100% - 80px);
    width: calc(100% - 20px);
    margin: 40px auto
}

.alert-popup-message h3 {
    border-radius: 9px;
    background: #FFF9F9;
    color: #F10600;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    margin: 0 0 5px 0
}

.alert-popup-message p {
    border-radius: 9px;
    height: calc(100% - 36px);
    vertical-align: middle;
    margin: auto 0;
    background: #FFF9F9;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 141%;
    letter-spacing: .12px;
    padding: 40px 15px
}

.alert-popup-message p a {
    color: #179BD7;
    text-decoration: underline
}

.ms-loginbox>li.d-none {
    display: none
}

.ms-loginbox>li.hamburget-checkbox.d-none label {
    display: none
}

.ms-loginbox>li.alert-message-box>a {
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px 0;
    padding: 0;
    vertical-align: middle;
    display: inline-block
}

.ms-loginbox>li.alert-message-box>a svg {
    width: 14px;
    height: 11px;
    position: relative;
    top: 1px
}

.ms-loginbox>li.alert-message-box>a:hover svg path {
    fill: var(--primary-color);
    stroke: var(--primary-color)
}

.alert-message {
    width: 100%;
    margin: 0;
    background: #FFF9EF;
    border-radius: 10px;
    padding: 14px 16px
}

.alert-message h3 {
    color: #FDA41F;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 2px 0
}

.alert-message h3.warring {
    background-image: url(../images/warring-new.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
    background-position: left center;
    background-size: 11px auto
}

.mslogin-wrapper .alert-message p {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px
}

.mslogin-wrapper .alert-message p a {
    color: #179BD7;
    text-decoration: underline
}

.mslogin-dblock .mslogin-another-tab {
    max-width: 270px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 270px
}

.mslogin-another-tab .ms-tabwraper {
    padding: 20px
}

.log-tabbing-two>p {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-color-tone-four);
    margin: 0 0 20px
}

.mslogin-info-tab {
    max-width: 270px;
    text-align: left;
    padding: 20px 10px 10px;
    font-size: 11px;
    font-weight: 400;
    float: left;
    width: 100%
}

.mslogin-info-tab strong {
    font-weight: 600;
    color: var(--primary-color);
    display: block
}

.mslogin-info-tab h5 {
    color: var(--grey-color-tone-four);
    font-size: 11px;
    padding: 2px 8px 5px
}

.mslogin-info-tab h5 a {
    color: var(--primary-color)
}

.ms-two-tabwraper,.ms-two-tabwraper li {
    float: left;
    width: 100%
}

.ms-two-tabwraper .lgtn-icon {
    float: left;
    width: 30px;
    height: 30px;
    background-image: var(--login-popup-sprite);
    background-repeat: no-repeat;
    background-size: 26px
}

.ms-two-tabwraper .lgtn-detail {
    float: left;
    max-width: 190px;
    line-height: 15px;
    color: var(--grey-color-tone-four);
    padding-left: 4px
}

.ms-two-tabwraper .tn-phoneicon {
    background-position: 0 0
}

.ms-two-tabwraper .tn-locaicon {
    background-position: 0 -45px
}

.ms-two-tabwraper .tn-emailicon {
    background-position: 0 -96px
}

.ms-two-tabwraper .tn-hrsicon {
    background-position: 0 -149px
}

.ms-two-tabwraper li {
    margin: 0 0 2px;
    padding: 6px 7px
}

.ms-two-tabwraper li.lthrs-bgcolor {
    margin: 0;
    background-color: var(--login-light-bcolor);
    border-radius: 10px;
    position: relative
}

.log-tabbing-two>p>strong {
    color: var(--primary-color);
    font-weight: 600
}

.ms-two-tabwraper li.lthrs-bgcolor:before {
    content: "";
    background-color: var(--grey-color-tone-four);
    width: 1px;
    height: 23px;
    position: absolute;
    bottom: 12px;
    left: 19px
}

.ms-two-tabwraper li.lthrs-bgcolor .lgtn-detail strong {
    margin: 4px 0 4px
}

.ms-two-tabwraper li.lthrs-bgcolor .lgtn-detail span {
    position: relative;
    left: -7px
}

.conform-bx-inner .mslogin-wrapper i.icon-info.tooltip {
    background-size: cover;
    width: 11px;
    height: 11px;
    top: 5px;
    left: 48px
}

.conform-bx-inner .mslogin-wrapper i.icon-info.tooltip+span.tooltiptext {
    right: initial;
    left: 0;
    top: 31px;
    width: 184px;
    margin-left: 44px;
    line-height: 16px
}

.conform-bx-inner .ms-loginbox span.tooltiptext::after {
    left: 0
}

@media screen and (max-width: 700px) {
    .alert-popup-message .alert-popup-message-inner {
        max-width:255px
    }
}

.conform-bx.ms_loginpopup .conform-bx-inner.currency-inner {
    display: block;
    min-height: auto;
    max-width: 550px;
    padding: 40px
}

.currency-inner h4 {
    font-size: 21px;
    font-weight: 500;
    margin: 0 0 15px 0;
    line-height: 27px;
    color: var(--primary-color);
    text-align: center
}

.currency-inner p {
    color: var(--grey-color-tone-ten);
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    text-align: left
}

@media screen and (max-width: 640px) {
    .conform-bx.ms_loginpopup .conform-bx-inner.currency-inner {
        max-width:100%;
        padding: 25px
    }

    .currency-inner h4 {
        font-size: 17px
    }
}

body.customer-account-login .account-login .buttons-set button.button2 {
    display: none
}

.account-login .success-msg {
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 14px;
    background: var(--login-light-bcolor);
    padding: 10px!important;
    color: var(--primary-color);
    text-align: center;
    border: 0!important
}

.account-login .success-msg:before {
    display: none
}

.account-login .success-msg li {
    margin: 0!important
}

body.oauth-authorize-register .main-container {
    background-image: url(../images/pos-reg-backbanner.png);
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0
}

.cms-pos-registration .main {
    width: 100%
}

.oauth-authorize-register .pos-full-r-form {
    display: block;
    background-color: var(--white-color);
    width: 100%;
    height: auto;
    max-width: 1000px;
    margin: 60px auto;
    border-radius: 20px;
    border-width: 0;
    border-style: solid;
    border-color: red;
    border-image: initial
}

.main-container .pos-registration-main {
    margin-top: 0
}

.cms-pos-registration-main .main-container .footer-container {
    margin: 0
}

.pos-registration-main .pos-r-container {
    width: 900px;
    display: block;
    margin: 0 auto
}

.oauth-authorize-register img.pos-r-logo {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 20px auto 60px
}

.oauth-authorize-register .info-middle p.register-note-msg,.oauth-authorize-register .newslettersignup,.oauth-authorize-register .agree-checkbox>label {
    color: var(--dark-color)
}

.oauth-authorize-register .account-create .buttons-set button.button span {
    background: var(--default-color);
    border-color: var(--default-color);
    border-radius: 15px;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600
}

.oauth-authorize-register .input.input-text {
    border-radius: 5px!important;
    -webkit-border-radius: 5px
}

.oauth-authorize-register .select-bx-stylis select {
    color: var(--dark-color)
}

.oauth-authorize-register .fieldset .legend {
    padding-right: 0
}

.oauth-authorize-register .login-information .info-middle p.agree_msg_links>a,.pos-registration-main .login-information .agree-checkbox .subscribed_label {
    color: var(--default-color)
}

.cms-pos-registration .footer-container,.cms-pos-registration .main-container {
    margin: 0
}

.change-img-for-chrismas {
    display: inline-block;
    width: 136px;
    height: 22px;
    background: url(../images/header-chrismas-chrismasdeals-1.png)
}

.change-img-for-chrismas:hover {
    background: url(../images/header-chrismas-preowned-1.png)
}

#nav>li:hover>a.only-for-remove-red-hover-chrismas {
    background-color: #fff0
}

.container_chk input:checked~.checkmark {
    background-color: var(--primary-color)
}

.newlog-row .buttons-set {
    text-align: left
}

.newlog-row {
    display: flex;
    width: 100%;
    margin-bottom: 50px
}

.newlog-row .left-box {
    display: flex;
    align-items: center;
    background: var(--grey-color-tone-eight);
    padding: 20px;
    border-radius: 14px;
    height: 100%
}

.newlog-row .col-40 {
    float: left;
    width: calc(40% - 10px);
    margin-right: 0
}

.newlog-row .col-60 {
    float: left;
    width: calc(60% - 10px);
    margin-right: 20px
}

.account-login .registered-users .login-box .buttons-set button.button>span {
    margin-top: 20px
}

.login-information .info-middle p.agree_msg_links>a,body.customer-account-retail.oauth-authorize-register .login-information .info-middle p.agree_msg_links>a,.login-information .agree-checkbox .subscribed_label {
    color: var(--default-color)
}

.login-information .agree-checkbox .subscribed_label:hover {
    text-decoration: underline
}

.account-login .registered-users .buttons-set button.button:hover span {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color)
}

.account-login .registered-users .validation-advice {
    text-align: left
}

.account-login .registered-users .form-list li .togglepass {
    background-image: url(../images/svg-pass-showhide.svg);
    width: 60px;
    height: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 20px 29px;
    right: 0;
    top: 0
}

.account-login .registered-users .form-list li .togglepass.toggshow {
    background-position: 20px -35px
}

.account-login .registered-users .form-list .trusted-block {
    position: relative;
    width: auto
}

.account-login .registered-users h2 {
    font-size: 20px;
    color: var(--grey-color-tone-four);
    font-weight: 600;
    letter-spacing: .2px;
    margin-bottom: 15px;
    text-transform: capitalize
}

.account-login .registered-users .login-box .content {
    position: relative;
    display: inline-block;
    width: 100%
}

.account-login .registered-users .login-box h2 {
    margin-bottom: 5px
}

.account-login .registered-users p {
    color: var(--grey-color-tone-four);
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400
}

.account-login .login-box ul.form-list {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 35px 0 0 0;
    border-top: 1px dashed var(--grey-color-tone-five);
    margin-top: 30px
}

.account-login .registered-users .form-list li {
    margin: 0 0 30px
}

.account-login .registered-users .form-list li .alert-message h3 {
    font-size: 17px
}

.account-login .registered-users .form-list li .alert-message p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .15px;
    margin-bottom: 30px
}

.account-login .registered-users .form-list li .alert-message p a {
    color: #179BD7;
    text-decoration: underline
}

.account-login .registered-users .form-list li .alert-message h3.warring {
    background-size: 18px auto;
    padding-left: 26px
}

.account-login .registered-users .form-list li .alert-message h3.error {
    color: #F10600
}

.account-login .registered-users .form-list li.alert-message-li {
    margin-bottom: 0
}

.account-login .registered-users .forgot-box .form-list li.captcha-device {
    margin-bottom: 0
}

.account-login .registered-users .forgot-box .form-list p.required {
    display: block;
    color: var(--primary-color);
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    text-align: left;
    margin-top: 10px;
    float: left
}

.account-login .registered-users .form-list .input-box {
    float: left;
    width: 100%
}

.account-login .registered-users .form-list .input-box>label {
    color: var(--grey-color-tone-four)
}

.account-login .registered-users .form-list .input-box>.control-label {
    position: absolute;
    color: var(--grey-color-tone-three);
    font-weight: 500;
    left: 20px;
    top: -16px;
    line-height: 1;
    background-color: var(--login-light-bcolor);
    padding: 6px
}

.account-login .registered-users .hamburget-checkbox label {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    color: var(--grey-color-tone-four)
}

.account-login .registered-users .hamburget-checkbox label:before {
    top: 0;
    border-color: var(--grey-color-tone-five)
}

.account-login .registered-users .form-list input.input-text {
    font-size: 18px;
    background-color: #fff0;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 10px;
    padding: 20px 25px
}

.account-login .registered-users .form-list input.input-text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    transition: background-color 5000s ease-in-out 0s
}

.account-login .registered-users .buttons-set button.button>span:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.account-login .registered-users .buttons-set button.button>span>span {
    border: 0;
    padding: 0;
    height: auto;
    font-weight: 600
}

.account-login .registered-users .buttons-set a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--grey-color-tone-four);
    font-weight: 400;
    text-decoration: underline
}

.account-login .registered-users .buttons-set a:hover {
    color: var(--primary-color)
}

.account-login .reg-box {
    float: left;
    background: var(--grey-color-tone-eight);
    padding: 28px 50px;
    border-radius: 14px;
    margin-bottom: 20px
}

.account-login.other-store .login-box {
    display: flex;
    height: var(--store-login-height);
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.newlog-row .login-box,.newlog-row .forgot-box {
    float: left;
    width: 100%;
    background: var(--login-light-bcolor);
    padding: 28px 50px;
    border-radius: 14px
}

.newlog-row .forgot-box {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column
}

.account-login .new-users .buttons-set {
    text-align: left;
    margin-top: 20px
}

.account-login .new-users .buttons-set button.button>span>span {
    height: auto;
    line-height: 30px;
    padding: 0
}

body.oauth-authorize-index .col-2.registered-users .buttons-set {
    text-align: center
}

.customer-account-login .col-2.registered-users .buttons-set .button2 {
    display: none
}

body.oauth-authorize-index .account-login .registered-users .buttons-set a.mmac-hide {
    display: none
}

.account-login .create-acclinks {
    display: none
}

.hamburget-checkbox input[type="checkbox"]:checked+label:before {
    background-image: url(../images/right-checbox_1.png);
    background-position: 4px 5px;
    background-repeat: no-repeat
}

.trusted-block .info-tooltipGuide:after {
    right: 105px
}

.fweight {
    font-weight: 500
}

.customer-account-login .page-title,.customer-account-forgotpassword .page-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 20px 0
}

.customer-account-login .page-title>h1,.customer-account-forgotpassword .page-title>h1 {
    color: var(--grey-color-tone-four);
    text-align: center;
    text-transform: capitalize;
    font-size: 56px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .6px
}

.login-top-note {
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 14px;
    background: var(--login-light-bcolor);
    padding: 10px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px
}

.login-top-note>span {
    word-break: break-word
}

.logo_title {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 50%
}

.logo_title_main {
    background-color: var(--white-color);
    float: left;
    width: 100%;
    position: relative;
    box-shadow: 1px 1px 1px rgb(204 204 204 / .26);
    -webkit-box-shadow: 1px 1px 1px rgb(204 204 204 / .26)
}

.logo_title_main .logo {
    float: left;
    width: 100%;
    text-align: center
}

.logo_title_main h1 {
    float: left;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.logo_title_main:after {
    border-color: var(--grey-color-tone-five) #fff0 #fff0;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    height: 0;
    left: calc((100% - 40px) / 2);
    position: absolute;
    width: 0
}

.logo_title_main .logo img {
    margin-top: 30px
}

.account-login.other-store {
    width: 100%
}

.account-login.other-store .login_section .registered-users {
    float: left
}

.account-login.other-store .col-2.registered-users {
    background-color: var(--white-color);
    padding: 30px 10px 0;
    width: 100%
}

.customer-account-forgotpassword .form-list {
    border-top: 1px dashed var(--grey-color-tone-five);
    float: left;
    padding: 50px 0;
    margin: 30px 0 0 0
}

.customer-account-forgotpassword .form-list li>label {
    position: relative
}

.customer-account-forgotpassword .form-list li:last-child {
    clear: inherit;
    width: auto
}

.customer-account-forgotpassword .buttons-set p.required {
    float: right;
    font-size: 14px;
    color: var(--error-color);
    margin-bottom: 15px
}

.customer-account-forgotpassword .buttons-set p.back-link {
    float: left;
    margin-right: 10px
}

.customer-account-forgotpassword .buttons-set p.back-link a {
    background: var(--grey-color-tone-seven);
    border: 2px solid var(--grey-color-tone-seven);
    color: var(--grey-color-tone-one);
    float: left;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    width: 220px;
    height: 50px;
    border-radius: 28px;
    font-weight: 600;
    text-decoration: none
}

.customer-account-forgotpassword .buttons-set button.button {
    float: left;
    min-width: 145px
}

.customer-account-forgotpassword .buttons-set button>span {
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0
}

.customer-account-forgotpassword .buttons-set button.button:hover span {
    background: 0 0;
    color: var(--primary-color)
}

.customer-account-forgotpassword .fieldset>p {
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.stylis_chk .container_chk {
    display: block;
    position: relative;
    padding: 0 0 0 25px!important;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stylis_chk .container_chk strong {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid var(--grey-color-tone-six);
    line-height: 23px
}

.container_chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

body.customer-account-retail .main-container {
    margin-top: 0;
    padding-top: 30px
}

body.customer-account-retail .main-container .form-list>li .field .d-none,body.oauth-authorize-register .main-container .form-list>li .field .d-none {
    display: none
}

.form-list .input-box .iti {
    width: 100%
}

.main-container .form-list .opt-para-bottom {
    margin: 10px 0 0;
    float: left;
    width: 100%
}

.form-list .opt-para-bottom>p {
    font-size: 14px;
    text-align: justify
}

.form-list .opt-para-bottom>p>a {
    color: var(--default-color);
    font-weight: 500
}

.progress.pro-visited:after {
    border: 1px dashed var(--primary-color)
}

.progress.pro-visited .num {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.r-progress {
    float: left;
    max-width: 260px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 20px
}

span.progress {
    width: 50px;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 35px
}

span.progress:after {
    content: '';
    position: absolute;
    border: 1px dashed var(--grey-color-tone-six);
    width: 30px;
    right: -34px
}

span.progress:last-child:after {
    display: none
}

span.progress.success-red .num {
    background-color: var(--primary-color);
    color: var(--white-color)
}

span.progress.success-red:before {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    border: 2px solid var(--primary-color);
    border-radius: 50%
}

span.progress.success-red:after {
    content: '';
    position: absolute;
    border: 1px dashed var(--primary-color)
}

.progress .num {
    width: 30px;
    height: 30px;
    margin: 0;
    background-color: var(--grey-color-tone-seven);
    border-radius: 50%;
    font-size: 13px;
    line-height: 37px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

body.customer-account-retail .main-container .regstep-3 .form-list>li>.refer_two>div {
    margin-bottom: 10px
}

body.customer-account-retail.oauth-authorize-register .main-container .form-list input.input-text {
    color: var(--dark-color)
}

body.customer-account-retail .main-container .form-list input::placeholder {
    color: var(--grey-color-tone-five)
}

body.customer-account-retail.oauth-authorize-register .main-container .form-list input::placeholder {
    color: var(--grey-color-tone-four)
}

body.customer-account-retail .main-container .account-create .email-name p.notice-mobile-text,body.oauth-authorize-register .main-container .account-create .email-name p.notice-mobile-text {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

body.customer-account-retail .main-container .account-create .email-name p.numaric-values,body.oauth-authorize-register .main-container .account-create .email-name p.numaric-values {
    text-align: center;
    background-color: rgb(175 185 196 / .39);
    border-style: dotted;
    color: var(--white-color);
    line-height: 44px;
    height: 45px;
    font-size: 16px
}

body.customer-account-retail .main-container .form-list .cform-checkbox label {
    padding: 0 0 0 30px;
    margin: 0;
    color: var(--dark-black-color-one);
    display: flex;
    flex-wrap: wrap
}

body.customer-account-retail .main-container .form-list .cform-checkbox label:before {
    width: 16px;
    height: 16px;
    border-radius: 2px
}

body.customer-account-retail .main-container .form-list .cform-checkbox input:checked+label:after {
    top: 3px;
    left: 6px;
    width: 4px;
    height: 10px;
    border-width: 0 3px 3px 0
}

.customer-account-retail.oauth-authorize-register .pos-r-logo {
    display: block
}

.customer-account-retail .pos-r-logo {
    display: none
}

.agree-checkbox {
    float: left;
    width: 100%;
    margin: 1% 0
}

.agree-checkbox>label {
    font-size: 16px;
    font-weight: 400;
    color: var(--grey-color-tone-four);
    display: inline-block;
    cursor: pointer
}

body.customer-account-retail .login-information .my-buttonset .btn-right,body.oauth-authorize-register .login-information .my-buttonset .btn-right {
    float: left
}

body.customer-account-retail .account-create .login-information .my-buttonset .btn-right .button span,body.oauth-authorize-register .account-create .login-information .my-buttonset .btn-right .button span {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600
}

body.customer-account-retail .account-create .login-information .my-buttonset .btn-right .button:hover span,body.oauth-authorize-register .account-create .login-information .my-buttonset .btn-right .button:hover span {
    background-color: #fff0;
    border-color: var(--primary-color);
    color: var(--white-color)
}

body.customer-account-retail .main-container .form-list .country-bx,body.oauth-authorize-register .main-container .form-list .country-bx {
    margin: 0 0 20px
}

.form-list li .opt-checkbox-block {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding-left: 24px
}

.form-list li .opt-checkbox-block input {
    display: none
}

.form-list li .opt-checkbox-block label>a {
    color: var(--default-color);
    text-decoration: underline
}

.form-list li .opt-checkbox-block label>a:hover,.form-list li .opt-checkbox-block label>a:focus {
    color: var(--primary-color)
}

.form-list li .opt-checkbox-block label:before {
    content: '';
    position: absolute;
    height: 13px;
    width: 13px;
    left: -21px;
    border: 1px solid var(--dark-color);
    top: 4px;
    border-radius: 4px
}

.form-list li .opt-checkbox-block input:checked+label:before {
    background-image: url(../images/agree-icon.svg);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: center 3px;
    background-color: var(--dark-color)
}

.form-list li .opt-checkbox-block label {
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    line-height: normal;
    cursor: pointer;
    text-align: justify;
    display: inline-block
}

body.customer-account-retail.oauth-authorize-register .account-create {
    border-radius: 15px;
    margin-bottom: 5%
}

body.customer-account-retail .currency_prefer label.required em,body.oauth-authorize-register .currency_prefer label.required em {
    top: 12px
}

body.customer-account-retail input.verified_mobile,body.oauth-authorize-register input.verified_mobile {
    background: var(--white-color) url(../images/checkmark_1.svg) no-repeat right!important;
    color: var(--grey-color-tone-three)!important;
    background-size: 50px 23px!important;
    border-style: solid!important;
    border-width: 1px!important
}

body.customer-account-retail .main-container .form-list input.verified_mobile::placeholder,body.oauth-authorize-register .main-container .form-list input.verified_mobile::placeholder {
    color: var(--grey-color-tone-three)!important
}

.company-message {
    color: var(--dark-color);
    line-height: normal;
    padding-top: 5px;
    font-weight: 400;
    font-size: 14px
}

body.customer-account-retail .main-container .form-list .semi-r-box>label,body.oauth-authorize-register .main-container .form-list .semi-r-box>label {
    font-size: 12px;
    line-height: 18px
}

.semi-r-box {
    float: left;
    width: 60%
}

.semi-r-box+.semi-r-box {
    width: 40%
}

.newslettersignup {
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 23px;
    color: var(--grey-color-tone-four)
}

.newslettersignup input {
    margin-right: 0
}

.didhere-box .semi-r-box {
    width: 100%;
    margin: 0
}

.didhere-box .semi-r-box+.semi-r-box {
    width: 100%;
    margin-top: 10%
}

.didhere-box .semi-r-box label .refer-label {
    display: inline-block
}

.newslettersignup,.agree-checkbox {
    text-transform: none;
    letter-spacing: .6px;
    margin: 2% 0
}

.newslettersignup input.agree-box,.agree-checkbox input.agree-box {
    position: absolute;
    opacity: 0
}

.newslettersignup label.agree-con,.agree-checkbox label.agree-con1 {
    padding-left: 6%;
    position: relative
}

.newslettersignup label.agree-con:before,.agree-checkbox label.agree-con1:before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    left: 0;
    border: 2px solid var(--dark-color);
    top: 2px;
    border-radius: 5px
}

.agree-checkbox label.agree-con1:before {
    top: 0
}

.newslettersignup input.agree-box:checked+label.agree-con:before,.agree-checkbox input.agree-box:checked+label.agree-con1:before {
    background-image: url(../images/agree-icon.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center 5px;
    background-color: var(--dark-color)
}

.agree-checkbox span {
    font-size: 16px;
    font-weight: 400;
    color: var(--default-color);
    display: inline-block;
    cursor: pointer
}

.r-btn1 .inp-btn,.r-btn2 .inp-btn {
    width: 115px;
    height: 35px;
    box-shadow: 0 0 2.71px rgb(0 0 0 / .27);
    border-radius: 9px;
    border: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 14px;
    margin: 0 10px 0 0;
    cursor: pointer;
    font-family: "Inter",sans-serif
}

.r-btn1 .inp-btn {
    background: var(--white-color);
    color: var(--dark-color)
}

.r-btn2 .inp-btn {
    background-color: var(--primary-color);
    color: var(--white-color)
}

body.customer-account-retail .account-create .login-information .my-buttonset .btn-right.r-submit-div .button {
    margin-left: 0
}

body.customer-account-retail .account-create .login-information .my-buttonset .btn-right.r-submit-div .button span,body.oauth-authorize-register .account-create .login-information .my-buttonset .btn-right.r-submit-div .button span {
    width: 115px;
    height: 35px;
    text-align: center;
    font-family: "Inter",sans-serif;
    text-transform: none;
    background: var(--primary-color);
    box-shadow: 0 0 2.70863px rgb(0 0 0 / 27%);
    border-radius: 9px;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    padding: 0
}

.num_prefix.for-r {
    background-color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    box-shadow: var(--signin-plus-bshadowval);
    border: var(--signin-border-over);
    position: relative;
    border-right: var(--signin-plus-borderval);
    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: 0 6px 6px 0;
    height: 46px
}

.form-list .field.r-need-width {
    width: 100%
}

.semi-r-box+.semi-r-box.take-width {
    width: 48.5%;
    padding: 0;
    margin-top: 20px
}

#g-recaptcha-element-newsLetter {
    float: left
}

.country-bx .country_box .selectstyle.ss_dib.google {
    width: 100%
}

.country-bx .country_box .ss_button {
    width: 100%;
    border-style: dotted;
    border-radius: 0;
    border-color: var(--grey-color-tone-five);
    background-color: rgb(175 185 196 / .39)
}

.country-bx .country_box .ss_button .ss_text {
    width: calc(98% - 15px);
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color)
}

.country-bx .country_box .ss_button .ss_image:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    border-color: var(--grey-color-tone-six) #fff0 #fff0 #fff0;
    position: absolute;
    right: -10px;
    top: 8px
}

.country-bx .country_box .ss_button .ss_image {
    background-image: none;
    height: auto;
    width: auto
}

.country-bx .country_box .ss_ulsearch {
    width: 100%;
    margin-top: -44px
}

.country-bx .country_box .ss_ulsearch .search input {
    width: calc(100% - 8px)
}

.country-bx .country_box .ss_ulsearch ul li {
    margin: 0;
    color: var(--dark-color);
    font-size: 14px;
    padding: 2px 10px
}

.ms_autofill {
    display: none
}

.hamburget-checkbox label:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    position: absolute;
    left: 0;
    top: 2px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 5px
}

.hamburget-checkbox input[type="checkbox"] {
    display: none
}

.hamburget-checkbox input[type="checkbox"]:checked+label:before {
    content: "";
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 16px;
    line-height: 16px;
    border-color: var(--primary-color);
    box-shadow: 1px 1px 1px var(--grey-color-tone-seven);
    text-align: center
}

body.customer-account-forgotpassword .messages li,body.customer-account-login .messages li,body.oauth-authorize-index .messages li,body.oauth-authorize-register .messages li {
    width: 100%;
    padding: 5px 10px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 14px;
    margin: 0 0 15px!important
}

body.customer-account-forgotpassword .messages li::before,body.customer-account-login .messages li::before,body.oauth-authorize-index .messages li::before,body.oauth-authorize-register .messages li::before {
    display: none
}

body.customer-account-forgotpassword .messages li.success-msg,body.customer-account-login .messages li.success-msg,body.oauth-authorize-index .messages li.success-msg,body.oauth-authorize-register .messages li.success-msg {
    background-color: var(--login-success-color);
    border-color: var(--login-success-color)
}

body.customer-account-forgotpassword .messages li.error-msg,body.customer-account-login .messages li.error-msg,body.oauth-authorize-index .messages li.error-msg,body.oauth-authorize-register .messages li.error-msg {
    background-color: var(--login-error-color);
    border-color: var(--login-error-color)
}

body.customer-account-forgotpassword .messages li ul li span,body.customer-account-login .messages li ul li span,body.oauth-authorize-index .messages li ul li span,body.oauth-authorize-register .messages li ul li span {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .15px
}

body.customer-account-forgotpassword .messages li.success-msg ul li span,body.customer-account-login .messages li.success-msg ul li span,body.oauth-authorize-index .messages li.success-msg ul li span,body.oauth-authorize-register .messages li.success-msg ul li span {
    color: var(--login-success-text-color)
}

body.customer-account-forgotpassword .messages li.error-msg ul li span,body.customer-account-login .messages li.error-msg ul li span,body.oauth-authorize-index .messages li.error-msg ul li span,body.oauth-authorize-register .messages li.error-msg ul li span {
    color: var(--error-color)
}

body.customer-account-forgotpassword .messages li ul li,body.customer-account-login .messages li ul li,body.oauth-authorize-index .messages li ul li,body.oauth-authorize-register .messages li ul li {
    margin: 0!important
}

body.oauth-authorize-index .main-container {
    margin-top: 0
}

body.oauth-authorize-index .main {
    width: 600px;
    position: relative;
    z-index: 1
}

body.oauth-authorize-index .newlog-row {
    margin-bottom: 0
}

body.oauth-authorize-index .account-login,.multistore-login {
    background-color: var(--white-color);
    padding: 50px;
    margin: 50px 0;
    border-radius: 15px;
    background-image: var(--auth-login-bg-logo);
    background-repeat: no-repeat;
    background-position: center 50px;
    padding-top: 175px;
    background-size: 280px;
    box-shadow: 0 0 15px rgb(0 0 0 / .3)
}

.oauth-authorize-identifier .multistore-login {
    background-image: url(../images/Authenticator-logo.svg);
    max-width: 600px;
    margin: 0 auto;
    float: none;
    padding-top: 80px;
    background-position: center 20px
}

.oauth-authorize-identifier .multistore-login .newlog-row {
    margin-bottom: 0
}

.oauth-authorize-identifier .multistore-login .newlog-row .col-40 {
    width: 100%
}

.oauth-authorize-identifier .multistore-login .newlog-row .col-40 .login-box {
    background-color: #fff0;
    padding: 0
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box>.control-label {
    background-color: var(--white-color)
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list {
    margin-bottom: 20px
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list li {
    margin-bottom: 0
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .login-box .buttons-set {
    text-align: center
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-height: 300px;
    overflow: auto;
    padding-right: 10px
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box input[readonly] {
    background-color: #CCC;
    color: #666;
    border: 1px solid #CCC;
    cursor: not-allowed
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box::-webkit-scrollbar {
    background-color: #fff0;
    width: 8px
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box::-webkit-scrollbar-track {
    background-color: #fff0
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box::-webkit-scrollbar-thumb {
    background-color: var(--grey-color-tone-five);
    border-radius: 10px;
    width: 6px
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box body.oauth-authorize-index .page-title {
    display: none
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box li {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 15px;
    padding: 0 5px
}

.oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box li label {
    height: 50px;
    min-width: 200px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer
}

body.oauth-authorize-index .newlog-row .col-40 {
    width: 100%
}

body.oauth-authorize-index .newlog-row .login-box {
    background-color: var(--white-color);
    padding: 0
}

body.oauth-authorize-index .account-login .registered-users .form-list .input-box>.control-label {
    background-color: var(--white-color)
}

body.oauth-authorize-index .account-login .login-box ul.form-list {
    margin-top: 0
}

body.oauth-authorize-index .account-login .new-users {
    display: none
}

body.oauth-authorize-index .account-login .registered-users h2,body.oauth-authorize-index .account-login .registered-users p,body.oauth-authorize-index .hamburget-checkbox {
    display: none
}

body.oauth-authorize-index .col2-set .col-2 {
    width: 100%;
    float: left
}

body.oauth-authorize-index .account-login .registered-users .form-list input.input-text {
    border-radius: 15px
}

body.oauth-authorize-index .account-login .registered-users .form-list .input-box {
    position: relative
}

body.oauth-authorize-index .newlog-row .buttons-set {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

body.oauth-authorize-index .account-login .buttons-set button.button {
    float: none;
    display: block;
    width: 50%;
    border-radius: 15px
}

body.oauth-authorize-index .account-login .registered-users .buttons-set button.button span {
    font-size: 20px;
    font-weight: 600;
    border-radius: 15px;
    width: 100%;
    text-transform: uppercase;
    background-color: var(--default-color);
    border-color: var(--default-color);
    margin: 0
}

body.oauth-authorize-index .account-login .registered-users .buttons-set a {
    color: var(--error-color);
    font-size: 18px;
    width: 50%
}

body.oauth-authorize-index .account-login .buttons-set button.button2 {
    display: inline-block;
    background-color: var(--white-color);
    border: 0;
    text-transform: uppercase;
    color: var(--default-color);
    font-size: 18px;
    font-size: 18px;
    padding-left: 0;
    margin-top: 25px;
    text-decoration: underline
}

body.oauth-authorize-index .footer-container {
    margin-top: 0
}

body.oauth-authorize-index .account-login .buttons-set button.button2:hover {
    cursor: pointer
}

.authenticator-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.authenticator-inner p {
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 24px;
    color: var(--dark-color)
}

.app-store-icon {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 30px 0 30px 0;
    padding: 0
}

.app-store-icon a {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block
}

.app-store-icon a:last-child {
    margin-right: 0
}

.app-store-icon a img {
    width: 100%;
    max-width: 170px
}

.step-div {
    width: 100%;
    float: left;
    padding: 10px 0
}

.step-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.step-col {
    width: calc(50% - 20px);
    float: left;
    margin: 0 0 20px 0;
    padding: 30px 30px;
    text-align: center;
    background-color: var(--grey-color-tone-eleven);
    border-radius: 10px
}

.step-col.step-col-center {
    margin-left: auto;
    margin-right: auto
}

.step-col h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 500
}

.step-col p {
    margin-bottom: 20px
}

.step-col .alQrImg {
    margin: 0 auto;
    padding: 20px 20px;
    border-radius: 10px;
    background-color: var(--white-color);
    max-width: 240px;
    box-shadow: 0 0 10px rgb(0 0 0 / .12)
}

.step-col .input-box {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 20px 20px;
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow: 0 0 10px rgb(0 0 0 / .12)
}

.step-col .input-box .control-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    color: var(--grey-color-tone-four);
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px
}

.step-col .input-box .control-label svg {
    max-width: 18px;
    margin-left: 5px
}

.step-col .input-box input.input-text {
    font-size: 14px;
    color: var(--dark-color);
    background-color: var(--white-color);
    border: 1px solid #cacaca;
    width: 100%;
    height: 41px;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0
}

.authenticator-foot {
    float: left;
    display: flex;
    width: 100%;
    padding-top: 30px;
    justify-content: center;
    align-items: baseline
}

.authenticator-foot .btn {
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 10px 30px;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 300px;
    width: 100%
}

.authenticator-foot .btn:last-child {
    margin-right: 0
}

.authenticator-foot .btn.btn-secondary,.authenticator-foot .btn.btn-primary:hover {
    background-color: var(--white-color);
    color: var(--primary-color)
}

.authenticator-foot .btn:hover {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.not-now-link {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0
}

.not-now-link a {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin: 0;
    text-decoration: underline
}

.customer-account-login .account-login .registered-users .form-list .input-box>.control-label {
    padding: 6px 6px 6px 6px
}

.customer-account-login .account-login i.icon-info.tooltip {
    width: 12px;
    height: 12px;
    background-size: cover;
    position: static;
    float: right;
    margin-left: 5px
}

.customer-account-login .account-login i.icon-info.tooltip+span.tooltiptext {
    float: left;
    position: absolute;
    left: 74px;
    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;
    width: 187px;
    margin-left: 88px
}

.customer-account-login .account-login 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: 31px;
    box-shadow: inset 1px 1px 25px var(--grey-color-tone-four);
    border-radius: 2px;
    z-index: 100
}

.customer-account-login .account-login span.tooltiptext::after {
    left: 0;
    right: inherit
}

.account-login .registered-users .forgot-box .form-list .input-box>.control-label {
    padding: 6px 26px 6px 6px
}

.account-login .registered-users .forgot-box .form-list label.required em {
    right: 21px
}

.account-login .registered-users .forgot-box .form-list i.icon-info.tooltip {
    background-size: cover;
    width: 13px;
    height: 13px;
    right: 6px;
    top: 7px
}

.account-login .registered-users .forgot-box .form-list span.tooltiptext::after {
    left: 0
}

.account-login .registered-users .forgot-box i.icon-info.tooltip+span.tooltiptext {
    left: 0;
    right: initial;
    width: 150px;
    margin-left: 282px;
    top: 32px;
    line-height: 16px
}

.oauth-authorize-index .account-login .registered-users .form-list .control-label {
    padding: 6px 28px 6px 6px
}

.oauth-authorize-index .account-login .registered-users i.icon-info.tooltip {
    width: 15px;
    height: 15px;
    background-size: cover;
    top: 7px;
    right: 8px
}

.oauth-authorize-index .account-login .registered-users i.icon-info.tooltip:hover+span.tooltiptext {
    top: 34px;
    left: 0;
    width: 184px;
    margin-left: 99px;
    line-height: 16px
}

.oauth-authorize-index .account-login .registered-users span.tooltiptext::after {
    left: 0
}

.slidercaptcha {
    margin: 0 auto;
    width: 314px;
    height: 286px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / .125);
    margin-top: 40px
}

.slidercaptcha .card-body {
    padding: 1rem
}

.slidercaptcha canvas:first-child {
    border-radius: 4px;
    border: 1px solid #e6e8eb
}

.slidercaptcha.card .card-header {
    background-image: none;
    background-color: rgb(0 0 0 / .03)
}

.refreshIcon {
    top: -54px
}

.newslettersignup label.agree-con,.agree-checkbox label.agree-con1 {
    cursor: pointer
}

.account-create.border-textbox .form-list .input-text {
    background-color: var(--signin-text-box-bg);
    height: 45px;
    color: var(--grey-color-tone-four);
    border-radius: 6.1082px;
    box-shadow: 0 0 3.39344px var(--signin-text-shadow);
    font-family: 'Inter',sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: var(--signin-text-bcvalue)
}

.account-create.border-textbox .form-list .customer-mobile .input-box .input-text.sm-mnumber {
    width: 45px;
    padding-left: 20px;
    text-align: left
}

.account-create.border-textbox .customer-mobile .input-text.cls_mobile {
    width: calc(100% - 63px)!important;
    margin-left: 10px
}

.form-list .field.new-prefix-ui .num_prefix {
    min-width: 0;
    height: 0;
    border: 0;
    position: absolute;
    width: 0;
    font-size: 14px;
    left: 11px;
    background: #fff0;
    border-radius: 0;
    top: calc(50% - 21px)
}

.account-create.border-textbox .form-list label {
    font-size: 14px;
    position: relative
}

.account-create.border-textbox .stylis_chk .container_chk strong {
    border: 0
}

.account-create.border-textbox .checkmark {
    border-radius: 6px
}

.account-create.border-textbox .buttons-set button.button span {
    background-color: var(--primary-color);
    color: var(--white-color);
    line-height: 15px
}

.account-create.border-textbox .buttons-set p.back-link a {
    background: var(--white-color);
    color: var(--dark-color);
    line-height: 26px
}

.account-create.border-textbox .form-list+.form-list {
    border-radius: 10px
}

.account-create.border-textbox .buttons-set p.back-link a,.account-create.border-textbox .buttons-set button.button span {
    width: 115px;
    height: 35px;
    box-shadow: 0 0 2.71px rgb(0 0 0 / .27);
    border-radius: 9px;
    border: none;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Inter',sans-serif;
    min-width: 0
}

.account-create.border-textbox .fieldset .legend {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    color: var(--dark-color)
}

.account-create.border-textbox .form-list {
    margin-bottom: 30px;
    border-radius: 0 0 10px 10px;
    border-top: 0;
    border: 1px solid #efeeee
}

@media screen and (max-width: 1200px) {
    body.customer-account-retail .main,body.oauth-authorize-register .main {
        max-width:96%
    }

    .customer-account-forgotpassword .main {
        padding: 20px 15px
    }

    .logo_title {
        width: 96%
    }

    .login_section h2,.account-login.other-store .col-2.registered-users {
        width: 100%;
        margin: 0
    }

    body.customer-account-login .account-login.other-store {
        margin: 0
    }

    body.customer-account-retail .main-container .form-list .country-bx .name-company {
        width: 100%
    }

    .account-login .reg-box,.newlog-row .login-box,.newlog-row .forgot-box {
        padding: 20px
    }

    .newlog-row .col-60 {
        width: calc(40% - 10px)
    }

    .newlog-row .col-40 {
        width: calc(60% - 10px)
    }

    .customer-account-login .page-title>h1,.customer-account-forgotpassword .page-title>h1 {
        font-size: 45px
    }
}

@media screen and (max-width: 1100px) {
    body.customer-account-retail .account-create .login-information .my-buttonset .btn-right.r-submit-div .button {
        min-width:0
    }

    body.customer-account-retail .account-create .fieldset .legend {
        margin: 15px 0 20px
    }

    .r-btn1 a button,.r-btn2 a button {
        width: 90%
    }

    .semi-r-box+.semi-r-box.take-width {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .newslettersignup label.agree-con,.agree-checkbox label.agree-con1 {
        padding-left:4%
    }

    .newslettersignup,.agree-checkbox {
        margin: 1% 0
    }

    .account-login.other-store .col-2.registered-users {
        padding: 30px
    }

    body.oauth-authorize-index .main {
        width: 80%
    }
}

@media screen and (max-width: 960px) {
    body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-create .page-title,body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container .messages,body.nettermpayment-index-eligibilitycheck .account-container .account_type_title,body.nettermpayment-index-eligibilitycheck .account-container .info-main {
        width:80%
    }

    body.customer-account-retail .main,body.oauth-authorize-register .main {
        padding: 0 15px;
        max-width: 100%
    }

    .customer-account-retail .account-create .page-title,.account-container .info-main {
        width: 100%;
        float: left
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .customer-account-forgotpassword #form-validate .newlog-row .col-60 {
        width:calc(48% - 10px)
    }

    .customer-account-forgotpassword #form-validate .newlog-row .col-40 {
        width: calc(52% - 10px)
    }

    .customer-account-forgotpassword #form-validate .newlog-row .forgot-box {
        align-items: center
    }

    .customer-account-forgotpassword #form-validate .fieldset>p {
        text-align: center
    }

    .customer-account-forgotpassword #form-validate .form-list {
        padding: 50px 26px 30px
    }

    .customer-account-forgotpassword #form-validate .newlog-row .buttons-set {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .login-top-note {
        padding:15px;
        margin-top: 30px
    }

    body.customer-account-retail .main-container .regstep-3 .form-list>li>.refer_two>div {
        margin-right: 2%;
        width: 49%
    }

    .account-login.other-store .login_section h2 {
        width: 100%
    }

    .account-login .registered-users .form-list input.input-text:focus,.account-login .registered-users .form-list input.input-text:active,.account-login .registered-users .form-list input.input-text:visited {
        background-color: #fff0
    }

    .account-login .registered-users .form-list input.input-text {
        padding: 14px 20px;
        font-size: 16px
    }

    body.customer-account-login .main-container {
        margin-top: 0
    }

    .account-login .registered-users .form-list li .togglepass {
        background-position: 20px 18px
    }

    .account-login .registered-users .form-list li .togglepass.toggshow {
        background-position: 20px -46px
    }

    .registered-users .buttons-set a {
        line-height: 50px
    }

    .sm-login-title {
        text-align: center
    }

    .sm-login-title>h4 {
        color: var(--dark-color);
        font-weight: 500;
        font-size: 20px
    }

    .sm-login-title>h5 {
        color: var(--dark-color);
        font-size: 14px
    }

    .sm-login-title .sm-title-block {
        background-color: var(--grey-color-tone-seven);
        border-radius: 0 0 100% 100%;
        margin: 0 0 20px;
        padding: 5% 0
    }

    .account-login .visible-xs.create-acclinks a,.account-login .visible-xs.create-acclinks h5 {
        font-size: 15px
    }

    .account-login .visible-xs.create-acclinks a {
        font-weight: 600
    }

    .semi-r-box+.semi-r-box.take-width {
        margin-top: 10px
    }

    .customer-account-forgotpassword ul.form-list li {
        width: 100%;
        margin: 0
    }

    .login-information .form-list .fields .field {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0
    }

    .login-information .form-list .fields .field .semi-r-box {
        width: 100%
    }

    .login-information .form-list .fields .field .semi-r-box+.semi-r-box {
        padding-left: 0
    }

    .login-information .form-list .fields .field.mar-top20 {
        margin-top: 15px
    }

    .account-login .create-acclinks {
        display: block;
        position: relative;
        float: left;
        margin-top: 15px
    }

    .account-login .create-acclinks h5 {
        font-size: 15px
    }

    .customer-account-login .page-title>h1,.customer-account-forgotpassword .page-title>h1 {
        font-size: 25px
    }

    .newlog-row .col-60 {
        display: none
    }

    .newlog-row .col-40 {
        width: 100%
    }

    .account-login .registered-users {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .account-login .reg-box {
        margin-top: 25px
    }

    .account-login .registered-users .buttons-set button.button>span {
        width: 200px;
        padding: 6px 14px
    }

    .customer-account-forgotpassword .buttons-set p.back-link a {
        padding: 6px 14px;
        height: auto
    }

    .customer-account-forgotpassword .form-list {
        padding: 50px 0 30px 0
    }

    .step-col {
        width: calc(100% - 0px);
        padding: 30px 20px
    }

    .authenticator-foot {
        padding-top: 10px
    }
}

@media screen and (max-width: 667px) {
    .visible-xs.create-acclinks {
        display:inline-block;
        position: relative;
        width: 100%;
        text-align: center;
        margin: 15px 0
    }

    body.customer-account-login .main {
        padding: 0 5px
    }
}

@media screen and (max-width: 640px) {
    .account-create.border-textbox .form-list .field {
        margin-top:5%
    }

    body.customer-account-retail .main-container .form-list .country-bx .name-company {
        width: 100%
    }

    body.customer-account-retail .main-container .regstep-3 .form-list>li>.refer_two {
        flex-direction: column;
        margin: 0
    }

    body.customer-account-retail .main-container .regstep-3 .form-list>li>.refer_two>div {
        width: 100%;
        margin: 0 0 10px 0
    }

    .col2-set .col-1.new-users {
        width: 100%;
        margin: 0
    }

    body.customer-account-retail .account-create .fieldset .legend,body.oauth-authorize-register .account-create .fieldset .legend {
        font-size: 20px
    }

    body.customer-account-retail.oauth-authorize-register .main-container .account-create .page-title h1 {
        font-size: 24px
    }

    body.customer-account-retail .main-container .form-list .country-bx {
        margin: 0 0 10px
    }

    body.customer-account-retail .main-container .regstep-1 .form-list>li .field,body.customer-account-retail .main-container .regstep-2 .form-list>li .field {
        margin-bottom: 10px;
        margin-right: 0
    }

    body.customer-account-retail .main-container .regstep-2 .form-list>li .field {
        width: 100%
    }

    .col2-set .col-2.registered-users .content {
        margin: 0 0 60px 0
    }

    .newslettersignup label.agree-con,.agree-checkbox label.agree-con1 {
        padding-left: 6%
    }

    body.customer-account-retail .account-create .fieldset .legend {
        margin: 10px 0 10px
    }

    .customer-account-forgotpassword .fieldset .legend {
        font-size: 18px;
        padding: 15px;
        text-align: center
    }

    .customer-account-forgotpassword .fieldset>p {
        text-align: center
    }

    .customer-account-forgotpassword .form-list li:last-child {
        width: 100%
    }

    .account-login.other-store {
        border: 0
    }

    .account-login.other-store .col-2.registered-users {
        padding: 15px
    }

    .account-login.other-store .registered-users .buttons-set button.button {
        width: 100%
    }

    .account-login.other-store .registered-users .form-list input.input-text {
        padding: 10px 15px
    }

    body.customer-account-login .main-container {
        min-height: auto
    }

    body.oauth-authorize-index .main {
        width: 98%
    }
}

@media screen and (max-width: 536px) {
    .newslettersignup label.agree-con,.agree-checkbox label.agree-con1 {
        padding-left:10%
    }

    .customer-account-forgotpassword .buttons-set p.back-link {
        margin: 0 0 10px
    }

    .customer-account-forgotpassword .buttons-set p.back-link,.customer-account-forgotpassword .buttons-set button.button,.customer-account-forgotpassword .buttons-set p.required,.customer-account-forgotpassword .buttons-set p.back-link a {
        width: 100%
    }

    .customer-account-forgotpassword .buttons-set button.button {
        margin: 0 0 15px
    }

    .newlog-row .forgot-box .buttons-set {
        display: flex;
        flex-direction: column-reverse
    }

    body.oauth-authorize-index .account-login {
        padding: 160px 25px 50px;
        background-size: 210px
    }

    .r-progress {
        margin-left: 0
    }

    span.progress.pro-3 {
        margin-right: 0
    }

    body.oauth-authorize-index .account-login .registered-users .buttons-set a,body.oauth-authorize-index .account-login .buttons-set button.button {
        width: 100%
    }

    body.oauth-authorize-index .account-login .registered-users .buttons-set a {
        text-align: center;
        margin-bottom: 20px
    }

    body.oauth-authorize-index .account-login .buttons-set button.button2 {
        margin-top: 20px
    }

    .authenticator-foot {
        flex-wrap: wrap
    }

    .authenticator-foot .btn {
        padding: 10px 20px;
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    body.oauth-authorize-index .main {
        width:100%
    }

    .oauth-authorize-register img.pos-r-logo {
        max-width: 260px
    }

    body.oauth-authorize-index .account-login .registered-users .form-list input.input-text.validate-password {
        margin-top: 0
    }

    body.oauth-authorize-index .account-login .registered-users .form-list input.input-text {
        padding-left: 25px
    }

    body.oauth-authorize-index .account-login .registered-users .buttons-set a,body.oauth-authorize-index .account-login .buttons-set button.button2 {
        font-size: 16px
    }

    body.oauth-authorize-index .account-login .registered-users .togglepass {
        background-position: 20px 22px
    }

    body.oauth-authorize-index .account-login .registered-users .form-list li .togglepass.toggshow {
        background-position: 20px -42px
    }

    body.customer-account-retail.oauth-authorize-register .main-container .account-create .page-title h1,body.oauth-authorize-register .main-container .account-create .page-title h1 {
        font-size: 20px
    }

    .recaptcha iframe {
        transform: scale(.8);
        margin-left: -25px
    }

    .oauth-authorize-identifier .main {
        padding: 0 10px
    }

    .oauth-authorize-identifier .main-container {
        margin-top: 20px
    }

    .oauth-authorize-identifier .multistore-login {
        padding: 80px 15px 40px
    }

    .oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list .input-box.store-box li label>img {
        height: 35px
    }

    .oauth-authorize-identifier .multistore-login.account-login .registered-users .form-list input.input-text {
        font-size: 14px;
        padding: 14px 10px
    }

    .account-login .registered-users .forgot-box i.icon-info.tooltip+span.tooltiptext {
        margin-left: 0
    }

    .account-login .registered-users .forgot-box .form-list span.tooltiptext::after {
        left: 121px
    }

    .customer-account-login .account-login i.icon-info.tooltip+span.tooltiptext {
        left: 54px
    }
}

@media screen and (max-width: 430px) {
    body.customer-account-retail .account-create .fieldset .legend {
        margin:20px 0 20px
    }

    .authenticator-foot {
        flex-wrap: wrap
    }

    .authenticator-foot .btn.btn-primary {
        margin-left: 0
    }
}

@media screen and (max-width: 375px) {
    .newslettersignup,.agree-checkbox {
        font-size:16px;
        margin: 2% 0
    }

    .agree-checkbox>label {
        font-size: 15px
    }

    .newslettersignup label.agree-con:before,.agree-checkbox label.agree-con1:before {
        height: 15px;
        width: 15px
    }

    .newslettersignup input.agree-box:checked+label.agree-con:before,.agree-checkbox input.agree-box:checked+label.agree-con1:before {
        background-size: 9px;
        background-position: center 4px
    }

    .agree-checkbox span {
        font-size: 15px
    }
}

@media screen and (max-width: 360px) {
    .newslettersignup,.agree-checkbox {
        font-size:14px
    }

    .agree-checkbox>label {
        font-size: 14px
    }
}

.footer-container {
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 100%;
    clear: both;
    background: var(--grey-color-tone-seven);
    padding-top: 50px;
    float: left;
    padding-bottom: 25px;
    margin-top: 25px
}

.footer-white {
    background: var(--white-color);
    box-shadow: 0 -4px 14px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 -4px 14px rgb(0 0 0 / 8%)
}

.black-footer {
    background: var(--dark-color)
}

.footer {
    margin: 0 auto;
    max-width: 1300px;
    display: flex
}

.footer-info-logo {
    margin: 23% 0 40% -31px!important
}

.f-shipping-method-section {
    width: 40%;
    padding-left: 1%
}

.f-shipping-method-section .country-type-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.f-shipping-method-section .country-type-section.for-ca .flag-box {
    background-image: url(../images/select-canada-1.svg);
    background-size: 27px;
    background-position: 6.3px 6.5px
}

.f-shipping-method-section .country-type-section.for-uk .flag-box {
    background-image: url(../images/uk-flag.svg);
    background-size: 27px;
    background-position: 6.3px 6.5px
}

.f-shipping-method-section .country-type-section.for-nl .flag-box {
    background-image: url(../images/eur-flag.svg);
    background-size: 28px;
    background-position: 4.5px 6.5px
}

.f-shipping-method-section .country-type-section.for-ca .sel-curr.set-width {
    width: 205px;
    padding-left: 5px;
    background-size: 4.5%
}

.ft-cerificate-section {
    display: flex;
    background-color: var(--white-color);
    max-width: 350px;
    padding: 10px;
    border-radius: 8px;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0
}

.ft-cerificate-section h5 {
    font-size: 16px;
    color: var(--dark-color);
    font-weight: 500;
    line-height: 24px
}

.ft-cerificate-section ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%
}

.ft-cerificate-section ul li img {
    max-width: 100%;
    width: 100%;
    display: block;
    filter: grayscale(100%);
    opacity: .6;
    transition: all 0.3s ease-in
}

.ft-cerificate-section ul li img:hover {
    opacity: 1;
    filter: grayscale(0)
}

.bootom-footer {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px
}

.left-col {
    flex: 0 0 auto;
    width: 40%;
    padding: 0 10px;
    margin-top: -36px
}

.left-col.with-certi {
    margin-top: 5px
}

.right-col {
    width: 60%;
    padding: 0 10px
}

.f-shipping-method-section .country-type-section.for-ca .sel-curr .for-us-curr {
    display: none
}

.shipping-methods-type {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 41px
}

.footer-white .shipping-methods-type {
    padding-top: 0
}

.black-footer .shipping-methods-type {
    padding-top: 0
}

.shipping-methods-type.ups-nouk ul li.ups {
    display: none
}

.shipping-methods-type p,.shipping-methods-type>h4 {
    font-size: 18px;
    color: var(--grey-color-tone-ten);
    font-weight: 500;
    margin: 0
}

.black-footer .shipping-methods-type p {
    color: var(--white-color)
}

.shipping-methods-type ul {
    width: auto;
    margin: 0 0 0 15px;
    list-style: none;
    padding: 0;
    display: flex
}

.shipping-methods-type ul li,.shipping-methods-type ul li.royal-mail,.shipping-methods-type ul li.postnl-footer {
    transition: filter .3s ease-in-out;
    filter: grayscale(100%);
    background-image: url(../images/footer-sprites.svg);
    background-repeat: no-repeat;
    width: 56px;
    height: 34px
}

.shipping-methods-type ul li.royal-mail {
    background-image: url(../images/royalmail-img-new_1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 110px
}

.shipping-methods-type ul li.postnl-footer {
    background-image: url(../images/postnl-footer.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    height: 36px
}

.shipping-methods-type ul li.postnl-footer:hover {
    filter: grayscale(0%)
}

.shipping-methods-type ul li.royal-mail:hover {
    filter: grayscale(0%)
}

.footer-trademark ul.social-media-part li {
    display: block
}

.shipping-methods-type ul li.fedex {
    background-position: -8px -74px
}

.shipping-methods-type ul li.fedex:hover {
    filter: grayscale(0%)
}

.shipping-methods-type ul li.ups {
    background-position: -68px -75px
}

.shipping-methods-type ul li.ups:hover {
    filter: grayscale(0%)
}

.shipping-methods-type ul li.frame {
    background-position: -124px -71px
}

.shipping-methods-type ul li.frame:hover {
    filter: grayscale(0%)
}

.black-footer .shipping-methods-type ul li {
    transition: filter .3s ease-in-out
}

.black-footer .shipping-methods-type ul li.fedex {
    background-position: -8px -74px;
    filter: grayscale(100%) brightness(9)
}

.black-footer .shipping-methods-type ul li.ups {
    background-position: -68px -75px;
    filter: grayscale(100%) brightness(1.5)
}

.black-footer .shipping-methods-type ul li.frame {
    background-position: -124px -71px;
    filter: grayscale(100%) brightness(4)
}

.black-footer .shipping-methods-type ul li.ups:hover {
    filter: grayscale(0%)
}

.black-footer .shipping-methods-type ul li.fedex:hover {
    filter: grayscale(0%) brightness(2)
}

.black-footer .shipping-methods-type ul li.frame:hover {
    filter: grayscale(0%) brightness(1.8)
}

.new-footer-main {
    width: 60%;
    display: block;
    padding-right: 1%;
    padding-left: 15px
}

.footer-boxes-2 {
    float: left;
    width: 25%
}

.new-footer-main .footer-boxes-2>h4 {
    color: var(--grey-color-tone-ten);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 20px;
    letter-spacing: 1px;
    pointer-events: none
}

.footer-white .new-footer-main .footer-boxes-2>h4 {
    color: var(--primary-color)
}

.black-footer .new-footer-main .footer-boxes-2>h4 {
    color: var(--white-color)
}

.ifixandrepairparts-footer .new-footer-main .footer-boxes-2>h4 {
    color: var(--grey-color-tone-ten)
}

.techy-footer .new-footer-main .footer-boxes-2>h4 {
    color: var(--grey-color-tone-ten)
}

.new-footer-main .footer-boxes-2 ul.footer-links-2 {
    width: 100%;
    float: left;
    display: block
}

.new-footer-main .footer-boxes-2 .footer-links-2>li {
    padding-left: 0;
    margin-bottom: 0
}

.new-footer-main .footer-boxes-2 .footer-links-2>li a {
    color: var(--grey-color-tone-ten);
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    line-height: 20px;
    margin: 2px 0 2.3px
}

.footer-white .footer-boxes-2 .footer-links-2>li a {
    color: var(--grey-color-tone-four)
}

.footer-white .new-footer-main .footer-boxes-2 .footer-links-2 .contact-us-main>a {
    color: var(--white-color);
    position: relative;
    display: inline-block;
    font-size: 15px!important;
    padding: 13px 5px 14px 54px;
    cursor: pointer;
    font-weight: 600!important
}

.black-footer .new-footer-main .footer-boxes-2 .footer-links-2 .contact-us-main>a {
    color: var(--white-color);
    position: relative;
    display: inline-block;
    font-size: 15px!important;
    padding: 13px 5px 14px 54px;
    cursor: pointer;
    font-weight: 600!important
}

.footer-white .new-footer-main .footer-boxes-2 .footer-links-2 .contact-us-main>a:hover {
    color: var(--white-color)
}

.black-footer .footer-boxes-2 .footer-links-2>li a {
    color: var(--white-color)
}

.new-footer-main .footer-boxes-2 .footer-links-2 .contact-us-main .contact-us-popup .con-detail a {
    color: var(--grey-color-tone-ten)
}

.new-footer-main .footer-boxes-2 .footer-links-2 .contact-us-main .contact-us-popup .con-detail a:hover {
    color: var(--primary-color)
}

.contact-us-main>a.contact-us-txt::before {
    content: "";
    position: absolute;
    background-image: url(../images/footer-sprites.svg);
    width: 68px;
    height: 48px;
    left: -20px;
    top: 0;
    background-position: 16px 2px;
    background-repeat: no-repeat
}

.footer-white .contact-us-main>a.contact-us-txt::before {
    display: none
}

.black-footer .contact-us-main>a.contact-us-txt::before {
    display: none
}

.footer-white .contact-us-main {
    display: block;
    background-image: url(../images/call-usbtn_1.svg);
    height: 50px;
    background-repeat: no-repeat;
    background-position: 9px 8px;
    margin-top: 25px;
    position: relative;
    background-color: var(--primary-color);
    color: var(--white-color);
    border-radius: 50px;
    width: 160px
}

.black-footer .contact-us-main {
    display: block;
    background-image: url(../images/call-usbtn.svg);
    height: 50px;
    background-repeat: no-repeat;
    background-position: 9px 7px;
    margin-top: 25px;
    position: relative;
    background-color: var(--dark-color);
    color: var(--white-color);
    border-radius: 50px;
    width: 160px;
    border: 1px solid var(--white-color)
}

.ifixandrepairparts-footer .contact-us-main {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color)
}

.footer-white.techy-footer .contact-us-main {
    background-color: var(--primary-color)
}

.contact-us-txt {
    font-weight: 500!important
}

.new-footer-main .footer-boxes-2 .footer-links-2>li a:hover {
    font-weight: 600;
    letter-spacing: 0;
    color: var(--primary-color)
}

span.new-lable-2 {
    color: var(--dark-color);
    font-weight: 500;
    display: inline-block;
    padding: 0 0 0 5px;
    border-radius: 5px 5px 5px 0
}

.footer-white span.new-lable-2 {
    color: var(--white-color);
    background-color: var(--primary-color)
}

.black-footer span.new-lable-2 {
    color: var(--dark-color);
    background-color: var(--white-color)
}

.ifsrepair-footer span.new-lable-2 {
    color: var(--white-color);
    background-color: var(--main-bright-blue)
}

.ifixandrepairparts-footer span.new-lable-2 {
    color: var(--white-color);
    background-color: var(--primary-color)
}

.cpr-footer span.new-lable-2 {
    color: var(--white-color);
    background-color: var(--search-btn-bg-color)
}

.techy-footer span.new-lable-2 {
    color: var(--white-color);
    background-color: var(--grey-color-tone-ten)
}

.flag-box {
    min-width: 40px;
    height: 27px;
    float: left;
    background-image: url(../images/usa-flag-1.svg);
    background-repeat: no-repeat;
    background-color: var(--white-color);
    border-radius: 6px;
    background-position: 11px 8px;
    margin-left: 15px;
    margin-right: 5px
}

.select-lang-box,.select-currency-box {
    margin: 0 5px
}

.flag-box:first-child {
    margin-left: 0
}

.sel-lang,.sel-curr {
    appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
    padding: 0 25px 0 15px;
    min-height: 30px;
    height: auto;
    background-color: var(--white-color);
    border-radius: 6px;
    background-image: url(../images/earth-1-img.svg),url(../images/top-down-arrow.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: 5px 7px,right 8px center;
    padding-left: 30px;
    border: 0;
    max-width: 220px;
    width: 100%
}

.sel-curr {
    background-image: url(../images/top-down-arrow.svg);
    background-repeat: no-repeat;
    padding-left: 5px;
    background-position: right 8px center
}

.new-footer-main .payment-methods-part {
    float: left;
    width: 100%;
    height: 90px;
    margin-top: -2%
}

.payment-methods-part ul {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    align-content: center;
    justify-content: space-between
}

.footer-trademark-2 p {
    display: block;
    font-size: 11px;
    font-weight: 500;
    max-width: 480px;
    margin: 0;
    line-height: 20px;
    padding: 26px 0 0;
    color: var(--filter-bg-font-color)
}

.payment-methods-part ul li.credit-key {
    width: 100px;
    background-position: -463px -225px
}

.payment-methods-part ul li {
    background-image: url(../images/footer-sprites.svg);
    display: block;
    min-height: 39px;
    width: 61px;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    transition: all .3s ease-in-out;
    opacity: .8
}

.payment-methods-part ul li.amex {
    background-position: 1px -225px
}

.payment-methods-part ul li.master-card {
    background-position: -60px -225px
}

.payment-methods-part ul li.venmo {
    background-position: -126px -225px
}

.payment-methods-part ul li.paypal {
    background-position: -192px -225px
}

.payment-methods-part ul li.paypal-credit {
    background-position: -264px -225px
}

.payment-methods-part ul li.visa {
    background-position: -332px -225px
}

.payment-methods-part ul li.discover {
    background-position: -400px -225px
}

.payment-methods-part ul li.behalf {
    background-position: 87.8% -20%
}

.payment-methods-part ul li.wire-transfer {
    background-position: -561px -225px
}

.payment-methods-part ul li:hover {
    filter: grayscale(0%) drop-shadow(1px 1px 6px var(--grey-color-tone-five));
    opacity: 1
}

.footer-trademark {
    font-size: 11px;
    color: var(--grey-color-tone-four);
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.footer-white .footer-trademark {
    color: var(--grey-color-tone-four);
    display: block
}

.black-footer .footer-trademark {
    color: var(--grey-color-tone-four);
    display: block
}

.footer-white .footer-trademark p {
    float: left;
    color: var(--grey-color-tone-four);
    text-align: left;
    display: block;
    font-size: 11px;
    font-weight: 400;
    max-width: 430px;
    margin: 0;
    line-height: 22px;
    padding: 26px 0 0
}

.black-footer .footer-trademark>p {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 400;
    padding-top: 18px;
    line-height: 23px;
    max-width: 460px;
    color: var(--white-color)
}

.footer-trademark ul.social-media-part {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    margin-right: 0
}

.copy-right-text {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    padding-top: 15px;
    max-width: 507px
}

.logo-trademark img {
    max-width: 165px;
    margin-right: 29px
}

.footer-trademark ul.social-media-part>li>a {
    display: block;
    height: 35px;
    width: 35px;
    background-image: url(../images/footer-sprites_1.svg);
    background-repeat: no-repeat;
    float: left;
    margin: 0 3px;
    transition: all .3s ease-in-out;
    filter: grayscale(100%)
}

.footer-trademark ul.social-media-part>li>a:hover {
    filter: grayscale(0)
}

.footer-trademark ul.social-media-part>li.twitter>a {
    filter: opacity(.6)
}

.footer-trademark ul.social-media-part>li.twitter>a:hover {
    filter: opacity(1)
}

.social-media-part>li.facebook>a {
    background-position: -12px -141px
}

.social-media-part>li.twitter>a {
    background-position: -53px -141px
}

.social-media-part>li.linkedin>a {
    background-position: -95px -141px
}

.social-media-part>li.instagram>a {
    background-position: -136px -141px
}

.social-media-part>li.youtube>a {
    background-position: -180px -141px
}

.footer address,.footer-trademark-2>span {
    font-size: 11px;
    line-height: 18px;
    width: 100%;
    float: left;
    padding-top: 0;
    font-weight: 500;
    color: var(--filter-bg-font-color)
}

.footer-trademark-2>span .line {
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 0 5px;
    color: var(--filter-bg-font-color)
}

.black-footer .footer address {
    color: var(--white-color)
}

.footer-links {
    float: left;
    width: 80%;
    margin: 0 2.5%
}

.resp-arrow {
    background: url(../images/plusminus-2.png) no-repeat;
    height: 16px;
    width: 17px;
    float: right;
    margin-top: 3px;
    background-size: 180%
}

h2.accordion.open .resp-arrow {
    background: url(../images/plusminus-2.png) -17px center no-repeat;
    height: 16px;
    width: 16px
}

ul.footer-links li a {
    font-size: 15px;
    line-height: 30px;
    color: var(--grey-color-tone-two)
}

.contact-us-main {
    display: block;
    margin-top: 25px;
    position: relative
}

.contact-us-main>a.contact-us-txt {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    min-height: 50px;
    padding-left: 54px;
    display: flex;
    align-items: center
}

.contact-us-main>a.contact-us-txt:hover {
    font-weight: 600
}

.contact-us-main>.contact-us-popup {
    width: 300px;
    background-color: var(--white-color);
    border-radius: 18px;
    right: 8px;
    filter: drop-shadow(0 2.06944px 12.4166px rgb(0 0 0 / .2));
    transition: all 0.3s ease-in;
    overflow: hidden;
    bottom: 55px;
    position: absolute
}

.contact-us-main>div[aria-hidden="false"] {
    max-height: 50px;
    visibility: hidden;
    opacity: 0
}

.contact-us-main>div[aria-hidden="true"] {
    max-height: 400px
}

.contact-us-popup>ul.con-detail {
    margin: 10px 10px
}

.contact-us-popup>ul.con-detail>li {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 0 10px;
    width: 90%
}

.contact-us-popup>ul.con-detail>li>span {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 500;
    padding-left: 10px
}

.contact-us-popup span.c-icon {
    background-image: url(../images/con-icn-sprite.png);
    display: block;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
    float: left
}

.contact-us-popup span.icn-watsapp {
    background-image: url(../images/whatsapp-icon.svg);
    display: block;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
    float: left;
    background-size: 20px;
    background-position: 2px 0
}

.contact-us-popup>ul.con-detail>li>span.pad-left {
    padding-left: 36px;
    color: var(--grey-color-tone-two);
    font-size: 11px;
    font-weight: 400;
    display: block;
    width: 100%;
    line-height: 18px
}

.contact-us-main>a {
    padding: 14px 0
}

.c-icon.icn-phone {
    background-position: 0 -3px
}

.c-icon.icn-adress {
    background-position: 0 -33px
}

.c-icon.icn-email {
    background-position: 0 -63px
}

.c-icon.icn-hours {
    background-position: 0 -93px
}

.new-footer-main .footer-boxes-2 .footer-links-2>li a.con-bottom {
    display: block;
    background-color: var(--grey-color-tone-three);
    width: 100%;
    float: left;
    margin-top: 5px;
    height: 53px;
    border-radius: 0 0 18px 18px;
    font-weight: 500;
    font-size: 13px;
    color: var(--white-color);
    padding-left: 18px;
    padding-top: 18px;
    background-image: url(../images/down-aero.png);
    background-repeat: no-repeat;
    background-position: 262px 22px;
    background-size: 17px;
    cursor: pointer;
    line-height: 18px;
    margin-bottom: 0
}

.new-footer-main .footer-boxes-2 .footer-links-2>li a.con-bottom:focus {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.new-footer-main .footer-boxes-2 .footer-links-2>li a.con-bottom:hover {
    color: var(--white-color)
}

.footer-bottom-2 span.follow-2>b {
    font-weight: 500
}

.footer-trademark.ipad {
    display: none
}

.footer-bottom-2 {
    display: none
}

.footer-contact-section {
    display: flex;
    width: 100%;
    background: var(--grey-color-tone-seven)
}

.footer-boxes-2-mobile {
    display: none
}

.footer-boxes-mobile {
    display: none
}

.shipping-methods-mobile {
    display: none
}

.hide-desk-ollow {
    display: none
}

.payment-methods-part.payment-methods-mobile {
    padding-top: 40px
}

.social-media>li {
    display: inline-block;
    text-indent: -9999px;
    margin: 0 3px
}

.social-media>li>a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: var(--white-color);
    border-radius: 50%;
    box-shadow: 0 1px 6px var(--error-color);
    -webkit-box-shadow: 0 1px 6px var(--error-color);
    background-image: url(../images/footer-social-sprites.png);
    background-repeat: no-repeat
}

.social-media>li>a:hover {
    box-shadow: 0 0 0 #fff0;
    -webkit-box-shadow: 0 0 0 #fff0
}

.social-media>li.facebook>a {
    background-position: 0 7px
}

.social-media>li.twitter>a {
    background-position: 0 -47px
}

.social-media>li.google-plus>a {
    background-position: 0 -109px
}

.social-media>li.linkedin>a {
    background-position: 0 -257px
}

.social-media>li.pinterst>a {
    background-position: 1px -180px
}

.social-media>li.blog>a {
    background-position: 0 -313px
}

.social-media>li.instagram>a {
    background-position: 0 -362px
}

.social-media>li.youtube>a {
    background-position: 0 -414px
}

.social-media>li.google-plus {
    display: none
}

.footer .we-accept {
    background-image: url(../images/we-accept-sp.png);
    background-repeat: no-repeat;
    float: right;
    width: 202px;
    height: 30px;
    margin-top: 12px
}

.footer-trademark>p {
    margin: 0
}

.newsletter_form .validation-advice {
    float: none;
    display: block;
    height: 13px;
    position: absolute;
    left: 15px;
    bottom: -16px;
    font-weight: 500
}

.web-whatsapp {
    position: fixed;
    bottom: 25px;
    right: 90px;
    z-index: 999
}

@media screen and (max-width: 1366px) {
    .footer {
        margin:0 auto!important;
        width: 100%
    }

    .new-footer-main {
        width: 60%;
        margin-right: 15px
    }

    .footer-bottom-2 {
        width: 95%;
        padding-left: 24%;
        margin: 0
    }

    .footer-trademark {
        margin-top: 0
    }

    .footer-trademark>p {
        padding-top: 0
    }

    .footer address {
        padding-top: 0
    }

    .f-shipping-method-section {
        padding: 0 15px
    }
}

@media only screen and (max-width: 1280px) {
    .shipping-methods-type ul li a {
        height:73px;
        margin-left: 3px;
        width: 60px;
        background-size: 215px
    }

    .flag-box {
        background-position: 9px 7px
    }

    .footer {
        padding-top: 0;
        padding-bottom: 30px
    }

    .footer-bottom-2 {
        padding-left: 23%
    }

    .footer-trademark {
        width: 95%;
        background-size: 24%
    }

    .accessories-text {
        width: 100%!important
    }

    .bootom-footer {
        padding: 0 15px 30px 15px
    }
}

@media screen and (max-width: 1100px) {
    .footer-bottom-2 {
        padding-left:23%
    }

    .f-shipping-method-section {
        width: 40%;
        margin: 5px 0;
        padding-left: 15px
    }

    .new-footer-main .payment-methods-part {
        border-top: 1px dotted;
        border-bottom: 1px dotted;
        height: 75px;
        padding-top: 5px
    }

    .new-footer-main {
        width: 100%;
        float: left
    }

    .footer-trademark-2 p {
        display: block;
        font-size: 11px;
        font-weight: 400;
        max-width: 340px;
        margin: 0;
        line-height: 22px;
        padding: 26px 0 0
    }

    .logo-trademark img {
        max-width: 80px;
        margin-right: 29px
    }

    .shipping-methods-type p,.shipping-methods-type>h4 {
        font-size: 14px
    }

    .footer-boxes-2.second-col {
        padding-left: 15px
    }

    .new-footer-main .footer-boxes-2>h4 {
        font-size: 15px
    }
}

@media only screen and (min-width: 1025px) {
    .new-footer-main .footer-boxes-2 ul.footer-links-2 {
        display:block!important
    }
}

@media only screen and (max-width: 1020px) {
    .f-shipping-method-section .country-type-section .flag-box {
        display:none
    }

    .f-shipping-method-section .country-type-section .select-lang-box {
        margin-left: 0
    }
}

@media only screen and (max-width: 1024px) {
    .payment-methods-part ul li:hover {
        filter:grayscale(0%)
    }

    .footer-trademark ul.social-media-part {
        width: auto;
        text-align: center
    }

    .footer-white .new-footer-main .footer-boxes-2>h4 {
        color: var(--grey-color-tone-ten)
    }

    .new-footer-main .footer-boxes-2 ul.footer-links-2 {
        overflow: hidden;
        display: none;
        margin: 0;
        padding: 10px 20px;
        list-style: none
    }

    .new-footer-main .footer-boxes-2.first-col {
        width: 100%;
        min-height: auto
    }

    .new-footer-main .footer-boxes-2.second-col {
        padding-left: 0;
        width: 100%;
        min-height: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .shipping-methods-type p,.shipping-methods-type>h4 {
        font-size: 18px
    }

    .shipping-methods-type ul li {
        display: inline-block
    }

    .new-footer-main .footer-boxes-2>h4 {
        margin: 0;
        font-weight: 500;
        cursor: pointer;
        font-size: 14px;
        font-style: normal;
        color: var(--grey-color-tone-ten);
        padding: 10px 15px 10px 0;
        position: relative;
        border-bottom: 1px solid var(--grey-color-tone-ten);
        pointer-events: inherit
    }

    .show-nav::before {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        height: 16px;
        margin-top: 0;
        background: url(../images/plus.png);
        transition: all .3s;
        z-index: 9;
        width: 17px
    }

    .show-nav.active::before {
        right: 0;
        height: 16px;
        background: url(../images/minus-2.png);
        width: 17px;
        margin-top: 0
    }

    .new-footer-main .footer-boxes-2.fourth-col {
        width: 100%;
        margin-top: 0;
        min-height: auto
    }

    .new-footer-main {
        width: 60%;
        float: left;
        padding-left: 0
    }

    .footer address {
        text-align: center
    }

    .copy-right-text {
        max-width: 342px
    }

    .new-footer-main .payment-methods-part {
        border: #fff0
    }

    .new-footer-main .footer-boxes-2.fifth-column {
        width: 94%;
        margin: 5px 0 10px
    }

    .new-footer-main .payment-methods-part ul li {
        width: 60px;
        height: 60px
    }

    .contact-us-main {
        display: none
    }

    .left-col {
        width: 100%;
        order: 2;
        display: block;
        margin-top: 0
    }

    .right-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .new-footer-main .footer-boxes-2 ul.footer-links-2.accordion {
        padding: 15px 10px 16px 10px;
        /*! display: none; */
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        border-bottom: 1px solid var(--grey-color-tone-ten)
    }

    .footer-container {
        padding-top: 30px;
        padding-bottom: 7px
    }

    .logo-trademark img {
        max-width: 146px;
        margin-right: 16px;
        width: 120px
    }

    .social-media-part>li.facebook>a {
        background-position: -11px -144px
    }

    .social-media-part>li.twitter>a {
        background-position: -53px -144px
    }

    .social-media-part>li.linkedin>a {
        background-position: -95px -144px
    }

    .social-media-part>li.instagram>a {
        background-position: -135px -144px
    }

    .social-media-part>li.youtube>a {
        background-position: -178px -144px
    }

    .payment-methods-part ul li.amex {
        background-position: 10px -209px
    }

    .payment-methods-part ul li.master-card {
        background-position: -57px -209px
    }

    .payment-methods-part ul li.venmo {
        background-position: -124px -209px
    }

    .payment-methods-part ul li.paypal {
        background-position: -192px -209px
    }

    .payment-methods-part ul li.paypal-credit {
        background-position: -260px -209px
    }

    .payment-methods-part ul li.visa {
        background-position: -330px -209px
    }

    .payment-methods-part ul li.discover {
        background-position: -400px -209px
    }

    .payment-methods-part ul li.behalf {
        background-position: 87.8% -20%
    }

    .payment-methods-part ul li.wire-transfer {
        background-position: -564px -209px
    }

    .payment-methods-part ul li.credit-key {
        background-position: -468px -209px;
        width: 100px
    }

    .footer-trademark-2 p {
        max-width: 100%;
        margin-top: 20px;
        text-align: center;
        padding-top: 0
    }

    .payment-methods-part.payment-methods-mobile {
        padding: 10px 0 13px;
        border-bottom: 1px dotted;
        border-top: 1px dotted
    }

    .payment-methods-part ul {
        justify-content: center
    }

    .payment-methods-part ul li {
        height: 61px;
        margin: 0;
        width: 69px
    }

    .bootom-footer {
        padding: 0 24px 10px 15px
    }

    .footer-trademark {
        width: 100%;
        justify-content: center;
        padding-top: 20px
    }

    .new-footer-main .footer-boxes-2>.active {
        border: #fff0;
        margin-bottom: 0
    }

    .new-footer-main .footer-boxes-2.fifth-column .show-nav.active+.accordion {
        border-bottom: 0
    }

    .new-footer-main .footer-boxes-2 .footer-links-2>li {
        padding-left: 1px
    }

    .footer-boxes-2.fifth-column .accordion {
        padding-left: 7px
    }

    .footer-white .footer-trademark p {
        text-align: center;
        max-width: 100%;
        float: none
    }

    .footer-white .logo-trademark img {
        margin: 0 auto;
        display: block
    }

    .footer-white .contact-us-main {
        display: none
    }

    .footer-white .footer-trademark {
        border-bottom: #fff0
    }

    .black-footer .contact-us-main {
        display: none
    }

    .black-footer .footer-trademark>p {
        text-align: center;
        max-width: 100%
    }

    .black-footer .logo-trademark img {
        margin: 0 auto;
        display: block
    }

    .black-footer .new-footer-main .footer-boxes-2>h4 {
        border-bottom: 1px solid var(--white-color)
    }

    .black-footer .payment-methods-part.payment-methods-mobile {
        border-top: 1px dashed var(--white-color);
        border-bottom: 1px dashed var(--white-color)
    }

    .ifixandrepairparts-footer .footer-boxes-2-mobile {
        display: none
    }

    .ifixandrepairparts-footer .footer-trademark {
        display: none
    }
}

@media only screen and (max-width: 1020px) and (min-width:768px) {
    .footer-trademark ul.social-media-part>li.twitter>a {
        filter:contrast(.4)
    }

    .footer-bottom-2 ul.social-media-links-2 {
        margin-left: 8px
    }

    .new-footer-main .footer-boxes-2.fifth-column .show-nav.active+.accordion {
        border-bottom: 0
    }

    .footer-white .footer-trademark p {
        display: none
    }

    .ft-cerificate-section {
        display: none
    }

    .payment-methods-part.payment-methods-mobile {
        border: #fff0;
        display: block;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0
    }

    .footer-boxes-2 {
        padding-left: 0%!important;
        display: block;
        float: left;
        margin: 0 0;
        min-height: auto
    }

    .footer address {
        font-size: 16px;
        color: var(--white-color);
        text-align: center;
        margin: 0;
        width: 100%;
        padding: 10px 0
    }

    .footer-contact-section {
        display: grid;
        width: 100%;
        float: left
    }

    .footer-boxes-2-mobile {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left
    }

    .footer-boxes-2-mobile .f-left-part {
        width: 50%;
        float: left;
        border-right: 1px solid var(--grey-color-tone-two)
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2 {
        display: block;
        width: 45px;
        height: 25px;
        background-image: url(../images/usa-flag-2.png);
        background-position: 8px 5px;
        background-repeat: no-repeat;
        border-radius: 3px;
        background-color: var(--white-color);
        margin-top: 10px;
        float: left;
        margin-left: 0
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-ca-flag {
        background-image: url(../images/select-canada-1.svg);
        background-position: 2px -2px;
        width: 57px
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-uk-flag {
        background-image: url(../images/uk-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-eu-flag {
        background-image: url(../images/eur-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .con-detail-w {
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-contact-section .f-shipping-method-section {
        order: 3;
        background: var(--main-bg-color);
        padding: 0 20px
    }

    .footer-contact-section .new-footer-main {
        order: 1;
        padding: 10px 15px 15px 15px
    }

    .new-footer-main .footer-boxes-2.fourth-col {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }

    .shipping-methods-type p {
        color: var(--white-color)
    }

    .show-nav {
        padding: 15px 10px;
        font-size: 22px;
        position: relative;
        cursor: pointer
    }

    .logo-trademark img {
        max-width: 110px;
        margin-left: 10px;
        margin-right: 0
    }

    .new-footer-main .payment-methods-part {
        height: auto;
        border: #fff0;
        margin-top: 0
    }

    .new-footer-main .payment-methods-part ul {
        margin: 0;
        padding: 0;
        display: block
    }

    .shipping-methods-type {
        margin-bottom: 0;
        width: auto;
        display: flex;
        height: auto;
        padding: 0
    }

    .copy-right-text {
        display: none
    }

    .logo-trademark {
        width: 33%;
        float: left;
        display: none
    }

    .new-footer-main .payment-methods-part ul li.credit-key a {
        background-position: 88.3% -13%
    }

    .footer-boxes-2-mobile .f-left-part span.usa-txt {
        font-size: 15px;
        font-weight: 400;
        display: block;
        margin-left: 10px;
        float: left;
        margin-top: 10px;
        color: var(--dark-color)
    }

    .footer-boxes-2-mobile .f-right-part {
        width: 50%;
        float: left
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt {
        font-size: 14px;
        font-weight: 400;
        width: auto;
        margin-top: 10px;
        position: relative
    }

    .payment-methods-desk {
        display: none
    }

    .footer-boxes-desk {
        display: none
    }

    .new-footer-main .payment-methods-part .accordion {
        display: none
    }

    .new-footer-main .footer-boxes-2.fifth-column {
        width: 100%;
        margin: 0 0 0;
        display: block;
        padding-right: 0
    }

    .payment-methods-mobile ul {
        list-style: none;
        margin: 0;
        width: 100%;
        display: flex;
        flex-flow: wrap-reverse;
        justify-content: space-around;
        align-items: center;
        padding: 0
    }

    .hide-desk-ollow {
        display: block;
        font-size: 18px;
        float: left;
        color: var(--white-color);
        width: 50%
    }

    .hide-desk-ollow b {
        display: none
    }

    .contact-us-main {
        display: none
    }

    .footer-trademark>p {
        max-width: 100%;
        font-size: 12px;
        line-height: 14px;
        display: none
    }

    .footer {
        width: 100%;
        display: block;
        padding: 0 15px
    }

    .f-shipping-method-section {
        width: 100%;
        padding-left: 0
    }

    .new-footer-main {
        width: 100%;
        float: left
    }

    .footer-trademark p {
        display: none
    }

    .bootom-footer {
        background-color: var(--grey-color-tone-ten)!important;
        padding: 0 0 27px
    }

    .left-col {
        margin: 0 15px 0 0;
        width: 100%;
        display: block
    }

    .right-col {
        width: 100%
    }

    .footer-trademark {
        width: 100%;
        margin-top: 0;
        padding: 15px 7px;
        border-bottom: solid 1px;
        display: flex;
        justify-content: center;
        align-content: center
    }

    .f-responsive-part .contact-txt {
        font-size: 17px;
        color: var(--dark-color);
        font-weight: 500;
        display: block
    }

    .f-responsive-part .f-left-part span {
        font-size: 17px;
        font-weight: 500;
        display: block;
        color: var(--dark-color)
    }

    .footer-trademark ul.social-media-part {
        float: right;
        display: flex;
        justify-content: flex-end;
        margin-right: 0;
        width: 64%;
        text-align: right
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt:before {
        content: "";
        position: absolute;
        background-image: url(../images/vector-1.svg);
        width: 32px;
        height: 32px;
        left: -22px;
        background-repeat: no-repeat;
        right: auto;
        top: 2px
    }

    .payment-methods-part ul li.amex {
        background-position: 7px -237px
    }

    .payment-methods-part ul li.master-card {
        background-position: -64px -237px
    }

    .payment-methods-part ul li.venmo {
        background-position: -135px -237px
    }

    .payment-methods-part ul li.paypal {
        background-position: -205px -237px
    }

    .payment-methods-part ul li.paypal-credit {
        background-position: -277px -237px
    }

    .payment-methods-part ul li.visa {
        background-position: -354px -237px
    }

    .payment-methods-part ul li.discover {
        background-position: -424px -237px
    }

    .payment-methods-part ul li.behalf {
        background-position: 87.8% -20%
    }

    .payment-methods-part ul li.wire-transfer {
        background-position: -595px -237px
    }

    .payment-methods-part ul li.credit-key {
        background-position: -494px -237px
    }

    .payment-methods-part ul li {
        margin: 0;
        height: 48px;
        width: 72px;
        background-size: 660px;
        min-height: 39px;
        border: solid 1px var(--grey-color-tone-ten)
    }

    .shipping-methods-type ul {
        display: none;
        height: auto;
        margin: 0;
        padding: 15px 10px 9px;
        border-bottom: 1px solid var(--grey-color-tone-ten)
    }

    .footer-trademark-2 p {
        max-width: 100%;
        display: none
    }

    .footer-container {
        padding-top: 10px;
        padding-bottom: 0
    }

    .footer-white .new-footer-main .footer-boxes-2.fifth-column {
        width: 100%;
        margin: 0 0 26px;
        display: block;
        padding-right: 0
    }

    .black-footer .bootom-footer {
        background-color: var(--dark-color)!important
    }

    .black-footer .footer-trademark>p {
        display: none
    }

    .black-footer .payment-methods-part ul li {
        margin: 0;
        height: 48px;
        width: 72px;
        background-size: 660px;
        min-height: 39px;
        border: solid 1px var(--dark-color)
    }

    .black-footer .payment-methods-part ul li.credit-key {
        width: 100px
    }

    .black-footer .footer-trademark {
        border: #fff0
    }

    .black-footer .new-footer-main .footer-boxes-2>h4 {
        border-bottom: 1px solid var(--white-color)
    }

    .black-footer .payment-methods-part.payment-methods-mobile {
        border: #fff0
    }
}

@media only screen and (max-width: 767px) and (min-width:480px) {
    .footer-trademark ul.social-media-part>li.twitter>a {
        filter:contrast(.4)
    }

    .col2-left-layout .main {
        overflow: hidden
    }

    .new-footer-main {
        width: 100%;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .ft-cerificate-section {
        display: none
    }

    .footer-trademark ul.social-media-part {
        justify-content: flex-end
    }

    .payment-methods-part ul li.amex {
        background-position: 6px -160px
    }

    .payment-methods-part ul li.master-card {
        background-position: -42px -160px
    }

    .payment-methods-part ul li.venmo {
        background-position: -91px -160px
    }

    .payment-methods-part ul li.paypal {
        background-position: -140px -160px
    }

    .payment-methods-part ul li.paypal-credit {
        background-position: -190px -160px
    }

    .payment-methods-part ul li.visa {
        background-position: -242px -160px
    }

    .payment-methods-part ul li.discover {
        background-position: -291px -160px
    }

    .payment-methods-part ul li.behalf {
        background-position: 87.8% -20%
    }

    .payment-methods-part ul li.wire-transfer {
        background-position: -406px -160px
    }

    .payment-methods-part ul li.credit-key {
        background-position: -341px -160px;
        width: 70px
    }

    .payment-methods-part ul li {
        height: 35px;
        width: 51px;
        background-size: 452px;
        min-height: 35px;
        border: solid 1px var(--grey-color-tone-ten)
    }

    .footer-trademark.mobile .footer-text address {
        font-size: 16px;
        font-weight: 500;
        color: var(--white-color);
        text-align: center;
        margin: 5px 0;
        width: 100%;
        padding: 0
    }

    .flag-box {
        min-width: 40px
    }

    .shipping-methods-type.mobile ul li a {
        background-image: url(../images/shipping-methods-type-nh.svg);
        display: block;
        float: left;
        background-repeat: no-repeat;
        height: 50px;
        margin-left: 3px;
        width: 50px;
        background-size: 175px
    }

    .shipping-methods-type {
        margin-bottom: 0;
        display: none
    }

    .shipping-methods-type.mobile ul li {
        margin-top: -15px
    }

    .shipping-methods-type.mobile ul li.fedex a {
        background-position: 0% 50%
    }

    .shipping-methods-type.mobile ul li.ups a {
        background-position: 55% 50%
    }

    .shipping-methods-type.mobile ul li.frame a {
        background-position: 110% 50%
    }

    .shipping-methods-type.mobile p {
        font-size: 16px;
        width: auto;
        float: left;
        margin-left: 20px
    }

    .footer-bottom-2 {
        display: block;
        width: 100%;
        text-align: center;
        background-color: var(--grey-color-tone-ten);
        padding: 10px 20px;
        margin-top: 10px
    }

    .footer-bottom-2 span.follow-2 {
        font-size: 18px;
        float: left;
        color: var(--white-color)
    }

    .resp-tabs-container h2.resp-accordion.resp-tab-active {
        border-color: var(--grey-color-tone-seven)
    }

    ul.footer-links li a {
        font-size: 13px;
        color: var(--grey-color-tone-four);
        text-transform: capitalize
    }

    .footer-bottom-2 span.follow-2>b {
        display: none
    }

    .footer-bottom-2 ul.social-media-links-2 {
        float: right;
        margin-left: 0
    }

    .footer {
        width: 100%;
        display: block;
        padding: 0 0
    }

    .footer address {
        font-size: 16px;
        color: var(--white-color);
        text-align: center;
        margin: 0;
        width: 100%;
        padding: 10px 0
    }

    .resp-tabs-container {
        padding: 10px 35px 0 35px;
        display: block!important;
        clear: both
    }

    .resp-tabs-container .resp-tab-content {
        width: 100%
    }

    .new-footer-main .f-responsive-part {
        display: block
    }

    .resp-tabs-container h2.resp-accordion {
        font-size: 14px;
        font-style: normal;
        color: var(--grey-color-tone-four)
    }

    .m-footer-logo-links {
        display: block
    }

    .footer-trademark.mobile {
        display: block;
        height: auto;
        background-color: var(--grey-color-tone-ten)!important;
        width: 100%;
        float: left;
        border-top: 1px solid;
        margin-top: 0
    }

    ul.footer-links.no-hover li a:hover {
        background-color: #fff0
    }

    .shipping-methods-type ul li {
        display: inline-block
    }

    .payment-methods-mobile ul {
        flex-flow: nowrap
    }

    .left-col {
        margin: 0 15px 0 0;
        display: block;
        width: 100%;
        order: 1
    }

    .footer-trademark {
        width: 100%;
        margin-top: 0;
        padding: 15px;
        border-bottom: solid 1px;
        display: flex;
        justify-content: center;
        align-content: center
    }

    .footer-boxes-2-mobile {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left
    }

    #footer-top {
        padding-top: 10px;
        padding-bottom: 0
    }

    .right-col {
        width: 100%
    }

    .logo-trademark {
        display: none
    }

    .hide-desk-ollow {
        display: block;
        font-size: 14px;
        float: left;
        color: var(--white-color);
        width: 50%
    }

    .hide-desk-ollow b {
        display: none
    }

    .footer-trademark-2 p {
        display: none
    }

    .footer-boxes-2-mobile .f-left-part {
        width: 50%;
        float: left;
        border-right: 1px solid var(--grey-color-tone-two)
    }

    .footer-trademark ul.social-media-part>li>a {
        margin: 0
    }

    .shipping-methods-type ul {
        width: auto;
        margin: 0;
        list-style: none;
        padding: 15px 10px 9px;
        display: none;
        border-bottom: 1px solid var(--grey-color-tone-ten)
    }

    .f-responsive-part .f-left-part span {
        font-size: 17px;
        font-weight: 500;
        display: block;
        color: var(--dark-color)
    }

    .con-detail-w {
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2 {
        display: block;
        width: 45px;
        height: 25px;
        background-image: url(../images/usa-flag-2.png);
        background-position: 8px 5px;
        background-repeat: no-repeat;
        border-radius: 3px;
        background-color: var(--white-color);
        margin-top: 10px;
        float: left;
        margin-left: 0
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-ca-flag {
        background-image: url(../images/select-canada-1.svg);
        background-position: 2px -2px;
        width: 57px
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-uk-flag {
        background-image: url(../images/uk-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-eu-flag {
        background-image: url(../images/eur-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .footer-boxes-2-mobile .f-left-part span.usa-txt {
        font-size: 15px;
        font-weight: 400;
        display: block;
        margin-left: 10px;
        float: left;
        margin-top: 10px;
        color: var(--dark-color)
    }

    .footer-boxes-2-mobile .f-right-part {
        width: 50%;
        float: left
    }

    .f-responsive-part .contact-txt {
        font-size: 17px;
        color: var(--dark-color);
        font-weight: 500;
        display: block
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt {
        font-size: 14px;
        font-weight: 400;
        width: auto;
        margin-top: 10px;
        position: relative
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt::before {
        content: "";
        position: absolute;
        background-image: url(../images/vector-1.svg);
        width: 32px;
        height: 32px;
        left: -22px;
        background-repeat: no-repeat;
        right: auto;
        top: 2px
    }

    .new-footer-main .footer-boxes-2.fifth-column {
        width: 100%;
        margin: 0 0 0;
        display: block;
        padding-right: 0;
        padding-top: 0
    }

    .new-footer-main .footer-boxes-2>h4 {
        border-bottom: 1px solid var(--grey-color-tone-ten);
        color: var(--grey-color-tone-ten);
        padding: 10px 15px 10px 0
    }

    .bootom-footer {
        background-color: var(--grey-color-tone-ten)!important;
        padding: 0
    }

    .new-footer-main .footer-boxes-2 ul.footer-links-2.accordion {
        padding: 5px 10px 20px
    }

    .footer-white .footer-trademark p {
        display: none
    }

    .black-footer .bootom-footer {
        background-color: var(--dark-color)!important
    }

    .black-footer .footer-trademark>p {
        display: none
    }

    .black-footer .payment-methods-part.payment-methods-mobile {
        border: #fff0
    }

    .black-footer .payment-methods-part ul li {
        height: 35px;
        width: 51px;
        background-size: 452px;
        min-height: 35px;
        border: solid 1px var(--dark-color)
    }

    .black-footer .footer-trademark {
        border: #fff0
    }

    .black-footer .payment-methods-part ul li.credit-key {
        background-position: -341px -160px;
        width: 70px
    }

    .footer-white .new-footer-main .footer-boxes-2.fifth-column {
        margin: 0 0 25px
    }
}

@media only screen and (max-width: 479px) and (min-width:320px) {
    .footer-trademark ul.social-media-part>li.twitter>a {
        filter:contrast(.4)
    }

    .payment-methods-part ul li.amex {
        background-position: 6px -160px
    }

    .black-footer .payment-methods-part.payment-methods-mobile {
        border: transparent!important;
        height: auto;
        display: block
    }

    .payment-methods-part ul li.master-card {
        background-position: -42px -160px
    }

    .payment-methods-part ul li.venmo {
        background-position: -91px -160px
    }

    .payment-methods-part ul li.paypal {
        background-position: -140px -160px
    }

    .payment-methods-part ul li.paypal-credit {
        background-position: -190px -160px
    }

    .payment-methods-part ul li.visa {
        background-position: -243px -160px
    }

    .payment-methods-part ul li.discover {
        background-position: -292px -160px
    }

    .payment-methods-part ul li.behalf {
        background-position: 87.8% -20%
    }

    .payment-methods-part ul li.wire-transfer {
        background-position: -406px -160px
    }

    .payment-methods-part ul li.credit-key {
        background-position: -341px -160px;
        width: 69px!important
    }

    .payment-methods-part ul li {
        height: 35px;
        width: 50px;
        background-size: 452px;
        min-height: 35px;
        border: solid 1px var(--grey-color-tone-ten)
    }

    .ft-cerificate-section {
        display: none
    }

    .shipping-methods-type.mobile p {
        font-size: 14px;
        float: left;
        margin-left: 0
    }

    .shipping-methods-type.mobile ul li a {
        width: 45px;
        background-size: 160px
    }

    .new-footer-main .f-responsive-part .f-left-part .flag-box-2 {
        margin-left: 11%
    }

    .new-footer-main .f-responsive-part .f-right-part>span.contact-nub-txt {
        background-position: 6px 4px;
        padding-left: 20px
    }

    .shipping-methods-type.mobile {
        padding: 10px 0!important;
        height: auto
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt:before {
        left: -20px
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt {
        font-size: 12px;
        font-weight: 400;
        width: auto;
        margin-top: 10px;
        position: relative
    }

    .payment-methods-part.payment-methods-mobile {
        height: auto;
        display: block;
        border: 0
    }

    .shipping-methods-type ul li {
        display: inline-block
    }

    .payment-methods-part ul {
        padding: 0 1px;
        flex-flow: row wrap
    }

    .shipping-methods-type {
        display: none
    }

    .flag-box {
        min-width: 40px
    }

    .new-footer-main {
        width: 100%;
        padding-left: 15px;
        margin-right: 0;
        padding-right: 15px
    }

    #footer-top {
        padding-top: 10px;
        padding-bottom: 0
    }

    .left-col {
        width: 100%;
        order: 1;
        display: block;
        margin-top: 0
    }

    .right-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .footer-trademark {
        width: 100%;
        margin-top: 0;
        padding: 15px 0;
        border-bottom: solid 1px;
        display: flex;
        justify-content: center
    }

    .logo-trademark {
        display: none
    }

    .hide-desk-ollow {
        display: block;
        font-size: 14px;
        float: left;
        color: var(--white-color);
        width: 50%
    }

    .hide-desk-ollow b {
        display: none
    }

    .footer-trademark-2 p {
        display: none
    }

    .footer address {
        font-size: 16px;
        color: var(--white-color);
        text-align: center;
        margin: 0;
        width: 100%;
        padding: 10px 0
    }

    .footer-boxes-2-mobile {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left
    }

    .footer {
        width: 100%;
        display: block;
        padding: 0
    }

    .footer-boxes-2-mobile .f-left-part {
        width: 50%;
        float: left;
        border-right: 1px solid var(--grey-color-tone-two)
    }

    .footer-trademark ul.social-media-part>li>a {
        margin: 0
    }

    .shipping-methods-type ul {
        width: auto;
        margin: 0;
        list-style: none;
        padding: 10px 9px 6px;
        display: none;
        border-bottom: 1px solid var(--grey-color-tone-ten)
    }

    .f-responsive-part .f-left-part span {
        font-size: 17px;
        font-weight: 500;
        display: block;
        color: var(--dark-color)
    }

    .con-detail-w {
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2 {
        display: block;
        width: 45px;
        height: 25px;
        background-image: url(../images/usa-flag-2.png);
        background-position: 8px 5px;
        background-repeat: no-repeat;
        border-radius: 3px;
        background-color: var(--white-color);
        margin-top: 10px;
        float: left;
        margin-left: 0
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-ca-flag {
        background-image: url(../images/select-canada-1.svg);
        background-position: 2px -2px;
        background-repeat: no-repeat;
        width: 57px
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-uk-flag {
        background-image: url(../images/uk-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .footer-boxes-2-mobile .f-left-part .flag-box-2.for-eu-flag {
        background-image: url(../images/eur-flag.svg);
        background-repeat: no-repeat;
        width: 45px;
        background-size: 35px 22px;
        background-position: 50%
    }

    .footer-boxes-2-mobile .f-left-part span.usa-txt {
        font-size: 15px;
        font-weight: 400;
        display: block;
        margin-left: 10px;
        float: left;
        margin-top: 10px;
        color: var(--dark-color)
    }

    .footer-boxes-2-mobile .f-right-part {
        width: 50%;
        float: left
    }

    .f-responsive-part .contact-txt {
        font-size: 17px;
        color: var(--dark-color);
        font-weight: 500;
        display: block;
        padding-top: 10px
    }

    .footer-boxes-2-mobile .f-right-part>span.contact-nub-txt::before {
        content: "";
        position: absolute;
        background-image: url(../images/vector-1.svg);
        width: 32px;
        height: 32px;
        left: -22px;
        background-repeat: no-repeat;
        right: auto;
        top: 0
    }

    .new-footer-main .footer-boxes-2.fifth-column {
        width: 100%;
        margin: 0 0 0;
        display: block;
        padding-right: 0;
        padding-top: 0
    }

    .new-footer-main .footer-boxes-2>h4 {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid var(--grey-color-tone-ten)
    }

    .new-footer-main .footer-boxes-2 ul.footer-links-2.accordion {
        padding: 5px 10px 20px
    }

    .show-nav::before {
        top: 12px
    }

    .bootom-footer {
        background-color: var(--grey-color-tone-ten)!important;
        padding: 0 0 27px
    }

    .show-nav.active::before {
        top: 12px
    }

    .footer-white .footer-trademark p {
        display: none
    }

    .footer-white .new-footer-main .footer-boxes-2.fifth-column {
        width: 100%;
        margin: 0 0 26px;
        display: block;
        padding-right: 0
    }

    .black-footer .bootom-footer {
        background-color: var(--dark-color)!important
    }

    .black-footer .footer-trademark>p {
        display: none
    }

    .black-footer .payment-methods-part ul li {
        height: 35px;
        width: 50px;
        background-size: 452px;
        min-height: 35px;
        border: solid 1px var(--dark-color)
    }

    .black-footer .footer-trademark {
        border: #fff0
    }

    .black-footer .new-footer-main .footer-boxes-2>h4 {
        border-bottom: 1px solid var(--white-color)
    }

    .web-whatsapp {
        right: 87px
    }

    .web-whatsapp svg {
        width: 40px!important
    }
}

@media screen and (max-width: 1200px) {
    .newsletter_form .validation-advice {
        left:calc(50% - 275px)
    }
}

@media screen and (max-width: 1024px) {
    .newsletter_form .validation-advice {
        position:inherit;
        background: none;
        left: inherit;
        padding-left: 0;
        line-height: 16px;
        height: auto;
        bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .footer-container.chirmas-footer .footer-boxes.b-right0:after,.footer-container.winter-footer .footer-boxes.b-right0:after,.footer-container.summer-footer .footer-boxes.b-right0:after,.footer-container.spring-footer .footer-boxes.b-right0:after,.footer-container.autumn-footer .footer-boxes.b-right0:after {
        display:none
    }

    .footer-container.chirmas-footer .footer-boxes,.footer-container.winter-footer .footer-boxes,.footer-container.summer-footer .footer-boxes,.footer-container.spring-footer .footer-boxes,.footer-container.autumn-footer .footer-boxes {
        min-height: 215px
    }
}

@media screen and (max-width: 640px) {
    .newsletter_form .validation-advice {
        left:10px
    }
}

@media screen and (max-width: 420px) {
    .f-shipping-method-section {
        width:100%
    }

    .f-shipping-method-section .country-type-section .select-lang-box {
        margin: 0 10px 0 0
    }

    .f-shipping-method-section .country-type-section {
        flex-wrap: wrap;
        flex-direction: inherit
    }
}

@media screen and (max-width: 360px) {
    .f-shipping-method-section .country-type-section .select-lang-box {
        margin-bottom:10px
    }
}

@media screen and (max-width: 320px) {
    .newsletter_form .validation-advice {
        position:inherit;
        background: none;
        left: inherit;
        padding-left: 0;
        line-height: 16px;
        height: auto
    }
}

.cookies-popup {
    display: none;
    position: fixed;
    bottom: 50px;
    left: 65px;
    z-index: 999;
    background: var(--white-color);
    padding: 30px;
    border-radius: 20px;
    max-width: 530px;
    box-shadow: 0 0 16px 0 #00000040;
    backdrop-filter: blur(16px)
}

.cookies-popup .button {
    margin-right: 12px;
    padding: 10px 15px;
    font-size: clamp(16px, 3vw, 16px);
    font-weight: 400;
    white-space: nowrap;
    color: var(--white-color);
    transition: all 0.3s ease 0s;
    min-width: 150px;
    border-radius: 30px;
    line-height: normal;
    display: inline-block;
    margin-top: 20px;
    background-color: var(--secondary-color)
}

button.cookies-close.button {
    background: var(--primary-color);
    border: 2px solid var(--primary-color)
}

.cookies-popup-body p a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: capitalize;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .cookies-popup {
        width:100%;
        left: 0;
        right: 0;
        max-width: 100%;
        margin: 0 auto;
        padding: 20px;
        font-size: 14px;
        border-radius: 0;
        bottom: 0
    }

    .cookies-popup .button {
        margin-right: 5px;
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        min-width: unset
    }
}

@media screen and (max-width: 360PX) {
    .cookies-popup .button {
        font-size:12px
    }
}

footer.footer {
    width: 100%;
    display: block;
    max-width: 100%;
    background-color: var(--color-black);
    clear: both;
    margin: 20px 0 0 0;
    font-family: "Inter",sans-serif
}

footer.footer .footer-container {
    background-color: #fff0;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 32px;
    float: none;
    width: 100%
}

footer.footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px 0 16px 0
}

footer.footer .footer-links {
    float: none;
    width: 100%;
    margin: unset;
    padding: 0 98px 0 80px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize
}

.quick-link {
    padding: 0 10px
}

footer.footer span.close-btn {
    cursor: pointer
}

footer.footer .quick-link .show-nav {
    color: var(--grey-color-tone-five);
    margin-bottom: 27px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
    pointer-events: none
}

footer.footer .quick-link ul li a svg {
    min-width: 20px;
    margin-right: 2px
}

footer.footer .quick-link ul li a {
    color: var(--gray-bg);
    margin-bottom: 14px;
    display: inline-block;
    position: relative;
    line-height: 18px
}

footer.footer .quick-link ul li:last-child a {
    margin: 0
}

footer.footer .contact-link ul li a {
    margin-bottom: 11px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

footer.footer hr {
    margin: 13px 0
}

footer.footer .quick-link ul li a:hover:after {
    width: 100%;
    display: inline-block
}

footer.footer .quick-link a:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    background: var(--white-color);
    height: 1px;
    left: 0;
    right: 0;
    bottom: -3px;
    transition: all .5s ease
}

footer.footer .quick-link:last-child ul li a:before {
    content: "";
    background-image: url(../images/arrow-key.svg);
    position: absolute;
    right: -18px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

footer.footer .quick-link li a:hover {
    color: var(--white-color)
}

footer.footer .quick-link:last-child ul li a img {
    margin-right: 4px
}

footer.footer .footer-top .footer-left img.logo {
    max-width: 165px;
    margin-right: 29px
}

footer.footer img.logo {
    margin-bottom: 20px
}

footer.footer .selectors {
    display: flex;
    flex-wrap: wrap
}

footer.footer .selectors .cform-group {
    height: 32px;
    padding: 0;
    max-width: 80px;
    margin-bottom: 0
}

footer.footer .selectors .language.cform-group {
    max-width: 152px;
    width: 100%;
    padding: 0;
    margin-right: 8px;
    margin-bottom: 0
}

footer.footer .cform-group .nice-select {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}

footer.footer .selectors .cform-group .nice-select {
    padding: 0 8px;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

footer.footer .certifications {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20.8px
}

footer.footer .dist-box {
    width: 260px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 17px 15px 15px;
    border-radius: 8px;
    border: 1px solid var(--gray-bg);
    background-color: var(--gray-bg);
    margin-bottom: 10.5px
}

footer.footer .dist-box:last-child {
    margin-bottom: 0
}

footer.footer .dist-box span {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    display: inline;
    text-align: right;
    padding-left: 10px
}

footer.footer .certifications div span {
    font-weight: 500;
    font-style: medium;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0%;
    color: var(--gray-bg);
}

footer.footer .certifications div img {
    width: 100%;
    display: block;
    max-width: 45px;
    text-align: center;
    margin: 0 auto
}

footer.footer .certifications div {
    text-align: center
}

footer.footer footer hr {
    margin: 0
}

footer.footer .shipping {
    margin-top: 20.8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    max-width: 240px
}

footer.footer .shipping-card {
    width: 52px;
    max-width: 52px;
    height: 32px;
    border-radius: 6.4px;
    border-width: 1px;
    background-color: var(--gray-bg);
    border-color: var(--grey-color-tone-seven);
    margin: 0 10px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

footer.footer .shipping-card:nth-child(4n) {
    margin-right: 0
}

footer.footer .footer-bottom {
    padding: 32px 0 43px 0
}

footer.footer .payments-media {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 35px;
    margin-bottom: 20px
}

footer.footer .payments {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 1060px;
    flex-wrap: wrap
}

footer.footer .payments img:not(:last-child) {
    margin-right: 23px
}

footer.footer .socials a:not(:last-child) {
    margin-right: 20px;
    display: inline-block
}

footer.footer .disclaimer {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--grey-color-tone-five)
}

footer.footer .disclaimer p {
    margin-bottom: 8px
}

footer.footer .disclaimer p:last-child {
    margin-bottom: 0
}

footer.footer .custom-select {
    position: relative
}

footer.footer .website,footer.footer .language,footer.footer .currency {
    width: 100%;
    margin-bottom: 8px
}

footer.footer .select-selected {
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    border: 1px solid var(--grey-color-tone-seven);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    background-color: var(--gray-bg)
}

footer.footer .select-selected img {
    margin-right: 8px;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    object-fit: cover;
    background-color: var(--gray-bg)
}

footer.footer .cform-group .nice-select:after {
    border-bottom: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
    height: 6px;
    right: 9px;
    width: 6px;
    top: 60%
}

footer.footer .cform-checkbox {
    margin: 9px 0 21px 0;
    display: block;
    width: 100%;
    text-align: left
}

footer.footer .select-selected span {
    display: flex;
    align-items: center
}

footer.footer .select-flag {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    margin-right: 10px;
    background-position: center
}

footer.footer .cform-checkbox label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 24px
}

footer.footer .select-label {
    color: var(--blue-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

footer.footer .select-items {
    position: absolute;
    background-color: var(--white-color);
    border-radius: 10px;
    width: 100%;
    z-index: 1;
    display: none;
    margin-top: 5px;
    overflow-y: auto;
    max-height: 200px;
    box-shadow: 0 0 4px 0 #00000026
}

footer.footer .select-items .dropdown-items {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center
}

footer.footer .select-items .dropdown-items:hover {
    background-color: var(--gray-bg)
}

footer.footer .select-arrow {
    border: solid #000;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    margin-right: 0;
    margin-bottom: 2px
}

footer.footer .show {
    display: block
}

footer.footer .location-box {
    border: 1px solid #DDD;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 0 #00000026;
    background: #00000008;
    max-width: 310px;
    width: 100%
}

footer.footer .flag-and-text {
    display: flex;
    align-items: center;
    gap: 10px
}

footer.footer .flag {
    width: 30px;
    height: auto
}

footer.footer .country-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-black);
    text-align: left
}

footer.footer .site-link {
    color: #007AFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500
}

footer.footer .dropdown-items img {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 100%;
    object-fit: cover
}

footer.footer .search-box {
    width: 100%;
    position: relative;
    padding: 16px 12px 8px 16px;
    display: none
}

footer.footer .search-box input {
    background: var(--gray-bg);
    border: none;
    outline: none;
    width: 100%;
    position: relative;
    border-radius: 32px;
    height: 36px;
    padding: 0 0 0 38px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--dark-gray-text)
}

footer.footer .search-box svg {
    width: 14px;
    height: 15px;
    position: absolute;
    top: 25px;
    z-index: 1;
    margin-left: 16px
}

footer.footer .cform-group .nice-select>span {
    padding-right: 0;
    font-size: 14px;
    white-space: nowrap
}

footer.footer .language.cform-group .nice-select>span {
    max-width: 120px
}

footer.footer .currency.cform-group .nice-select>span {
    max-width: 55px;
    padding: 0
}

footer .select-items.show::-webkit-scrollbar {
    width: 5px
}

footer.footer .select-items.show::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 10px
}

footer.footer .select-items.show::-webkit-scrollbar-thumb {
    background-color: #DDD;
    border-radius: 10px
}

footer.footer .cform-group .nice-select .list .option {
    font-size: 14px;
    padding: 11px!important;
    color: var(--na-paragraph-color);
    font-weight: 400;
    line-height: 14px
}

footer.footer .cform-group .nice-select .option:hover {
    background-color: var(--gray-bg);
    color: var(--na-paragraph-color)
}

footer.footer .cform-group .nice-select .list {
    padding: 0
}

footer.footer .nice-select-search-box {
    display: none
}

footer.footer .nice-select .nice-select-search-box+.list {
    margin-top: 4px!important;
    border-radius: 8px;
    min-height: 50px;
    min-width: 220px
}

footer.footer .cform-group .nice-select .option.focus,footer.footer .cform-group .nice-select .option.selected,footer.footer .cform-group .nice-select .option.selected.focus {
    font-size: 14px;
    color: var(--color-black);
    font-weight: 400;
    line-height: 14px;
    background-image: url(../images/check-select.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px
}

footer.footer .call-card {
    max-width: 312px;
    width: 100%;
    background-color: #1E1E1E;
    color: var(--white-color);
    border-radius: 12px;
    padding: 16px;
    font-family: arial,sans-serif;
    box-shadow: 0 10px 20px rgb(0 0 0 / .25);
    position: relative
}

footer.footer .card-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: none
}

footer.footer button.close-btn {
    background: none;
    border: none;
    color: var(--gray-bg);
    font-size: 21px;
    cursor: pointer;
    transition: color 0.3s ease;
    width: 17px;
    opacity: 1;
    border-width: 1.78px;
    padding: 0;
    height: 15px;
    line-height: 15px
}

footer.footer .phone {
    display: flex;
    align-items: center;
    margin: 16px 3px 16px 0
}

footer.footer span.phone-number a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--gray-bg);
    text-transform: none
}

footer.footer .hours div {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 8px;
    color: var(--grey-color-tone-five)
}

footer.footer .hours div:last-child {
    margin: 0
}

footer.footer .contact-phone-model {
    background: #242529E5;
    color: var(--white-color);
    max-width: 320px;
    position: absolute;
    top: 160px;
    z-index: 1000;
    width: 280px;
    padding: 16px;
    opacity: 1;
    border-radius: 20px;
    box-shadow: 0 0 16px 0 #00000040;
    backdrop-filter: blur(5px)
}

footer.footer .model-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

footer.footer .close-model {
    background: none;
    border: none;
    color: #AAA;
    font-size: 20px;
    cursor: pointer
}

footer.footer #model2 {
    top: 220px
}

footer.footer span.phone-icon {
    margin-right: 6px
}

footer.footer .footer-left {
    min-width: 240px
}

footer.footer .element-padding .shipping {
    margin-top: 32px
}

footer.footer .element-padding img.logo {
    margin-bottom: 32px
}

footer.footer .element-padding .payments-media {
    margin-bottom: 19px
}

footer.footer .element-padding .contact-phone-model {
    top: 130px
}

footer.footer a.load-more {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    color: var(--gray-bg);
    text-underline-offset: 2px
}

footer.footer .store-footer .shipping {
    margin: 0
}

footer.footer .dist-box:hover {
    color: #2C2C2C;
    background-color: #F7F7F7
}

footer.footer .dist-box span:hover {
    color: #2C2C2C
}

footer.footer .warehouse-address {
    top: 100px
}

footer.footer .hours .address-span {
    flex-wrap: wrap;
    padding: 0;
    align-items: center;
    margin: 16px 3px 16px 0
}

footer.footer .hours .address-span span {
    font-family: inter;
    font-weight: 400;
    font-size: 14px;
    color: #C4C4C4;
    display: block;
    margin: 0 0 6px 0
}

footer.footer .hours .address-span a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFF
}

footer.footer .hours .address-span+a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    color: #F7F7F7;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: none
}

@media (max-width: 1360px) {
    footer.footer .payments img:not(:last-child) {
        margin-right:20px
    }

    .socials {
        flex-wrap: nowrap;
        display: flex
    }
}

@media (max-width: 1299px) {
    footer.footer .footer-bottom {
        padding:20px 0
    }

    footer.footer .footer-container {
        padding: 0 15px
    }

    footer.footer .footer-links {
        padding: 0 30px 0 0;
        width: calc(100% - 270px)
    }

    footer.footer .footer-left {
        max-width: 240px
    }

    footer.footer .footer-top {
        flex-wrap: wrap
    }

    footer.footer .dist-box {
        display: flex;
        justify-content: space-between;
        padding: 16px 8px;
        width: 19%;
        margin-right: 1%
    }

    footer.footer .dist-box:last-child {
        margin-right: 0
    }

    footer.footer .distributors {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px
    }

    footer.footer .contact-phone-model {
        right: 15px
    }
}

@media (min-width: 991px) {
    footer.footer .footer-links ul.accordion {
        display:block
    }

    footer.footer .show-nav::before {
        display: none
    }
}

@media (max-width: 1080px) {
    footer.footer .payments-media {
        flex-wrap:wrap;
        height: unset
    }

    footer.footer .socials {
        margin-top: 15px
    }

    footer.footer .payments,footer.footer .socials {
        width: 100%;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    footer.footer .show-nav::before {
        display:block
    }

    footer.footer .footer-links ul.accordion {
        display: none
    }

    footer.footer .footer-links .show-nav::before {
        top: 3px
    }

    footer.footer .quick-link .show-nav {
        padding: 0;
        pointer-events: inherit
    }

    footer.footer .footer-links {
        display: flex;
        flex-wrap: wrap;
        padding: 0
    }

    footer.footer .footer-links .quick-link {
        width: 100%;
        cursor: pointer
    }

    footer.footer .footer-links .quick-link:not(:first-child) {
        margin-top: 16px
    }

    footer.footer .quick-link {
        border-bottom: 1px solid;
        position: relative
    }

    footer.footer .payments img {
        margin-bottom: 15px
    }

    footer.footer .payments img:not(:last-child) {
        margin-right: 15px
    }

    footer.footer .contact-phone-model {
        top: 100px;
        right: unset
    }

    footer.footer #model2 {
        top: 160px
    }

    footer.footer .element-padding #model2 {
        top: 160px
    }

    footer.footer .dist-box {
        width: 32%
    }
}

@media (max-width: 767px) {
    footer.footer .footer-left {
        width:100%
    }

    footer.footer .selectors {
        justify-content: space-between
    }

    footer.footer .selectors .language.cform-group,footer.footer .selectors .cform-group {
        max-width: 48%;
        width: 100%
    }

    footer.footer .certifications,footer.footer .shipping,footer.footer .payments {
        justify-content: center
    }

    footer.footer .socials {
        display: block;
        text-align: center
    }

    footer.footer .certifications div {
        text-align: center;
        margin-left: 10px
    }

    footer.footer .footer-links {
        width: 100%;
        margin: 25px 0 0 0
    }

    footer.footer .dist-box {
        width: 48%
    }

    footer.footer .distributors {
        justify-content: space-between
    }

    footer.footer .footer-left .shipping {
        justify-content: flex-start
    }
}

@media (max-width: 575px) {
    footer.footer .dist-box {
        width:100%;
        margin-right: 0
    }
}

.btn {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px;
    min-width: 130px;
    cursor: pointer
}

.btn-default {
    box-shadow: 0 2px 11px 0 rgb(0 0 0 / .16);
    border: 0 none;
    color: var(--dark-color)
}

.btn-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 0 none
}

.btn-primary:hover {
    color: var(--white-color)
}

.btn-disabled {
    background-color: var(--dark-black-color-three);
    color: var(--btn-disabled-bg);
    cursor: not-allowed;
    border: 0 none;
    pointer-events: none
}

.btn-disabled:hover {
    color: var(--btn-disabled-bg)
}

.process-btn-set>.btn {
    min-width: 105px;
    font-size: 13px
}

.process-btn-set>.btn:last-child {
    margin-left: 15px
}

.conform-bx {
    text-align: center;
    position: fixed;
    height: 100%;
    width: 100%;
    background: var(--box-shadow-color-one) none repeat scroll 0% 0%;
    z-index: 10000;
    top: 0;
    display: none;
    left: 0
}

.conform-bx.checkout-common-popup {
    z-index: 10000000
}

.conform-bx-inner {
    background: var(--white-color) none repeat scroll 0 0;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: var(--dark-color);
    width: 96%;
    max-width: 700px;
    font-size: 17px;
    margin: 10% auto;
    display: table;
    box-shadow: 1px 4px 30px var(--grey-color-tone-two);
    -webkit-box-shadow: 1px 4px 30px var(--grey-color-tone-two);
    animation: popanimation .3s;
    -webkit-animation: popanimation .3s;
    overflow: hidden
}

#notificationconfirmAlert .conform-bx-inner {
    padding: 13px
}

@keyframes popanimation {
    from {
        margin-top: 0
    }

    to {
        margin-top: 10%
    }
}

.conform-bx-inner .message {
    float: left;
    width: 98%;
    margin: 0 0 15px;
    text-align: left;
    font-size: 14px;
    overflow-y: auto;
    max-height: 360px
}

.conform-bx-inner span.yes {
    float: left;
    background-color: var(--default-color);
    color: var(--white-color)
}

.conform-bx-inner .footer_btn span.yes {
    float: right
}

.order-popup-container .order-popup-header h4::first-letter {
    text-transform: uppercase
}

.close-ticket-btn {
    margin-right: 5px;
    display: block;
    float: right
}

.custom-edituser-popup .text-with-prefix p.numaric-values+.sm-text {
    width: 39px
}

.custom-edituser-popup.dashboard-acc-bx-inner .footer_btn {
    padding-right: 0
}

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

.dashboard-acc-bx-inner .message {
    width: 100%;
    padding: 5px 15px;
    margin: 0;
    max-height: initial;
    overflow-y: initial
}

form#subaccountform .addressdetails {
    overflow-y: auto;
    max-height: 360px
}

h2.popup-header-text {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    padding: 10px 0;
    display: inline-block
}

.file-inputs-front>label {
    border-radius: 4px
}

.file-submit-popup {
    color: var(--primary-color);
    font-weight: 400
}

.footer_btn {
    float: right;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid var(--grey-color-tone-five)
}

.footer_btn span {
    min-width: 80px;
    padding: 0 5px;
    min-height: 35px;
    line-height: normal;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer_btn span.yes {
    background-color: var(--default-color);
    color: var(--white-color)
}

.footer_btn span.no {
    background-color: var(--error-color);
    color: var(--white-color);
    box-shadow: 1px 1px 1px var(--grey-color-tone-five);
    -webkit-box-shadow: 1px 1px 1px var(--grey-color-tone-five);
    float: left
}

.footer_btn span>a {
    color: var(--white-color)
}

p.are_u_sure {
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    line-height: 35px
}

.conform-bx.increase-popup {
    text-align: left;
    z-index: 10000000!important
}

.conform-bx.increase-popup .conform-bx-inner {
    padding: 0;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background: #fff0;
    width: 600px;
    animation: inherit;
    -webkit-animation: inherit
}

.conform-bx.increase-popup .placing-wrapper {
    background-image: url(../images/popopupsprites.png);
    background-color: var(--primary-color);
    background-position: right 22px;
    background-size: 200px;
    background-repeat: no-repeat;
    min-height: 250px;
    padding: 20px
}

.conform-bx.increase-popup .in-detail-wrapper {
    float: left;
    width: 100%;
    background-color: var(--white-color);
    padding: 15px 20px 8px 20px
}

.conform-bx.increase-popup .in-footer-wrapper {
    float: left;
    width: 100%;
    background-color: var(--white-color);
    text-align: right;
    padding: 15px
}

.conform-bx.increase-popup .placing-wrapper h3 {
    font-size: 29px;
    float: left;
    width: 300px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white-color);
    line-height: 33px
}

.conform-bx.increase-popup .placing-wrapper .title {
    font-size: 20px;
    float: left;
    max-width: 300px;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white-color);
    line-height: 30px
}

.conform-bx.increase-popup .placing-wrapper .title span {
    color: var(--dark-color)
}

.conform-bx.increase-popup .placing-wrapper h3 span {
    color: var(--dark-color)
}

.conform-bx.increase-popup .placing-wrapper p {
    float: left;
    width: 320px;
    color: var(--white-color);
    font-weight: 500;
    padding-top: 20px
}

.conform-bx.increase-popup .in-detail-wrapper h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 4px
}

.conform-bx.increase-popup .in-detail-wrapper h3 a {
    color: var(--dark-color)
}

.in-detail-wrapper h4 i.in-icon {
    background-image: url(../images/popopupsprites.png);
    display: inline-block;
    width: 22px;
    height: 20px;
    vertical-align: sub;
    background-size: 160px;
    background-repeat: no-repeat;
    margin-right: 4px
}

.in-detail-wrapper h4 i.in-icon.in-envelop {
    background-position: -139px -230px
}

.in-detail-wrapper h4 i.in-icon.in-phone {
    background-position: -139px -258px
}

.conform-bx.increase-popup .in-footer-wrapper .in-button {
    background-color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important;
    color: var(--white-color);
    box-shadow: 0 2px 4px var(--grey-color-tone-seven);
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer
}

.conform-bx.increase-popup .in-footer-wrapper .in-button:disabled {
    background-color: var(--grey-color-tone-seven)!important;
    border: 1px solid var(--grey-color-tone-seven)!important
}

.in-cl-btn-wrap {
    max-width: 600px;
    margin: 4rem auto 0;
    text-align: right
}

.conform-bx.increase-popup .in-close-icon {
    display: inline-block;
    margin: 10px 0
}

.conform-bx.increase-popup .in-close-icon span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--primary-color);
    color: var(--white-color);
    font-weight: 500;
    padding: 3px 3px 3px 12px;
    border-radius: 20px
}

.conform-bx.increase-popup .in-close-icon span .pop-close-icon {
    margin-left: 8px;
    min-height: 30px;
    min-width: 30px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.conform-bx.increase-popup .in-close-icon span .pop-close-icon svg {
    height: 15px;
    width: 15px
}

.atf_close {
    font-weight: 900;
    line-height: normal;
    color: var(--error-color);
    padding: 4px;
    position: relative;
    top: 7px;
    background-image: url(../images/printscansprites.png);
    width: 30px;
    height: 30px;
    float: right;
    background-position: 0 30px;
    background-size: 30px;
    margin-left: 10px
}

.conform-bx.increase-popup .inqty-checkbox h4 {
    font-size: 16px;
    margin: 0 0 7px
}

.conform-bx.increase-popup .inqty-checkbox label {
    position: relative;
    border: 1px solid var(--primary-color);
    padding: 0 15px 0 12px;
    min-height: 30px;
    display: inline-block;
    line-height: normal;
    max-width: 320px;
    width: 100%;
    margin-left: 32px;
    cursor: pointer
}

.conform-bx.increase-popup .inqty-checkbox input[type="checkbox"] {
    display: none
}

.conform-bx.increase-popup .inqty-checkbox label:before {
    content: "";
    position: absolute;
    left: -32px;
    width: 30px;
    height: 100%;
    border: 1px solid var(--primary-color);
    top: -1px;
    border-radius: 14px 0 0 14px
}

.conform-bx.increase-popup .inqty-checkbox input[type="checkbox"]:checked+label {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.conform-bx.increase-popup .inqty-checkbox input[type="checkbox"]:checked+label:before {
    background-image: url(../images/popopupsprites.png);
    background-position: -297px -597px;
    background-size: 162px
}

.conform-bx.increase-popup .inqty-checkbox input[type="checkbox"]:disabled+label {
    background-color: var(--grey-color-tone-six);
    color: var(--grey-color-tone-seven);
    cursor: not-allowed;
    border-color: var(--grey-color-tone-seven)
}

.conform-bx.increase-popup .inqty-checkbox input[type="checkbox"]:disabled+label:before {
    background-color: var(--grey-color-tone-five);
    border-color: var(--grey-color-tone-seven);
    opacity: .5
}

.method-options .popup-otp,.method-options .popup-otp-disable {
    display: inline-block;
    width: auto
}

.popup-btn .popup-otp,.popup-btn .popup-otp-disable {
    display: inline;
    vertical-align: text-top
}

.popup-btn .popup-otp button.button span,.popup-btn .popup-otp-disable button.button span {
    padding: 2px 15px;
    background-color: var(--default-color);
    border: 2px solid var(--default-color)
}

.popup-btn .popup-otp button.button span,.popup-btn .popup-otp-disable button.button:hover span {
    background: #fff0;
    color: var(--default-color)
}

.notification-wrapper .ms-ncontainer .notification-col {
    border: 1px solid var(--grey-color-tone-seven);
    margin: 0 0 20px
}

.unlock-buttonset {
    float: left;
    width: 100%
}

.unlock-buttonset .lckbtn.unlock-btn {
    background-position: 13px 8px;
    border: 1px solid var(--sucess-color);
    color: var(--white-color);
    box-shadow: 1px 2px 2px var(--sucess-color);
    background-color: var(--sucess-color)
}

.unlock-buttonset .lckbtn.lock-btn {
    background-position: 14px 5px;
    border: 1px solid var(--error-color);
    color: var(--white-color);
    box-shadow: 1px 2px 2px var(--error-color);
    background-color: var(--error-color)
}

.lck-timecontainer {
    width: 105px;
    position: fixed;
    z-index: 111;
    bottom: 12%;
    left: 0
}

.lck-timecontainer .unlocktimer {
    background-image: url(../images/unlock.png);
    width: 100%;
    height: 38px;
    margin: 0;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 35px;
    line-height: 37px;
    background-position: 13px 8px;
    border: 1px solid var(--error-color);
    color: var(--white-color);
    box-shadow: 1px 2px 2px var(--grey-color-tone-six);
    background-color: var(--error-color);
    float: left;
    letter-spacing: 1.5px;
    cursor: pointer
}

body.catalog-category-view .shipmethod-productpopup {
    z-index: 10000000
}

.shipmethod-productpopup {
    display: block
}

.shipmethod-productpopup .conform-bx-inner {
    padding: 0;
    border: 0;
    border-radius: 10px;
    text-align: left;
    width: 690px;
    margin: 7% auto
}

.shipmethod-productpopup .conform-bx-inner .prship-block-image,.shipmethod-productpopup .conform-bx-inner .prship-centerblock,.shipmethod-productpopup .conform-bx-inner .prship-footerblock {
    float: left;
    width: 100%
}

.shipmethod-productpopup .conform-bx-inner .prship-block-image {
    position: relative;
    overflow: hidden;
    height: 205px;
    padding: 15px 15px 0
}

.shipmethod-productpopup .conform-bx-inner .prship-block-image>img {
    float: left;
    position: relative;
    z-index: 1;
    left: 1px
}

.shipmethod-productpopup .conform-bx-inner .prship-block-image .prship-textblock {
    float: left;
    width: 360px;
    position: absolute;
    right: 0;
    top: 67px;
    padding-left: 30px
}

.prship-block-image .prship-textblock h3 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--dark-color);
    padding-left: 45px;
    padding-bottom: 5px
}

.prship-block-image .prship-textblock h3 span {
    color: var(--primary-color)
}

.prship-block-image .prship-textblock h3.lock-ship-head31 {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 15.2px;
    padding: 2px 20px 2px 50px;
    border-radius: 10px 0 0 10px;
    text-align: center
}

.prship-block-image .prship-textblock h3.lock-ship-head32 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 48px;
    letter-spacing: 1px;
    padding-top: 5px;
    color: var(--dark-color)
}

.shipmethod-productpopup .conform-bx-inner .prship-block-image .prship-close {
    position: absolute;
    right: 20px;
    width: 28px;
    height: 28px;
    color: var(--white-color);
    background-color: var(--dark-color);
    text-align: center;
    font-weight: 700;
    border-radius: 100%;
    font-size: 18px;
    line-height: 28px;
    padding: 0 8px;
    top: 18px;
    z-index: 1
}

.shipmethod-productpopup .conform-bx-inner .prship-centerblock {
    text-align: center;
    background-color: var(--grey-color-tone-eight)
}

.shipmethod-productpopup .prship-centerblock p,.shipmethod-productpopup .prship-centerblock h3.center-block-heading {
    color: var(--dark-color)
}

.shipmethod-productpopup .prship-centerblock p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px
}

.shipmethod-productpopup .prship-centerblock h3.center-block-heading {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

.prship-centerblock .prshadows-top {
    background-image: url(../images/popshadow.png);
    width: 100%;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.prship-centerblock .prshadows-bottom {
    background-image: url(../images/popshadow.png);
    width: 100%;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat
}

.prship-centerblock .prcenter-block {
    padding: 20px
}

.prship-centerblock .prcenter-block p,.prship-centerblock .prcenter-block h4 {
    font-size: 17px;
    font-weight: 500
}

.prship-footerblock .pr-canselbtn {
    float: left;
    background-color: var(--error-color);
    color: var(--white-color);
    padding: 2px 10px;
    font-weight: 500;
    min-width: 90px;
    text-align: center;
    border: 1px solid var(--error-color);
    border-radius: 4px
}

.prship-footerblock .pric-block {
    float: right;
    color: var(--grey-color-tone-four)
}

.shipmethod-productpopup .conform-bx-inner .prship-footerblock {
    padding: 20px 30px
}

.prship-footerblock .pric-block button {
    border: 1px solid var(--default-color);
    padding: 3px 7px;
    margin-left: 5px;
    border-radius: 4px;
    color: var(--white-color);
    background-color: var(--default-color);
    cursor: pointer
}

.history-block-content ul {
    border-top: 4px solid var(--default-color)
}

.notification-productpopup .conform-bx-inner {
    padding: 0;
    border: 0;
    color: var(--error-color);
    border-radius: 10px;
    text-align: left;
    width: 800px;
    margin: 5% auto
}

.notification-productpopup {
    display: block
}

.notification-productpopup .conform-bx-inner .main-container {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.notification-productpopup .conform-bx-inner .add_btn {
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center
}

.notification-productpopup .conform-bx-inner .add_btn .btn1 {
    height: 50px;
    width: 150px;
    font-size: 1em;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: 1px;
    border: 2px solid var(--fedex-label-color);
    outline: none;
    color: var(--white-color);
    background-image: linear-gradient(to right,var(--fedex-label-color),var(--my-account-blue-color));
    cursor: pointer
}

.notification-productpopup .conform-bx-inner .POPmain-div {
    width: 100%;
    border-radius: 20px;
    height: auto;
    background-color: var(--grey-color-tone-four);
    z-index: 200;
    margin: 0 auto;
    box-shadow: 0 12px 25px var(--dark-color);
    position: relative;
    z-index: 1000
}

.notification-productpopup .conform-bx-inner .POPd1 {
    height: 150px;
    width: 100%;
    overflow: hidden;
    display: flex;
    background-color: var(--white-color);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d1 {
    width: 38%;
    z-index: 10
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d1 img {
    width: 110%;
    height: 100%
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d2 {
    width: 73%;
    height: 100%;
    text-align: center;
    padding-top: 5%
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2 {
    font-size: 32px;
    text-transform: uppercase;
    color: var(--primary-color);
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 900
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-1 {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--white-color);
    background-color: var(--dark-color);
    width: 100%;
    margin: 2px 0 5px;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 5px;
    border-radius: 5px 0 0 5px
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
    font-size: 18px;
    font-weight: 400;
    color: var(--dark-color);
    text-transform: uppercase
}

.notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 .bold {
    font-weight: 800;
    color: var(--dark-color)
}

.notification-productpopup .conform-bx-inner .POPcls-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
    height: 30px;
    border-radius: 50%;
    width: 30px;
    background-color: var(--dark-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.notification-productpopup .conform-bx-inner .POPcls-icon .icon-div i {
    font-size: 1.3em;
    color: var(--white-color)
}

.notification-productpopup .conform-bx-inner .POPd2 {
    width: 100%;
    height: 55%
}

.notification-productpopup .conform-bx-inner .POPd2 img {
    width: 100%;
    height: 100%
}

.notification-productpopup .conform-bx-inner .POPd2 .i1 {
    display: block;
    height: 350px
}

.notification-productpopup .conform-bx-inner .POPd2 .i2 {
    display: none
}

.notification-productpopup .conform-bx-inner .POPd3 {
    width: 100%;
    height: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.notification-productpopup .conform-bx-inner .POPd3 .check {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    background-color: #fafafa;
    position: relative
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark {
    position: absolute;
    top: -7px;
    left: 8px;
    height: 25px;
    border-radius: 5px;
    width: 25px;
    background-color: var(--white-color);
    border: 1px solid var(--dark-color)
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox input:checked~.checkmark {
    background-color: var(--white-color);
    border: 1px solid var(--dark-color)
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox input:checked~.checkmark:after {
    display: block
}

.notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark:after {
    left: 8px;
    top: 0;
    width: 7px;
    height: 16px;
    border: solid #f12c2c;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.notification-productpopup .conform-bx-inner .POPd3 .check p {
    font-size: 1em;
    padding-left: 2%;
    font-weight: 400;
    color: var(--dark-color);
    margin: 0
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out {
    width: 100%;
    min-height: 75px;
    background-color: var(--white-color);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    padding: 0 15px
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .out {
    display: flex;
    justify-content: flex-start;
    max-width: 180px;
    width: 100%
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
    min-width: 150px;
    min-height: 33px;
    border: 1px solid var(--error-color);
    border-radius: 5px;
    background-color: var(--primary-color);
    cursor: pointer;
    font-size: 16px;
    color: var(--white-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .in {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: calc(100% - 180px);
    width: 100%
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
    font-weight: 500;
    font-size: 16px;
    color: gray;
    padding-right: 5px;
    margin: 0
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .in p span {
    font-weight: 700
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3 {
    min-width: 140px;
    min-height: 33px;
    border: 1px solid #9fecfa;
    border-radius: 5px;
    background-color: var(--default-color);
    cursor: pointer;
    font-size: 16px;
    color: var(--white-color);
    padding: 5px;
    white-space: nowrap
}

.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3 {
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center
}

.notification-productpopup .conform-bx-inner .POPcls-icon .icon-div i {
    font-size: 1.3em;
    color: var(--white-color);
    font-style: normal;
    font-weight: 900;
    margin-top: -3px
}

.notification-productpopup .conform-bx-inner .containercheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notification-productpopup .conform-bx-inner .containercheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.notification-productpopup .conform-bx-inner .checkmark {
    position: absolute;
    top: -7px;
    left: 8px;
    height: 25px;
    border-radius: 5px;
    width: 25px;
    background-color: var(--grey-color-tone-six)
}

.notification-productpopup .conform-bx-inner .containercheckbox:hover input~.checkmark {
    background-color: var(--grey-color-tone-six)
}

.notification-productpopup .conform-bx-inner .containercheckbox input:checked~.checkmark {
    background-color: var(--white-color);
    border: 1px solid var(--dark-color)
}

.notification-productpopup .conform-bx-inner .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.notification-productpopup .conform-bx-inner .containercheckbox input:checked~.checkmark:after {
    display: block
}

.notification-productpopup .conform-bx-inner .containercheckbox .checkmark:after {
    left: 8px;
    top: 0;
    width: 7px;
    height: 16px;
    border: solid var(--primary-color);
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.conform-bx.viewpriceing-loginpopup {
    z-index: 10000000
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner {
    max-width: 542px;
    width: 98%;
    border-radius: 10px;
    position: relative;
    overflow: inherit;
    background-image: url(../images/backbanner-texture.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .cinew-label {
    position: absolute;
    top: -10px;
    background-color: #DAB426;
    color: #fff;
    font-weight: 600;
    width: 50px;
    height: 40px;
    line-height: 40px;
    left: 43px;
    border-radius: 10px 0 10px 10px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner h4,.conform-bx.viewpriceing-loginpopup .conform-bx-inner h3 {
    color: #333;
    font-size: 22px;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    font-weight: 500
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p,.conform-bx.viewpriceing-loginpopup .conform-bx-inner p a {
    font-size: 16px;
    float: left;
    width: 100%;
    padding: 0 10px;
    font-weight: 400;
    color: #646464;
    margin: 12px 0 20px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p:nth-child(3) {
    margin: 25px 0 20px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p a {
    margin: 5px 0 0
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .ci-closebtn {
    background-image: url(../images/popclose.svg);
    width: 20px;
    height: 20px;
    float: right;
    background-size: 20px;
    position: absolute;
    right: 12px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .cinew-label:after {
    content: "";
    background-color: #6a5403;
    position: absolute;
    right: -6px;
    width: 12px;
    height: 12px;
    z-index: -1;
    transform: rotate(45deg);
    top: 2px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .view-loginbtn {
    background-color: #0d0d0d;
    color: #fff;
    padding: 8px 10px;
    height: 40px;
    display: inline-block;
    min-width: 150px;
    font-weight: 500;
    border-radius: 5px
}

button.cancel_button.mail_btn {
    position: absolute;
    right: -10px;
    z-index: 1;
    background-color: #3a3a3a;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 30px;
    box-shadow: 1px 1px 1px #635a5a;
    -webkit-box-shadow: 1px 1px 1px #635a5a;
    cursor: pointer
}

button.cancel_button.mail_btn span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    display: block;
    font-weight: 600;
    position: absolute;
    top: -1px;
    right: 0;
    left: 1px
}

#ac-wrapper .conform-bx {
    z-index: 1000000
}

#ac-wrapper #confirmBox1 .message {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: inherit
}

#ac-wrapper .conform-bx-inner {
    overflow: inherit;
    padding: 0;
    border: 0
}

.total_dues {
    float: left;
    width: 50%;
    background-color: var(--white-color);
    min-height: 170px;
    text-align: center;
    padding: 20px 0 0
}

.total_dues h2 {
    line-height: 35px;
    font-size: 18px;
    text-transform: uppercase;
    color: #3ea6ef;
    font-weight: 700;
    letter-spacing: .1px
}

.total_dues p {
    font-size: 25px;
    line-height: 45px;
    margin: 0 0 10px;
    color: #e30f1a
}

.total_dues .button.button.fullpay_btn span {
    display: inline-block;
    padding: 3px 10px;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    min-width: 100px;
    color: var(--white-color)
}

.current_due {
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px 0 0;
    background-color: #efefef;
    min-height: 170px;
    position: relative
}

.current_due:before {
    content: "";
    width: 2px;
    height: 70px;
    background-color: #3ea6ef;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px
}

.current_due h2 {
    line-height: 35px;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    letter-spacing: .1px
}

.current_due p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    line-height: 45px;
    color: #3ea6ef;
    margin: 0 0 8px
}

.current_due input#check_price {
    display: inline-block;
    width: 120px;
    clear: both;
    text-align: center;
    min-height: 40px;
    padding: 0;
    border-color: #d7d7d7
}

.current_due .button span {
    padding: 0!important;
    width: 90px;
    line-height: 36px;
    font-size: 16px;
    border-width: 1px
}

#ac-wrapper .footer_btn {
    margin: 0;
    border-color: #dfdfdf;
    text-align: right;
    padding: 10px;
    background-color: #fff
}

.footer_btn button.cancel_button.mail_btn.button span,.footer_btn button.button.paynow_btn span {
    min-width: 80px;
    padding: 0 5px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 2px
}

.footer_btn button.button.paynow_btn span {
    min-width: 100px
}

.current_due:after {
    content: "&";
    position: absolute;
    left: -15px;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-weight: 400;
    font-size: 17px;
    margin-top: -8px;
    color: #3ea6ef
}

.footer_btn button.cancel_button.mail_btn.button:hover span {
    background-color: #fff0;
    color: #3ea6ef;
    border-color: #3ea6ef
}

.footer_btn button.button.paynow_btn {
    margin-right: 6px
}

.footer_btn button.cancel_button.mail_btn.button span {
    background-color: #3ea6ef;
    border-color: #3ea6ef
}

.total_dues .button.button.fullpay_btn:hover span {
    border-color: var(--secondary-color);
    background-color: var(--white-color);
    color: var(--secondary-color)
}

.allow-qr-login-popup .dashboard-acc-bx-inner {
    padding: 15px;
    border-radius: 25px;
    max-width: 800px
}

.allow-qr-login-popup .kbb_popup_header {
    border-bottom: 1px solid var(--grey-border-color);
    text-align: left;
    margin: 0 0 25px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 10px
}

.allow-qr-login-popup .kbb_popup_header h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 38px;
    color: var(--dark-color)
}

.allow-qr-login-popup p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 475
}

.more-app-info {
    display: flex;
    align-items: center;
    color: var(--link-cms-color);
    font-weight: 500;
    font-size: 18px
}

.more-app-info:hover {
    color: var(--link-cms-color)
}

.more-app-info .redirect-icon {
    padding-top: 7px;
    margin-left: 8px
}

.more-app-info .redirect-icon svg path {
    stroke: var(--link-cms-color)
}

.allow-qr-login-popup .kbb_popup_header .close-popup {
    line-height: unset;
    font-style: normal;
    cursor: pointer;
    padding-top: 7px
}

.download-method {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 25px
}

.download-method .login-with-app-icon-block,.download-method .message.addressdetails {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0
}

.download-method .login-with-app-icon-block .app-icon-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 32px 0
}

.download-method .login-with-app-icon-block .app-icon-block a {
    min-height: 110px;
    min-width: 110px;
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-disabled-bg);
    border-radius: 50%;
    position: relative
}

.download-method .login-with-app-icon-block .app-icon-block a.disable-dwld-link {
    background-color: var(--grey-color-tone-nine);
    pointer-events: none
}

.disable-dwld-link:before {
    content: "Coming soon...";
    position: absolute;
    font-weight: 600;
    z-index: 1;
    font-size: 12px;
    color: var(--white-color)
}

.disable-dwld-link>img {
    filter: blur(4px)
}

.download-method .login-with-app-icon-block {
    border-right: 1px solid var(--grey-border-color)
}

.allow-qr-login-popup .footer_btn {
    border-top: 0;
    text-align: center
}

.allow-qr-login-popup .footer_btn .cancel-btn {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
    font-family: "Inter",sans-serif;
    font-weight: 700;
    border-radius: 6px;
    padding: 10px 20px 8px;
    min-width: 195px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 12px
}

.allow-qr-login-popup .footer_btn .cancel-btn:hover {
    background-color: var(--white-color);
    color: var(--primary-color)
}

.allow-qr-login-popup .login-qr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.allow-qr-login-popup .login-qr img.has-loader {
    webkit-filter: blur(4px);
    filter: blur(3px)
}

.allow-qr-login-popup .loader {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    border: 6px solid var(--grey-color-tone-six);
    border-radius: 50%;
    border-top: 6px solid var(--primary-color);
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.conform-bx.express-checkout-popup .conform-bx-inner {
    max-width: 660px;
    border-radius: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 35px;
    margin: auto
}

.conform-bx.express-checkout-shipping .conform-bx-inner,.express-checkout-main .conform-bx.wrong-address-popup .conform-bx-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    max-height: unset;
    border-radius: 26px;
    max-width: 614px;
    padding: 20px 30px 25px 30px
}

.conform-bx.express-checkout-shipping .popup-title h3 {
    color: var(--dark-black-color-one);
    font-size: 20px;
    font-weight: 600
}

.conform-bx.express-checkout-shipping .cform-group label {
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: .28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -12px;
    position: relative;
    margin-left: 15px;
    z-index: 1
}

.conform-bx.express-checkout-shipping .cform-group>label.required:after {
    content: "*";
    color: var(--dark-red-color)
}

.conform-bx.express-checkout-shipping #default-shipping .cform-control {
    padding: 20px;
    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: 85%
}

.conform-bx.express-checkout-shipping #default-shipping select.cform-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 21px 40px 21px 20px;
    background-image: url(../images/select-arrow.svg);
    background-position: 95%;
    background-repeat: no-repeat
}

select:focus {
    background-color: var(--text-focus-element)
}

.conform-bx.express-checkout-shipping #default-shipping select.cform-control:focus {
    border-color: #999
}

.conform-bx.express-checkout-shipping .close-btn,.conform-bx.express-checkout-popup .close-btn {
    position: absolute;
    right: 18px;
    top: 12px;
    cursor: pointer
}

.conform-bx.express-checkout-shipping .popup-title {
    text-align: left;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 20px;
    padding-left: 13px
}

.conform-bx.express-checkout-shipping #default-shipping .cform-group {
    padding: 30px 10px;
    min-height: 220px;
    margin-bottom: 15px
}

.conform-bx.express-checkout-shipping #default-shipping .nice-select.open .nice-select-search-box+.list {
    max-height: 115px;
    pointer-events: none;
    margin-top: 59px!important
}

.conform-bx.express-checkout-shipping #default-shipping .nice-select.open .nice-select-search-box+.list li {
    padding: 5px 10px!important;
    line-height: 20px!important;
    pointer-events: auto
}

.conform-bx.express-checkout-shipping #default-shipping #exp-shipping-address+.nice-select.open .nice-select-search-box+.list li:first-child {
    display: none!important
}

.conform-bx.express-checkout-shipping #default-shipping .nice-select.open .list li.option.selected.focus {
    color: var(--primary-color);
    background-color: #fff0
}

.conform-bx.express-checkout-shipping #default-shipping .exp_pre_shipping {
    margin-top: 20px
}

.conform-bx.express-checkout-shipping #default-shipping .exp_pre_shipping .nice-select.open .nice-select-search-box+.list {
    max-height: 90px
}

.conform-bx.express-checkout-shipping #default-shipping .shipping-method-detail {
    margin-top: 20px;
    text-align: left
}

.conform-bx.express-checkout-shipping #default-shipping .shipping-method-detail label {
    margin-left: 0;
    padding-left: 1px;
    float: none
}

.conform-bx.express-checkout-shipping #default-shipping .shipping-method-detail .shipping-method-name {
    font-size: 15px
}

.conform-bx.express-checkout-shipping #default-shipping .process-btn-set {
    text-align: left
}

.express-checkout-popup .express-checkout-popup-title h3 {
    background-color: #E6F5FF;
    border-radius: 50px;
    font-size: 26px;
    color: var(--dark-color);
    font-weight: 500;
    padding: 25px 0
}

.express-checkout-popup p {
    color: var(--dark-black-color-one);
    padding: 0 15px;
    text-align: left;
    margin-top: 30px
}

.express-checkout-popup .common-collect-choose-shipping {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 40px auto;
    width: 100%;
    justify-content: space-between
}

.express-checkout-popup .common-collect-choose-shipping li svg {
    height: 58px
}

.express-checkout-popup .common-collect-choose-shipping li svg .primary-color {
    fill: var(--primary-color)
}

.express-checkout-popup .common-collect-choose-shipping li:nth-child(2) svg .primary-color {
    stroke: var(--primary-color);
    fill: none
}

.express-checkout-popup .common-collect-choose-shipping li:nth-child(3) svg rect.primary-color {
    fill: var(--primary-color)
}

.express-checkout-popup .common-collect-choose-shipping li {
    width: calc(33.33% - 10px);
    text-align: center;
    position: relative
}

.express-checkout-popup .common-collect-choose-shipping li:after {
    content: "";
    width: 1px;
    height: 55px;
    background-color: var(--address-disable-before-color);
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translatey(-50%)
}

.express-checkout-popup .common-collect-choose-shipping li:last-child::after {
    display: none
}

.express-checkout-popup .common-collect-choose-shipping li span {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--dark-color);
    margin-top: 10px
}

.express-checkout-popup .btn {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px;
    min-width: 130px;
    cursor: pointer
}

.express-checkout-popup .btn-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 0 none
}

.otp-loader {
    padding-bottom: 0;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px
}

.otp-loader .default-loader-inner {
    top: 0;
    transform: none
}

@media screen and (max-width: 480px) {
    .express-checkout-popup .express-checkout-popup-title h3 {
        padding:10px 0
    }

    .express-checkout-popup p {
        font-size: 13px;
        text-align: center
    }

    .express-checkout-popup .common-collect-choose-shipping {
        margin: 20px auto;
        max-height: 200px;
        overflow: auto
    }

    .express-checkout-popup .common-collect-choose-shipping li {
        width: 100%;
        margin-bottom: 30px
    }

    .common-collect-choose-shipping li:last-child {
        margin-bottom: 0
    }

    .express-checkout-popup .common-collect-choose-shipping li:after {
        transform: translatex(-50%);
        left: 50%;
        right: unset;
        bottom: -15px;
        width: 200px;
        height: 1px;
        top: unset
    }

    .conform-bx.express-checkout-shipping #default-shipping .cform-group {
        width: 100%
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width: 540px) {
    .allow-qr-login-popup .kbb_popup_header h2 {
        font-size:20px
    }

    .download-method {
        margin: 0 0 15px;
        flex-direction: column-reverse
    }

    .download-method .message.addressdetails {
        border-bottom: 1px solid var(--grey-border-color);
        border-right: 0;
        padding: 0 0 15px;
        margin: 0 0 15px
    }

    .download-method .login-with-app-icon-block .app-icon-block {
        margin: 15px 0
    }

    .download-method .login-with-app-icon-block,.download-method .message.addressdetails {
        width: 100%;
        border-right: 0
    }
}

@media screen and (max-width: 420px) {
    .allow-qr-login-popup .kbb_popup_header h2 {
        font-size:17px;
        line-height: normal
    }

    .allow-qr-login-popup p {
        padding: 0 15px
    }

    .allow-qr-login-popup p>br {
        display: none
    }
}

.alert-popup-new {
    max-width: 440px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.alert-popup-new h4 {
    color: var(--dark-color);
    line-height: 27px;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%
}

.alert-popup-new p {
    color: var(--dark-color);
    font-weight: 400;
    letter-spacing: .15px;
    font-size: 15px;
    display: block;
    width: 100%
}

.success-error-alert-popup.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center
}

.alert-popup-new .success-icon {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: var(--sucess-color);
    border-radius: 50%;
    animation: scaleUp 0.5s ease-out
}

.success-icon .checkmark {
    position: absolute;
    top: 10px;
    left: 18px;
    width: 13px;
    height: 25px;
    border-bottom: 5px solid var(--white-color);
    border-right: 5px solid var(--white-color);
    background-color: #fff0;
    transform: rotate(45deg);
    animation: drawCheck 0.5s ease-out 0.5s forwards;
    opacity: 0
}

@keyframes scaleUp {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes drawCheck {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.alert-popup-new .error-icon {
    position: relative;
    width: 50px;
    height: 50px;
    border: 2px solid var(--error-color);
    background-color: var(--error-color);
    border-radius: 50%;
    animation: scaleUp 0.5s ease-out
}

.alert-popup-new .error-icon .exclamation {
    position: absolute;
    top: 10px;
    width: 3px;
    height: 26px;
    opacity: 0;
    background-color: var(--white-color)
}

.alert-popup-new .error-icon .exclamation1 {
    transform: rotate(-45deg) translateX(-50%);
    animation: drawExclamation1 0.5s ease-out 0.5s forwards
}

.alert-popup-new .error-icon .exclamation2 {
    transform: rotate(45deg) translateX(50%);
    animation: drawExclamation2 0.5s ease-out 0.5s forwards
}

@keyframes drawExclamation1 {
    0% {
        left: 100%;
        opacity: 0
    }

    100% {
        left: 50%;
        opacity: 1
    }
}

@keyframes drawExclamation2 {
    0% {
        right: 100%;
        opacity: 0
    }

    100% {
        right: 50%;
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .alert-popup-new.error-popup,.alert-popup-new.success-popup {
        max-width:100%;
        padding: 30px 25px
    }

    .alert-popup-new h4 {
        font-size: 20px
    }

    .alert-popup-new p {
        font-size: 12px;
        margin: 0 0 12px
    }
}

@media screen and (max-width: 1366px) {
    .notification-productpopup .conform-bx-inner {
        width:800px;
        margin: 1% auto
    }

    .notification-productpopup .conform-bx-inner .POPd2 .i1 {
        height: 330px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 65px
    }
}

@media screen and (max-width: 1300px) {
    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size:1em
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 60px
    }
}

@media screen and (max-width: 1200px) {
    .notification-productpopup .conform-bx-inner .POPd1 .d1d1 img {
        height:103%
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d1 {
        width: 38%
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size: 1.2em
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3 {
        min-width: 125px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 125px
    }
}

@media screen and (max-width: 1100px) {
    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size:1.1em
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d1 img {
        height: 104%
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 60px
    }
}

@media screen and (max-width: 1024px) {
    .notification-productpopup .conform-bx-inner .POPmain-div {
        width:100%
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3 {
        min-width: 120px
    }

    button.cancel_button.mail_btn {
        top: -5px;
        right: -5px
    }
}

@media screen and (max-width: 980px) {
    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
        font-size:15px
    }
}

@media screen and (max-width: 900px) {
    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size:15px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
        height: 25px;
        width: 25px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div i {
        font-size: 1em
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 60px!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size: 14px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3 {
        min-width: 110px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 110px
    }
}

@media screen and (max-width: 840px) {
    .notification-productpopup .conform-bx-inner {
        width:96%
    }
}

@media screen and (max-width: 768px) {
    .conform-bx-inner {
        margin:5% auto
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d1 {
        display: none
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 {
        width: 100%
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3,.notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 130px;
        font-size: 14px;
        font-weight: 600
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark {
        left: 12px;
        height: 23px;
        border-radius: 5px;
        width: 23px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark:after {
        left: 6px;
        height: 14px;
        width: 6px
    }

    .shipmethod-productpopup .conform-bx-inner {
        width: 98%
    }

    .shipmethod-productpopup .conform-bx-inner .prship-block-image>img {
        display: none
    }

    .shipmethod-productpopup .conform-bx-inner .prship-block-image .prship-textblock {
        position: inherit;
        right: inherit;
        top: inherit;
        text-align: center;
        padding: 30px 0 0;
        width: 100%
    }

    .shipmethod-productpopup .conform-bx-inner .prship-block-image {
        height: 185px
    }

    .prship-block-image .prship-textblock h3,.prship-block-image .prship-textblock h3.lock-ship-head32 {
        padding-left: 0
    }

    .prship-block-image .prship-textblock h3.lock-ship-head31 {
        border-radius: 10px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        line-height: 14px
    }

    .conform-bx.express-checkout-shipping #default-shipping .process-btn-set {
        box-shadow: none
    }
}

@media screen and (max-width: 700px) {
    .notification-productpopup .conform-bx-inner {
        width:96%
    }

    .notification-productpopup .conform-bx-inner .d3 .in-out .in p {
        font-size: 15px
    }
}

@media screen and (max-width: 640px) {
    .conform-bx.increase-popup .in-detail-wrapper p {
        font-size:16px!important
    }

    .conform-bx.viewpriceing-loginpopup .conform-bx-inner {
        padding: 40px 0 20px
    }

    .conform-bx.viewpriceing-loginpopup .conform-bx-inner .ci-closebtn {
        top: 12px
    }

    .notification-productpopup .conform-bx-inner {
        width: 96%!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 55px!important
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2 {
        font-size: 25px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-1 {
        font-size: 18px;
        border-radius: 0
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 16px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size: 14px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3,.notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 98px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon {
        right: 0
    }

    .notification-productpopup .conform-bx-inner .POPd2 img {
        height: 300px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark {
        left: 15px;
        height: 17px;
        width: 17px;
        top: -2px;
        border-radius: 3px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark:after {
        left: 4px;
        height: 9px;
        top: -1px;
        width: 5px
    }

    .prship-centerblock .prcenter-block {
        padding: 10px 20px;
        overflow: auto;
        max-height: 200px
    }

    .atf_close {
        position: absolute;
        margin-left: 0;
        right: 0;
        top: 1px
    }

    .conform-bx.increase-popup .conform-bx-inner,.in-cl-btn-wrap {
        width: 90%
    }

    .conform-bx.increase-popup .placing-wrapper {
        background-image: none
    }

    .conform-bx.increase-popup .placing-wrapper h3,.conform-bx.increase-popup .placing-wrapper p {
        width: 100%;
        text-align: center
    }

    .conform-bx.increase-popup .placing-wrapper .title {
        text-align: center;
        max-width: 100%
    }

    .conform-bx.increase-popup .in-detail-wrapper h3 {
        margin: 0 0 9px;
        text-align: center;
        font-size: 16px
    }

    .conform-bx.increase-popup .placing-wrapper p {
        line-height: 25px;
        margin: 5px 0
    }

    .conform-bx.increase-popup .in-footer-wrapper {
        text-align: center
    }

    .conform-bx-inner .message {
        text-align: center
    }

    .total_dues,.current_due {
        width: 100%;
        min-height: 100px;
        padding: 20px
    }

    .total_dues {
        margin: 0 0 10px
    }

    .current_due:before {
        content: "";
        height: 2px;
        width: 200px;
        background-color: #3ea6ef;
        position: absolute;
        left: 50%;
        top: 0;
        margin-top: 0;
        margin-left: -100px
    }

    .current_due:after {
        content: "&";
        position: absolute;
        left: 50%;
        top: 0;
        background-color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        font-weight: 400;
        font-size: 17px;
        margin-top: -14px;
        color: #3ea6ef;
        margin-left: -15px
    }

    #ac-wrapper #confirmBox1 .message {
        max-height: unset
    }
}

@media screen and (max-width: 536px) {
    .notification-productpopup .conform-bx-inner .POPmain-div {
        width:100%!important
    }

    .notification-productpopup .conform-bx-inner .POPd1 {
        min-height: 110px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-1 {
        font-size: 16px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 14px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check {
        height: 55px!important
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon {
        height: 35px;
        width: 30px;
        right: 12px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
        height: 20px;
        width: 20px;
        margin-top: -3px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div i {
        font-size: 12px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out {
        justify-content: space-around;
        height: 55px!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .out {
        max-width: 100px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in {
        max-width: calc(100% - 100px)
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3,.notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 85px;
        font-size: 12px;
        min-height: 32px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
        font-size: 12px
    }

    .prship-footerblock .pric-block {
        width: 100%;
        text-align: center;
        margin: 0 0 11px
    }

    .prship-block-image .prship-textblock h3,.prship-block-image .prship-textblock h3.lock-ship-head31,.prship-block-image .prship-textblock h3.lock-ship-head32 {
        padding-left: 0;
        padding-right: 0
    }

    .prship-footerblock .pric-block button {
        float: none;
        margin: 10px auto 0;
        clear: both;
        min-width: 110px;
        display: block
    }

    .shipmethod-productpopup .conform-bx-inner .prship-footerblock {
        text-align: center
    }

    .prship-footerblock .pr-canselbtn {
        margin: 0 auto;
        float: none;
        display: inline-block;
        min-width: 110px
    }
}

@media screen and (max-width: 480px) {
    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2 {
        font-size:18px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
        margin-top: -2px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 10.5px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check {
        height: 49px!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 49px!important;
        justify-content: space-around
    }

    .notification-productpopup .conform-bx-inner .POPd1 {
        height: 98px
    }

    .notification-productpopup .conform-bx-inner .POPd3 {
        height: auto
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon {
        right: 5px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
        font-size: 11px;
        line-height: 1.3
    }

    .footer_btn span {
        width: 44%
    }

    form#subaccountform .footer_btn .popup-btn-store span {
        width: 100%;
        font-size: 14px
    }

    .nti-confirmbox .footer_btn {
        padding-top: 15px
    }

    .conform-bx.express-checkout-shipping #default-shipping .cform-control {
        width: 100%
    }

    .conform-bx.express-checkout-shipping #default-shipping .nice-select.open .nice-select-search-box+.list {
        max-height: 110px
    }

    .conform-bx.express-checkout-shipping #default-shipping .cform-group .nice-select>span {
        padding-right: 20px
    }

    .conform-bx.express-checkout-shipping #default-shipping .nice-select.open .nice-select-search-box+.list {
        margin-top: 56px!important
    }
}

@media screen and (max-width: 420px) {
    .notification-productpopup .conform-bx-inner .POPd2 .i1 {
        display:none
    }

    .notification-productpopup .conform-bx-inner .POPd2 .i2 {
        display: block;
        height: 300px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
        margin-top: -3px
    }

    .notification-productpopup .conform-bx-inner .POPd2 .i1 {
        height: 300px
    }
}

@media only screen and (max-height: 640px) {
    .notification-productpopup .conform-bx-inner .POPd2 .i1 {
        display:none
    }

    .notification-productpopup .conform-bx-inner .POPd2 .i2 {
        display: block;
        height: 350px!important
    }

    .shipmethod-productpopup .prship-centerblock h3.center-block-heading {
        font-size: 20px
    }
}

@media screen and (max-width: 400px) {
    .notification-productpopup .conform-bx-inner .POPd1 {
        min-height:90px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 {
        padding-top: 12px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 10px;
        line-height: 12px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon {
        height: 30px;
        right: 0
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon .icon-div {
        height: 15px;
        width: 15px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check,.notification-productpopup .conform-bx-inner .POPd3 .in-out {
        height: 41px!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size: 12px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .btn3,.notification-productpopup .conform-bx-inner .POPd3 .in-out .in a .continue_lock_ship,.notification-productpopup .conform-bx-inner .POPd3 .in-out .out a .btn2 {
        min-width: 72px;
        font-size: 10px;
        min-height: 25px
    }
}

@media screen and (max-width: 360px) {
    .notification-productpopup .conform-bx-inner .main-container,.notification-productpopup .conform-bx-inner .POPmain-div {
        width:98%
    }

    body .notpxication-productpopup .conform-bx-inner .POPcls-icon {
        right: -5px
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 10px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check p {
        font-size: 11px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
        font-size: 8px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark {
        left: 22px;
        height: 12px;
        width: 12px;
        top: -1px;
        border-radius: 3px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .check .containercheckbox .checkmark:after {
        left: 3px;
        height: 6px;
        top: -1px;
        width: 3px
    }

    .in-cl-btn-wrap {
        width: 96%
    }
}

@media screen and (max-width: 320px) {
    .notification-productpopup .conform-bx-inner .POPd1 {
        height:74px
    }

    .notification-productpopup .conform-bx-inner.POPd3 {
        height: auto
    }

    .notification-productpopup .conform-bx-inner .POPd1 .d1d2 h2.accbl-sh-2 {
        font-size: 9px
    }

    .notification-productpopup .conform-bx-inner .POPcls-icon {
        width: 15px;
        right: 3px;
        height: 25px
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out,.notification-productpopup .conform-bx-inner .POPd3 .check {
        height: 37px!important
    }

    .notification-productpopup .conform-bx-inner .POPd3 .in-out .in p {
        font-size: 10px!important;
        line-height: 1.3
    }
}

@media screen and (max-height: 545px) {
    .conform-bx-inner {
        display:block;
        max-height: 300px;
        overflow-y: auto;
        margin: 5% auto
    }

    .paypal-confirm-box .conform-bx-inner {
        max-height: none;
        overflow-y: hidden!important
    }

    .paypal-confirm-box .conform-bx-inner .paypal_tab_container {
        max-height: 375px;
        overflow-y: auto!important
    }

    .popup-otp-disable {
        float: left;
        display: block
    }

    .conform-bx-st-inner {
        width: 96%;
        margin: 25px auto;
        max-height: 300px;
        overflow-y: auto;
        display: block;
        position: static
    }

    .conform-bx-st-inner button.orclose_btn {
        top: 15px;
        right: 5px;
        z-index: 2
    }
}

.conform-bx.model-open {
    display: block
}

.conform-bx .international-shipping-popup {
    max-width: 850px;
    width: calc(100% - 20px);
    padding: 25px 0;
    border-radius: 26px;
    box-shadow: 0 0 34px 0 rgb(0 0 0 / .2);
    background-color: var(--white-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translatey(-50%)
}

.international-shipping-popup .popup-heading {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 20px 15px 20px;
    width: 100%;
    border-bottom: 1px solid #C8C8C8;
    position: relative;
    flex-wrap: wrap;
    border-radius: 0;
    background: #fff0
}

.international-shipping-popup .popup-heading h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.56px;
    color: var(--dark-color);
    position: relative;
    padding: 0 0 0 15px;
    width: auto
}

.international-shipping-popup .popup-heading h4::after {
    content: "";
    width: 4px;
    height: 14px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 8px)
}

.international-shipping-popup .popup-heading .close-btn {
    margin-left: auto;
    position: absolute;
    right: 20px
}

.international-shipping-popup .popup-body-block {
    width: 100%;
    margin: 0;
    padding: 0 15px;
    display: block
}

.international-shipping-popup .popup-body-block .error-message-box {
    width: 100%;
    text-align: left;
    color: #DF280A;
    padding: 0 20px;
    margin: 0 0 15px 0;
    font-weight: 600;
    font-size: 14px
}

.international-table {
    width: 100%;
    margin: 0;
    padding: 0 5px;
    display: block;
    max-height: 500px;
    overflow: auto
}

.international-table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: #F5F5F5;
    border-radius: 5px
}

.international-table::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border-radius: 5px
}

.international-table::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 5px
}

.international-table ul.international-table-header {
    box-shadow: 0 1px 5px 0 #00000024;
    padding: 20px 15px;
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: #FFF
}

.international-table ul.international-table-header li span {
    font-size: 13px;
    font-weight: 600;
    line-height: 16.25px;
    color: var(--nt-invoice-span-color);
    display: block
}

.international-table ul {
    width: 100%;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    background: #F5F5F5;
    border-radius: 9px;
    padding: 15px;
    text-align: left
}

.international-table ul li {
    min-width: 100px;
    margin: 0;
    padding: 0 10px;
    width: 65%
}

.international-table ul li .flex-name {
    display: none
}

.international-table ul li p {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    color: var(--dark-color);
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.international-table ul li a {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    color: #179BD7
}

.international-table ul li.g-product-sku {
    width: 25%
}

.international-table ul li.g-product-qty {
    width: 10%;
    text-align: right
}

.international-table ul li.g-order-number {
    width: 25%
}

@media screen and (max-height: 545px) {
    .international-shipping-popup {
        display:block;
        max-height: 300px;
        overflow-y: auto
    }
}

@media screen and (max-width: 768px) {
    .conform-bx .international-shipping-popup {
        max-width:100%;
        padding: 0 0;
        margin: 0 0;
        width: 100%;
        border-radius: 0
    }

    .international-shipping-popup {
        max-width: 100%;
        width: calc(100% - 0px);
        padding: 0 0 30px 0;
        margin: 0;
        height: 100%;
        border-radius: 0;
        top: 0;
        transform: none;
        overflow: auto
    }

    .international-shipping-popup .popup-heading {
        padding: 15px 20px;
        position: sticky;
        top: 0;
        background-color: #FFF;
        z-index: 99
    }

    .international-table {
        padding: 0;
        max-height: 100%;
        overflow: inherit
    }

    .international-table ul.international-table-header {
        display: none
    }

    .international-table ul {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px
    }

    .international-table ul li {
        display: flex;
        padding: 0 0 5px 0;
        width: 100%
    }

    .international-table ul li.g-product-sku,.international-table ul li.g-product-qty,.international-table ul li.g-order-number {
        width: 100%
    }

    .international-table ul li .flex-name {
        display: inline-block;
        font-size: 12px;
        min-width: 100px;
        text-align: left
    }
}

.overlay-voltage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    z-index: 999
}

.product-cart-popup {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 16px 0 #00000040;
    width: 100%;
    max-width: 522px;
    padding: 20px;
    text-align: center;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
    animation: fadeIn 0.3s ease;
    max-height: 100%;
    overflow: auto
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.product-cart-popup .icon {
    color: #dc2626;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-cart-popup .icon>div {
    width: 50px!important
}

.product-cart-popup .icon>img {
    height: 48px;
    width: 48px
}

.product-cart-popup .close-popup-btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--Outline,#DEDEDE);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    cursor: pointer
}

.product-cart-popup .close-popup-btn img {
    width: 20px;
    height: 12px
}

.product-cart-popup h2 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin: 0 0 12px 0;
    line-height: 30px;
    text-align: left
}

.product-cart-popup p {
    font-size: 16px;
    font-weight: 500;
    color: #6D6D6D;
    line-height: 21px;
    margin: 0 0 24px 0;
    text-align: left
}

.product-cart-popup a {
    color: #222;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    padding: 8px 16px;
    gap: 8px;
    background: #F3F4F5;
    margin-bottom: 24px
}

.product-cart-popup a[style="display: inline;"] {
    display: inline-flex!important
}

.product-cart-popup a>p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222;
    font-weight: 600;
    width: calc(100% - 40px);
    text-indent: 3px
}

.product-cart-popup .product-cart-popup-buttons {
    display: flex;
    justify-content: center;
    gap: 8px
}

.product-cart-popup .product-cart-popup-buttons button {
    padding: 12px 8px;
    border-radius: 20px;
    border: 1px solid #fff0;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.2s;
    width: 50%;
    line-height: 100%
}

.product-cart-popup .product-cart-popup-buttons button[disabled] {
    background: #F5F5F5;
    color: #00000040;
    cursor: not-allowed
}

.product-cart-popup .btn-secondary {
    background: #fff;
    color: #222
}

.product-cart-popup .product-cart-popup-buttons .btn-secondary {
    border: 1px solid #E0E0E0
}

.product-cart-popup .btn-secondary:hover {
    background: #f0f1f3
}

.product-cart-popup .btn-primary {
    background: #222;
    color: #fff
}

.product-cart-popup .btn-primary:hover {
    background: #000
}

.product-cart-popup .btn-primary:focus-visible,.product-cart-popup .btn-secondary:focus-visible {
    border: 1px solid #0084FF;
    box-shadow: 0 0 0 1px #0084FF40
}

.product-cart-popup .normal-link {
    display: none
}

.product-cart-popup .file-download {
    display: none
}

@media screen and (max-width: 520px) {
    .product-cart-popup .icon {
        margin-bottom:15px
    }

    .product-cart-popup h2 {
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 5px
    }

    .product-cart-popup p {
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 16px
    }

    .product-cart-popup a {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 16px
    }

    .product-cart-popup .product-cart-popup-buttons {
        flex-direction: column;
        gap: 10px
    }

    .product-cart-popup .product-cart-popup-buttons button {
        width: 100%
    }
}

@media screen and (max-width: 340px) {
    .product-cart-popup a {
        font-size:10px
    }
}

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
}

.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: .1px;
    color: var(--grey-color-tone-two)
}

.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/mobilesentrix_2.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
}

.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) #fff0 #fff0 #fff0;
    animation: borderchange 5s infinite;
    -webkit-animation: borderchange 5s infinite
}

.page-title h1 {
    font-size: 40px;
    margin: 0;
    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
}

.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: #fff0;
    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: #fff0 #fff0 var(--grey-color-tone-nine) #fff0;
    position: absolute;
    top: -9px;
    right: 0
}

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/info-sprites.webp);
    opacity: .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
    }
}

.dw_overrely {
    background-color: rgb(44 44 44 / .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/pop-bg.png);
    float: left;
    width: 353px;
    height: 537px;
    text-align: center;
    margin: 20px 0;
    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: 0;
    margin: 38px 0 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)
}

.account-create .form-list li.control {
    float: left;
    width: 50%
}

.account-create .form-list li.stylis_chk .input-box {
    position: relative;
    display: inherit
}

.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)
}

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: #fff0 var(--primary-color) #fff0 #fff0;
    position: absolute;
    left: -4px
}

span.r-lbl.commingsoon:before {
    border-color: #fff0 var(--dark-color) #fff0 #fff0;
    display: none
}

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

.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
}

.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: #fff0
}

.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 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-right: 0
}

.svg-list-container .svg-data-body li .svgprod-qty button.qtyminus {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-right: 0
}

.svg-list-container .svg-data-body li .svgprod-qty button.qtyplus {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    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/printscansprites.png);
    background-repeat: no-repeat;
    border: 0;
    min-width: 23px;
    background-size: 20px;
    background-color: #fff0
}

.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
}

.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)
}

.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)
}

.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/countrychangebg.jpg)
}

.country_change .cchange-poup-box-inner .pop-close {
    background-image: url(../images/Quick_close.png);
    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: 0 0 15px 0
}

.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 0 0 20px
}

.cchange-poup-box-inner .message .country-popright {
    float: left;
    padding: 26px 0
}

.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/right-checbox.png);
    background-repeat: no-repeat;
    background-position: 1px
}

#horizontalTab .countrySwithcerBlockMobile {
    display: none
}

.countrySwithcerBlockMobile {
    display: none
}

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)
}

#lcd-buyback {
    text-align: center;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgb(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 #fff0;
    border-color: #fff0 var(--dark-color) #fff0 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)
    }
}

.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
}

.wishlist-index-index .my-account {
    position: relative
}

.notification-card {
    box-shadow: 0 2px 14px 0 #00000029;
    width: 100%;
    max-width: 370px;
    margin: 0 0 50px auto;
    padding: 0;
    border-radius: 8px 0 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: #fff0;
    border: 0!important;
    border-radius: 0;
    color: #000;
    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
}

@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 0
    }

    .devicespopups {
        margin-left: -275px
    }

    .devicespopups .dwpop_section-2 h5 {
        margin: 25px 0 0;
        font-size: 45px;
        line-height: 50px
    }

    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 28px 15px
    }

    .behalf-bg-banner {
        background-position: 50%
    }

    .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 0
    }

    .devicespopups {
        margin-left: -242px
    }

    .devicespopups .dwpop_section-2 h5 {
        margin: 15px 0 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 0;
        left: -15px
    }

    .devicespopups {
        margin-left: -210px
    }

    .devicespopups .dwpop_section-2 h5 {
        margin: 15px 0 0;
        font-size: 30px;
        line-height: 33px
    }

    .devicespopups .dwpop_section-2 p.pop_approveacc {
        padding: 10px 0;
        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 0;
        left: -15px;
        margin: 10px 0;
        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 0;
        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
    }
}

.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 rgb(255 255 255 / .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)
    }
}

@font-face {
    font-family: 'Buffalo';
    src: url(../fonts/Buffalo-Regular.woff2) format('woff2'),url(../fonts/Buffalo-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.main-bundle-wrapper {
    float: left;
    width: 100%;
    display: block
}

.main-bundle-title {
    width: 100%;
    margin-bottom: 10px
}

.main-bundle-title h1 {
    color: var(--dark-color);
    font-size: 36px;
    font-weight: 600;
    padding-left: 12px
}

.bundle-banner {
    width: 100%;
    position: relative;
    border-radius: 26px;
    background: var(--grey-color-tone-eight);
    margin-bottom: 30px
}

.bundle-banner .banner-content {
    color: var(--grey-color-tone-one);
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .22px;
    margin: 0
}

.bundle-banner .bundle-banner-img {
    position: absolute
}

.bundle-main-grid-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3
}

.bundle-ex-co-btn {
    position: relative;
    float: right;
    width: 85px;
    height: 115px;
    background-color: var(--white-color);
    box-shadow: 0 1px 8px rgb(0 0 0 / 14%);
    border-radius: 0 0 20px 20px;
    cursor: pointer;
    margin-bottom: -28px;
    margin-top: -25px
}

.bundle-ex-co-btn span {
    background-image: url(../images/expand-collapse-sprite.svg);
    background-repeat: no-repeat;
    background-size: 85px;
    background-position: center 20px;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 100000000;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 165px
}

.bundle-ex-co-btn.expanded-bundle-block {
    background-color: var(--primary-color)
}

.bundle-ex-co-btn.expanded-bundle-block span {
    background-position: center -75px;
    color: var(--white-color)
}

.r-sidemenu {
    display: none
}

.expanded-main {
    max-width: 100%!important
}

.bundle-main-grid-block .left-bundle-group-block {
    text-align: center;
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .14)
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-label {
    color: var(--dark-color);
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
    padding: 16px 16px 0 16px
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list {
    max-height: 712px;
    overflow: auto
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list::-webkit-scrollbar {
    width: 5px
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list::-webkit-scrollbar-track {
    background-color: #fff0
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: var(--grey-color-tone-seven)
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    padding: 15px 21px 15px 13px;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / .2);
    border-radius: 14px;
    cursor: pointer;
    max-width: 180px;
    word-break: break-all;
    display: flex;
    align-items: center;
    justify-content: center
}

.bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data.active-bundle-prod,.bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data:hover {
    background-color: var(--common-my-order-primary-color);
    color: var(--white-color);
    box-shadow: none
}

.bundle-main-grid-block .right-bundle-detail-block {
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .14);
    padding: 15px 10px 25px 10px
}

.right-bundle-detail-block .bundle-prod-title {
    color: var(--dark-color);
    font-size: 24px;
    font-weight: 600;
    padding-left: 7px;
    margin-bottom: 15px;
    display: block
}

.bundle-header-grid,.bundle-detail-grid .bundle-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.bundle-header-grid {
    background: var(--white-color);
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / .14);
    border-radius: 9px;
    padding: 5px 12px;
    margin-bottom: 10px
}

.bundle-pro-name-sku {
    max-width: 315px;
    width: 100%;
    padding-right: 15px
}

.bundle-pro-name-sku .b-pro-name {
    width: 100%;
    display: block;
    word-break: break-word
}

.bundle-header-grid span,.bundle-detail-grid span {
    line-height: 21px;
    font-size: 14px;
    color: var(--dark-color)
}

.bundle-header-grid span {
    font-weight: 600;
    line-height: 18px
}

.bundle-detail-grid span {
    font-weight: 500
}

.bundle-price-qty {
    width: 330px;
    display: flex;
    align-items: center
}

.bundle-price-qty>.b-pro-sku {
    width: 105px;
    text-align: left;
    word-break: break-all;
    pointer-events: none
}

span.b-pro-sku * {
    border-bottom: none!important
}

.bundle-price-qty>span {
    text-align: center;
    width: 70px
}

.bundle-price-qty>.b-pro-b-price {
    width: 85px
}

.bundle-detail-grid {
    display: block;
    width: 100%;
    max-height: 480px;
    min-height: 480px;
    overflow: auto;
    position: relative
}

.bundle-detail-grid.animated-bundle {
    overflow: hidden
}

.bundle-detail-grid.animated-bundle:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: cartloader 2s infinite ease-in-out;
    -webkit-animation: cartloader 2s infinite ease-in-out;
    background: var(--grey-color-tone-eight);
    background-image: linear-gradient(to right,var(--grey-color-tone-eight),rgb(229 229 229 / .7),var(--grey-color-tone-eight))!important;
    background-size: 600px;
    border-radius: 9px
}

@keyframes cartloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@-webkit-keyframes cartloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@keyframes cartboxloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

@-webkit-keyframes cartboxloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

.bundle-detail-grid::-webkit-scrollbar {
    width: 5px
}

.bundle-detail-grid::-webkit-scrollbar-track {
    background-color: #fff0
}

.bundle-detail-grid::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: var(--grey-color-tone-seven)
}

.bundle-detail-grid .bundle-row {
    border-radius: 6px;
    background: var(--grey-color-tone-eight);
    padding: 10px 10px 10px 12px;
    margin-bottom: 7px
}

.bundle-detail-grid .bundle-row:last-child {
    margin-bottom: 0
}

.bundle-price-qty>.b-pro-b-price.b-out-of-stock {
    color: var(--d-danger-color);
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px
}

.bundle-product-total {
    max-width: 530px;
    width: 100%;
    float: right;
    margin: 14px 0 20px 0;
    border-radius: 8px;
    background: #FDF5EC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px 10px 100px
}

.bundle-product-total span {
    color: var(--dark-black-color-second);
    font-size: 16px;
    font-weight: 600
}

.buy-bundle-block {
    display: block;
    width: 100%;
    float: left;
    text-align: right
}

.buy-bundle-block .bundle-buy-btn {
    border-radius: 18px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
    font-weight: 600;
    padding: 14px 36px;
    font-size: 18px;
    cursor: pointer
}

.buy-bundle-block .bundle-buy-btn:hover {
    background: var(--white-color);
    color: var(--primary-color)
}

.buy-bundle-block .preorder-buy-btn {
    border-radius: 18px;
    border: 1px solid var(--preorder-btn-bg);
    background: var(--preorder-btn-bg);
    color: var(--white-color);
    font-weight: 600;
    padding: 14px 36px;
    font-size: 18px;
    cursor: pointer
}

.buy-bundle-block .preorder-buy-btn:hover {
    background: var(--white-color);
    color: var(--preorder-btn-bg)
}

@media screen and (min-width: 768px) {
    .bundle-banner {
        padding:40px 48px
    }

    .bundle-banner .banner-content {
        max-width: 400px;
        font-size: 17px
    }

    .bundle-banner .bundle-banner-img {
        right: 28px;
        bottom: -3px
    }

    .bundle-main-grid-block {
        flex-wrap: nowrap
    }

    .bundle-main-grid-block .left-bundle-group-block {
        width: 173px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-label {
        font-size: 14px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list {
        display: block;
        margin: 0 8px 0 0;
        padding: 8px 0 15px 0
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data {
        margin: 0 8px 15px 16px
    }

    .bundle-main-grid-block .right-bundle-detail-block {
        max-width: calc(100% - 183px);
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .bundle-ex-co-btn {
        display:block
    }
}

@media screen and (min-width: 1200px) {
    .bundle-banner .banner-content {
        font-size:22px;
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .bundle-banner {
        padding:45px 20px
    }

    .bundle-banner .banner-content {
        max-width: 400px
    }

    .bundle-banner .bundle-banner-img {
        right: 18px;
        bottom: -3px
    }

    .bundle-main-grid-block {
        flex-wrap: wrap
    }

    .bundle-main-grid-block .left-bundle-group-block,.bundle-main-grid-block .right-bundle-detail-block {
        max-width: 100%;
        width: 100%
    }

    .bundle-main-grid-block .left-bundle-group-block {
        margin-bottom: 20px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-label {
        text-align: left;
        font-size: 18px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list {
        display: flex;
        flex-wrap: nowrap;
        margin: 0 0 8px 0;
        padding: 8px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data {
        min-width: 180px;
        margin: 0 8px 15px 8px
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list::-webkit-scrollbar {
        height: 5px
    }
}

@media screen and (max-width: 639px) {
    .bundle-banner {
        padding:20px
    }

    .bundle-banner .bundle-banner-img {
        width: 140px;
        height: 89px
    }

    .bundle-banner .banner-content {
        max-width: 300px;
        font-size: 16px
    }

    .bundle-header-grid {
        display: none
    }

    .bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data {
        min-width: 160px;
        padding: 10px 15px
    }

    .bundle-detail-grid {
        min-height: inherit
    }

    .bundle-pro-name-sku {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px
    }

    .bundle-pro-name-sku .b-pro-name {
        font-weight: 400
    }

    .bundle-pro-name-sku span:before {
        content: attr(data-title);
        display: block;
        font-weight: 500
    }

    .bundle-price-qty {
        width: 100%;
        flex-wrap: wrap
    }

    .bundle-price-qty>.b-pro-sku,.bundle-price-qty>.b-pro-b-price {
        width: 50%
    }

    .bundle-price-qty span:nth-last-child(-n+2) {
        margin-bottom: 0
    }

    .bundle-detail-grid .bundle-row {
        flex-wrap: wrap
    }

    .bundle-price-qty span:before {
        content: attr(data-title);
        display: block;
        font-weight: 500;
        margin-bottom: 4px
    }

    .bundle-price-qty span {
        width: 50%;
        font-weight: 400;
        text-align: left;
        margin-bottom: 10px
    }

    .bundle-price-qty>.b-pro-b-price.b-out-of-stock::before {
        font-style: normal;
        font-size: 14px;
        color: var(--dark-color)
    }
}

@media screen and (max-width: 536px) {
    .buy-bundle-block {
        text-align:center
    }

    .bundle-product-total {
        padding: 10px 20px
    }

    .buy-bundle-block .bundle-buy-btn {
        padding: 8px 35px
    }

    .buy-bundle-block .preorder-buy-btn {
        padding: 8px 35px
    }
}

@media screen and (max-width: 479px) {
    .right-bundle-detail-block .bundle-prod-title {
        font-size:18px
    }

    .bundle-banner .banner-content {
        max-width: 230px;
        font-size: 14px;
        line-height: 22px
    }

    .bundle-banner .bundle-banner-img {
        right: 10px
    }
}

@media screen and (max-width: 375px) {
    .bundle-banner .banner-content {
        max-width:177px;
        font-size: 13px;
        line-height: 18px
    }
}

@media screen and (max-width: 320px) {
    .bundle-banner .bundle-banner-img {
        display:none
    }

    .bundle-banner .banner-content {
        max-width: 100%
    }
}

.col-main.expanded-main .main-bundle-title h1 {
    padding-left: 25px
}

.col-main.expanded-main .bundle-banner .banner-content {
    max-width: 800px
}

.col-main.expanded-main .bundle-main-grid-block .left-bundle-group-block {
    width: 277px;
    border-radius: 15px
}

.col-main.expanded-main .bundle-main-grid-block .right-bundle-detail-block {
    max-width: calc(100% - 295px);
    border-radius: 15px;
    padding: 15px 27px 25px 27px
}

.col-main.expanded-main .bundle-main-grid-block .left-bundle-group-block .bundle-group-list {
    margin: 0 35px 0 0
}

.col-main.expanded-main .bundle-main-grid-block .left-bundle-group-block .bundle-group-list .bundle-data {
    margin: 0 24px 15px 33px;
    font-size: 18px;
    padding: 14px 21px 14px 13px
}

.col-main.expanded-main .bundle-main-grid-block .left-bundle-group-block .bundle-group-label {
    margin-bottom: 15px;
    font-size: 24px
}

.col-main.expanded-main .right-bundle-detail-block .bundle-prod-title {
    font-size: 24px;
    margin: 15px 0 30px 0
}

.col-main.expanded-main .bundle-header-grid {
    padding: 12px 16px 12px 30px
}

.col-main.expanded-main .bundle-detail-grid .bundle-row {
    padding: 10px 16px 10px 30px;
    border-radius: 9px
}

.col-main.expanded-main .bundle-product-total {
    margin: 16px 0 28px 0;
    padding: 10px 40px 10px 115px
}

.col-main.expanded-main .bundle-price-qty {
    width: 400px
}

.col-main.expanded-main .bundle-price-qty>span {
    width: 90px
}

.col-main.expanded-main .bundle-pro-name-sku {
    width: 400px
}

.col-main.expanded-main .bundle-price-qty>.b-pro-sku,.col-main.expanded-main .bundle-price-qty .b-pro-r-price {
    width: 110px
}

.trigger-btn {
    padding: 12px 34px;
    background-color: var(--primary-color);
    border-radius: 50px;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 10px 0;
    min-width: 250px
}

.img-content-wrap,.modal-close-button,.trigger-btn,.trigger-btn:hover,.modal-close-button:hover {
    color: var(--white-color);
    font-weight: 400
}

.listing-popup-wrap .listing-modal-box .modal-close-button {
    background-color: var(--primary-color);
    padding: 6px 34px 6px 12px;
    border-radius: 35px;
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 20px;
    font-weight: 500
}

.listing-popup-wrap .listing-modal-box .modal-close-button span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    font-size: 19px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white-color);
    border: 2px solid var(--primary-color);
    position: absolute;
    right: 2px;
    top: 2px;
    color: var(--dark-color)
}

.listing-popup-wrap .listing-modal-box .listing-modal-content {
    background-color: var(--white-color);
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
    float: left;
    margin: 0!important
}

.listing-modal-box .listing-modal-content .model-bg-img {
    background-image: var(--listing-popup-shape-two);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-top: -1px;
    height: 92px;
    padding: 0 24px;
    border-radius: 8px 8px 0 0
}

.listing-modal-box .listing-modal-content .inner-model-bg-img {
    background-image: var(--listing-popup-shape-one);
    height: 244px;
    margin-bottom: 54px
}

.listing-modal-content .model-bg-img p {
    font-size: 18px;
    text-align: left;
    margin-bottom: 0;
    max-width: 304px;
    font-weight: 400
}

.listing-modal-box .popup-two .model-bg-img p {
    margin: auto;
    padding: 26px 0;
    max-width: 400px;
    text-align: center;
    color: var(--white-color);
    font-size: 16px
}

.listing-modal-content .img-content-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center
}

.listing-modal-content strong,.inner-model-body-content .select-form .submit-btn {
    font-weight: 700
}

.listing-modal-content .img-content-wrap .cart-image-wrap {
    width: 60px;
    height: 60px;
    background-color: var(--white-color);
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    background-image: var(--listing-cart-shape-img);
    background-repeat: no-repeat;
    background-position: center
}

.listing-modal-content .img-content-wrap .cart-image-wrap img {
    width: 100%;
    height: 100%;
    margin-top: 2px
}

.listing-modal-content .model-body-content {
    padding: 6px 16px 16px 16px;
    border-radius: 8px;
    text-align: center
}

.listing-modal-content .inner-model-body-content {
    position: absolute;
    top: 36%;
    width: 336px;
    background-color: var(--white-color);
    left: 50%;
    transform: translateX(-50%);
    padding: 24px;
    box-shadow: 0 0 40px rgb(0 0 0 / 15%);
    border-radius: 14px
}

.listing-modal-content .model-body-content .btn-border {
    border: 2px solid var(--primary-color);
    background-color: #fff0;
    color: var(--primary-color);
    font-weight: 400
}

.listing-modal-content .model-body-content .btn-border:hover {
    color: var(--primary-color)
}

.listing-popup-wrap .listing-modal-box {
    position: relative;
    width: 452px;
    background: none;
    border: 0;
    padding: 38px 20px 20px 20px;
    border-radius: 8px;
    box-shadow: none
}

.listing-modal-content .inner-model-body-content .select-form {
    display: block
}

.listing-modal-content .inner-model-body-content .select-form .popup-select {
    width: 100%;
    padding: 12px 10px;
    border: 2px solid var(--primary-color);
    background-color: var(--white-color);
    border-radius: 48px;
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px
}

.listing-modal-content .inner-model-body-content .select-form .popup-select:focus {
    outline: none
}

.listing-modal-content .inner-model-body-content .select-form option {
    color: var(--dark-black-color-one);
    padding: 4px
}

.listing-modal-content .inner-model-body-content .submit-btn {
    min-width: max-content;
    margin-bottom: 0
}

@media screen and (max-width: 536px) {
    .listing-modal-box .listing-modal-content .model-bg-img {
        height:80px
    }

    .listing-popup-wrap .listing-modal-box {
        width: 350px
    }

    .listing-modal-content .img-content-wrap .cart-image-wrap {
        width: 50px;
        height: 50px;
        padding: 8px
    }

    .listing-modal-content .img-content-wrap {
        justify-content: space-around
    }

    .listing-modal-content .img-content-wrap p {
        font-size: 15px;
        max-width: 192px
    }

    .listing-modal-content .model-body-content {
        padding: 12px 16px
    }

    .listing-modal-box .listing-modal-content .inner-model-bg-img {
        height: 236px;
        padding: 0 12px;
        margin-bottom: 38px
    }

    .listing-modal-content .inner-model-body-content {
        width: 240px;
        padding: 18px 16px
    }

    .listing-modal-box .popup-two .model-bg-img p {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5
    }
}

.RMApull-left {
    float: left;
    width: auto
}

.rma-export.loginas-customer {
    background-color: var(--grey-color-tone-eight);
    border-style: dashed;
    border-color: var(--primary-color)
}

.loginas-customer .prRMA_fileuplod .download-ic {
    background-color: var(--grey-color-tone-eight);
    border-style: dashed;
    border-color: var(--primary-color);
    color: var(--dark-color)
}

.loginas-customer div#radio_btn>div {
    background-color: var(--grey-color-tone-eight);
    border-style: dashed;
    border-color: var(--primary-color)
}

.loginas-customer div#downlaod_btn .button span {
    border-color: var(--primary-color);
    border-style: dashed;
    background-color: var(--grey-color-tone-eight)
}

.loginas-customer div#downlaod_btn .button span .BS-cls-2 {
    fill: var(--dark-color)
}

.consignmentrma-index-index .right-rma-button {
    margin-top: 12px
}

.consignmentrma-index-newrequest .right-rma-button>button {
    margin-top: 8px
}

.right-rma-button .button,.devicerma-right a {
    display: block;
    cursor: pointer;
    float: right;
    margin-left: 7px;
    padding: 0 7px;
    font-size: 15px;
    min-width: 130px;
    border-radius: 4px;
    line-height: 32px;
    margin-top: 2px
}

.devicerma-right {
    margin-top: 7px
}

.devicerma-right a {
    padding: 4px 7px
}

.rm-tooltip {
    display: inline-block;
    background-image: url(../images/info_btn.png);
    background-repeat: no-repeat;
    min-width: 17px;
    vertical-align: middle;
    margin: 0 3px;
    height: 17px;
    cursor: pointer
}

.rm-tooltip-content {
    display: none;
    position: absolute;
    width: 325px;
    right: 0;
    top: 30px;
    background-color: var(--dark-color);
    z-index: 1;
    line-height: 16px;
    padding: 6px;
    color: var(--white-color);
    border-radius: 4px
}

.rm-tooltip:hover+.rm-tooltip-content {
    display: block
}

.rm-tooltip-content:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: #fff0 #fff0 var(--dark-color) #fff0;
    position: absolute;
    top: -5px;
    right: 13px
}

.productrma-table tr th,.devicerma-table tr th {
    font-size: 14px
}

.productrma-table tr td:first-child,.rma-status {
    width: auto
}

.productrma-table tr td:nth-child(2) {
    width: 120px
}

.productrma-table .rma-credit {
    width: 102px
}

.productrma-table tr td:last-child,.devicerma-table tr td:last-child {
    width: 60px
}

.productrma-table .rma-download-icon img {
    margin-top: 4px;
    margin-left: 2px;
    cursor: pointer
}

.rma-requested {
    color: var(--positive-color)
}

.rma-completed {
    color: var(--sucess-color)
}

.rma-processing {
    color: var(--notice-color)
}

.select-user-container label:after {
    content: "";
    position: absolute;
    border: 7px solid;
    border-color: #fff0 #fff0 #fff0 var(--default-color);
    right: -14px;
    top: 17px
}

.rma-order-popup .conform-bx-inner {
    position: relative;
    overflow: visible!important;
    padding: 0;
    border: 0;
    max-width: 1024px;
    margin: 3% auto
}

.rmaorder-popup-container .rmaorder-popup-header {
    width: 100%;
    float: left;
    padding: 12px;
    background: var(--default-color)
}

.rmaorder-popup-header h4,.rmaorder-popup-header .rma-date {
    float: left;
    display: block
}

.rmaorder-popup-header .rma-date {
    float: right
}

.rma-date span {
    margin-right: 8px;
    color: var(--white-color);
    display: block;
    line-height: 18px
}

.rmaorder-popup-header h4 {
    line-height: 29px;
    color: var(--white-color);
    font-weight: 600;
    font-size: 22px
}

.rmaorder-popup-container {
    width: 100%;
    float: left;
    font-size: 14px;
    color: var(--dark-color);
    display: block
}

.rmapopup-address span:first-child {
    border-right: 1px solid var(--grey-color-tone-two);
    padding-right: 5px
}

.rma-location {
    margin: 7px 0 0
}

.rma-location svg {
    width: 14px
}

.rma-location svg path {
    fill: var(--grey-color-tone-three)
}

.rmaorder_tbody table.data-table tr th {
    text-transform: inherit;
    color: var(--white-color);
    font-size: 15px;
    background-color: var(--grey-color-tone-four);
    font-weight: 700
}

.rmaorder_tbody table.data-table tr td.productrma-reject {
    color: var(--error-color);
    position: relative
}

.rmaorder_tbody table.data-table tr td.productrma-accept {
    color: var(--sucess-color)
}

.rmaorder_tbody table .rma-total td {
    background: var(--grey-color-tone-six);
    border: #fff0
}

.rmaorder_tbody table.data-table tr td.rma-total {
    color: var(--dark-color)
}

.rmaorder_tfoot {
    width: 100%;
    float: left;
    padding: 10px;
    position: relative
}

.rma-comments {
    float: left;
    display: block;
    width: 23%;
    text-align: left
}

.rma-comments p {
    word-break: break-word
}

.rma-order-detail {
    display: block;
    float: right;
    border-left: 1px solid var(--grey-color-tone-seven)
}

.rma-order-detail table tr td {
    padding: 10px
}

.rma-order-detail table tr td span {
    display: inline-flex
}

.rma-order-detail tr.edit-trackid-shipmethod 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);
    padding-top: 10px
}

.rma-order-detail tr.edit-trackid-shipmethod td button.scalable_save.RMA_trakingCancelBT {
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 21px
}

.productrma-reject span.tooltiptext:after {
    border-color: #fff0 #fff0 var(--grey-color-tone-three) #fff0;
    top: -4px
}

.productrma-reject span.tooltiptext {
    right: 6px;
    top: 0;
    margin-top: 4px;
    min-width: 135px
}

.rma-dwnld {
    width: 16px
}

.rma-ic {
    float: right;
    margin-top: -10px;
    background: var(--default-color);
    border: 2px solid var(--default-color);
    width: 40px;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.rma-ic:hover {
    background: #fff0
}

.rma-ic .rma-dwnld path {
    fill: var(--white-color)
}

.rma-ic:hover .rma-dwnld path {
    fill: var(--default-color)
}

.rma-ic svg {
    margin-top: 2px
}

.pro-rma-container-label .product-name,.pro-rma-container-label .product-qty,.pro-rma-container-label .product-reason {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 12px 10px
}

.pro-rma-container .product-name {
    width: 66%;
    float: left;
    position: relative
}

.rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-name,.rma-create-order.consign-rma-main .pro-rma-container .product-name {
    max-width: calc(100% - 50%);
    width: 100%
}

.pro-rma-container .product-qty,.pro-rma-container .product-name,.pro-rma-container .product-reason {
    margin-right: 1%;
    padding-right: 0;
    font-weight: 500;
    line-height: 27px;
    font-size: 14px
}

.consign-rma-main .nice-select.pro-return-reason {
    border-radius: 0;
    border: 1px solid var(--grey-color-tone-five);
    padding: 0 9px;
    font-size: 14px
}

.consign-rma-main .nice-select.pro-return-reason span.current {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    display: inline-block;
    width: calc(100% - -10px)
}

.pro-rma-container-label .product-name {
    background: var(--default-color);
    color: var(--white-color)
}

.pro-rma-container-label .product-qty {
    background: var(--grey-color-tone-six);
    color: var(--dark-color)
}

.pro-rma-container-label .product-reason {
    background: var(--grey-color-tone-seven);
    color: var(--dark-color)
}

.pro-rma-container-label {
    width: 100%;
    float: left;
    margin-bottom: 8px
}

.pro-rma-container .product-reason select {
    padding-left: 6px;
    font-size: 15px
}

.pro-rmareturn-container {
    margin-bottom: 8px;
    width: 100%;
    float: left;
    position: relative
}

.rma-create-order .selorderbtn {
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
    padding: 5px 10px;
    width: 110px;
    min-height: 40px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 16px
}

.rma-create-order .selorderbtn:hover {
    color: var(--primary-color);
    background-color: #fff0
}

.pro-rmareturn-container ul.productlist.hidetable {
    max-height: 257px;
    width: 100%;
    font-weight: 300
}

.pro-rma-container .rma-disable input,.pro-rma-container .rma-disable select {
    background: var(--grey-color-tone-five)
}

.rma-disable {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.rma-create-order .download-ic {
    float: right;
    padding: 5px 10px;
    min-height: 40px;
    border-radius: 4px;
    line-height: 25px;
    font-weight: 400;
    cursor: pointer;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color)
}

.rma-create-order .download-ic i {
    position: relative;
    padding: 0 18px 9px 0;
    background: var(--my-account-sprite-bg) no-repeat;
    background-size: 45px;
    background-position: -14px -1743px
}

.rma-create-order .download-ic:hover i {
    background-position: -14px -1706px
}

.rma-create-box {
    width: 100%;
    float: left;
    padding: 20px;
    margin-top: 15px
}

.rma-order-btn {
    width: 100%;
    float: left;
    margin-top: 5px
}

.rma-reference {
    float: left;
    width: 305px;
    margin-left: 10px
}

.select-rma-address {
    width: calc(100% - 315px);
    margin: 0
}

.rma-reference input {
    height: 51px
}

.rma-create-order .rma-ftr-comment label,.devicerma-create-order .rma-ftr-comment label {
    width: 100%;
    float: left
}

.rma-create-box ul li.rma-lessthan {
    position: relative;
    display: initial
}

.rma-create-box ul li.rma-lessthan i.icon-info.tooltip {
    right: -29px;
    background-position: 0 -37px;
    opacity: 1;
    background-size: 80%;
    background-repeat: no-repeat
}

.rma-create-box ul li.rma-lessthan span.tooltiptext {
    right: -30px;
    font-size: 13px;
    font-family: inherit
}

.device_rma_subtitle {
    clear: both;
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-six);
    padding: 14px 14px 14px;
    margin: 15px 0 0
}

.device_rma_subtitle h2 {
    display: inline-block;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 14px
}

.productrma-table>tbody>tr>td {
    word-wrap: break-word
}

.rma-order-detail table tr td span.over-flwtrack {
    font-size: 13px;
    line-height: 13px;
    max-height: 73px;
    overflow-x: auto;
    width: 170px
}

.rma-order-detail table tr td span.over-flwtrack a {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

.rma-order-detail table tr td span::-webkit-scrollbar,.rmaorder_tbody .data-table tbody::-webkit-scrollbar {
    width: 8px;
    background-color: var(--grey-color-tone-five);
    border-radius: 80px
}

.rma-order-detail table tr td span::-webkit-scrollbar-thumb,.rmaorder_tbody .data-table tbody::-webkit-scrollbar-thumb {
    border-radius: 80px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: var(--grey-color-tone-one)
}

.rma-tracking-no a {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

.product-RMA-grid-table>tbody>tr>td:last-child {
    width: 110px
}

.devicerma-table>tbody>tr>td:last-child {
    min-width: 110px
}

.rma-order-popup button.orclose_btn {
    background: var(--error-color)
}

.rmaorder-popup-container strong {
    font-weight: 600
}

.rmapopup-address {
    background: var(--default-color);
    color: var(--white-color);
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 15px
}

.rma-comments span {
    color: var(--default-color);
    font-weight: 600
}

.swap-order-dwnld {
    display: inline-block;
    margin: 0;
    padding: 0
}

.CP-buttongroup {
    margin-right: 4px!important;
    margin-top: 3px
}

.CP-buttongroup a.button {
    background-color: #fff0;
    border: 0;
    padding: 0;
    line-height: normal;
    font-size: 13px
}

.CP-buttongroup .button span,.CP-buttongroup a.button span {
    background-color: var(--grey-color-tone-six);
    color: var(--grey-color-tone-three);
    line-height: normal;
    font-size: 13px;
    font-weight: 500;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-position: -16px -495px;
    background-size: 50px;
    padding: 5px 8px 5px 21px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 2px
}

.CP-buttongroup .button:hover span,.CP-buttongroup a.button:hover span {
    background-color: var(--white-color);
    color: var(--grey-color-tone-three)
}

.or-summary:after {
    position: relative;
    top: 4px
}

.or-summary.order_open:after {
    top: 0
}

.pdfbtn-tlist {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-position: -17px -499px;
    background-size: 50px;
    background-color: var(--grey-color-tone-six);
    display: inline-block;
    width: 24px;
    height: 22px;
    border: 1px solid var(--grey-color-tone-nine);
    border-radius: 2px;
    position: relative;
    top: -1px
}

.stylis-table-2.product-RMA-grid-table>thead>tr>th.width20 {
    width: auto
}

.stylis-table-2.product-RMA-grid-table>tbody>tr>td:first-child>input[type="checkbox"] {
    width: auto!important;
    height: auto!important
}

.swap-recent-table.stylis-table-2>tbody>tr>td:last-child {
    width: 128px
}

.product-RMA-grid-table .pdfbtn-tlist {
    top: 1px;
    margin-left: 2px
}

.swap-order-dwnld>div {
    margin-right: 0
}

.rmapopup-address .CP-buttongroup {
    float: right;
    margin-top: 17px
}

.rmapopup-address .CP-buttongroup .button {
    float: left;
    display: inline-grid
}

.rmapopup-address .CP-buttongroup .button.download_label {
    margin-right: 5px
}

.rmapopup-address .CP-buttongroup .button span {
    height: auto
}

.rmapopup-address .CP-buttongroup .button+a {
    margin-left: 7px
}

.right_neterms.CP-buttongroup {
    float: right;
    margin-bottom: 10px
}

.right_neterms.CP-buttongroup .button+.button {
    margin-left: 5px
}

.right_neterms.CP-buttongroup .button {
    float: left;
    display: grid
}

.fieldset.res-comment {
    margin-top: 15px
}

.device-rma-popup .rma-comments span {
    display: block
}

.device-rma-popup .rma-comments p {
    margin: 0;
    text-align: justify;
    overflow: auto;
    max-height: 75px;
    word-break: break-word;
    word-wrap: break-word
}

.device-rma-popup .rma-order-detail {
    height: auto
}

.rma-file-upload {
    display: inline;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left
}

.rma-file-upload input[type="file"] {
    position: absolute;
    top: -2px;
    left: -2px;
    max-width: 60px;
    height: 46px;
    margin-left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 200
}

.rma-file-upload input[type="file"]::file-selector-button {
    cursor: pointer
}

.demo_csv_download {
    float: right
}

.demo_csv_download a {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
    border-radius: 2px;
    padding: 8px 10px 8px 9px;
    background-color: var(--white-color)
}

.demo_csv_download a svg {
    width: 13px;
    position: relative;
    top: 4px
}

.devicesystem-rma-newrequest .pro-return-main-container div.pro-return-container {
    margin-bottom: 0
}

.pro-return-container .device-search ul.productlist.hidetable {
    max-width: calc(100% - 280px);
    right: 0
}

.pro-return-container .device-search ul.productlist.hidetable.full_dw_rma {
    max-width: 570px;
    left: calc(50% - 198px)
}

.devicereturnError,.productreturnError {
    margin-bottom: 0;
    width: 100%;
    float: left;
    display: none;
    margin-top: 15px
}

.devicereturnError ul,.productreturnError ul {
    background-color: var(--grey-color-tone-six);
    padding: 5px
}

.devicereturnError ul li,.productreturnError ul li {
    display: inline-block;
    padding: 2px 8px;
    width: auto;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--error-color);
    background-color: var(--white-color);
    border-radius: 15px;
    margin: 2px
}

.devicereturnError h2,.productreturnError h2 {
    font-size: 15px;
    line-height: 28px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 5px;
    position: relative;
    border-radius: 6px 6px 0 0
}

.RMApop_col {
    display: inline-block
}

.RMApop_col select,.RMApop_col .input-text {
    width: 185px;
    padding: 2px 7px;
    height: 33px;
    border-radius: 2px;
    font-size: 13px
}

.RMApop_col+.RMApop_col {
    margin-left: 11px
}

.RMApop_col label {
    font-size: 13px;
    font-weight: 500
}

.RMA_trakingBT {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    padding: 4px;
    min-width: 60px;
    color: var(--white-color);
    border-radius: 4px;
    height: 32px;
    font-size: 14px;
    text-transform: uppercase;
    width: auto;
    margin-top: 10px
}

.rmaorder_tbody .data-table thead,.rmaorder_tbody .data-table tfoot {
    display: table;
    width: 100%
}

.rmaorder_tbody .data-table tbody tr {
    table-layout: fixed;
    display: table;
    width: 100%
}

.rmaorder_tbody .data-table {
    max-width: 100%;
    table-layout: fixed;
    margin: auto;
    width: 100%
}

.rmaorder_tbody .data-table tbody {
    max-height: 264px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block
}

.rmaorder_tbody .data-table thead tr {
    display: table;
    width: 100%
}

.rmaorder_tbody .data-table thead tr th:first-child,.rmaorder_tbody .data-table tbody tr td:first-child {
    width: 555px
}

.rmaorder_tbody .data-table tfoot tr.rma-status-completed td:first-child {
    width: 648px
}

.rmaorder_tbody .data-table tfoot tr.rma-statusnot-completed td:first-child {
    width: 610px
}

.rmapopup-address .rma-location-detail {
    float: left
}

.rmapopup-address .RMA_CSVbutton {
    float: right;
    margin-top: 11px;
    margin-right: 10px
}

.rmapopup-address .RMA_CSVbutton button {
    float: left;
    min-width: 152px;
    border: 2px solid var(--white-color);
    line-height: 26px;
    height: 35px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--white-color);
    color: var(--dark-color)
}

.rmapopup-address .RMA_CSVbutton button svg {
    width: 15px;
    position: relative;
    top: 4px;
    left: -4px
}

.prRMA_fileuplod {
    display: inline
}

.rma-ftr-comment textarea {
    resize: none
}

.rma-create-order.consign-rma-main .pro-rmareturn-container.animated-btn .prRMA_fileuplod.photo-consign-btn {
    overflow: hidden;
    border-radius: 5px;
    pointer-events: none;
    animation: cartloader 2s infinite ease-in-out;
    -webkit-animation: cartloader 2s infinite ease-in-out;
    background: var(--grey-color-tone-six);
    background-image: linear-gradient(to right,var(--grey-color-tone-one),rgb(215 215 215 / 70%),var(--grey-color-tone-one))!important;
    background-size: 600px;
    height: auto
}

.continue_wrap {
    margin-top: 15px!important
}

.continue_wrap .continuebtndisable {
    display: block;
    text-align: center;
    background: var(--grey-color-tone-five);
    color: var(--grey-color-tone-four);
    cursor: default
}

.continue_wrap .continuebtn {
    display: block;
    text-align: center;
    background: var(--primary-color);
    color: var(--white-color);
    cursor: pointer
}

@keyframes cartloader {
    0% {
        background-position: -300px
    }

    100% {
        background-position: 300px
    }
}

.rma-create-order.consign-rma-main .pro-rmareturn-container.animated-btn .prRMA_fileuplod.photo-consign-btn .download-ic,.rma-create-order .pro-rmareturn-container.animated-btn .prRMA_fileuplod.photo-consign-btn .img-gallary {
    opacity: 0
}

.pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
    display: inline-block;
    max-width: calc(100% - 93%);
    width: 100%;
    position: relative;
    right: 0;
    margin-left: 9px
}

.rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary,.rmaorder_tbody .stylis-table-2>tbody>tr>td .img-gallary,.cart-scroll.responsive-con-rma-grid table tbody tr td .img-gallary {
    display: inline-block;
    height: 100%;
    width: 100%;
    max-width: 60px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-position: -21px -2576px;
    background-size: 70px;
    position: relative;
    z-index: 1
}

.rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary .img-count,.rmaorder_tbody .stylis-table-2>tbody>tr>td .img-gallary .img-count,.cart-scroll.responsive-con-rma-grid table tbody tr td .img-gallary .img-count {
    position: absolute;
    right: 2px;
    bottom: 10px;
    background: var(--dark-color);
    color: var(--white-color);
    height: 19px;
    width: 18px;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700
}

.rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary .img-remove {
    position: absolute;
    top: 3px;
    left: 20px;
    height: 18px;
    width: 18px;
    font-size: 10px;
    background: var(--error-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-weight: 900;
    border-radius: 50%;
    line-height: normal;
    cursor: pointer;
    z-index: 100
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2>tbody>tr>td .img-gallary {
    height: 50px;
    width: 60%
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2>tbody>tr>td .RM_tooltip_area .RM_tooltiptext {
    top: -12px;
    bottom: 0;
    left: -135px
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2>tbody>tr>td .RM_tooltip_area .RM_tooltiptext:before {
    transform: rotate(90deg);
    left: 97%;
    top: 42%
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2>tbody>tr>td.store-reason-image a.img-gallary,.cart-scroll.responsive-con-rma-grid table>tbody>tr>td.store-reason-image a.img-gallary {
    width: 30%;
    float: left;
    display: block
}

table>tbody>tr>td.store-reason-image span {
    width: 70%;
    display: flex;
    align-items: center;
    float: left;
    line-height: 17px;
    min-height: 50px;
    vertical-align: middle
}

.cart-scroll.responsive-con-rma-grid .responsive-rma-table tbody td.store-reason-image span {
    min-height: 20px
}

.cart-scroll.responsive-con-rma-grid table tbody tr td:last-child {
    padding: 5px
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2>tbody>tr>td .img-gallary .img-count {
    bottom: 14px;
    height: 15px;
    width: 15px;
    font-size: 10px
}

.cart-scroll.responsive-con-rma-grid {
    width: 100%
}

.cart-scroll.responsive-con-rma-grid table tbody tr td .img-gallary {
    height: 16px;
    background-size: 40px;
    width: 45px;
    background-position: -8px -1478px
}

.cart-scroll.responsive-con-rma-grid table tbody tr td .img-gallary .img-count {
    font-size: 7px;
    height: 12px;
    width: 12px;
    top: 3px;
    right: 8px
}

.rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .download-ic {
    line-height: 15px;
    font-weight: 600;
    font-size: 12px
}

.prRMA_fileuplod input {
    display: none
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 thead tr,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tbody tr,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr {
    min-height: 52px
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 thead tr th,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tbody tr td,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr td,.cart-scroll.responsive-con-rma-grid table thead tr th,.cart-scroll.responsive-con-rma-grid table tbody tr td {
    width: 10%;
    vertical-align: middle
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 thead tr th:first-child,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tbody tr td:first-child,.cart-scroll.responsive-con-rma-grid table thead tr th:first-child,.cart-scroll.responsive-con-rma-grid table tbody tr td:first-child {
    width: 38%
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 thead tr th:last-child,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tbody tr td:last-child,.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr td:last-child,.cart-scroll.responsive-con-rma-grid table thead tr th:last-child,.cart-scroll.responsive-con-rma-grid table tbody tr td:last-child {
    width: 15%
}

.cart-scroll.responsive-con-rma-grid table tbody tr td strong {
    font-weight: 800
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tbody tr td {
    padding: 0 10px;
    word-break: break-word
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr td:first-child {
    width: 30%
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr td {
    padding: 8px 10px
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tfoot .rma-comments {
    width: 60%
}

.rmaorder-popup-container.consign-rma-pop .rmaorderpop-sectons .rmaorder_tbody .stylis-table-2 tfoot tr td:last-child {
    padding-right: 48px
}

.export-demo-productreturn {
    background-color: var(--grey-color-tone-seven);
    display: inline-block;
    color: var(--dark-color);
    padding: 6px;
    height: 40px;
    border-radius: 4px;
    font-weight: 500;
    min-width: 120px;
    text-align: center;
    margin-right: 7px;
    line-height: 25px;
    font-size: 15px
}

.export-demo-productreturn svg {
    width: 14px;
    position: relative;
    top: 2px;
    left: 4px;
    float: left
}

.export-demo-productreturn:hover {
    background-color: var(--grey-color-tone-six);
    border-color: var(--grey-color-tone-six);
    color: var(--dark-color)
}

.devicesearch-detail:last-child {
    padding: 17px 14px
}

a.RMA_rowremove {
    background-color: var(--error-color);
    color: var(--white-color);
    font-size: 25px;
    font-weight: 600;
    padding: 8px;
    border-radius: 0 4px 5px 0;
    height: 46px;
    line-height: 30px;
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    z-index: -2;
    transform: translate(30px);
    cursor: pointer
}

.rma-create-order.consign-rma-main .pro-rmareturn-container,.rma-create-order.consign-rma-main .pro-rma-container-label {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.pro-rmareturn-container:hover .RMA_rowremove {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translate(34px)
}

.RMA_rowremove:hover {
    color: var(--white-color)
}

.rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
    position: absolute;
    max-width: calc(100% - 96.5%);
    width: 100%;
    height: 42px;
    transform: translate(0);
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0 4px 4px 0;
    right: -35px;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.rma-create-order.consign-rma-main .pro-rmareturn-container:hover a.RMA_rowremove {
    display: flex
}

.rma-order-btn .RMA_rightBTNs {
    float: right;
    font-weight: 600;
    color: var(--error-color)
}

.pro-return-container .product-name .productidcls.full_dw_rma {
    max-width: 570px
}

.rma-address-dropdown .address-dropdown-selected {
    background-color: var(--grey-color-tone-seven)
}

.common-address-dropdown.rma-address-dropdown .common-dropdown-menu {
    max-height: 350px
}

.fetchRMAItemImgPopUp {
    float: right;
    margin-top: 3px;
    margin-right: 4px;
    height: 16px
}

.rmaorder_tbody .data-table td {
    padding: 15px 7px;
    vertical-align: middle;
    font-size: 13px
}

.rma-reference i.icon-info.tooltip_1 {
    margin-left: 0
}

.pro-rma-container {
    margin-top: 0
}

.rma-create-order .checkbox-options td {
    padding: 5px
}

.rma-ftr-comment {
    width: 100%;
    float: left;
    margin: 15px 0 0
}

.select-rma-address label,.rma-reference label {
    margin: 0 0 2px;
    display: inline-block
}

.rma-create-order .hidetable thead,.dataTables_info,.dataTables_paginate {
    display: none
}

.rma-create-order .hidetable {
    position: absolute;
    top: 22px;
    display: none;
    z-index: 100
}

.rma-create-order .pro-return-main-container .product-name {
    position: relative
}

.rma-create-order span.highlight {
    color: var(--error-color);
    font-weight: bolder
}

.rmaorder-popup-container .rma-total strong,.rmaorder-popup-container .rma-order-detail strong {
    font-weight: 600
}

.rmaorder_tbody {
    max-height: none;
    overflow: inherit
}

.pro-return-container .product-qty .pro-return-qty {
    font-size: 16px
}

.pro-rma-container .product-qty {
    float: left;
    width: 12%
}

.rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-qty {
    width: 100%
}

.pro-rma-container .product-reason {
    float: left;
    width: 20%;
    padding-right: 0;
    margin-right: 0
}

.rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-reason,.rma-create-order.consign-rma-main .pro-rma-container .product-reason {
    max-width: calc(100% - 80%);
    width: 100%
}

.rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-reason.consign-qnty,.rma-create-order.consign-rma-main .pro-rma-container .product-reason.consign-qnty {
    margin-left: 8px
}

.rma-yourspend {
    font-size: 15px;
    color: var(--grey-color-tone-six)
}

.rma-location-detail tr td {
    font-weight: 600
}

.rma-location-detail tr td:nth-child(2) {
    width: 20px;
    padding-left: 8px
}

.device-search {
    width: 100%;
    float: left
}

.device-search label,.pro-return-main-container.pro-return-main-container_dw .mob-device-label {
    background: var(--grey-color-tone-three);
    color: var(--white-color);
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    width: 260px;
    display: block;
    text-align: center;
    padding: 12px 5px;
    float: left;
    position: absolute;
    left: 0
}

.device-search label:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff0;
    border-top: 10px solid #fff0;
    border-left: 10px solid var(--grey-color-tone-three);
    right: -9px;
    top: 13px
}

.pro-return-main-container.pro-return-main-container_dw .mob-device-label {
    display: none
}

.device-search input#devicereturn-firsttxtbox {
    float: right;
    max-width: calc(100% - 280px);
    width: 100%
}

.rma-export span {
    position: relative;
    background: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: -19px -2130px;
    display: inline-block;
    width: 23px;
    height: 27px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -khtml-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s
}

.rma-export:hover {
    background: #fff0
}

.or-text {
    position: relative;
    width: 100px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    color: var(--grey-color-tone-one)
}

.or-text:before,.or-text:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 10px;
    background-color: var(--grey-color-tone-seven)
}

.or-text:before {
    left: 7px
}

.or-text:after {
    right: 7px
}

.devicesearch-detail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--grey-color-tone-seven);
    padding: 17px 14px 0;
    width: 100%;
    margin-bottom: 0
}

.devicesearch-detail .product-name,.devicesearch-detail .product-reason {
    display: inline-block
}

.devicesearch-detail .product-reason {
    width: 26%
}

.devicesearch-detail .product-reason input {
    height: 100%
}

.devicesearch-detail .product-name {
    background: var(--grey-color-tone-six);
    padding: 2px 5px;
    border: 1px solid var(--grey-color-tone-seven);
    font-size: 14px;
    color: var(--dark-color);
    font-weight: 400;
    width: 73%;
    display: flex;
    justify-content: space-between
}

.devicesearch-detail .product-name ul li {
    line-height: 20px
}

.devicesearch-detail .product-name .productlist {
    padding-right: 10px;
    order: 1
}

.rma-cancel {
    float: right;
    display: block;
    cursor: pointer;
    min-width: 15px;
    fill: var(--error-color);
    order: 2
}

.rma-left,.rma-right {
    width: 38%;
    float: left;
    margin-right: 1%;
    color: var(--dark-color)
}

.rma-right {
    width: 30%
}

.rma-left select,.rma-right input {
    background: var(--grey-color-tone-six);
    border: 0
}

.rma-right input {
    height: 46px
}

.rma-create-box .ch-col-1 h3 {
    width: 100%;
    float: left;
    position: relative
}

.rma-add ul {
    width: 100%;
    float: left
}

input.rma-tracking {
    margin-top: 0
}

.pro-return-main-container,.pro-rma-container {
    float: left;
    width: 100%
}

.pro-return-container-label .product-name,.pro-return-main-container .product-name {
    float: left;
    width: 68%
}

.pro-return-container-label .product-qty,.pro-return-main-container .product-qty {
    float: left;
    width: 12%;
    padding-right: 10px
}

.pro-return-container-label .product-reason,.pro-return-main-container .product-reason {
    float: left;
    width: 20%;
    padding-right: 0
}

.pro-return-container-label .product-comments,.pro-return-main-container .product-comments {
    float: left;
    width: 21.5%
}

.pro-return-main-container .product-comments textarea {
    width: 100%;
    height: 46px;
    margin: 0
}

.pro-return-container-label .product-comments label,.pro-return-container-label .product-name label,.pro-return-container-label .product-qty label,.pro-return-container-label .product-reason label {
    font-weight: 700;
    color: var(--grey-color-tone-three);
    padding-bottom: 3px;
    display: block
}

.pro-return-main-container div.pro-return-container {
    float: left;
    width: 100%
}

.pro-return-main-container.pro-return-main-container_dw .pro-return-container-label .product-name,.pro-return-main-container.pro-return-main-container_dw .product-name {
    width: 100%
}

.pro-return-main-container.pro-return-main-container_dw .product-qty {
    width: 40%
}

.pro-return-main-container .pro-return-container select,.pro-return-main-container .product-qty select,.pro-return-main-container .product-reason select {
    width: 100%
}

.pro-return-main-container.pro-return-main-container_dw .pro-return-container-label .product-name {
    width: 100%
}

.selorderbtndw {
    padding: 5px 10px;
    width: 120px;
    min-height: 40px;
    cursor: pointer;
    background-color: var(--default-color);
    border: 2px solid var(--default-color);
    color: var(--white-color)
}

.pro-return-main-container.pro-return-main-container_dw .product-name .imei-list {
    float: left;
    max-width: calc(100% - 175px);
    width: 100%;
    position: relative;
    margin-top: 0
}

.pro-return-main-container.pro-return-main-container_dw .product-name .imei-file-upload {
    max-width: 175px;
    width: 100%;
    display: flex;
    align-items: center
}

.product-return-div ul li.selected {
    background-color: var(--grey-color-tone-six)
}

.pro-return-main-container_dw .product-name .hidetable thead,.dataTables_info,.dataTables_paginate {
    display: none
}

.pro-return-main-container_dw .product-name .hidetable {
    position: absolute;
    top: 22px;
    display: none;
    z-index: 100
}

.pro-return-main-container_dw .product-name {
    position: relative
}

.product-listing-td span.highlight {
    color: var(--error-color);
    font-weight: bolder
}

body.devicesystem-rma-index .limiter label,body.devicesystem-rma-index .pager .amount {
    float: left;
    left: 0;
    line-height: 45px;
    padding: 0 10px
}

.pro-return-container ul.productlist.hidetable {
    overflow-y: auto;
    max-height: 367px;
    background-color: var(--white-color);
    top: 45px;
    width: 100%;
    border: 1px solid var(--grey-color-tone-five)
}

.pro-return-container ul.productlist.hidetable li {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--grey-color-tone-five);
    padding: 5px 0 5px 10px;
    cursor: pointer
}

.pro-return-container ul.productlist.hidetable li:nth-child(even) {
    background-color: var(--grey-color-tone-eight)
}

.pro-return-container ul.productlist.hidetable li:hover {
    background-color: var(--grey-color-tone-seven)
}

.pro-return-container .product-name .pro-return-name {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--dark-color)
}

.pro-return-container ul.productlist.hidetable li.nomatch {
    padding: 9px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--grey-color-tone-eight);
    color: var(--primary-color)
}

.pro-return-container ul.productlist.hidetable li.nomatch+li {
    display: none
}

.pro-return-container ul.productlist.hidetable li.selected {
    background-color: var(--default-color);
    color: var(--white-color)
}

#product-rma-form .product-name input.pro-return-name,#product-rma-form .pro-return-container .product-name .productidcls {
    border: 1px solid var(--grey-color-tone-five);
    float: left;
    padding: 8px;
    width: 100%;
    line-height: 24px
}

.consign-rma-main .nice-select.pro-return-reason.open .nice-select-search-box+.list {
    margin-top: 0!important
}

.consign-rma-main .nice-select.pro-return-reason .nice-select-search-box {
    display: none
}

.consign-rma-main .nice-select.pro-return-reason .list {
    min-width: 270px;
    padding-top: 0
}

.pro-return-container .product-name .productidcls {
    width: calc(100% - 460px)
}

.rma-export {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    width: 60px;
    height: 46px;
    border-radius: 4px;
    padding: 4px 4px 0 4px;
    position: relative
}

.rma-export:hover span {
    background-position: -19px -2084px
}

td.a-center.red-bg-tbl {
    color: var(--white-color)
}

.brokenscreens-createorder .createorder-form .checkbox-options {
    float: left;
    width: 100%
}

.checkbox-options {
    background-color: var(--default-color);
    color: var(--white-color);
    padding: 10px;
    margin: 10px 0;
    border: #fff0
}

.checkbox-options ul {
    float: left;
    width: 100%;
    list-style: disc;
    margin-left: 0
}

.checkbox-options b {
    color: var(--error-color)
}

.checkbox-options label {
    font-weight: 500
}

div#paypalid {
    position: relative
}

.loginas-customer>a {
    border: 2px dashed var(--primary-color);
    background-color: var(--grey-color-tone-seven);
    border-radius: 4px
}

.rma-export.loginas-customer span {
    background-position: 1px -143px
}

.loginas-customer .prRMA_fileuplod .download-ic i {
    background-position: -12px -1705px
}

.lcdbuyback-createorder .total-bslbl,.rma-create-box .total-bslbl {
    display: block;
    border-bottom: 1px solid var(--white-color);
    text-align: right;
    font-size: 17px
}

.lcdbuyback-createorder ul.total-bslbl li {
    display: inline-block;
    font-weight: 500
}

.lcdbuyback-createorder ul.total-bslbl li:first-child {
    width: auto;
    text-align: left
}

.lcdbuyback-createorder ul.total-bslbl li:first-child input {
    width: auto;
    max-width: 150px
}

.lcdbuyback-createorder .ch-col-1 h3,.rma-create-box .ch-col-1 h3 {
    font-weight: 700;
    color: var(--white-color);
    line-height: 18px;
    margin: 10px 0
}

.lcdbuyback-createorder .checkbox-options label,.rma-create-order .checkbox-options label {
    font-size: 18px
}

.lcd-sp ul,.lcd-add ul {
    list-style: none;
    font-size: 16px;
    line-height: 26px
}

.lcd-sp ul {
    margin-left: 19px
}

.ch-col-1 {
    float: left
}

.bs-col-55 {
    width: 55%
}

.bs-col-45 {
    width: 45%
}

.lcdbuyback-createorder .ch-col-1,.rma-create-box .ch-col-1 {
    width: 100%;
    position: relative
}

.checkbox-options.consign-check-option b {
    color: var(--white-color)
}

.checkbox-options.consign-check-option .ch-col-1 {
    margin-left: 0
}

.lcdbuyback-createorder ul.total-bslbl li input {
    background: #fff0;
    border: #fff0;
    color: var(--white-color);
    font-weight: 600
}

.lcdbuyback-createorder ul.total-bslbl li:nth-child(2) input {
    width: 90px
}

li.bs-disabled {
    color: var(--grey-color-tone-five)!important
}

.brokenscreens-createorder .createorder-form .checkbox-options table {
    clear: both;
    float: left
}

.lcdbuyback-createorder .lcd-sp,.lcdbuyback-createorder .print_label_2,.rma-create-order .lcd-sp,.rma-create-order .print_label_2 {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.lcdbuyback-createorder .lcd-ship,.lcdbuyback-createorder .lcd-total-ship,.rma-create-order .lcd-ship,.rma-create-order .lcd-total-ship {
    position: absolute;
    right: 50px;
    background: var(--grey-color-tone-six);
    color: var(--grey-color-tone-three);
    padding: 15px;
    top: 0;
    margin-top: 40px;
    width: auto
}

.lcdbuyback-createorder .lcd-total-ship {
    right: 30px;
    width: 420px
}

.lcdbuyback-createorder .lcd-ship:before,.lcdbuyback-createorder .lcd-total-ship:before,.rma-create-order .lcd-ship:before,.rma-create-order .lcd-total-ship:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff0;
    border-top: 15px solid #fff0;
    border-right: 15px solid var(--grey-color-tone-six);
    left: -15px;
    top: 16px
}

.lcdbuyback-createorder .lcd-total-ship table {
    width: 100%
}

.lcdbuyback-createorder .lcd-total-ship select,.lcdbuyback-createorder .lcd-total-ship input {
    height: 43px;
    border-color: var(--grey-color-tone-six);
    font-family: 'Raleway',sans-serif
}

.lcdbuyback-createorder .lcd-total-ship:before,.rma-create-order .lcd-total-ship:before {
    top: 52px
}

.lcdbuyback-createorder .lcd-ship table span {
    padding: 0 12px
}

.lcdbuyback-createorder .lcd-ship table span input[type=radio] {
    margin-right: 5px
}

.lcdbuyback-createorder .lcd-ship table span.yes-span {
    border-left: 1px solid var(--dark-color)
}

.lcdbuyback-createorder .lcd-ship label {
    font-weight: 300
}

.lcd-no #fedexboxes {
    display: inline-block;
    margin-left: 5px;
    width: 70px;
    height: 43px;
    border-color: var(--grey-color-tone-six)
}

.lcdbuyback-createorder .address-bar {
    margin-right: 2%;
    position: relative;
    width: 60%;
    margin-top: 0
}

.lcdbuyback-createorder .lcd-payop {
    width: 38%
}

.lcdbuyback-createorder .address-bar,.lcdbuyback-createorder .lcd-payop {
    float: left;
    display: block;
    font-size: 16px
}

.lcdbuyback-createorder .address-bar label,.lcdbuyback-createorder .lcd-payop label,.lcdbuyback-createorder #paypal_id label {
    margin: 0 0 2px;
    display: inline-block;
    font-size: 16px
}

.lcdbuyback-createorder .address-bar select#billing-address-select {
    width: 100%
}

.lcdbuyback-createorder div#comment label,.rma-create-order .rma-ftr-comment label,.devicerma-create-order .rma-ftr-comment label {
    background: var(--grey-color-tone-three);
    color: var(--white-color);
    padding: 10px;
    font-size: 18px;
    margin: 0
}

.lcd-note {
    color: var(--grey-color-tone-three);
    font-size: 16px;
    width: 100%;
    float: left;
    margin: 10px 0;
    line-height: 26px;
    text-align: justify
}

.lcd-address-area {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px
}

.lcd-addr .buttons-set {
    margin: 10px 0 0;
    padding: 0;
    float: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.lcd-addr .bslinks>a {
    float: right;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline
}

.lcd-addr .buttons-set button.button>span {
    border-radius: 5px;
    height: 45px
}

.lcd-addr {
    padding-bottom: 15px
}

.lcd-add ul li {
    line-height: 28px
}

.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 #fff0;
    border-left: 10px solid #fff0;
    border-bottom: 10px solid var(--default-color);
    right: 100px;
    top: -17px
}

.lcd-add ul li input[type=checkbox] {
    margin-right: 2px
}

.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 {
    width: 100%;
    min-height: 40px
}

.paypal-icon p {
    margin-bottom: 10px
}

.lcdbuyback-createorder #paypal_id label {
    margin-top: 6px
}

.bsaddress-dropdown,.common-address-dropdown {
    width: 100%;
    display: inline-block;
    background-color: var(--white-color);
    border-radius: 0;
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: var(--grey-color-tone-three);
    height: 100%;
    text-align: left;
    border: 1px solid var(--grey-color-tone-five)
}

.bsaddress-dropdown .select,.common-address-dropdown .select {
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    padding: 5px;
    height: 50px;
    align-items: center
}

.lcd-payop .bsaddress-dropdown .select.paypal-option {
    padding-left: 25px;
    background-size: 70px;
    background-position: -14px -2320px
}

.lcd-payop .bsaddress-dropdown .select {
    background-image: var(--my-account-sprite-bg);
    background-size: 60px;
    background-position: -18px -2039px;
    background-repeat: no-repeat
}

.select-bs-address .bsaddress-dropdown .select,.select-rma-address .common-address-dropdown .select {
    background-image: var(--my-account-sprite-bg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: -13px -1735px
}

.select-bs-address .bsaddress-dropdown .bsdropdown-menu li,.select-rma-address .common-address-dropdown .common-dropdown-menu li {
    background-image: var(--my-account-sprite-bg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: -13px -1741px;
    padding-left: 30px
}

small.bs-addrees-icon,small.rma-addrees-icon {
    background-image: var(--my-account-sprite-bg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: -13px -1741px;
    width: 24px;
    display: inline-block
}

.bsaddress-dropdown .select span,.common-address-dropdown .select span {
    font-size: 13px;
    display: inline-block;
    line-height: 15px;
    padding-left: 25px
}

.bsaddress-dropdown .select>i,.common-address-dropdown .select>i {
    font-size: 10px;
    color: var(--grey-color-tone-two);
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;
    background-color: var(--grey-color-tone-eight);
    width: 42px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid var(--grey-color-tone-five)
}

.bsaddress-dropdown .select>i:after,.common-address-dropdown .select>i:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: var(--grey-color-tone-two) #fff0 #fff0 #fff0;
    position: absolute;
    top: 22px;
    left: 13px
}

.bsaddress-dropdown:hover,.common-address-dropdown:hover {
    box-shadow: 0 0 4px #ccc
}

.bsaddress-dropdown:active,.common-address-dropdown:active {
    background-color: var(--grey-color-tone-eight)
}

.bsaddress-dropdown.active:hover,.bsaddress-dropdown.active {
    box-shadow: 0 0 4px #ccc;
    border-radius: 5px 5px 0 0;
    background-color: var(--grey-color-tone-eight)
}

.bsaddress-dropdown.bsactive .select>i:after {
    transform: rotate(-180deg)
}

.bsaddress-dropdown .bsdropdown-menu,.common-address-dropdown .common-dropdown-menu {
    position: absolute;
    background-color: var(--white-color);
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 4px 11px rgb(58 57 57 / .68);
    border-radius: 0 0 0 0;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9;
    padding: 0;
    list-style: none
}

.bsaddress-dropdown .bsdropdown-menu li,.common-address-dropdown .common-dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.bsaddress-dropdown .bsdropdown-menu li:hover,.common-address-dropdown .common-dropdown-menu li:hover {
    background-color: var(--grey-color-tone-eight)
}

.bsaddress-dropdown .bsdropdown-menu li:active,.common-address-dropdown .bsdropdown-menu li:active {
    background-color: var(--grey-color-tone-six)
}

.lcd-payop .bsdropdown-menu {
    width: 100%
}

div#paypalid .input-text {
    height: 52px;
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: -14px -2320px;
    padding-left: 50px;
    padding-right: 30px
}

.bsaddress-dropdown .bsdropdown-menu li.intcredit {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: -13px -2044px;
    padding-left: 40px
}

.bsaddress-dropdown .bsdropdown-menu li.paythroughpaypal {
    background-image: var(--my-account-sprite-bg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: -14px -2157px;
    padding-left: 40px
}

.DwRmaRefrence {
    position: relative
}

.DwRmaRefrence .RM_tooltip_area {
    float: none;
    display: inline-block;
    margin-left: 6px
}

.DwRmaRefrence .RM_tooltip_area .RM_tooltiptext {
    width: 270px;
    left: auto;
    right: -17px
}

.DwRmaRefrence .RM_tooltip_area .RM_tooltiptext:before {
    right: 7%;
    left: auto
}

.RM_tooltip_area .RMA_infoico {
    background-image: var(--my-account-sprite-bg);
    background-size: 50px;
    background-repeat: no-repeat;
    position: inherit;
    display: inline-block;
    background-position: -20px -1803px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.RM_tooltip_area {
    float: right;
    position: relative
}

.RM_tooltip_area .RM_tooltiptext {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 4px 3px;
    background-color: var(--dark-color);
    color: var(--white-color);
    font-size: 11px;
    width: 125px;
    left: inherit;
    right: -8px;
    border-radius: 4px;
    z-index: 2;
    text-align: center;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 13px
}

.RM_tooltip_area .RMA_infoico:hover+.RM_tooltiptext {
    opacity: 1;
    visibility: visible
}

.RM_tooltip_area .RM_tooltiptext:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 6px 6px;
    border-color: #fff0 #fff0 var(--dark-color) #fff0;
    position: absolute;
    top: -5px;
    left: inherit;
    right: 10px
}

.stylis-table-2 tbody tr td .RM_tooltip_area .RM_tooltiptext {
    top: 25px;
    bottom: 0;
    left: auto;
    right: -5px
}

.stylis-table-2 tbody tr td .RM_tooltip_area .RM_tooltiptext:before {
    top: -5px
}

.responsive-rma-table .RM_tooltip_area {
    position: relative
}

.responsive-rma-table .RM_tooltip_area .RM_tooltiptext {
    left: 0;
    margin-top: 0
}

.RMcam-icon {
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    height: 15px
}

.dWRma_table .rma-total {
    background-color: var(--grey-color-tone-seven)
}

.red-bg-tbl {
    background-color: var(--primary-color)
}

.stylis-table-2.dWRma_table tbody tr td .RM_tooltip_area .RM_tooltiptext {
    bottom: 38px
}

.BSRmaRefrence {
    position: relative
}

.BSRmaRefrence .RM_tooltip_area {
    float: none;
    display: inline-block;
    margin-left: 6px
}

.BSRmaRefrence .RM_tooltip_area .RM_tooltiptext {
    width: 270px;
    right: -17px;
    left: auto
}

.bs_refrenceno_section .RM_tooltip_area .RM_tooltiptext:before {
    left: auto;
    right: 7%
}

.dWRma_table .productrma-reject {
    color: red
}

.dWRma_table .productrma-accept {
    color: green
}

.addr_bottom_section,.swap-address-area {
    float: left;
    width: 100%
}

.addr_bottom_section {
    background-color: var(--default-color);
    color: var(--white-color);
    padding: 20px;
    width: 100%;
    float: left
}

.swap-tab-container .buttons-set p.back-link a,.lcd-addr .buttons-set p.back-link a {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    border-radius: 5px
}

.my-account .createorder-form .buttons-set button.button:hover span,.my-account .createorder-form .buttons-set button.button span,.rma-create-order .buttons-set button.button:hover span,.rma-create-order .buttons-set button.button span {
    background: var(--dark-color);
    border-color: var(--dark-color)
}

body .rma-create-order .buttons-set button.button:hover span,body .my-account .lcdbuyback-createorder .buttons-set button.button:hover span {
    color: var(--dark-color)
}

.my-account .createorder-form .buttons-set button.button:hover span,.rma-create-order .buttons-set button.button:hover span,.devicerma-create-order .buttons-set button.button:hover span {
    background-color: var(--white-color);
    color: var(--dark-color)
}

.rma-create-order .buttons-set button.button,.devicerma-create-order .buttons-set button.button {
    float: left;
    min-width: 140px
}

.rma-create-order .buttons-set button.button span,.devicerma-create-order .buttons-set button.button span {
    font-size: 18px;
    padding: 7px 15px
}

.rma-create-order .buttons-set button.disabled-btn,.devicerma-create-order .buttons-set button.disabled-btn {
    pointer-events: none
}

.rma-create-order .buttons-set button.disabled-btn span,.devicerma-create-order .buttons-set button.disabled-btn span {
    background: var(--grey-color-tone-two);
    border-color: var(--grey-color-tone-two)
}

.lblmobileaddbx .conform-bx-inner {
    border-radius: 5px;
    max-width: 500px;
    padding: 0;
    border: 0
}

.lblmobileaddbx .conform-bx-inner .mbox-title {
    background-color: var(--default-color);
    text-transform: uppercase;
    padding: 13px;
    float: left;
    width: 100%
}

.lblmobileaddbx .conform-bx-inner .mbox-title h4 {
    color: var(--white-color);
    font-weight: 600;
    float: left;
    margin-top: 2px;
    font-size: 16px
}

.lblmobileaddbx .conform-bx-inner .lblmobclose {
    float: right;
    font-size: 22px;
    font-weight: 500;
    color: var(--primary-color);
    width: 22px;
    height: 22px;
    background-color: var(--white-color);
    text-align: center;
    border-radius: 100%;
    line-height: 24px
}

.lblmobileaddbx .conform-bx-inner .message {
    float: left;
    width: 100%;
    margin: 0
}

.lblmobileaddbx .conform-bx-inner .lbl-mobileno-section {
    padding: 15px;
    float: left;
    width: 100%
}

.lblmobileaddbx .conform-bx-inner .lbl-mobileno-section label {
    font-weight: 500;
    font-size: 15px;
    color: var(--grey-color-tone-three);
    float: left;
    width: auto;
    padding: 9px 12px 0 0
}

.lblmobileaddbx .conform-bx-inner .lbl-mobileno-section .input-text {
    height: 40px;
    float: left;
    width: 42px;
    background-color: var(--grey-color-tone-six);
    border-radius: 4px 0 0 4px
}

.lblmobileaddbx .conform-bx-inner .lbl-mobileno-section .input-text+.input-text {
    width: 250px;
    border-radius: 0 4px 4px 0;
    background-color: var(--white-color)
}

.lblmobileaddbx .footer_btn {
    border-color: var(--grey-color-tone-three);
    padding: 10px;
    background-color: var(--grey-color-tone-three)
}

.lblmobileaddbx .footer_btn button span {
    height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
    background-color: var(--default-color);
    border-color: var(--default-color);
    color: var(--white-color)
}

.lblmobileaddbx .footer_btn .success-msg {
    padding: 10px!important;
    margin-top: 10px
}

.lblmobileaddbx .footer_btn .success-msg span {
    min-height: 0;
    line-height: normal
}

.lblmobileaddbx .footer_btn .success-msg:before {
    background-position: -11px -2235px!important
}

.right-rma-button {
    margin-top: 5px
}

.productreturn-index-index .right-rma-button {
    margin-top: 7px
}

.productreturn-index-index .right-rma-button a {
    padding: 4px 7px
}

.button.kill-rma-btn {
    float: left
}

.button.display-tbn-none {
    display: none
}

.select-user-container {
    float: left;
    width: 100%;
    margin: 0 0 35px
}

.select-user-container.RMA-select {
    margin: 0 0 20px
}

.select-user-container label {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    float: left;
    border-radius: 4px;
    background: var(--default-color);
    color: var(--white-color);
    border: #fff0;
    position: relative;
    width: 200px;
    margin-right: 20px
}

.order-user-cust {
    position: relative;
    display: inline-block;
    width: calc(100% - 220px)
}

.order-user-cust>select {
    height: 46px;
    padding: 5px 35px 5px 10px;
    line-height: 25px;
    border-color: var(--grey-color-tone-six);
    border-radius: 4px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.order-user-cust:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--grey-color-tone-five);
    border-bottom: 2px solid var(--grey-color-tone-five);
    transform: rotate(-45deg) translateY(-50%);
    right: 12px;
    top: 41%
}

.RR_container {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid var(--grey-color-tone-six);
    margin: 17px 0 20px
}

h5.RR-title {
    position: absolute;
    font-size: 16px;
    color: var(--grey-color-tone-one);
    border: 1px solid var(--grey-color-tone-six);
    padding: 5px 21px;
    left: 20px;
    top: -15px;
    background-color: var(--grey-color-tone-eight);
    border-radius: 1px
}

.RR-col-7 {
    width: 60%
}

.RR-col-5 {
    width: 40%;
    background-color: var(--grey-color-tone-eight);
    border-left: 1px solid var(--grey-color-tone-six);
    min-height: 411px;
    text-align: center;
    padding: 85px 20px
}

ul.RR_list {
    width: 100%;
    padding: 30px 0 20px
}

.RR_list li.rrcol-4 {
    float: left;
    width: 33.33%;
    border-right: 1px solid var(--grey-color-tone-six);
    text-align: center;
    padding: 15px 0
}

.RR_list li.rrcol-4>p {
    line-height: 1.2;
    min-height: 50px
}

.rrcol-4 span.icon {
    background-image: var(--my-account-sprite-bg);
    display: block;
    background-repeat: no-repeat;
    background-size: 70px;
    width: 44px;
    height: 50px;
    margin: 0 auto 10px
}

.rrcol-4 span.icon.icon-totalorder {
    background-position: -16px -2774px
}

.RR_list li.rrcol-4:nth-child(3n) {
    border-right: 0
}

.RR_list li.rrcol-4:nth-child(4),.RR_list li.rrcol-4:nth-child(5),.RR_list li.rrcol-4:nth-child(6) {
    border-top: 1px solid var(--grey-color-tone-six)
}

.rrcol-4 span.icon.icon-totalreturn {
    background-position: -16px -2845px
}

.rrcol-4 span.icon.icon-defect {
    background-position: -16px -2925px
}

.RR_list li.rrcol-4 h4 {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700
}

h4.rmabutton-label {
    display: inline-block;
    width: 250px;
    color: var(--secondary-color);
    position: relative;
    border: 1px dashed var(--secondary-color);
    text-align: center;
    padding: 8px;
    background-color: var(--white-color);
    font-weight: 500;
    text-transform: uppercase;
    margin: 30px 0 20px
}

em.icon-label {
    background-image: var(--my-account-sprite-bg);
    background-size: 60px;
    background-position: -24px -2573px;
    float: left;
    width: 20px;
    background-repeat: no-repeat
}

.RMprogressbar {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-seven);
    height: 15px;
    box-shadow: inset 0 6px 1px var(--grey-color-tone-seven);
    -webkit-box-shadow: inset 0 6px 1px var(--grey-color-tone-seven);
    border-radius: 20px;
    overflow: hidden
}

.RMprogressbar div#RMprogress {
    background-color: var(--secondary-color);
    float: left
}

.RR_list li.rrcol-4 h4 span {
    float: none;
    font-weight: inherit;
    font-size: 17px
}

h4.rmabutton-label:after {
    content: "";
    background-image: var(--my-account-sprite-bg);
    background-position: -26px -2617px;
    background-size: 60px;
    float: left;
    width: 18px;
    height: 21px;
    position: absolute;
    right: -13px;
    top: 15px
}

.RMprogressbar_container {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 10px
}

.flying_values {
    position: absolute;
    top: 20px
}

span.progress_limit {
    float: right;
    line-height: 15px;
    padding-left: 10px;
    font-weight: 500;
    color: var(--secondary-color);
    margin-top: -35px
}

#my-productreturn-table td input {
    border: 1px solid var(--grey-color-tone-five);
    margin: 0 0 8px;
    width: 98px;
    font-size: 10px;
    padding: 5px;
    height: 30px;
    text-transform: lowercase
}

#my-productreturn-table td input.tracking_ms {
    border-right: 0!important
}

#my-productreturn-table td input.msordernumber {
    border: 1px solid var(--grey-color-tone-five);
    margin: 0 0 8px;
    width: 30px;
    font-size: 13px;
    padding: 4px;
    cursor: pointer;
    border-left: 1px solid var(--grey-color-tone-five);
    text-indent: -3100px
}

#my-productreturn-table td input.msordernumber:hover {
    border-color: var(--secondary-color)
}

.productrma-table tr td:last-child a {
    color: var(--primary-color)
}

.rma-create-order .selorderbtn:first-child {
    background: var(--default-color);
    border: 2px solid var(--default-color)
}

.rma-create-order .selorderbtn:hover:first-child {
    color: var(--default-color);
    background-color: #fff0
}

.rma-create-order .download-ic:hover {
    background: #fff0;
    color: var(--primary-color)
}

#paypalid a.pc_back {
    position: absolute;
    right: 4px;
    color: var(--white-color);
    width: 25px;
    height: 25px;
    top: 15px
}

#paypalid a.pc_back:after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid var(--dark-color);
    border-bottom: 3px solid var(--dark-color);
    position: absolute;
    transform: rotate(-45deg);
    top: 7px;
    left: 5px
}

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

.bs_btmsection div#comment {
    width: 60%;
    margin-right: 2%
}

.bs_btmsection div#comment label {
    background-color: #fff0;
    color: var(--dark-color);
    padding: 0;
    margin: 0 0 4px
}

.bs_refrenceno_section {
    float: left;
    width: 38%;
    margin: 7px 0 0
}

.bs_refrenceno_section input {
    height: 48px
}

.bs_refrenceno_section label {
    margin: 0 0 4px;
    display: block;
    font-size: 17px
}

.bs_btmsection div#comment textarea {
    height: 48px
}

.bs_popinfo {
    float: right;
    font-size: 13px;
    padding-right: 35px;
    line-height: 30px
}

.bs_refrenceno_section.rma-reference input {
    height: 45px
}

.my-account .createorder-form .buttons-set button.button span {
    padding: 7px
}

.my-account .createorder-form .buttons-set button.button span>span {
    padding: 0;
    line-height: 26px
}

.lcd-addr .buttons-set .lcd-bb-btn {
    width: 340px
}

.nav-container .rma-block-cart {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    z-index: 10
}

.chk-view .no-login-cart {
    position: absolute;
    background-color: var(--primary-color);
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    min-width: 18px;
    border-radius: 10px;
    color: var(--white-color);
    right: 33px;
    font-weight: 800;
    padding: 0 3px;
    top: 5px
}

.nav-container .rma-block-cart:hover #cart-button {
    background: url(../images/RMA-cart-sprited.png) var(--warning-color) no-repeat 8px -57px
}

.nav-container .rma-block-cart #cart-button {
    line-height: 44px;
    font-size: 14px;
    color: var(--grey-color-tone-four);
    font-weight: 400;
    padding: 0 0 0 48px;
    position: relative;
    display: block;
    background: url(../images/RMA-cart-sprited.png) var(--warning-color) no-repeat 8px -57px;
    margin-top: -12px;
    border: 1px solid var(--warning-color);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    height: 44px;
    width: 65px;
    margin-right: 6px
}

.nav-container.sticky .rma-block-cart #cart-button {
    margin-top: 0
}

.nav-container .rma-block-cart:hover #cart-button #qua {
    background-image: url(../images/RMA-cart-sprited.png);
    background-repeat: no-repeat;
    background-position: -3px -186px
}

.nav-container .rma-block-cart #cart-button #qua {
    background-image: url(../images/RMA-cart-sprited.png);
    background-repeat: no-repeat;
    background-position: -3px -186px;
    width: 20px;
    display: inline-block;
    height: 15px;
    position: relative;
    left: -9px;
    top: 0
}

.nav-container .rma-block-cart #cart-button:hover {
    background-image: url(../images/RMA-cart-sprited.png);
    background-position: 8px 1px;
    background-repeat: no-repeat;
    background-color: var(--grey-color-tone-three);
    border-color: var(--grey-color-tone-three)
}

.nav-container .rma-block-cart #cart-button:hover #qua {
    background-image: url(../images/RMA-cart-sprited.png);
    background-repeat: no-repeat;
    background-position: -4px -125px
}

.category-products .add-to-box.addto-rma-box {
    top: 360px;
    min-width: 135px
}

.category-products .addto-rma-box .add-to-cart button.btn-cart {
    background-color: var(--warning-color)
}

.category-products .addto-rma-box .add-to-cart button.btn-cart span {
    color: var(--dark-color)
}

.category-products .addto-rma-box .add-to-cart button.btn-cart:hover {
    background-color: var(--dark-color)
}

.category-products .addto-rma-box .add-to-cart button.btn-cart:hover span {
    color: var(--white-color)
}

.rma-block-cart .subtotal p {
    margin: 0
}

li.item.rma-outof-stock {
    border: 2px solid var(--primary-color);
    padding: 10px 5px
}

div#RMA-cartblock .actions button.button {
    float: left;
    width: 100%
}

.right-rma-qty {
    color: var(--primary-color);
    float: right;
    font-weight: 500
}

.rma-block-cart .summary {
    float: left;
    padding: 15px;
    position: relative;
    width: 100%
}

.rma-block-cart .block-content {
    border: 0;
    margin: 0;
    background: var(--grey-color-tone-six);
    position: absolute;
    right: -81px;
    top: 32px;
    width: 300px;
    z-index: 9
}

.nav-container.sticky .rma-block-cart .block-content {
    top: 45px
}

.rma-block-cart .top-corner {
    background: url(../images/mobilesentrix_2.png) 0 -1687px no-repeat;
    height: 13px;
    left: 180px;
    position: absolute;
    top: -12px;
    width: 20px
}

#RMA-cartblock .mini-products-list {
    max-height: 315px;
    overflow: auto
}

.rma-footer-btn button.no {
    background-color: var(--primary-color);
    color: var(--white-color);
    box-shadow: 1px 1px 1px var(--grey-color-tone-five);
    -webkit-box-shadow: 1px 1px 1px var(--grey-color-tone-five);
    float: right
}

.rma-footer-btn button {
    width: 80px;
    min-height: 35px;
    line-height: 35px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    border: 0
}

.rma-footer-btn button.yes {
    background-color: var(--white-color);
    color: var(--primary-color);
    margin-right: 5px;
    float: right
}

.rma-footer-btn button.yes:hover {
    background-color: var(--grey-color-tone-six);
    border-color: var(--grey-color-tone-eight);
    color: var(--grey-color-tone-four);
    box-shadow: inset 100px 6px 8px rgb(204 204 204 / .27);
    -webkit-box-shadow: inset 100px 6px 8px rgb(204 204 204 / .27)
}

.right-rma-button .new-rma-request {
    float: left;
    margin-right: 6px;
    cursor: pointer
}

.rma-block-cart .chk-view .no-login-cart {
    right: 14px;
    top: -6px
}

.rma-block-cart .product-details span.sku {
    float: left
}

.rma-block-cart span.sku {
    float: right;
    font-weight: 400;
    color: var(--default-color);
    padding: 0 4px 0
}

.rma-block-cart .right-rma-sku {
    color: var(--primary-color);
    float: right;
    font-weight: 500
}

.rma-block-cart .label-sku {
    float: left
}

.rma-block-cart .subtotal span.label {
    float: right
}

.selorderbtndw:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #fff0
}

.bs-dashboard .child-title {
    float: right;
    margin-top: 0;
    width: auto
}

.bs-dashboard>h3 {
    float: left;
    line-height: 43px
}

.bs-dashboard.bs-mar>h3 {
    font-size: 20px
}

.bs-dashboard.bs-recent-title {
    width: auto;
    margin: 0
}

.bs-dashboard.bs-recent-title h3 {
    line-height: 52px
}

.cpr-warning-msg {
    background-color: #FFF9E9;
    border: 1px solid #BFA24C;
    font-size: 14px;
    border-radius: 12px;
    display: flex;
    width: 100%;
    padding: 12px;
    font-weight: 500;
    align-items: center;
    margin: 0 0 11px;
    position: relative;
    top: -3px;
    flex-wrap: wrap
}

.cpr-warning-msg>span {
    margin-left: 11px;
    width: calc(100% - 33px)
}

.RR_datepicker {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: left
}

.RR_datepicker .rr_datepicker_label {
    position: relative;
    width: 50%;
    padding: 0 10px
}

.RR_datepicker .rr_datepicker_label .input-text {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    background-image: url(../images/calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

@media screen and (max-width: 1300px) {
    .consignmentrma-index-index .right-rma-button {
        margin:0 0 20px 0!important;
        float: left!important;
        width: 100%
    }

    .rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-name,.rma-create-order.consign-rma-main .pro-rma-container .product-name {
        max-width: calc(100% - 55%)
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
        right: 0
    }

    .consignmentrma-index-index .right-rma-button>.button {
        float: left
    }
}

@media screen and (max-width: 1200px) {
    .bs-col-45,.bs-col-55 {
        width:100%!important
    }

    .select-user-container label {
        padding: 0 10px
    }

    a.RMA_rowremove {
        font-size: 22px;
        font-weight: 600;
        padding: 0;
        border-radius: 50%;
        height: 25px;
        line-height: 25px;
        position: absolute;
        right: 26px;
        top: 11px;
        width: 25px;
        text-align: center
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        line-height: 24px;
        padding: 0;
        transform: translateY(-50%);
        top: 50%
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove span {
        line-height: normal;
        font-size: 14px
    }

    .lcdbuyback-createorder .checkbox-options label {
        font-size: 16px
    }

    .lcdbuyback-createorder .lcd-ship label {
        display: block
    }

    .lcdbuyback-createorder .lcd-ship {
        min-width: 300px
    }

    .lcdbuyback-createorder .lcd-ship table span {
        padding: 0 12px 0 0
    }

    .lcdbuyback-createorder .lcd-ship,.lcdbuyback-createorder .lcd-total-ship {
        right: 10px;
        padding: 8px
    }

    .lcdbuyback-createorder .lcd-ship:before,.lcdbuyback-createorder .lcd-total-ship:before {
        top: 8px
    }

    .lcdbuyback-createorder .lcd-total-ship {
        width: auto
    }

    .productreturn-index-index h4.rmabutton-label {
        width: 220px
    }

    .rma-order-popup .conform-bx-inner {
        max-width: 95%
    }

    .pro-return-container .product-name .productidcls.full_dw_rma {
        max-width: 440px
    }

    .bs_btmsection div#comment {
        width: 55%
    }

    .bs_refrenceno_section {
        width: 43%
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: calc(100% - 92%)
    }
}

@media screen and (max-width: 1100px) {
    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width:calc(100% - 91%)
    }
}

@media screen and (max-width: 1024px) {
    .col2-left-layout .col-main {
        width:100%;
        max-width: 100%;
        margin-top: 20px
    }

    .lcdbuyback-createorder .lcd-ship label {
        display: inline-block
    }

    .devicerma-table>tbody>tr>td:last-child {
        line-height: 12px
    }

    .CP-buttongroup {
        float: right;
        margin: 0 0 15px;
        margin-right: 0!important;
        width: auto
    }

    .rma-responsive-order .fieldset {
        margin: 0;
        width: 100%;
        border: 1px solid var(--grey-color-tone-seven);
        font-size: 14px;
        margin-bottom: 10px
    }

    .rma-responsive-order .fieldset.res-comment .legend {
        margin-bottom: 0
    }

    .rma-responsive-order .fieldset.res-comment .legend+p {
        float: left;
        margin-top: 10px;
        padding-left: 8px;
        word-break: break-all
    }

    .rma-responsive-order .cart-scroll.responsive-con-rma-grid table {
        border: 1px solid var(--grey-color-tone-seven)
    }

    .rma-responsive-order .fieldset:first-child {
        margin-right: 1%
    }

    .rma-responsive-order .fieldset .legend {
        background-color: var(--grey-color-tone-six);
        padding: 10px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 15px;
        color: var(--primary-color)
    }

    .rma-responsive-order .fieldset .cart-scroll {
        margin: 10px;
        padding: 0
    }

    .rma-responsive-order table tr td.label {
        width: 22%
    }

    .rma-responsive-order table tr td.input-ele {
        padding-left: 5px
    }

    .responsive-rma-table.stylis-table-2>thead>tr>th,.responsive-rma-table.stylis-table-2>tbody>tr>td {
        padding: 10px;
        position: relative
    }

    .responsive-dwnld svg path {
        fill: var(--white-color)
    }

    .responsive-dwnld:hover svg path {
        fill: var(--default-color)
    }

    .responsive-dwnld {
        float: right;
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
        margin-top: -30px
    }

    .responsive-dwnld .scalable span {
        padding: 5px 10px
    }

    .responsive-dwnld span {
        border-radius: 4px
    }

    .responsive-rma-table.stylis-table-2>tbody>tr>td.responsive-price,.responsive-rma-table.stylis-table-2>tbody>tr>td.responsive-reason {
        width: 90px
    }

    .responsive-rma-table.stylis-table-2>tbody>tr>td.responsive-qty {
        width: 20px
    }

    .responsive-rma-table .rescredit-type {
        display: block
    }

    .rma-responsive-order .res-comment {
        width: 100%;
        margin-top: 10px
    }

    .rma-responsive-order .buttons-set p.back-link a {
        border-radius: 4px
    }

    .lcdbuyback-createorder .address-bar,.lcdbuyback-createorder .lcd-payop,.select-rma-address,.rma-reference {
        width: 100%;
        margin: 0 0 10px
    }

    .DwRmaRefrence .RM_tooltip_area .RM_tooltiptext {
        width: 236px
    }

    .select-user-container label {
        width: 22%;
        margin-bottom: 10px
    }

    .select-user-container label:after {
        border-color: var(--default-color) #fff0 #fff0 #fff0;
        right: auto;
        top: auto;
        left: 13px;
        bottom: -13px
    }

    .or-text:before,.or-text:after {
        width: 22px
    }

    .order-user-cust {
        width: 100%
    }

    .lcdbuyback-createorder .checkbox-options label {
        font-size: 15px
    }

    .lcdbuyback-createorder .lcd-total-ship {
        width: 340px
    }

    .productrma-table tr td:last-child a {
        display: inline-block
    }

    .stylis-table-2 tbody tr td .RM_tooltip_area .RM_tooltiptext:before {
        top: -5px;
        transform: rotate(360deg)
    }

    .stylis-table-2.dWRma_table tbody tr td .RM_tooltip_area .RM_tooltiptext {
        bottom: 31px!important
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: calc(100% - 92%)
    }

    .rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-name,.rma-create-order.consign-rma-main .pro-rma-container .product-name {
        max-width: calc(100% - 53%)
    }

    a.old_viewlink {
        display: inline-block;
        color: var(--primary-color);
        font-weight: 500
    }

    .pdfbtn-tlist {
        top: -4px
    }
}

@media screen and (max-width: 980px) {
    body .loginas-detail {
        top:54px
    }
}

@media screen and (max-width: 840px) {
    .RR_list li.rrcol-4>p {
        font-size:15px
    }

    .bs_btmsection div#comment {
        width: 53%
    }

    .bs_refrenceno_section {
        width: 45%
    }
}

@media screen and (max-width: 768px) {
    .RMApull-left {
        padding-bottom:0;
        margin-bottom: 10px
    }

    .right.right-rma-button {
        margin-top: 0;
        margin-bottom: 15px
    }

    .lcdbuyback-createorder .lcd-ship label {
        display: block
    }

    .lcdbuyback-createorder .lcd-ship {
        min-width: 250px
    }

    .device-search label {
        display: none
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
        right: -10px
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: calc(100% - 91%)
    }

    .pro-return-main-container.pro-return-main-container_dw .product-name .imei-list {
        margin-top: 10px
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove span {
        font-size: 17px
    }

    .pro-return-main-container.pro-return-main-container_dw .mob-device-label {
        display: block;
        width: 100%;
        position: relative
    }

    .device-search input#devicereturn-firsttxtbox,.pro-return-container .device-search ul.productlist.hidetable {
        max-width: 100%
    }

    .pro-return-main-container.pro-return-main-container_dw .product-name .imei-file-upload {
        margin-top: 11px
    }

    .rma-left {
        width: 48%
    }

    .select-user-container label {
        width: 40%
    }

    .devicerma-create-order .pro-return-container .rma-file-upload>button {
        margin: 0;
        width: 50px
    }

    .pro-return-container .product-name .productidcls.full_dw_rma {
        max-width: 100%;
        margin-left: 0;
        border-radius: 4px
    }

    .devicesearch-detail .product-name ul li {
        font-size: 13px
    }

    .device-search label:before {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-reason,.rma-create-order.consign-rma-main .pro-rma-container .product-reason {
        max-width:calc(100% - 75%)
    }
}

@media screen and (max-width: 640px) {
    .RMApull-left {
        width:auto
    }

    .device-search {
        position: relative;
        margin: 0
    }

    .right-rma-button .button,.devicerma-right a {
        margin-left: 0
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: calc(100% - 89%)
    }

    .bs-dashboard.bs-recent-title {
        display: none
    }

    .rma-responsive-order .fieldset {
        width: 100%;
        margin-right: 0;
        min-height: auto
    }

    .lcdbuyback-createorder .lcd-ship label {
        display: inline-block
    }

    .device-search label {
        padding: 10px 12px
    }

    .rma-create-order.consign-rma-main .pro-rma-container .product-name {
        max-width: calc(100% - 55%)
    }

    .pro-return-main-container.pro-return-main-container_dw .product-name .imei-list {
        max-width: calc(100% - 60px)
    }

    .pro-return-main-container.pro-return-main-container_dw .product-name .imei-file-upload {
        max-width: 50px;
        margin-left: 10px;
        margin-top: 10px;
        float: left
    }

    .or-text {
        display: none
    }

    .rma-export {
        margin-left: 10px
    }

    .checkbox-options {
        padding: 12px;
        margin: 20px 0 30px;
        border: 1px solid var(--grey-color-tone-five)
    }

    .lcdbuyback-createorder .ch-col-1,.rma-create-box .ch-col-1 {
        margin-left: 0
    }

    .rma-left,.rma-right {
        width: 100%;
        margin-right: 0
    }

    .rma-right {
        margin-top: 10px
    }

    .rma-create-box .ch-col-1 h3 {
        margin-bottom: 7px
    }

    .checkbox-options b {
        color: var(--error-color)
    }

    .lcd-note {
        font-size: 13px;
        line-height: 22px;
        padding: 0 3px
    }

    .addr_bottom_section {
        padding: 14px
    }

    .lblmobileaddbx .conform-bx-inner .lbl-mobileno-section label {
        margin: 0 0 5px;
        width: 100%
    }

    .RR-col-7,.RR-col-5 {
        width: 100%
    }

    .RR-col-5 {
        padding: 10px 15px 40px 15px;
        min-height: auto
    }

    .pro-rma-container .product-qty,.pro-rma-container .product-name,.pro-rma-container .product-reason {
        width: 100%;
        margin-bottom: 5px
    }

    .pro-rmareturn-container {
        margin: 0 0 18px;
        background-color: var(--grey-color-tone-eight);
        padding: 10px 10px 7px;
        border: 1px solid var(--grey-color-tone-seven)
    }

    .pro-rmareturn-container:hover {
        border-color: var(--error-color);
        background-color: var(--grey-color-tone-eight)
    }

    .RMA_rowremove {
        top: -15px;
        right: 33px;
        border-radius: 0
    }

    .pro-rmareturn-container:hover .RMA_rowremove {
        top: -10px;
        right: 18px;
        transform: translate(30px)
    }

    .export-demo-productreturn {
        width: auto;
        min-width: 0;
        margin-top: 0;
        padding: 6px 7px
    }

    .export-demo-productreturn svg {
        margin-right: 11px
    }

    .rma-create-order.consign-rma-main .pro-rma-container-label {
        max-width: 100%
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container {
        max-width: 100%
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
        right: -10px;
        height: 22px;
        width: 22px;
        border-radius: 50%;
        top: 0;
        padding: 0
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove span {
        line-height: 25px;
        font-size: 20px
    }

    .lcdbuyback-createorder .lcd-ship,.lcdbuyback-createorder .lcd-total-ship {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 0;
        width: 100%;
        float: left;
        margin-bottom: 20px;
        padding: 10px
    }

    .lcdbuyback-createorder .lcd-ship:before,.lcdbuyback-createorder .lcd-total-ship:before {
        content: none
    }

    .lcdbuyback-createorder .lcd-total-ship {
        margin-top: 20px
    }

    .lcdbuyback-createorder ul.total-bslbl li,.lcdbuyback-createorder ul.total-bslbl li:first-child {
        width: 100%;
        font-size: 16px
    }

    .lcdbuyback-createorder .total-bslbl,.rma-create-box .total-bslbl {
        text-align: left
    }

    .lcdbuyback-createorder ul.total-bslbl li:first-child input,.lcdbuyback-createorder ul.total-bslbl li:nth-child(2) input {
        width: 100%;
        max-width: 100%
    }

    .bsaddress-dropdown .select span {
        font-size: 12px;
        line-height: 16px
    }

    .bs_btmsection div#comment,.bs_btmsection .bs_refrenceno_section {
        width: 100%;
        margin-top: 0
    }

    .bs_btmsection .bs_refrenceno_section {
        padding-left: 0;
        margin: 12px 0 0
    }

    .my-account .lcdbuyback-createorder .createorder-form .buttons-set button.button,.my-account .lcdbuyback-createorder .createorder-form .buttons-set .lcd-bb-btn button.button {
        width: 56%;
        min-width: auto;
        margin-left: 10px
    }

    .lcd-addr .buttons-set .lcd-bb-btn {
        width: 360px
    }

    .pro-return-container .product-name .productidcls {
        width: 100%
    }

    .rmaorder-popup-header h4,.rmaorder-popup-header .rma-date {
        width: 100%;
        text-align: left
    }

    .rma-comments {
        width: 100%
    }

    .rma-order-detail {
        float: left;
        width: 100%;
        border: 0
    }

    .rma-order-detail>table {
        width: 100%
    }

    .rma-order-detail table tr td:first-child {
        padding: 0 10px 0 0
    }

    .rma-order-detail table tr td:last-child {
        padding: 0
    }

    .rma-order-detail table tr td #shipping_type_rmaPopup {
        margin: 10px 0
    }

    body .loginas-detail {
        margin-bottom: 0;
        line-height: inherit;
        margin-top: 10px;
        top: 46px
    }

    .productrma-table>tbody>tr>td,.devicerma-table>tbody>tr>td,.responsive-rma-table>tbody>tr>td,.stylis_order_table>tbody>tr>td {
        empty-cells: show
    }

    .devicesearch-detail .product-name ul li {
        font-size: 14px
    }

    .data-table.responsive-rma-table {
        empty-cells: show
    }

    .view_RMA_Shipbox .RMApop_col {
        width: 100%;
        float: left;
        margin: 0 0 12px
    }

    .view_RMA_Shipbox .RMApop_col+.RMApop_col {
        margin-left: 0
    }

    .view_RMA_Shipbox .RMApop_col select,.view_RMA_Shipbox .RMApop_col input {
        float: left;
        min-width: 280px;
        font-size: 14px
    }

    .view_RMA_Shipbox .RMApop_col label {
        display: block;
        clear: both;
        width: 100%;
        padding-bottom: 0;
        font-size: 14px
    }

    .devicesearch-detail .product-name {
        width: 100%
    }

    .devicesearch-detail .product-reason {
        display: block;
        width: 100%;
        margin-top: 10px
    }

    .bs_refrenceno_section label,.bs_btmsection div#comment label {
        font-size: 16px
    }
}

@media screen and (max-width: 536px) {
    .right.right-rma-button {
        width:100%
    }

    .devicerma-right {
        margin-top: 0
    }

    .right.right-rma-button>.button {
        float: left
    }

    .device-search input#devicereturn-firsttxtbox {
        margin-left: 0;
        border-radius: 5px
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container a.RMA_rowremove {
        max-width: calc(100% - 92.5%);
        right: -8px
    }

    .export-demo-productreturn {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .rma-create-order .selorderbtn {
        min-width: 100%;
        margin: 0 0 8px
    }

    .rma-order-btn .RMA_rightBTNs {
        clear: both;
        width: 100%
    }

    .rma-create-order .download-ic {
        width: 100%;
        text-align: center
    }

    .rma-responsive-order .fieldset .cart-scroll {
        padding-right: 10px
    }

    .export-demo-productreturn svg {
        float: none;
        top: 4px
    }

    .rma-order-btn .RMA_rightBTNs .export-demo-productreturn {
        float: left;
        margin-right: 0
    }

    .rma-create-order.consign-rma-main .pro-rmareturn-container,.rma-create-order.consign-rma-main .pro-rma-container-label {
        flex-wrap: wrap
    }

    .rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-name,.rma-create-order.consign-rma-main .pro-rma-container .product-name,.rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-reason,.rma-create-order.consign-rma-main .pro-rma-container .product-reason {
        max-width: 100%;
        margin-right: 0
    }

    .rma-create-order.consign-rma-main .pro-rma-container .pro-rmareturn-container .product-reason.consign-qnty,.rma-create-order.consign-rma-main .pro-rma-container .product-reason.consign-qnty {
        margin-left: 0
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: calc(100% - 50%);
        width: 100%;
        margin-left: 0;
        min-height: 45px
    }

    .rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .download-ic {
        line-height: 26px;
        font-size: 14px;
        text-align: center;
        float: left
    }

    .rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary {
        background-position: -13px -2576px
    }

    .rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary .img-count {
        right: inherit;
        height: 20px;
        width: 20px;
        border-radius: 20%;
        font-size: 12px;
        left: 55px;
        line-height: normal
    }

    .rma-create-order .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn .img-gallary .img-remove {
        top: 3px;
        left: 30px;
        height: 18px;
        width: 18px;
        font-size: 13px
    }

    .select-bs-address .bsaddress-dropdown .bsdropdown-menu li {
        background-image: none;
        padding-left: 10px;
        border-bottom: 1px solid var(--grey-color-tone-five)
    }

    .select-bs-address .bsaddress-dropdown .bsdropdown-menu li:focus {
        background-color: var(--grey-color-tone-five)
    }

    h4.rmabutton-label {
        margin: 20px 0 30px 0
    }

    span.progress_limit {
        margin-top: -32px
    }

    .consignmentrma-index-index .page-title h1 {
        font-size: 25px;
        text-align: left
    }

    .consignmentrma-index-index .right-rma-button {
        float: left!important
    }

    .rm-tooltip-content {
        right: inherit
    }

    .rm-tooltip-content:before {
        right: inherit;
        left: 56px
    }

    .devicesearch-detail {
        padding: 15px 14px 17px;
        border-bottom: 4px solid var(--white-color)
    }

    .responsive-rma-table.stylis-table-2>tbody>tr>td.responsive-price,.responsive-rma-table.stylis-table-2>tbody>tr>td.responsive-reason {
        width: 95px
    }
}

@media screen and (max-width: 480px) {
    .pro-return-main-container {
        margin:10px 2% 0;
        width: 96%
    }

    .pro-return-main-container div.pro-return-container {
        margin-bottom: 30px
    }

    .pro-return-container-label .product-name,.pro-return-container-label .product-reason,.pro-return-main-container .product-name,.pro-return-main-container .product-reason {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px
    }

    .pro-return-container-label .product-comments,.pro-return-main-container .product-comments {
        width: 100%
    }

    .pro-return-container-label .product-qty,.pro-return-main-container .product-qty {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px
    }

    .pro-rmareturn-container .prRMA_fileuplod.photo-consign-btn {
        max-width: 100%
    }

    .pro-return-container-label .product-name label {
        margin-right: 0
    }

    .pro-return-main-container.pro-return-main-container_dw .product-qty {
        width: 100%
    }

    .pro-return-container-label .product-reason,.pro-return-main-container .product-reason {
        width: 100%
    }

    .pro-return-main-container.pro-return-main-container_dw {
        margin: 0;
        width: 100%
    }

    .pro-return-main-container_dw .pro-return-container {
        background-color: var(--grey-color-tone-six);
        padding: 10px 10px 0;
        margin-bottom: 0px!important;
        border-bottom: 2px solid var(--grey-color-tone-five)
    }

    .pro-return-main-container_dw .pro-return-container:nth-child(even) {
        background-color: var(--white-color)
    }

    .rma-create-order button.submit-request-btn {
        margin-bottom: 0
    }

    .select-user-container label {
        width: 100%;
        margin-bottom: 10px
    }

    .order-user-cust {
        width: 100%
    }

    ul.RR_list {
        padding-bottom: 0
    }

    .RR_list li.rrcol-4 {
        width: 100%;
        border-bottom: 1px solid var(--grey-color-tone-six)
    }

    .lcdbuyback-createorder .lcd-ship label {
        width: 100%;
        float: left;
        margin-bottom: 5px
    }

    .lcd-sp ul {
        margin-left: 0
    }

    .lcdbuyback-createorder .buttons-set p.back-link a {
        min-width: 75px;
        font-size: 15px
    }

    .my-account .createorder-form .buttons-set button.button span {
        font-size: 16px
    }

    .my-account .lcdbuyback-createorder .createorder-form .buttons-set .lcd-bb-btn button.button {
        width: 60%
    }

    .device_rma_subtitle {
        padding: 10px 0
    }

    .demo_csv_download a {
        padding: 8px
    }

    body.devicesystem-rma-index .limiter label,body.devicesystem-rma-index .pager .amount {
        width: 100%
    }

    .consignmentonerma-index-newrequest .rma-create-order.consign-rma-main .pro-rma-container .product-reason.consign-qnty {
        margin-right: 0
    }
}

@media screen and (max-width: 400px) {
    .button.kill-rma-btn {
        display:none
    }

    .my-account .lcdbuyback-createorder .createorder-form .buttons-set p.back-link,.my-account .buttons-set p.back-link a {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    .devicerma-right {
        width:100%;
        text-align: left
    }

    .devicerma-right a {
        float: left
    }

    .page-title.RMApull-left {
        margin-bottom: 0
    }
}

@media screen and (max-width: 320px) {
    .rma-create-order .buttons-set p.back-link a,.rma-create-order .buttons-set button.button,.devicerma-create-order .buttons-set button.button {
        min-width:115px
    }

    span.progress_limit {
        float: right
    }
}

.return-note-banner {
    margin-bottom: 25px
}

.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
}

.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: #fff0;
    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: 0 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 0 0 4px!important;
    width: 30px
}

.text-with-prefix p.numaric-values+.sm-text {
    width: 40px;
    border-radius: 0 0 0 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: 0 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: #fff0;
    border-bottom: 0;
    padding: 10px 0
}

.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 0;
    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: #fff0
}

.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/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: 0
    }

    .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
    }
}

.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: #fff0 #fff0 var(--grey-color-tone-six) #fff0;
    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: #fff0;
    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: #fff0
}

.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: #fff0
}

.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: #fff0;
    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: rgb(255 255 255 / .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/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 0 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
}

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
}

.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;
    background-color: #fff0;
    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: 10px 15px 10px 15px;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

.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: -.15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px
}

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

.block-account .myaccount-design li .icon-list svg {
    max-height: 24px
}

.myaccount-design .myacc-submenu {
    color: rgb(48 69 92 / .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
}

.block-account .myaccount-design {
    border-radius: 25px;
    background: var(--white-color);
    box-shadow: 0 1px 12px 0 rgb(0 0 0 / .19);
    float: left;
    width: 100%;
    padding: 25px 12px 15px;
    min-height: 798px
}

.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: #fff0;
    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: 0;
    border-left: 0;
    width: 48px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    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: 15px;
    top: 20px;
    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: #fff0;
    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 0 0;
    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: 0
}

.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);
    line-height: 21px
}

.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
}

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

.acc-opt-block h3 {
    background-image: url(../images/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
}

.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: 0;
    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: 0 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: #fff0;
    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
    }

    .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
    }
}

@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%
    }
}

.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 0
}

.BstateSection .stateBul li {
    font-weight: 400;
    padding: 0 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/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;
    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: 0 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: 700
}

.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 0;
    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: .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: .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 0 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: #fff0 #fff0 var(--default-color) #fff0;
    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: 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff0;
    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: 0 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: 0 4px 4px rgb(0 0 0 / .25);
    border-radius: 0 0 5px 5px;
    padding: 0 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: 0 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 0 rgb(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: 28px;
    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: 0 solid #fff0
}

.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: #fff0
}

.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: #fff0;
    border: 0;
    padding: 5px
}

.state-address-form-new>.btx-formelement .btx-col .btx-box .input-text {
    padding: 20px;
    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%
}

.state-address-form-new>.btx-formelement .btx-col .cform-group {
    padding: 0 5px 28px 5px;
    width: 100%;
    background-color: #fff0
}

.state-address-form-new>.btx-formelement .btx-col .cform-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/select-arrow.svg);
    background-position: 95%;
    background-repeat: no-repeat;
    font-size: 15px;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-color);
    height: auto;
    width: 100%;
    padding: 20px;
    border-radius: 10px
}

.state-address-form-new>.btx-formelement .btx-col {
    margin-bottom: 0
}

.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: #000;
    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
}

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

.conform-bx.checkout-pop-up-bg {
    background: rgb(255 255 255 / .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 #fff0;
    box-shadow: 0 1px 19px rgb(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: #000;
    border-color: #fff0;
    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: #000;
    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/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: #000;
    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: #000
}

.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
}

.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 rgb(0 0 0 / .27),0 0 40px rgb(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: #fff0;
    box-shadow: 0 8px 12px rgb(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: 0 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: 0 0 0 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: 0 4px 4px rgb(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: .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.txupload-btn-wrapper {
    position: relative
}

.btx-fileupload .img-validation-message {
    position: absolute;
    width: 170%;
    height: auto;
    right: 0;
    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: 700;
    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: #fff0 #fff0 var(--grey-color-tone-three) #fff0;
    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/taxsprites2.svg);
    display: inline-block;
    width: 13px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: -1px 3px;
    opacity: .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
}

#resale_text p strong {
    padding-top: 6px;
    display: block
}

.btx-taxidblock .btx-formelement .btx-dropdown.full-length label {
    display: block;
    margin: 0 0 15px
}

@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: 0;
        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: #fff0;
        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: 0;
        padding-right: 0
    }

    .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: 0;
        left: 0;
        width: 100%;
        text-align: center;
        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
    }
}

.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: .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: #fff0
}

#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)
}

.bank-detail-wrap .sepa-saved-item .ajax_remove_save_payment.info-remove-btn {
    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,.bank-detail-wrap .sepa-saved-item .ajax_remove_save_payment.info-remove-btn: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
    }
}

.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: .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: 0 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 -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: #fff0;
    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-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-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: 5px
}

.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: -.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);
    line-height: 18px
}

ul.addresses-list .item address p.tel {
    margin: 0;
    background-image: url(../images/mobile-icon.svg);
    background-repeat: no-repeat;
    padding-left: 18px;
    line-height: 20px
}

.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: .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/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/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: #fff0;
    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: #fff0;
    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 0 #fff0;
    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
    }
}

.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: #fff0;
    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.company-g-icon .input-box .input-text {
    background-image: url(../images/google-icon.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    padding-right: 35px
}

.address-form .field small.mc-small-text {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    color: #727272;
    padding-left: 13px;
    margin-bottom: 10px
}

.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/close-accesories_1.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 .field.field-col-6.label-extnum .input-box .input-text {
    max-width: 91px
}

.address-form .field.field-col-6.with-extnum .iti__selected-country {
    margin-top: 12px
}

.address-form .input-box .input-text.vat-valid-true {
    border-color: var(--isvalidation-true-color);
    background-image: url(../images/isvalid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center
}

.vat-valid-false {
    background-image: url(../images/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 rgb(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/lock-icon.svg);
        height: 22px;
        background-repeat: no-repeat;
        top: 4px
    }
}

.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 rgb(0 0 0 / .2);
    background-color: var(--white-color);
    position: relative;
    margin: 5% auto
}

.conform-bx.address-delay-popup:after {
    content: "";
    background: rgb(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/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: -.25px;
    text-align: left;
    color: var(--grey-color-tone-ten)
}

.ad-delay-title-block>p {
    font-size: 13px;
    letter-spacing: .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 rgb(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: #fff0;
    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: #fff0
}

.timing-information-block .delay-info-block .nice-select ul.list li.option.selected.focus {
    font-weight: 400;
    background-color: #fff0;
    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: .5;
    pointer-events: none
}

.timing-information-block .delay-info-block label.upload-data .delay-upload-icon {
    background-image: url(../images/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 #fff0
}

.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/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 rgb(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
    }
}

.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: 0;
    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: #fff0;
    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: #fff0;
    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
    }
}

.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 0;
    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
}

.buying-limit-wrapper .buying-panel .bselectdropdown span.current {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.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 0 10px 10px;
    top: calc(100% - -6px);
    padding: 0 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 #fff0
}

.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: #fff0;
    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: .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-uniuni-main {
    background-color: var(--uniuni-bg-color)
}

.bpanel-section .bsection-row.b-payment-div.b-dpd-main {
    background-color: var(--dpd-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.b-amazon-main {
    background-color: var(--fedex-bg-color)
}

.bpanel-section .bsection-row.b-payment-div.b-chronopost-main {
    background-color: rgb(34 154 220 / 7%)
}

.bpanel-section .bsection-row.b-payment-div.b-purolator-main {
    background-color: rgb(239 56 41 / 20%)
}

.bpanel-section .bsection-row.b-payment-div .buying-payment-title {
    width: 100%;
    background-image: url(../images/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 .amazon-buying {
    background-image: url(../images/amzn-img-new.svg);
    background-size: 56px;
    max-width: 55px;
    height: 55px
}

.bpanel-section .bsection-row.b-payment-div .uniuni {
    background-image: url(../images/uniuni-img-new_1.svg);
    background-size: 56px;
    max-width: 55px;
    height: 55px
}

.bpanel-section .bsection-row.b-payment-div .dpd {
    background-image: url(../images/dpd-img-new_1.svg);
    background-size: 80px;
    max-width: 100px;
    height: 55px
}

.bpanel-section .bsection-row.b-payment-div .chronopost {
    background-image: url(../images/chronopost-img-new.svg);
    background-size: 80px;
    max-width: 100px;
    height: 55px
}

.bpanel-section .bsection-row.b-payment-div .purolator {
    background-image: url(../images/purolator-img-new-v1_1.svg);
    background-size: 61px;
    max-width: 130px;
    height: 35px;
    background-position: left center
}

.bpanel-section .bsection-row.b-payment-div .buying-payment-title.rm {
    background-image: url(../images/royalmail-img-new.svg);
    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: 0 0 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: 0 0 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: 0 0 0 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: 0 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;
    height: min-content;
    min-height: -webkit-fill-available;
    max-height: 395px
}

.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 0 rgb(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 0;
    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: 10px;
    padding-right: 10px
}

.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%;
    position: relative
}

.baddress-block .baddress-tr .bselectdropdown .nice-select {
    width: 100%;
    padding: 0 14px
}

.baddress-block .baddress-tr .bselectdropdown .nice-select:before {
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
    border-radius: 4px;
    box-shadow: none;
    border: none
}

.baddress-block .baddress-tr .bselectdropdown .nice-select:after {
    right: 12px
}

.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 span {
    max-width: 95%
}

.baddress-block .baddress-tr .bselectdropdown .nice-select .option {
    text-overflow: inherit;
    white-space: break-spaces;
    overflow: unset;
    width: 100%;
    display: block;
    padding: 0;
    line-height: 1.2!important
}

.baddress-block .baddress-tr .bselectdropdown .nice-select .option:hover {
    font-weight: 400
}

.baddress-block .baddress-tr .bselectdropdown .nice-select .list {
    right: 0;
    left: 0;
    display: none;
    overflow: auto;
    max-width: 350px;
    width: 100%
}

.baddress-block .baddress-tr .bselectdropdown .nice-select.open:after {
    border-color: var(--primary-color)
}

.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 0;
    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 0
}

.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: .3px;
    margin-bottom: 0;
    max-height: 400px
}

.conform-bx.buyinglimit-alert .conform-bx-inner .message mark {
    background-color: #fff0;
    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/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) #fff0 #fff0 #fff0;
    position: absolute;
    right: 5px;
    top: 9px
}

span.active-progress {
    background: var(--primary-color)
}

span.active-progress:before {
    border-color: var(--primary-color) #fff0 #fff0 #fff0
}

.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)
}

.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)
}

@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
    }

    .bsection-row.labelaligner.storelist .baddress-block .baddress-tr .bcolflex-td30 {
        padding-right: 15px
    }

    .bsection-row.labelaligner.storelist .baddress-block .baddress-tr .bcolflex-td30 .bselectdropdown {
        width: 100%
    }

    .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: 0
    }

    .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
    }
}

.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: #000;
    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 #fff0;
    border-bottom: 5px solid;
    border-left: 5px #fff0;
    border-right: 5px #fff0
}

.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: #fff0;
    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: #fff0;
    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
}

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
    }
}

.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: #fff0;
    border: #fff0;
    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: #fff0
}

.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
    }
}

.order_filter_txtbox+.payment_balancesheet_btn .button {
    width: 100%;
    margin-top: 18px
}

.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
}

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: #fff0;
    color: var(--primary-color);
    transition: all .3s ease 0s
}

.pagination-btn .next-btn:hover {
    background: #fff0;
    color: var(--default-color);
    transition: all .3s ease 0s
}

.pagination-section {
    width: 100%;
    float: left;
    margin-top: -50px
}

.pagination-section button {
    background: #fff0;
    color: var(--default-color);
    border: #fff0;
    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: #fff0;
    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: rgb(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: #fff0;
    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: 0;
    padding: 0;
    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: 0 0 4px 0 #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: 0 1.01px 8.12px 0 #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
}

.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
}

.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: #fff0;
    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 rgb(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 rgb(198 198 198);
    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/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: #fff0;
    border-radius: 20px
}

.common-tabs.nt-tab .tab-content .nttauto-payment .select-user-col .SumoSelect .optWrapper .options::-webkit-scrollbar {
    width: 5px;
    background-color: #fff0
}

.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
}

.lcd-payop .paypaltrasfer-note {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 5px
}

@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)
    }
}

@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: auto
    }

    .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
    }
}

.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: #fff0;
    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: 0
}

#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: #fff0;
    border: #fff0;
    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: #fff0;
    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: #fff0;
    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: #fff0;
    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: rgb(237 237 237 / .55)
}

#view_ticket_popup .adminreply .user_details {
    background-color: var(--default-color);
    border-bottom: 1px solid rgb(24 120 239 / .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: #fff0;
    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 rgb(24 120 239 / .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: rgb(39 167 236 / .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: #fff0;
        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: #fff0;
        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: #fff0;
        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 rgb(24 120 239 / .51)
    }

    .adminreply .created_date,.adminreply .created_date h4 {
        color: var(--white-color)
    }

    .adminreply .commentdetail {
        border: 1px solid var(--secondary-color);
        background-color: rgb(39 167 236 / .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
    }
}

.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%
    }
}

.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: .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: #fff0;
    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 0;
    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
    }
}

.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 {
    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/tablefilter-sprites.svg);
    height: 27px;
    float: none
}

.stylis-table-2>thead>tr>th>.asc_farrow {
    background-image: url(../images/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: 0
}

.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: #fff0;
    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: #fff0;
    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/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/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: #fff0;
    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: #fff0;
    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 #fff0;
    border-right: 6px solid #fff0;
    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: #fff0;
    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: 0 8px 0 0;
    display: block;
    min-width: 100px;
    border-radius: 2px;
    box-shadow: 0 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: 0 1% 0
}

.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 #returnshipdata small a span,.my-account .brokenscreens-createorder .order-info-box #returnshipdata #trackingnoval {
    word-break: break-all
}

.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: 0 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: 0 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;
    padding: 0 0 5px 10px
}

.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/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: #fff0;
    border: 0;
    border-radius: unset;
    color: var(--error-color);
    font-weight: 500
}

.stylis-table-2 .openpop:hover {
    text-decoration: underline;
    background-color: #fff0
}

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: 0 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/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/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 #fff0;
        border-right: 6px solid #fff0;
        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
    }
}

#download_msg_file {
    display: block;
    float: left
}

div#download_msg_file p a#setnewfilenamelink {
    font-weight: 600;
    color: var(--primary-color)
}

.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 #fff0;
    box-shadow: none;
    color: var(--white-color)
}

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
}

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: #fff0;
    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: .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: 0 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 0 0 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) #fff0 #fff0 #fff0;
    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 0 0;
    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) #fff0 #fff0 #fff0;
    transform: rotate(180deg)
}

.sp-methods dd li.smethods-red-gr .idivarr-block.idivarr-block-open small:before {
    border-color: var(--primary-color) #fff0 #fff0 #fff0;
    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 0 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),#3caa37 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: #fff0;
    box-shadow: 0 0 0 #fff0;
    -webkit-box-shadow: 0 0 0 #fff0
}

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/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: 0 5px 2px var(--grey-color-tone-eight);
    -webkit-box-shadow: 0 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: #fff0;
    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: #fff0;
    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: #fff0;
    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: 700;
    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: #fff0 #fff0 #fff0 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: .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: #fff0;
    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: #fff0 #fff0 #fff0 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: .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 #fff0;
    border-left: 10px solid #fff0;
    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-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)
}

.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
}

.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/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: 'Inter',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/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
}

.wire-row .wire_col .input-text.text-value-successed:-ms-input-placeholder {
    color: var(--brain-placeholder-color)
}

.wire-row .wire_col .input-text.text-value-successed::-ms-input-placeholder {
    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 #fff0;
    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/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 0;
    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: #fff0;
        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: #fff0;
        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: 0 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
    }
}

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: rgb(80 80 80 / .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: rgb(162 162 162 / .64) none repeat scroll 0% 0%;
    z-index: 10000000;
    top: 0;
    display: none;
    left: 349px
}

.conform-bx-st-inner {
    background: #fff none repeat scroll 0 0;
    border: 2px solid var(--white-color);
    padding: 15px;
    color: #000;
    width: 700px;
    font-size: 17px;
    font-weight: 300;
    margin: 10% auto;
    display: table;
    box-shadow: 1px 4px 30px rgb(51 51 51 / .47);
    -webkit-box-shadow: 1px 4px 30px rgb(51 51 51 / .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/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-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: #fff0
    }

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

.checkout-onepage-success .col-sucess a {
    color: var(--primary-color)
}

.news-letter-block .news-btn>span {
    border-radius: 4px;
    padding: 8px 15px
}

.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;
    display: inline-block;
    vertical-align: middle
}

.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: #fff0;
    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 0 0
}

.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% 0
}

.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) #fff0 #fff0 #fff0;
    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/right-checbox_1.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: 0 0 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: .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% 0;
    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;
    word-break: break-all;
    white-space: normal;
    padding: 10px 2px
}

.customer_credit_opt .store-credit-form .payment_balancesheet_btn .button span:lang(el) {
    font-size: 12px;
    padding: 10px 6px
}

.customer_credit_opt .store-credit-form label.subacc_checkbox:lang(el) {
    font-size: 13px
}

.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: #fff0 #fff0 var(--grey-color-tone-eight) #fff0;
    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 {
    max-width: 640px;
    padding: 10px 15px 15px;
    border-radius: 20px;
    box-shadow: 0 0 34px 0 rgb(0 0 0 / .2);
    background-color: var(--white-color);
    position: relative;
    margin: 5% auto;
    overflow: inherit
}

.paypal_tabs_new {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px var(--grey-color-tone-seven);
    margin: 0 0 30px
}

.paypal_tabs_new>li {
    display: flex;
    flex-wrap: wrap
}

.paypal_tab_container .send-transfer {
    margin: 0 auto;
    display: flex;
    width: auto;
    clear: both;
    float: none
}

.paypal-confirm-box .message li.up-transfer-amountli .input-text {
    margin: 0 0 10px
}

.paypal_tabs_new>li>a {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px 18px;
    border-radius: 0;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    text-align: center;
    min-width: 180px;
    align-items: center;
    justify-content: center
}

.paypal_tabs_new>li>a.p-active {
    color: var(--primary-color);
    font-weight: 600
}

.paypal_tabs_new>li>a:before {
    content: "";
    height: 6px;
    background-color: #fff0;
    position: absolute;
    width: 100%;
    bottom: -3px;
    left: 0;
    border-radius: 5px
}

.paypal_tabs_new>li>a.p-active:before {
    background-color: var(--primary-color)
}

.paypal_tab_container .message {
    overflow-y: inherit
}

.paypal_tab_container .cform-group .nice-select .nice-select-search-box {
    display: none
}

.paypal_tab_container .cform-group .nice-select .nice-select-search-box+.list {
    margin-top: 0!important
}

.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.select2 .info-box {
    background: none;
    border: 0;
    padding: 5px 10px 0;
    color: var(--grey-color-tone-three);
    display: flex;
    margin: 0;
    font-style: italic
}

.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
}

.send-transfer {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 2px solid var(--primary-color)
}

.paypal_tab_container .message.addressdetails>li>label>span {
    color: var(--default-color)
}

.sm-close {
    float: right;
    background-color: #fff0;
    border: 0;
    font-size: 25px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 17px;
    color: var(--dark-color);
    padding: 0
}

.send-transfer {
    float: left;
    line-height: 30px;
    padding: 0 11px 0 0;
    border-radius: 5px;
    cursor: pointer;
    width: auto
}

.card-row.card-amount {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px
}

.card-row.cform-text-group-w-drop {
    padding: 0 5px 28px 5px;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.card-row.cform-text-group-w-drop>label {
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: .28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -9px;
    position: relative;
    margin-left: 15px;
    z-index: 1;
    line-height: normal
}

.card-row.cform-text-group-w-drop .ms-options-wrap button {
    padding: 20px;
    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;
    max-width: 596px;
    cursor: pointer
}

.card-row.cform-text-group-w-drop .ms-options-wrap button span {
    white-space: normal;
    padding-right: 25px
}

.card-row.cform-text-group-w-drop .ms-options-wrap button:before {
    content: "";
    border-bottom: 2px solid var(--dark-color);
    border-right: 2px solid var(--dark-color);
    content: '';
    display: block;
    height: 10px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    width: 10px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.card-row.cform-text-group-w-drop .ms-options-wrap.ms-active button:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.card-row.cform-text-group-w-drop .ms-options-wrap {
    width: 100%
}

.card-row.cform-text-group-w-drop .ms-options-wrap .ms-options {
    max-width: 596px;
    width: 100%
}

.card-row.card-amount .input-text {
    margin: 0 0 10px
}

.creditcard-section .order-detail label {
    float: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px
}

.paypal-transfer-nsection {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 10px 0;
    align-items: flex-start;
    width: 100%
}

.paypal-transfer-nsection>span {
    padding: 0 0 5px;
    font-weight: 400;
    color: var(--grey-color-tone-three)
}

.paypal-transfer-nsection>span:last-child {
    padding: 0
}

.paypal-transfer-nsection>span.paypaltrasfer-note,.paypal-transfer-nsection>span.cctrasfer-note {
    font-weight: 500;
    color: var(--dark-color);
    text-align: left
}

.paypal-confirm-box .message input.cform-control.input-text,.creditcard-section .order-detail input.cform-control.input-text {
    padding: 20px;
    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%
}

.no-orders-credit {
    color: var(--error-color)
}

.multiselect-card ul li label {
    float: left
}

.paypal-confirm-box .message {
    width: 100%;
    margin: 0;
    max-height: none
}

.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%;
    position: relative
}

.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
}

@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
    }

    .card-row.cform-text-group-w-drop .ms-options-wrap button {
        max-width: 100%
    }

    .card-row.cform-text-group-w-drop .ms-options-wrap .ms-options {
        max-width: calc(100% - 45px);
        width: 100%
    }
}

@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) {
    .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: 100%;
        margin: 1px 0 0 10px
    }

    .order_filter_txtbox+.payment_balancesheet_btn .button {
        width: fit-content
    }

    .store-credit-form {
        min-height: inherit
    }
}

@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) {
    .credit-top .total-balance label {
        display:none
    }

    .inbifur_ul>li {
        width: 100%;
        margin: .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%
    }
}

@media screen and (max-width: 400px) {
    .store-credit-form .button.credit_btn span {
        margin:10px 0 0
    }
}

.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 0 0
}

.label-container .fedex-labelpanel .label-panel {
    background-image: url(../images/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: 0 0 5px 5px;
    text-align: center
}

.label-container .fedex-labels-btn-group .button.nt-autofill span i.lblicon {
    background-image: url(../images/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 rgb(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 rgb(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/fedex-sprites.png);
    background-position: 1px -1150px;
    width: 27px;
    border: 0;
    height: 27px;
    background-color: #fff0;
    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 .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-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: rgb(27 27 27 / .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) {
    .paypal-confirm-box .conform-bx-inner {
        display:block
    }

    .paypal_tabs_new {
        justify-content: flex-start;
        font-size: 12px
    }

    .paypal_tabs_new>li>a {
        min-width: 110px
    }

    .paypal_tabs_new>li>a:hover {
        color: var(--dark-color)
    }

    .paypal_tabs_new>li>a.p-active:hover {
        color: var(--primary-color)
    }

    .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 0 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 .2% .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
    }
}

.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: #fff0;
    color: var(--error-color)
}

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

button.nt-paynow:hover span {
    background: #fff0;
    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: #000;
    background-color: rgb(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: 0 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: #fff0;
    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: 0
}

.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/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: 0 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: 0 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: #fff0;
    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: 0 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: #fff0;
    z-index: 1
}

.braintree-option.partial_credit {
    margin-bottom: 0!important;
    border-top: 1px solid var(--grey-color-tone-nine);
    border-radius: 4px 4px 0 0
}

.partial-bifurgate-container {
    border: 1px solid var(--grey-color-tone-nine);
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.customer_credit_opt.fl_creditact {
    width: 100%
}

.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: 0 0 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: 0 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
}

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: 0
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-container {
    max-width: 1280px;
    margin: 0 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: 0 auto!important;
    float: none
}

body.nettermpayment-index-eligibilitycheck .customer-account-retail .account-create .page-title {
    margin: 0 auto;
    float: none;
    width: 760px
}

body.nettermpayment-index-eligibilitycheck .account-container .account_type_title {
    float: none;
    width: 760px;
    padding: 10px 0 30px;
    display: block;
    clear: both;
    margin: 0 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: 0 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: 0;
    top: 0
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-header h2.legend {
    margin: 0;
    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 0 0 30px;
    position: relative;
    z-index: 1
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .form-list {
    border: none;
    margin: 0
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field {
    margin-bottom: 0
}

body.nettermpayment-index-eligibilitycheck .account-container .info-main .info-middle .mobile-field p {
    font-size: 12px;
    padding-top: 0;
    display: block;
    clear: both;
    margin-bottom: 0
}

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: 0
}

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 0 0
}

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: 0 0 0 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 0 -2px
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle {
    margin: 0 0 0 30px
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle .login-ul {
    border: none 0;
    padding-bottom: 0
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.recaptcha {
    border: none 0;
    padding: 0 30px 15px;
    float: left;
    width: 100%
}

body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note {
    float: left;
    width: 100%;
    padding: 0 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: 0 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: 0;
    border-left: 0;
    width: 48px!important;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    height: 46px
}

.num_prefix.for-r {
    background-color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 0 3.39344px rgb(32 32 32 / 25%);
    border: 0;
    position: relative;
    border-right: .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: 0 6px 6px 0;
    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: 0
}

.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)
}

@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
    }

    .paypal-confirm-box .conform-bx-inner {
        width: 100%;
        height: 100%;
        max-width: 100%;
        border-radius: 0;
        margin: 0 auto;
        overflow: auto
    }
}

@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: .7% .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%
    }

    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: 0 0 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: 0;
        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: 0
    }

    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 0
    }

    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: 0
    }

    body.nettermpayment-index-eligibilitycheck .general-info .info-main .info-middle {
        margin: 40px 0 0
    }

    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: 0
    }

    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: 0
    }

    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: 0 15px 15px
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-middle ul.special-note {
        font-size: 12px;
        line-height: 18px;
        padding: 0 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: 0
    }

    body.nettermpayment-index-eligibilitycheck .login-information .info-main .info-footer .buttons-set p.required {
        margin: 15px 0 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
    }
}

@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 0;
        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
    }
}

.myaccount-design ul li i {
    display: none
}

.ex-menu-check {
    cursor: pointer;
    position: relative
}

.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-check2 {
    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;
    top: 5px
}

.expand-submenu>input[type=checkbox]:checked+label.ex-menu-check: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-check2 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: 0 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: flex
}

.col-left {
    max-width: 170px;
    will-change: max-width,transform
}

.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;
    margin: 0;
    border: 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: 5px
}

.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
}

.bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab:lang(el),.bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab:lang(hu),.bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab:lang(nl),.bpanel-section .bsection-rwo .btabs-section .tb-parts.current-bl-tab:lang(uk) {
    background-position: -5px -1163px
}

.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(el),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(pt),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(ro),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(bg),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(nl),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(es),.bpanel-section .bsection-rwo .btabs-section .tb-tools:lang(uk) {
    background-position: -10px -1317px
}

.buying-limit-wrapper .bsteps:lang(bg),.buying-limit-wrapper .bsteps:lang(de) {
    padding: 12px
}

@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
    }
}

.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/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: .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 rgb(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: 0 0 5.861px rgb(133 133 133 / .3);
    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 rgb(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: #fff0
}

.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/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: .28px;
    margin-left: 23px;
    position: relative;
    background-color: var(--white-color);
    padding: 0 5px
}

.rma-dropdown-data {
    border-radius: 10px;
    box-shadow: 0 1px 5.861px rgb(133 133 133 / .3);
    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: #fff0;
    width: 5px;
    padding-right: 10px
}

.search-found-data::-webkit-scrollbar-track {
    background-color: #fff0
}

.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: rgb(241 6 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: 0 1.068px 8.542px 0 rgb(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 rgb(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: .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: .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: .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 rgb(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: .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: silver;
    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: .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
}

.rma-step {
    box-shadow: 0 0 5.861px rgb(133 133 133 / .3);
    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: 0 2px 2px 0;
    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: "Inter",sans-serif;
    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: .14px;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0 0
}

.from-step {
    padding: 30px 0 30px 0;
    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: .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: .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: .14px;
    border-bottom: 1px dashed #DEDEDE;
    margin: 0;
    padding: 0 0 12px 0
}

.address-box p {
    margin: 0;
    padding: 10px 10px 5px;
    color: dimgray;
    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: 0 10px 10px 0
}

.require-multi {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 10px 0 25px 0;
    padding: 0
}

.each-box {
    border-radius: 100px;
    background: rgb(222 15 38 / .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: .1px;
    text-decoration-line: underline
}

.each-box span {
    color: #F10600;
    font-weight: 500;
    letter-spacing: .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: "Inter",sans-serif;
    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: 0 10px 10px 0
}

.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
}

.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/internet-connection-icon.svg);
    width: 24px;
    height: 17px;
    background-size: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    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/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 rgb(255 242 244 / .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
    }
}

.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: -.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-search.svg);
    padding: 0;
    border: 0;
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 14px 10px 0 0
}

.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/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: 0 0 4px 0 #00000040;
    padding: 5px 17px;
    border-radius: 20px;
    margin-left: 10px
}

.reserve-grid-outer {
    box-shadow: 0 1.01px 8.12px 0 #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: 13px
}

.reserve-grid-title>li {
    font-weight: 600;
    word-break: break-word
}

.blank-space {
    max-width: 0
}

.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 0
}

.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/checkmark_2.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: 0 0 4px 0 #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 #fff0;
    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: 0 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
}

.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar {
    width: 10px
}

.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar-track {
    background: #fff
}

.conform-bx.cms-pagepopup-page.customized-width .conform-bx-inner .chk-cms-page-content::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 10px
}

.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
}

.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-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: 0 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 0
    }

    .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 0
    }

    .reserve-grid-outer .reserve-grid-data>li {
        width: 100%
    }

    .payment-form-list .input-box {
        margin: 0 0 30px;
        width: 100%;
        max-width: 100%
    }

    .creditcard-saved-list .creditcard-saved-accounts tr {
        width: calc(100% - 12px)
    }
}

.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: .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: .01em;
    margin: 0;
    padding: 0;
    color: #454545
}

.my-dashboard-gapp .page-title .page-title-inner .core-returns {
    background: #FFF2F2;
    font-family: "Inter",sans-serif;
    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: #000;
    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: 0 0 10px 0 #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: #000;
    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: #000
}

.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: #000;
    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: 0 0 5.86px 0 #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: -.01em;
    color: #000;
    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: #000;
    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: .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: .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: -.01em;
    color: #000;
    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 0;
    vertical-align: top;
    max-width: 200px;
    display: inline-block
}

.agreement-into>span .cform-group.date-box {
    max-width: 170px
}

.agreement-into>span .cform-group.box-type-entity {
    min-width: 220px
}

.agreement-into>span .cform-group.box-type-country {
    min-width: 180px
}

.agreement-into>span .cform-group .cform-control.nice-select .nice-select-search-box.nice-select-search-box {
    display: none
}

.agreement-into>span .cform-group .cform-control.nice-select .nice-select-search-box.nice-select-search-box+.list {
    margin-top: 3px!important
}

.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: #000
}

.agreement-list-box.completed .selected-credit-card {
    display: block
}

.agreement-list .agreement-list-box#pre-existing-irp-store-details {
    margin-bottom: 20px
}

.agreement-list .agreement-list-box#pre-existing-irp-store-details .agreement-list-title {
    margin-bottom: 14px
}

.irp-store-details-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px 0 20px
}

.irp-store-details-row .irp-field-group {
    position: relative;
    width: 100%;
    max-width: 290px
}

.irp-store-details-row .irp-field-group label {
    position: absolute;
    left: 12px;
    top: -8px;
    z-index: 1;
    background: var(--white-color);
    color: #B0B0B0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    transform: scale(.58);
    transform-origin: left top;
    padding: 0 4px
}

.irp-store-details-row .irp-field-group .input-text {
    width: 100%;
    height: 48px;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    background: var(--white-color);
    padding: 0 16px;
    font-size: 14px
}

.irp-store-details-row #save_irp_store_details {
    min-width: 130px;
    height: 36px;
    border-radius: 24px;
    padding: 0 25px;
    line-height: 36px;
    margin-left: 8px
}

@media screen and (max-width: 991px) {
    .irp-store-details-row {
        flex-wrap:wrap
    }

    .irp-store-details-row .irp-field-group {
        max-width: 100%;
        margin-bottom: 15px
    }

    .irp-store-details-row #save_irp_store_details {
        margin-left: 0
    }
}

.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: #000;
    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: .01em;
    color: #454545;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px
}

.credit-card-inner {
    box-shadow: 0 0 5.86px 0 #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: #000;
    position: relative;
    margin-bottom: 40px
}

.credit-card-inner .card-title:before {
    content: "";
    width: 5px;
    height: 21px;
    border-radius: 0 5px 5px 0;
    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: #000;
    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: .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: .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
}

.return-program-box ul li .return-program.disabled-box {
    background-color: #c5c5c5;
    opacity: .5;
    pointer-events: none;
    filter: grayscale(1)
}

.welcome-gapp-inner.welcome-box {
    box-shadow: 0 0 7px 0 #0003;
    border-radius: 17px;
    padding: 20px
}

.welcome-gapp-inner h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #000;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    display: block
}

.my-dashboard-gapp .page-title .page-title-inner.gapp-title-w-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.welcome-gapp-inner p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23.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: 0 0 7px 0 #0003;
    border-radius: 17px;
    margin: 0 0 35px 0;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap
}

.return-program-box .disclamer-box .cform-checkbox .validation-advice {
    width: 100%;
    color: red;
    margin-top: 5px
}

.return-program-box .disclamer-box .cform-checkbox.required-box {
    outline: 1px solid var(--d-danger-color);
    box-shadow: 0 0 7px 0 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: 6px
}

.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: 0 0 7px 0 #0003;
    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: #000;
    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: #777;
    max-width: 370px;
    margin: 0 auto 20px;
    width: 100%;
    display: block;
    min-height: 63px
}

.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: #000;
    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
}

.fedex-location-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 30px;
    max-width: 930px;
    margin: 0 auto 20px
}

.fedex-location-main .hold-checkbox {
    margin: 0;
    padding: 0;
    width: 100%
}

.fedex-location-main .fedex-locations {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    padding: 0
}

.fedex-location-main .fedex-locations h5 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--dark-black-color);
    margin: 15px 0 10px 0;
    width: 100%
}

.fedex-location-main .location-detail {
    box-shadow: 0 1.01px 8.12px 0 #00000024;
    border-radius: 15px
}

.fedex-location-main .default-link {
    color: var(--dark-color)
}

.fedex-location-main .location-detail {
    box-shadow: 0 1.01px 8.12px 0 #00000024;
    border-radius: 15px
}

@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
    }

    .fedex-location-main {
        padding: 0 15px 0 30px
    }

    .irp-store-details-row {
        padding: 15px 0 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
    }

    .fedex-location-main {
        padding: 0 15px
    }
}

@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
    }

    .fedex-location-main {
        padding: 0 0
    }
}

.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: 0 2px 11px 0 #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: 0 0 5.86px 0 #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: 0 0 0 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: #000;
    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
}

.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: 0 .68px 5.47px 0 #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 rgb(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: #000
}

.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: #000;
    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: .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: #fff0
}

.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: 0 0 0 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
    }
}

.form-edit .form-list li.fie_mobile .iti {
    width: 100%
}

.form-edit .form-list li.fie_mobile .div_mobile input {
    width: 100%
}

.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
}

.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
    }
}

.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: 0 0 5.86px 0 #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: .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: .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: .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: 0 20px 20px 0
}

.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: .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: #fff0
}

.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 0 16px 16px;
    background: var(--white-color);
    box-shadow: 0 3px 10px 0 rgb(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
}

.upgrade-customer-info .fieldset,.default-payment-method-section {
    border: 0;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgb(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,.default-payment-method-section .legend {
    background-color: #fff0;
    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,.default-payment-method-section .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: 0 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: .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: 0;
    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
}

.dpay-method-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -15px;
    padding: 0 15px;
    justify-content: start
}

.dpay-method-section>li {
    width: calc(14.285714286% - 15px);
    margin: 0 7.5px 15px;
    min-width: 106.42px
}

.default-payment-method-section .dpay-method-section li label {
    box-shadow: 0 0 8px 0 #D1D1D1;
    float: none;
    border-radius: 9px;
    width: 100%;
    margin: 0;
    display: block;
    position: static;
    min-height: 42px;
    background-image: url(../images/checkout-payment-method-sprite.svg);
    background-repeat: no-repeat;
    cursor: pointer
}

.dpay-method-section li label {
    background-size: 110px
}

.dpay-method-section li input[type="radio"] {
    display: none
}

.default-payment-method-section .dpay-method-section li input[type="radio"]:checked+label {
    border: 1px solid var(--primary-color);
    background-color: snow
}

.dpay-method-section .int-credit-key label {
    background-position: -3px -114px
}

.dpay-method-section .int-netterms label {
    background-position: -4px -170px
}

.dpay-method-section .int-paypal label {
    background-position: -4px -227px
}

.dpay-method-section .int-venmo label {
    background-position: -2px -283px
}

.dpay-method-section .int-ach-payment label {
    background-position: -2px -342px
}

.dpay-method-section .int-pay-in-store label {
    background-position: 0 -404px
}

.dpay-method-section .int-paypal-invoice label {
    background-position: 0 -523px
}

.dpay-method-section .int-cross-shipment label {
    background-position: 0 -590px
}

.dpay-method-section .int-sample-order label {
    background-position: 0 -654px
}

.dpay-method-section .int-split-payment label {
    background-position: -4px -693px
}

.dpay-method-section .int-blik label {
    background-position: -4px -756px
}

.dpay-method-section .int-grubpay label {
    background-position: -4px -803px
}

.dpay-method-section .int-eps label {
    background-position: -1px -852px
}

.dpay-method-section .int-klarna label {
    background-position: 0 -906px
}

.dpay-method-section .int-bancontact label {
    background-position: 0 -954px
}

.dpay-method-section .int-sofort label {
    background-position: center -1002px
}

.dpay-method-section .int-ideal label {
    background-position: center -1058px
}

.dpay-method-section .int-mybank label {
    background-position: center -1124px
}

.dpay-method-section .int-p24 label {
    background-position: center -1182px
}

.dpay-method-section .int-pay-upon-invoice label {
    background-position: center -1065px;
    background-size: 95px
}

.dpay-method-section .int-google-pay label {
    background-position: center -1282px
}

.dpay-method-section .int-cb label {
    background-position: center -1339px
}

.dpay-method-section .int-bankaxept label {
    background-position: center -1393px
}

.dpay-method-section .int-dk label {
    background-position: -5px -1455px
}

.dpay-method-section .int-sepa label {
    background-position: center -1513px
}

.dpay-method-section .int-bizum label {
    background-position: -9px -1572px
}

.dpay-method-section .int-mbway label {
    background-position: -9px -1629px
}

.dpay-method-section .int-trustly label {
    background-position: -2px -1532px;
    background-size: 100px
}

.dpay-method-section .int-swish label {
    background-position: -7px -1744px
}

.dpay-method-section .int-twint label {
    background-position: -7px -1802px
}

.dpay-method-section .int-vapps label {
    background-position: -6px -1859px
}

.dpay-method-section .int-pay-by-invoice label {
    background-position: -19px -2353px;
    background-size: 135px
}

.dpay-method-section .int-pay-by-bank label {
    background-position: -8px -2128px;
    background-size: 120px
}

.dpay-method-section .int-banktransfer label {
    background-position: 0 -56px
}

.dpay-method-section .int-internal-credit label {
    background-position: -1px -465px
}

.default-payment-method-section .dpay-method-section .int-default label {
    background-image: url(../images/ms-default.svg);
    background-size: 18px;
    background-position: center center
}

.default-payment-method-section .dpay-method-section .int-applepay label {
    background-image: url(../images/applepay.svg);
    background-size: 48px;
    background-position: center center
}

.default-payment-method-section .dpay-method-section .int-crypto label {
    background-image: url(../images/crypto.svg);
    background-size: 74px;
    background-position: center center
}

.int-button-set {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 0;
    justify-content: flex-end;
    border-top: 1px solid #eee;
    margin-top: 10px
}

.default-payment-method-section {
    margin: 20px 0 0
}

.upgrade-customer-info .ms-subtitle h2 {
    color: var(--dark-color)
}

.upgrade-customer-info .notification-wrapper .notification-tr {
    border-radius: 5px 5px 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: var(--light-grey-color-second);
    border: none;
    background-color: #fff0
}

.upgrade-customer-info .notification-wrapper {
    margin: 15px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--white-color);
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    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: #fff0
}

.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 rgb(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 0 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 rgb(0 0 0 / .16);
    border: 0 none;
    color: var(--dark-color);
    background-color: var(--white-color);
    margin-right: 10px
}

.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 rgb(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: #fff0
}

.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
}

.lan-curwrapper {
    border: 0;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgb(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: #fff0;
    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: .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: #fff0;
        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 0 20px
    }
}

@media screen and (max-width: 480px) {
    .dpay-method-section {
        margin:0;
        padding: 0
    }

    .dpay-method-section>li {
        margin: 0 3.5px 10px
    }

    .my-dashboard-gapp .page-title .page-title-inner.gapp-title-w-btn {
        align-items: flex-start;
        flex-direction: column
    }

    .my-dashboard-gapp .page-title .page-title-inner.gapp-title-w-btn .btn {
        margin-top: 20px
    }

    .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
    }

    .agreement-into>span .cform-group.box-type-country {
        min-width: 100%;
        margin: 0 0 10px
    }

    .agreement-into>span .cform-group.box-type-entity {
        margin: 0 0 10px
    }
}

@media screen and (max-width: 370px) {
    .notification-td .ep-allemails,.notification-td .ep-allnums {
        margin-top:0
    }

    .account-information-title h1 span,.account-information-title h1 {
        font-size: 19px
    }
}

.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: #fff0;
    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: #fff0;
    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 0 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: #fff0;
    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: rgb(17 17 26 / .05) 0 4px 16px,rgb(17 17 26 / .05) 0 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
    }
}

.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 10px 15px 30px
    }

    .mismatched-add-popup.shipping-method-popup .diff-add-data label::before {
        width: 15px;
        height: 15px;
        top: 15px;
        left: 5px
    }

    .conform-bx.mismatched-add-popup .diff-add-data label>h4 {
        margin: 0 0 5px 0
    }

    .diff-add-data label {
        width: 100%;
        margin: 7.5px 0
    }

    .diff-add-data {
        margin: 20px 0;
        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
    }
}

.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-head:lang(el),.net-term-head:lang(bg) {
    padding: 0 0 0 0
}

.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: .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: .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;
    word-break: break-all
}

.credit-label .tooltip-box {
    padding: 0 10px 0 0
}

.credit-label .tooltip-boxcredit-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: 0 1.07px 8.54px 0 #00000024;
    border-radius: 8px 0 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: -.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: -.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
}

.net-term-main .tab-container-main .tabs {
    align-items: end
}

.net-term-main .tab-container-main .tabs .tab-link {
    max-width: 170px;
    line-height: 16px
}

.net-term-main .flex-fixedleft-net ul li.head {
    margin: 5px;
    padding-left: 15px
}

.tabs-dropdown {
    display: none
}

.tab-container-main .tabs .tab-link {
    box-shadow: 0 0 4px 0 #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: 0 1.01px 8.12px 0 #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-net {
    max-width: 1800px;
    width: 100%;
    position: relative;
    height: 100%;
    border-radius: 15px;
    background-color: var(--white-color);
    z-index: 3;
    font-family: 'Inter',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: #fff0
}

.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/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: #fff0;
    width: 8px
}

.flex-centerwraper-net::-webkit-scrollbar-track {
    background-color: #fff0;
    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: .8px solid var(--neterm-cform-control-color);
    max-width: 90px;
    padding: 5px 10px;
    font-family: "Inter",sans-serif;
    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
}

.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/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: -.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: 0 4px 4px 0;
    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: -.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: -.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 0;
    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: -.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
}

.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: -.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
}

.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: #AAA;
    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
}

.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: 0 1px 9px 0 #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)
}

.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)
}

.mydetail-edit .dashboard-acc-bx-inner.rounded-popup {
    margin: 50px auto
}

@media screen and (max-width: 767px) {
    .add-address-popup .address-fixheight {
        max-height:450px
    }

    .mydetail-edit .dashboard-acc-bx-inner.rounded-popup {
        margin: 20px auto
    }
}

@media screen and (max-height: 830px) {
    .mydetail-edit .dashboard-acc-bx-inner.rounded-popup {
        max-height:300px;
        overflow-y: auto
    }

    .conform-bx-inner.custom-edituser-popup .message,.cell-popup .message {
        max-height: initial;
        height: calc(100vh - 100px);
        overflow-y: auto
    }

    .add-address-popup .address-fixheight {
        max-height: fit-content
    }

    .mydetail-edit .dashboard-acc-bx-inner.rounded-popup {
        max-height: fit-content;
        overflow-y: hidden
    }
}

.nice-select {
    -webkit-tap-highlight-color: #fff0;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active,.nice-select.open,.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgb(68 68 68 / .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(.5,0,0,1.25),opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(.5,0,0,1.25),opacity 0.15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled,.nice-select .option.disabled:hover,.nice-select .list:hover .option.disabled {
    color: #B2B2B2!important;
    cursor: default;
    background-color: transparent!important
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.text-center {
    text-align: center
}

.balance-sheet-container {
    transition: all 0.3s ease-in-out
}

.balance-sheet-container.show {
    display: block;
    animation: fadein 0.5s ease-in-out
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.balance-sheet-table {
    width: 100%;
    border-collapse: collapse;
    background: #FFF;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgb(0 0 0 / .1)
}

.balance-sheet-table thead {
    background: #DDD;
    color: #333;
    text-align: left;
    font-weight: 600
}

.balance-sheet-table th,.balance-sheet-table td {
    padding: 12px;
    border-bottom: 1px solid #DEE2E6;
    text-align: left;
    font-size: 14px
}

.balance-sheet-table tbody tr:nth-child(odd) {
    background: #F2F2F2
}

.negative-amount {
    color: #DC3545;
    font-weight: 700
}

.positive-amount {
    color: #28A745;
    font-weight: 700
}

#store_credit_iis {
    font-family: "Inter",sans-serif
}

#store_credit_iis .cart-scroll {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px
}

#store_credit_iis .data-table {
    width: 100%;
    border-collapse: collapse
}

#store_credit_iis .data-table thead {
    background-color: #F7F7F7;
    border-bottom: 2px solid #CCC
}

#store_credit_iis .data-table thead th {
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #FFF2EC;
    border-right: 1px solid #DDD
}

#store_credit_iis .data-table thead th:last-child {
    border-right: none
}

#store_credit_iis .data-table tbody td {
    padding: 12px 15px;
    font-size: 13px;
    color: #555;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    vertical-align: top
}

#store_credit_iis .data-table tbody td:last-child {
    border-right: none
}

#store_credit_iis .data-table tbody tr:nth-child(even) {
    background-color: #F9F9F9
}

#store_credit_iis .data-table tbody tr:hover {
    background-color: #F1F1F1
}

#store_credit_iis .stylis-table-2 {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    overflow: hidden
}

#store_credit_iis .credit-table .price {
    font-weight: 700;
    color: #2C3E50;
    text-align: center;
    display: block;
    font-size: 13px;
    float: none
}

#store_credit_iis .credit-table .credit {
    color: green
}

#store_credit_iis .credit-table .debit {
    color: red
}

#store_credit_iis .diff-positive,#store_credit_iis .diff-negative,#store_credit_iis .diff-zero,#store_credit_iis .ledger-total-balance {
    font-size: 12px;
    text-align: center;
    display: block;
    padding-top: 25px;
    clear: both
}

#store_credit_iis .diff-positiveBottom {
    position: relative;
    top: 16px!important
}

#store_credit_iis .ledger-total-balance,#store_credit_iis .transition_id {
    color: #A2A2A2!important
}

#store_credit_iis .diff-positive {
    color: green
}

#store_credit_iis .diff-negative {
    color: red
}

#store_credit_iis .diff-zero {
    color: #000
}

#store_credit_iis .hidden-action {
    display: none!important
}

#store_credit_iis .diff-title {
    padding-top: 12px;
    font-weight: 700;
    color: #A2A2A2;
    font-size: 12px
}

#store_credit_iis .cell-with-diff {
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box
}

#store_credit_iis .info-icon-container {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

#store_credit_iis .info-icon {
    cursor: pointer;
    font-size: 1em;
    color: #2A2323
}

#store_credit_iis .info-tooltip {
    visibility: hidden;
    width: 250px;
    background: #333;
    color: #FFF;
    text-align: left;
    padding: 10px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 120%;
    z-index: 999
}

#store_credit_iis .info-icon-container:hover .info-tooltip {
    visibility: visible
}

.ts-edt-toggle-sec {
    display: grid;
    margin-left: 8px
}

.ts-edt-toggle-label {
    top: 8px;
    font-size: 13px;
    font-weight: 500;
    position: relative
}

.ts-edt-toggle-switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    margin: 0 auto
}

.ts-edt-toggle-switch .ts-edt-toggle {
    display: none
}

.ts-edt-toggle-slider {
    position: absolute;
    cursor: pointer;
    background-color: #CCC;
    border-radius: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s
}

.ts-edt-toggle-slider:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--white-color);
    border-radius: 50%;
    transition: 0.4s
}

.ts-edt-toggle-switch input:checked+.ts-edt-toggle-slider {
    background-color: #E74C3C
}

.ts-edt-toggle-switch input:checked+.ts-edt-toggle-slider:before {
    transform: translatex(22px)
}

.ts-edt-highlight {
    z-index: 1;
    pointer-events: fill!important;
    background-color: #C2FFBF!important
}

.ts-edt-prod-highlight {
    background-color: #FFBFC0!important
}

.iis-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgb(0 0 0 / .5);
    align-items: center;
    box-sizing: border-box;
    justify-content: center
}

.iis-modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 500px;
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 20px 40px rgb(0 0 0 / .2);
    overflow: hidden;
    z-index: 1000
}

.iis-modal-header {
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #DDD;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.iis-modal-body {
    max-height: 300px;
    overflow-y: auto
}

.iis-modal-footer {
    padding: 12px;
    text-align: right;
    border-top: 1px solid #DDD
}

.ts-edt-popup {
    z-index: 10000;
    margin-top: -4px;
    overflow: hidden;
    min-width: 350px;
    max-width: 600px;
    position: absolute;
    border-radius: 10px;
    line-height: initial;
    opacity: 1!important;
    background: var(--white-color);
    color: var(--dark-color)!important;
    box-shadow: 0 20px 40px rgb(0 0 0 / .6)
}

.ts-edt-popup-footer {
    padding: 12px;
    text-align: right;
    border-top: 1px solid #DDD
}

.iis-btn {
    padding: 8px 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px
}

.iis-btn-primary {
    color: var(--white-color);
    background: var(--error-color)
}

.iis-btn-close {
    background: #F0F0F0
}

.ts-edt-table {
    width: 100%;
    border-collapse: collapse
}

.ts-edt-table thead {
    border-bottom: 1px solid #EEE
}

.ts-edt-table th,.ts-edt-table td {
    font-size: 14px;
    text-align: left;
    padding: 15px 10px
}

.ts-edt-table th {
    background: #F6F4FF;
    font-weight: 700;
    position: sticky;
    top: 0
}

.ts-edt-table tr:nth-child(even) {
    background: #FAFAFA
}

.ts-edt-table td[contenteditable="true"] {
    background: #FFF9C4;
    outline: none
}

.ts-modal-btn {
    font-size: 14px;
    padding: 7px 14px;
    border-radius: 10px
}

@media screen and (max-width: 1300px) {
    .ts-edt-toggle-label {
        top:0
    }
}

@media screen and (max-width: 768px) {
    .balance-sheet-table thead {
        display:none
    }

    .balance-sheet-table tbody,.balance-sheet-table tr,.balance-sheet-table td {
        display: block;
        width: 100%
    }

    .balance-sheet-table tr {
        margin-bottom: 15px;
        border: 1px solid #DDD;
        border-radius: 8px;
        overflow: hidden;
        padding: 10px;
        background: #FFF
    }

    .balance-sheet-table td {
        text-align: right;
        padding-left: 50%;
        position: relative
    }

    .balance-sheet-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        font-weight: 700;
        color: #495057;
        text-align: left
    }

    #store_credit_iis .data-table thead th,#store_credit_iis .data-table tbody td {
        padding: 10px;
        font-size: 12px
    }
}

.popup-layout {
    max-width: 540px;
    padding: 25px 20px;
    border-radius: 26px;
    box-shadow: rgb(0 0 0 / .16) 0 1px 4px;
    background-color: var(--white-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translatey(-50%);
    width: calc(100% - 20px);
    text-align: left
}

.country-selection-main .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #A6A6A6
}

.country-selection-main .country-search-box {
    padding: 8px 16px;
    border-radius: 32px;
    background: #0000000D;
    max-width: 296px;
    width: 100%;
    border: none;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto
}

.country-selection-main .country-search-box::placeholder {
    color: #797979;
    font-size: 14px;
    font-weight: 400
}

.country-selection-main .header .country-search-box input {
    outline: none;
    border: none;
    background-color: #fff0;
    color: #797979;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    padding: 0
}

.country-selection-main .header .country-search-box input:focus {
    outline: none;
    bottom: none
}

.country-selection-main h1 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    align-self: center
}

.country-selection-main h2 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-top: 15px
}

.country-selection-main .country-card {
    display: flex;
    align-items: center;
    padding: 8px;
    margin-bottom: 25px
}

.country-selection-main .country-card img {
    margin-right: 12px
}

.country-selection-main .country-card a {
    color: var(--blue-primary);
    text-decoration: none;
    font-size: 14px
}

.country-selection-main .country-card span {
    font-weight: 500;
    font-size: 16px;
    display: inline-block
}

.country-selection-main .country-columns {
    display: flex;
    margin-top: 20px
}

.country-selection-main .country-col {
    width: 25%;
    margin-right: 40px
}

@media (max-width: 1024px) {
    .container {
        padding:20px 15px
    }

    .country-selection-main .country-columns {
        flex-wrap: wrap;
        flex-direction: row
    }

    .country-selection-main .country-col {
        width: calc(33.333% - 20px);
        margin-right: 20px
    }

    .country-selection-main h1 {
        font-size: 19px
    }

    .country-selection-main h2 {
        font-size: 22px
    }
}

@media (max-width: 768px) {
    .country-selection-main .header {
        flex-direction:column;
        align-items: flex-start
    }

    .country-selection-main .country-search-box {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        max-width: 100%
    }

    .country-selection-main .country-card {
        margin-bottom: 15px
    }

    .country-selection-main h1 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .country-selection-main h2 {
        font-size: 20px
    }

    .country-selection-main .country-card span {
        font-size: 15px
    }

    .country-selection-main .country-card a {
        font-size: 13px
    }
}

@media (max-width: 640px) {
    .country-selection-main .country-col {
        width:45%
    }
}

@media (max-width: 480px) {
    .country-selection-main .country-search-box {
        padding:6px 12px
    }

    .country-selection-main .country-search-box input {
        font-size: 14px
    }

    .country-selection-main .country-search-box::placeholder {
        font-size: 13px
    }

    .country-selection-main .country-card {
        padding: 6px;
        margin-bottom: 10px
    }

    .country-selection-main .country-card img {
        margin-right: 10px
    }

    .country-selection-main h2 {
        font-size: 18px;
        margin-top: 15px!important
    }

    .country-selection-main .country-card span {
        font-size: 14px
    }

    .country-selection-main .country-card a {
        font-size: 12px
    }

    .country-selection-main .country-col {
        width: 100%;
        margin-right: 0
    }

    .country-selection-main .country-columns {
        gap: 0
    }
}

.country-selector-popup-container,.recommendation-popup-container {
    text-align: center;
    position: fixed;
    height: 100%;
    width: 100%;
    background: var(--box-shadow-color-one) none repeat scroll 0% 0%;
    z-index: 10000;
    top: 0;
    display: none;
    left: 0
}

.recommendation-popup-container .select-items.show::-webkit-scrollbar {
    width: 5px
}

.recommendation-popup-container .select-items.show::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 10px
}

.recommendation-popup-container .select-items.show::-webkit-scrollbar-thumb {
    background-color: #DDD;
    border-radius: 10px
}

.country-selector-popup {
    background: #FFFFFFF0;
    backdrop-filter: blur(32px);
    border-radius: 48px;
    width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    max-width: 840px;
    max-height: 90vh
}

.country-selector-popup .left-section {
    padding: 30px;
    width: 48%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.country-selector-popup .logo {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    max-width: 140.5px
}

.country-selector-popup .left-section h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.country-selector-popup .left-section p {
    margin-bottom: 20px;
    margin-top: 0;
    color: #000;
    font-size: 16px
}

.country-selector-popup .location-box {
    border: 1px solid #DDD;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 0 #00000026;
    background: #00000008;
    width: 100%;
    max-width: 310px;
    box-sizing: border-box
}

.country-selector-popup .flag-and-text {
    display: flex;
    align-items: center;
    gap: 10px
}

.country-selector-popup .flag {
    width: 30px;
    height: auto
}

.country-selector-popup .country-name {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    text-align: left
}

.country-selector-popup .site-link {
    color: #007AFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500
}

.country-selector-popup .change-btn {
    background: #fff0;
    border: none;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none
}

.country-selector-popup .primary-btn {
    display: inline-block;
    background-color: #F10600;
    color: #FFF;
    text-decoration: none;
    padding: 10px 32px;
    width: 100%;
    max-width: 290px;
    border-radius: 32px;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box
}

.country-selector-popup .primary-btn:hover {
    background: #E50600
}

.country-selector-popup .stay-link {
    margin-top: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.country-selector-popup .right-section {
    width: 50%;
    padding: 16px 16px 16px 0;
    position: relative;
    box-sizing: border-box
}

.country-selector-popup .eu-flag {
    position: static;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 0
}

.search-box {
    display: flex;
    width: 100%;
    position: relative;
    padding: 16px 12px 8px 16px
}

.search-box input {
    background: var(--gray-bg);
    border: none;
    outline: none;
    width: 100%;
    position: relative;
    border-radius: 32px;
    height: 36px;
    padding: 0 0 0 38px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--dark-gray-text)
}

.search-box svg {
    width: 14px;
    height: 15px;
    position: absolute;
    top: 25px;
    z-index: 1;
    margin-left: 16px
}

@media (max-width: 768px) {
    .country-selector-popup {
        flex-direction:column;
        height: auto;
        border-radius: 24px
    }

    .country-selector-popup .left-section {
        width: 100%;
        padding: 20px
    }

    .country-selector-popup .right-section {
        width: 100%;
        padding: 0;
        object-fit: cover;
        height: 100%;
        padding-bottom: 10px
    }

    .country-selector-popup .eu-flag {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0 0 24px 24px;
        max-height: 300px
    }

    .country-selector-popup .logo {
        width: 120px
    }

    .country-selector-popup .location-box {
        width: 100%;
        padding: 12px
    }

    .country-selector-popup .primary-btn {
        width: 100%;
        padding: 10px 20px
    }

    .country-selector-popup .left-section h2 {
        font-size: 18px
    }

    .country-selector-popup .left-section p {
        font-size: 14px
    }

    .country-selector-popup .country-name {
        font-size: 14px
    }

    .country-selector-popup .site-link,.country-selector-popup .change-btn {
        font-size: 13px
    }

    .country-selector-popup .stay-link {
        font-size: 15px
    }
}

@media (max-width: 480px) {
    .country-selector-popup {
        border-radius:16px
    }

    .country-selector-popup .left-section {
        padding: 15px
    }

    .country-selector-popup .right-section {
        height: 150px
    }

    .country-selector-popup .eu-flag {
        border-radius: 0 0 16px 16px
    }

    .country-selector-popup .logo {
        width: 100px;
        margin-bottom: 15px
    }

    .country-selector-popup .location-box {
        padding: 10px
    }

    .country-selector-popup .primary-btn {
        padding: 8px 15px
    }

    .country-selector-popup .left-section h2 {
        font-size: 16px
    }

    .country-selector-popup .left-section p {
        font-size: 13px
    }

    .country-selector-popup .country-name {
        font-size: 13px
    }

    .country-selector-popup .site-link,.country-selector-popup .change-btn {
        font-size: 12px
    }

    .country-selector-popup .stay-link {
        font-size: 14px
    }

    .country-selector-popup .flag {
        width: 25px
    }
}

.recommendation-popup-container .recommendation-popup {
    background: #FFF;
    backdrop-filter: blur(32px);
    border-radius: 48px;
    height: auto;
    max-width: 444px;
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 0;
    font-family: "Inter",sans-serif
}

.recommendation-popup .left-section {
    padding: 32px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.recommendation-popup .logo {
    width: 140.5px;
    height: auto;
    margin-bottom: 25px
}

.recommendation-popup .left-section h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
    font-family: "Inter",sans-serif
}

.recommendation-popup .left-section p {
    margin-bottom: 19px;
    margin-top: 0;
    color: var(--color-black);
    font-weight: 400;
    line-height: 1.2
}

.recommendation-popup .left-section p strong {
    font-weight: 600
}

.recommendation-popup .location-box {
    border: 1px solid #DDD;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 0 #00000026;
    background: #00000008;
    max-width: 310px;
    width: 100%
}

.recommendation-popup .flag-and-text {
    display: flex;
    align-items: center;
    gap: 10px
}

.recommendation-popup .flag {
    width: 30px;
    height: auto
}

.recommendation-popup .country-name {
    font-weight: 500;
    font-size: 16px;
    color: var(--secondary-color);
    margin-bottom: 5px;
    text-align: left;
    line-height: 100%
}

.recommendation-popup .site-link {
    color: #007AFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500
}

.recommendation-popup .change-btn {
    background: #fff0;
    border: none;
    color: #303030;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px
}

.recommendation-popup .cform-checkbox input:checked+label:after {
    top: 2px;
    left: 5px;
    width: 3px;
    height: 7px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0
}

.recommendation-popup .primary-btn {
    display: inline-block;
    background-color: #F10600;
    color: #FFF;
    text-decoration: none;
    padding: 10px 32px;
    width: 100%;
    border-radius: 32px;
    font-weight: 500;
    font-size: 16px
}

.recommendation-popup .primary-btn:hover {
    background: #E50600
}

.recommendation-popup .stay-link {
    margin-top: 12px;
    color: var(---secondary-color);
    font-size: 14px;
    font-weight: 500
}

.recommendation-popup .stay-link:hover,.country-selector-popup .stay-link:hover {
    text-decoration: underline;
    cursor: pointer
}

.recommendation-popup .cform-group .nice-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 11px 12px 12px 12px;
    background-position: 98%;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 400;
    height: 43px;
    background-size: 14px
}

.recommendation-popup .cform-group .nice-select span {
    -webkit-line-clamp: 1
}

.recommendation-popup .cform-group .nice-select:after {
    height: 8px;
    margin-top: -7px;
    right: 11px;
    width: 8px
}

.recommendation-popup .nice-select.open .nice-select-search-box+.list {
    margin-top: 5px!important;
    border: 1px solid #DDD;
    border-radius: 10px;
    max-height: 150px
}

.recommendation-popup .nice-select.open .nice-select-search-box {
    display: none
}

.recommendation-popup .language.cform-group,.recommendation-popup .currency.cform-group {
    padding: 0
}

.recommendation-popup .cform-checkbox label:before {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    top: 0
}

.custom-select {
    position: relative
}

.website,.language,.currency {
    width: 100%;
    margin-bottom: 12px
}

.recommendation-popup .select-selected {
    border-radius: 10px;
    padding: 8px 8px 8px 12px;
    cursor: pointer;
    border: 1px solid var(--grey-color-tone-seven);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px
}

.recommendation-popup .cform-checkbox {
    margin: 9px 0 21px 0;
    display: block;
    width: 100%;
    text-align: left
}

.select-selected span {
    display: flex;
    align-items: center
}

.select-flag {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    margin-right: 10px;
    background-position: center
}

.recommendation-popup .cform-checkbox label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 24px
}

.select-label {
    color: var(--blue-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

.select-items {
    position: absolute;
    background-color: var(--white-color);
    border-radius: 10px;
    width: 100%;
    z-index: 1;
    display: none;
    margin-top: 5px;
    overflow-y: auto;
    max-height: 200px;
    box-shadow: 0 0 4px 0 #00000026
}

.select-items .dropdown-items {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.select-items .dropdown-items:hover {
    background-color: var(--gray-bg)
}

.select-arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 4px;
    transform: rotate(45deg);
    margin-right: 3px;
    margin-bottom: 6px
}

.show {
    display: block
}

.lable-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    font-family: "Inter",sans-serif;
    line-height: 100%;
    text-transform: capitalize
}

.lable-name a {
    color: var(--blue-primary);
    text-decoration: underline;
    text-underline-offset: 3px
}

@media (max-width: 768px) {
    .recommendation-popup-container .recommendation-popup {
        width:90vw;
        height: auto;
        border-radius: 24px;
        max-height: 95vh
    }

    .recommendation-popup .left-section {
        padding: 20px
    }

    .recommendation-popup .logo {
        width: min(120px, 35vw);
        margin-bottom: 15px
    }

    .recommendation-popup .location-box {
        width: 100%;
        padding: 12px
    }

    .recommendation-popup .primary-btn {
        width: 100%;
        padding: 10px 20px
    }

    .recommendation-popup .left-section h2 {
        font-size: clamp(18px, 5vw, 20px)
    }

    .recommendation-popup .left-section p {
        font-size: clamp(14px, 4vw, 15px)
    }

    .recommendation-popup .country-name {
        font-size: clamp(14px, 4vw, 15px)
    }

    .recommendation-popup .site-link,.recommendation-popup .change-btn {
        font-size: clamp(12px, 3.5vw, 13px)
    }

    .recommendation-popup .stay-link {
        font-size: clamp(14px, 4vw, 15px)
    }
}

@media (max-width: 480px) {
    .recommendation-popup-container .recommendation-popup {
        border-radius:16px
    }

    .recommendation-popup .left-section {
        padding: 15px
    }

    .recommendation-popup .logo {
        width: min(100px, 30vw);
        margin-bottom: 12px
    }

    .recommendation-popup .location-box {
        padding: 10px
    }

    .recommendation-popup .primary-btn {
        padding: 8px 15px
    }

    .recommendation-popup .left-section h2 {
        font-size: clamp(16px, 4.5vw, 18px)
    }

    .recommendation-popup .left-section p {
        font-size: clamp(12px, 3.5vw, 14px)
    }

    .recommendation-popup .country-name {
        font-size: clamp(12px, 3.5vw, 14px)
    }

    .recommendation-popup .site-link,.recommendation-popup .change-btn {
        font-size: clamp(11px, 3vw, 12px)
    }

    .recommendation-popup .stay-link {
        font-size: clamp(12px, 3.5vw, 14px)
    }

    .recommendation-popup .flag {
        width: 25px
    }

    .recommendation-popup .cform-checkbox label {
        font-size: 13px
    }
}

:root {
    --iti-hover-color: rgba(0, 0, 0, 0.05);
    --iti-border-color: #CCC;
    --iti-dialcode-color: #999;
    --iti-dropdown-bg: white;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 20px;
    --iti-flag-width: 20px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: 6px;
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 6px;
    --iti-arrow-color: #555;
    --iti-path-flags-1x: url(../images/allcountry-flags-sprites.svg);
    --iti-path-flags-2x: url(../images/allcountry-flags-sprites.svg);
    --iti-path-globe-1x: url(../images/globe.webp);
    --iti-path-globe-2x: url(../images/globe%402x.webp);
    --iti-flag-sprite-width: 5200px;
    --iti-flag-sprite-height: 20px;
    --iti-mobile-popup-margin: 30px;
    --iti-path-flags-2sprite-1x: url(../images/fourcountry-sprites.svg);
    --iti-flag-sprite2-width: 80px
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    position: absolute
}

.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin: 0!important
}

.iti__country-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: var(--iti-border-width)
}

.iti__selected-country {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    background: none;
    border: 0;
    margin: 10px 0 0 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none
}

.iti__selected-country-primary {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)
}

.iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: 0;
    height: 0;
    border-left: var(--iti-triangle-border) solid #fff0;
    border-right: var(--iti-triangle-border) solid #fff0;
    border-top: var(--iti-arrow-height) solid var(--iti-arrow-color)
}

[dir=rtl] .iti__arrow {
    margin-right: var(--iti-arrow-padding);
    margin-left: 0
}

.iti__arrow--up {
    border-top: none;
    border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color)
}

.iti__dropdown-content {
    border-radius: 3px;
    background-color: var(--iti-dropdown-bg)
}

.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: var(--iti-border-width) solid var(--iti-border-color);
    box-shadow: 1px 1px 4px rgb(0 0 0 / .2)
}

.iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px
}

.iti__search-input+.iti__country-list {
    border-top: 1px solid var(--iti-border-color)
}

.iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti--inline-dropdown .iti__country-list {
    max-height: 185px
}

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap
}

@media (max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space:normal
    }
}

.iti__country {
    display: flex;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: none
}

.iti__dial-code {
    color: var(--iti-dialcode-color)
}

.iti__country.iti__highlight {
    background-color: var(--iti-hover-color)
}

.iti__country-list .iti__flag,.iti__country-name {
    margin-right: var(--iti-spacer-horizontal)
}

[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal)
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover button {
    cursor: pointer
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--iti-hover-color)
}

.iti .iti__selected-dial-code {
    margin-left: 4px
}

[dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px
}

.iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width)
}

.iti--container:hover {
    cursor: pointer
}

.iti--fullscreen-popup.iti--container {
    background-color: rgb(0 0 0 / .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.iti--fullscreen-popup .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    background-image: var(--iti-path-flags-1x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)
}

.iti__ac {
    --iti-flag-offset: 0px;
    background-image: var(--iti-path-flags-2sprite-1x);
    background-size: var(--iti-flag-sprite2-width) var(--iti-flag-sprite-height)
}

.iti__ad {
    --iti-flag-offset: -120px
}

.iti__ae {
    --iti-flag-offset: -4880px
}

.iti__af {
    --iti-flag-offset: -20px
}

.iti__ag {
    --iti-flag-offset: -180px
}

.iti__ai {
    --iti-flag-offset: -160px
}

.iti__al {
    --iti-flag-offset: -60px
}

.iti__am {
    --iti-flag-offset: -420px
}

.iti__ao {
    --iti-flag-offset: -140px
}

.iti__ar {
    --iti-flag-offset: -400px
}

.iti__as {
    --iti-flag-offset: -100px
}

.iti__at {
    --iti-flag-offset: -480px
}

.iti__au {
    --iti-flag-offset: -460px
}

.iti__aw {
    --iti-flag-offset: -440px
}

.iti__ax {
    --iti-flag-offset: -40px
}

.iti__az {
    --iti-flag-offset: -500px
}

.iti__ba {
    --iti-flag-offset: -1220px
}

.iti__bb {
    --iti-flag-offset: -820px
}

.iti__bd {
    --iti-flag-offset: -800px
}

.iti__be {
    --iti-flag-offset: -880px
}

.iti__bf {
    --iti-flag-offset: -1380px
}

.iti__bg {
    --iti-flag-offset: -1360px
}

.iti__bh {
    --iti-flag-offset: -560px
}

.iti__bi {
    --iti-flag-offset: -1600px
}

.iti__bj {
    --iti-flag-offset: -920px
}

.iti__bl {
    --iti-flag-offset: -3820px
}

.iti__bm {
    --iti-flag-offset: -940px
}

.iti__bn {
    --iti-flag-offset: -1340px
}

.iti__bo {
    --iti-flag-offset: -980px
}

.iti__bq {
    --iti-flag-offset: -1200px
}

.iti__br {
    --iti-flag-offset: -1260px
}

.iti__bs {
    --iti-flag-offset: -540px
}

.iti__bt {
    --iti-flag-offset: -960px
}

.iti__bw {
    --iti-flag-offset: -1240px
}

.iti__by {
    --iti-flag-offset: -860px
}

.iti__bz {
    --iti-flag-offset: -900px
}

.iti__ca {
    --iti-flag-offset: -1660px
}

.iti__cc {
    --iti-flag-offset: -2060px
}

.iti__cd {
    --iti-flag-offset: -2480px
}

.iti__cf {
    --iti-flag-offset: -1740px
}

.iti__cg {
    --iti-flag-offset: -2620px
}

.iti__ch {
    --iti-flag-offset: -3960px
}

.iti__ci {
    --iti-flag-offset: -4500px
}

.iti__ck {
    --iti-flag-offset: -2120px
}

.iti__cl {
    --iti-flag-offset: -2000px
}

.iti__cm {
    --iti-flag-offset: -1640px
}

.iti__cn {
    --iti-flag-offset: -2020px
}

.iti__co {
    --iti-flag-offset: -2080px
}

.iti__cr {
    --iti-flag-offset: -2160px
}

.iti__cu {
    --iti-flag-offset: -2400px
}

.iti__cv {
    --iti-flag-offset: -1700px
}

.iti__cw {
    --iti-flag-offset: -2420px
}

.iti__cx {
    --iti-flag-offset: -40px;
    background-image: var(--iti-path-flags-2sprite-1x);
    background-size: var(--iti-flag-sprite2-width) var(--iti-flag-sprite-height)
}

.iti__cy {
    --iti-flag-offset: -2440px
}

.iti__cz {
    --iti-flag-offset: -2460px
}

.iti__de {
    --iti-flag-offset: -3380px
}

.iti__dj {
    --iti-flag-offset: -2520px
}

.iti__dk {
    --iti-flag-offset: -2500px
}

.iti__dm {
    --iti-flag-offset: -2540px
}

.iti__do {
    --iti-flag-offset: -2560px
}

.iti__dz {
    --iti-flag-offset: -80px
}

.iti__ec {
    --iti-flag-offset: -2800px
}

.iti__ee {
    --iti-flag-offset: -2920px
}

.iti__eg {
    --iti-flag-offset: -2820px
}

.iti__eh {
    --iti-flag-offset: -2720px
}

.iti__er {
    --iti-flag-offset: -2900px
}

.iti__es {
    --iti-flag-offset: -3580px
}

.iti__et {
    --iti-flag-offset: -2940px
}

.iti__fi {
    --iti-flag-offset: -3240px
}

.iti__fj {
    --iti-flag-offset: -3220px
}

.iti__fk {
    --iti-flag-offset: -2980px
}

.iti__fm {
    --iti-flag-offset: -780px
}

.iti__fo {
    --iti-flag-offset: -3200px
}

.iti__fr {
    --iti-flag-offset: -3260px
}

.iti__ga {
    --iti-flag-offset: -3300px
}

.iti__gb {
    --iti-flag-offset: -4760px
}

.iti__gd {
    --iti-flag-offset: -3680px
}

.iti__ge {
    --iti-flag-offset: -3360px
}

.iti__gf {
    --iti-flag-offset: -3260px
}

.iti__gg {
    --iti-flag-offset: -3740px
}

.iti__gh {
    --iti-flag-offset: -3600px
}

.iti__gi {
    --iti-flag-offset: -3620px
}

.iti__gl {
    --iti-flag-offset: -3660px
}

.iti__gm {
    --iti-flag-offset: -3340px
}

.iti__gn {
    --iti-flag-offset: -3780px
}

.iti__gp {
    --iti-flag-offset: -3260px
}

.iti__gq {
    --iti-flag-offset: -2880px
}

.iti__gr {
    --iti-flag-offset: -3640px
}

.iti__gt {
    --iti-flag-offset: -3720px
}

.iti__gu {
    --iti-flag-offset: -3700px
}

.iti__gw {
    --iti-flag-offset: -3760px
}

.iti__gy {
    --iti-flag-offset: -4000px
}

.iti__hk {
    --iti-flag-offset: -4080px
}

.iti__hn {
    --iti-flag-offset: -4060px
}

.iti__hr {
    --iti-flag-offset: -2180px
}

.iti__ht {
    --iti-flag-offset: -4020px
}

.iti__hu {
    --iti-flag-offset: -4100px
}

.iti__id {
    --iti-flag-offset: -4160px
}

.iti__ie {
    --iti-flag-offset: -4420px
}

.iti__il {
    --iti-flag-offset: -4460px
}

.iti__im {
    --iti-flag-offset: -4440px
}

.iti__in {
    --iti-flag-offset: -4140px
}

.iti__io {
    --iti-flag-offset: -1300px
}

.iti__iq {
    --iti-flag-offset: -4400px
}

.iti__ir {
    --iti-flag-offset: -4180px
}

.iti__is {
    --iti-flag-offset: -4120px
}

.iti__it {
    --iti-flag-offset: -4480px
}

.iti__je {
    --iti-flag-offset: -4560px
}

.iti__jm {
    --iti-flag-offset: -4520px
}

.iti__jo {
    --iti-flag-offset: -4580px
}

.iti__jp {
    --iti-flag-offset: -4540px
}

.iti__ke {
    --iti-flag-offset: -4820px
}

.iti__kg {
    --iti-flag-offset: -4900px
}

.iti__kh {
    --iti-flag-offset: -1620px
}

.iti__ki {
    --iti-flag-offset: -4840px
}

.iti__km {
    --iti-flag-offset: -2100px
}

.iti__kn {
    --iti-flag-offset: -20px;
    background-image: var(--iti-path-flags-2sprite-1x);
    background-size: var(--iti-flag-sprite2-width) var(--iti-flag-sprite-height)
}

.iti__kp {
    --iti-flag-offset: -1580px
}

.iti__kr {
    --iti-flag-offset: -3540px
}

.iti__kw {
    --iti-flag-offset: -4880px
}

.iti__ky {
    --iti-flag-offset: -1720px
}

.iti__kz {
    --iti-flag-offset: -4800px
}

.iti__la {
    --iti-flag-offset: -4920px
}

.iti__lb {
    --iti-flag-offset: -4960px
}

.iti__lc {
    --iti-flag-offset: -3840px
}

.iti__li {
    --iti-flag-offset: -240px
}

.iti__lk {
    --iti-flag-offset: -3800px
}

.iti__lr {
    --iti-flag-offset: -200px
}

.iti__ls {
    --iti-flag-offset: -4980px
}

.iti__lt {
    --iti-flag-offset: -260px
}

.iti__lu {
    --iti-flag-offset: -280px
}

.iti__lv {
    --iti-flag-offset: -4940px
}

.iti__ly {
    --iti-flag-offset: -220px
}

.iti__ma {
    --iti-flag-offset: -1100px
}

.iti__mc {
    --iti-flag-offset: -1020px
}

.iti__md {
    --iti-flag-offset: -1000px
}

.iti__me {
    --iti-flag-offset: -1060px
}

.iti__mf {
    --iti-flag-offset: -60px;
    background-image: var(--iti-path-flags-2sprite-1x);
    background-size: var(--iti-flag-sprite2-width) var(--iti-flag-sprite-height)
}

.iti__mg {
    --iti-flag-offset: -320px
}

.iti__mh {
    --iti-flag-offset: -660px
}

.iti__mk {
    --iti-flag-offset: -2600px
}

.iti__ml {
    --iti-flag-offset: -620px
}

.iti__mm {
    --iti-flag-offset: -1140px
}

.iti__mn {
    --iti-flag-offset: -1040px
}

.iti__mo {
    --iti-flag-offset: -300px
}

.iti__mp {
    --iti-flag-offset: -1820px
}

.iti__mq {
    --iti-flag-offset: -680px
}

.iti__mr {
    --iti-flag-offset: -700px
}

.iti__ms {
    --iti-flag-offset: -1080px
}

.iti__mt {
    --iti-flag-offset: -640px
}

.iti__mu {
    --iti-flag-offset: -720px
}

.iti__mv {
    --iti-flag-offset: -600px
}

.iti__mw {
    --iti-flag-offset: -360px
}

.iti__mx {
    --iti-flag-offset: -760px
}

.iti__my {
    --iti-flag-offset: -380px
}

.iti__mz {
    --iti-flag-offset: -1120px
}

.iti__na {
    --iti-flag-offset: -1160px
}

.iti__nc {
    --iti-flag-offset: -3260px
}

.iti__ne {
    --iti-flag-offset: -1500px
}

.iti__nf {
    --iti-flag-offset: -1560px
}

.iti__ng {
    --iti-flag-offset: -1520px
}

.iti__ni {
    --iti-flag-offset: -1480px
}

.iti__nl {
    --iti-flag-offset: -1440px
}

.iti__no {
    --iti-flag-offset: -1840px
}

.iti__np {
    --iti-flag-offset: -1420px
}

.iti__nr {
    --iti-flag-offset: -1400px
}

.iti__nu {
    --iti-flag-offset: -1540px
}

.iti__nz {
    --iti-flag-offset: -1460px
}

.iti__om {
    --iti-flag-offset: -1860px
}

.iti__pa {
    --iti-flag-offset: -1980px
}

.iti__pe {
    --iti-flag-offset: -2240px
}

.iti__pf {
    --iti-flag-offset: -3280px
}

.iti__pg {
    --iti-flag-offset: -2200px
}

.iti__ph {
    --iti-flag-offset: -2260px
}

.iti__pk {
    --iti-flag-offset: -1920px
}

.iti__pl {
    --iti-flag-offset: -2300px
}

.iti__pm {
    --iti-flag-offset: -3260px
}

.iti__pr {
    --iti-flag-offset: -2340px
}

.iti__ps {
    --iti-flag-offset: -1960px
}

.iti__pt {
    --iti-flag-offset: -2320px
}

.iti__pw {
    --iti-flag-offset: -1940px
}

.iti__py {
    --iti-flag-offset: -2220px
}

.iti__qa {
    --iti-flag-offset: -2360px
}

.iti__re {
    --iti-flag-offset: -3260px
}

.iti__ro {
    --iti-flag-offset: -2640px
}

.iti__rs {
    --iti-flag-offset: -3100px
}

.iti__ru {
    --iti-flag-offset: -2660px
}

.iti__rw {
    --iti-flag-offset: -2680px
}

.iti__sa {
    --iti-flag-offset: -3040px
}

.iti__sb {
    --iti-flag-offset: -3460px
}

.iti__sc {
    --iti-flag-offset: -3120px
}

.iti__sd {
    --iti-flag-offset: -3880px
}

.iti__se {
    --iti-flag-offset: -3940px
}

.iti__sg {
    --iti-flag-offset: -3160px
}

.iti__sh {
    --iti-flag-offset: -4760px
}

.iti__si {
    --iti-flag-offset: -3440px
}

.iti__sj {
    --iti-flag-offset: -1840px
}

.iti__sk {
    --iti-flag-offset: -3420px
}

.iti__sl {
    --iti-flag-offset: -3140px
}

.iti__sm {
    --iti-flag-offset: -2780px
}

.iti__sn {
    --iti-flag-offset: -3080px
}

.iti__so {
    --iti-flag-offset: -3480px
}

.iti__sr {
    --iti-flag-offset: -3900px
}

.iti__ss {
    --iti-flag-offset: -3560px
}

.iti__st {
    --iti-flag-offset: -3260px
}

.iti__sv {
    --iti-flag-offset: -2840px
}

.iti__sx {
    --iti-flag-offset: -3400px
}

.iti__sy {
    --iti-flag-offset: -3980px
}

.iti__sz {
    --iti-flag-offset: -3920px
}

.iti__tc {
    --iti-flag-offset: -4660px
}

.iti__td {
    --iti-flag-offset: -1780px
}

.iti__tg {
    --iti-flag-offset: -4300px
}

.iti__th {
    --iti-flag-offset: -4260px
}

.iti__tj {
    --iti-flag-offset: -4220px
}

.iti__tk {
    --iti-flag-offset: -4320px
}

.iti__tl {
    --iti-flag-offset: -2580px
}

.iti__tm {
    --iti-flag-offset: -4640px
}

.iti__tn {
    --iti-flag-offset: -4600px
}

.iti__to {
    --iti-flag-offset: -4340px
}

.iti__tr {
    --iti-flag-offset: -4620px
}

.iti__tt {
    --iti-flag-offset: -4380px
}

.iti__tv {
    --iti-flag-offset: -4680px
}

.iti__tw {
    --iti-flag-offset: -4200px
}

.iti__tz {
    --iti-flag-offset: -4240px
}

.iti__ua {
    --iti-flag-offset: -4720px
}

.iti__ug {
    --iti-flag-offset: -4700px
}

.iti__us {
    --iti-flag-offset: -5000px
}

.iti__uy {
    --iti-flag-offset: -5020px
}

.iti__uz {
    --iti-flag-offset: -5040px
}

.iti__va {
    --iti-flag-offset: -5080px
}

.iti__vc {
    --iti-flag-offset: -3860px
}

.iti__ve {
    --iti-flag-offset: -5100px
}

.iti__vg {
    --iti-flag-offset: -1320px
}

.iti__vi {
    --iti-flag-offset: -5140px
}

.iti__vn {
    --iti-flag-offset: -5120px
}

.iti__vu {
    --iti-flag-offset: -5060px
}

.iti__wf {
    --iti-flag-offset: -3260px
}

.iti__ws {
    --iti-flag-offset: -2760px
}

.iti__xk {
    --iti-flag-offset: -4860px
}

.iti__ye {
    --iti-flag-offset: -5180px
}

.iti__yt {
    --iti-flag-offset: -3260px
}

.iti__za {
    --iti-flag-offset: -3520px
}

.iti__zm {
    --iti-flag-offset: -2740px
}

.iti__zw {
    --iti-flag-offset: -2040px
}

.iti__globe {
    background-image: var(--iti-path-globe-1x);
    background-size: contain;
    background-position: right;
    box-shadow: none;
    height: 19px
}

@media (min-resolution: 2x) {
    .iti__flag {
        background-image:var(--iti-path-flags-2x)
    }

    .iti__globe {
        background-image: var(--iti-path-globe-2x)
    }
}

.amfpc-block-info {
    position: relative;
    border: 1px dotted teal;
    margin: 6px 2px;
    padding: 18px 2px 2px 2px;
    zoom:1}

.amfpc-block-info:hover {
    border-color: orange!important
}

.amfpc-block-info>.amfpc-block-handle,.amfpc-block-info>.amfpc-template-info {
    position: absolute;
    top: 0;
    padding: 2px 5px;
    background: teal;
    color: #fff;
    font-style: normal;
    font-size: 11px;
    font-family: 'Arial',sans-serif;
    text-align: left!important;
    z-index: 998;
    text-transform: none
}

.amfpc-block-info>.amfpc-block-handle:hover,.amfpc-block-info>.amfpc-template-info:hover {
    z-index: 999
}

.amfpc-block-info>.amfpc-block-handle {
    cursor: default;
    left: 0;
    white-space: nowrap
}

.amfpc-block-info>.amfpc-template-info {
    right: 0
}

.amfpc-block-info>.amfpc-block-handle:hover {
    background-color: orange!important
}

.amfpc-block-info.active {
    -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate;
    animation: amfpc-blocks 1s linear .5s infinite alternate
}

@-webkit-keyframes amfpc-blocks {
    from {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

@keyframes amfpc-blocks {
    from {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

.amfpc-block-info.updated {
    border-color: red
}

.amfpc-block-info.updated>.amfpc-block-handle {
    top: 0;
    background: red
}

.amfpc-info {
    width: 350px;
    min-height: 95px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: teal;
    color: #fff;
    z-index: 99999;
    font-size: 32px
}

.amfpc-info h1 {
    background: rgb(255 255 255 / .1);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: 700
}

.amfpc-info h2 {
    margin-top: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: rgb(255 255 255 / .7)
}

.amfpc-info .amfpc-content {
    line-height: 48px
}

.nice-select,.nice-select.open .list {
    width: 100%;
    border-radius: 8px
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .list {
    margin-top: 5px;
    top: 100%;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    max-height: 210px;
    overflow-y: scroll;
    padding: 52px 0 0 0
}

.nice-select.has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 53px;
    line-height: 22px
}

.nice-select.has-multiple span.current {
    border: 1px solid #CCC;
    background: #EEE;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px
}

.nice-select.has-multiple .multiple-options {
    display: block;
    line-height: 37px;
    margin-left: 30px;
    padding: 0
}

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    margin-top: 5px;
    top: 100%;
    left: 0;
    z-index: 8;
    padding: 5px;
    background: #FFF;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 1px rgb(68 88 112 / .11);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translatey(-21px);
    -ms-transform: scale(.75) translatey(-21px);
    transform: scale(.75) translatey(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out
}

.nice-select .nice-select-search {
    padding: 10px;
    border-radius: 5px;
    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%
}

.nice-select.open .nice-select-search-box {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: scale(1) translatey(0);
    -ms-transform: scale(1) translatey(0);
    transform: scale(1) translatey(0)
}

.nice-select.open .nice-select-search-box+.list {
    margin-top: 61px!important;
    border-radius: 0 0 8px 8px;
    min-height: 50px
}

.nice-select.open .nice-select-search-box+.list .not-found-message {
    text-align: left;
    color: var(--grey-color-tone-two);
    margin-top: 5px;
    padding: 0 7px
}

@media screen and (max-width: 767px) {
    .nice-select.open .nice-select-search-box {
        z-index:10;
        margin-top: 1px
    }

    .nice-select.open .nice-select-search-box+.list {
        margin-top: 56px!important;
        z-index: 10!important
    }
}

.cform-group {
    padding: 0 5px 28px 5px;
    width: 100%
}

.btn {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px;
    min-width: 130px;
    cursor: pointer
}

.btn-default {
    box-shadow: 0 2px 11px 0 rgb(0 0 0 / .16);
    border: 0 none;
    color: var(--dark-color)
}

.btn-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 0 none
}

.btn-primary:hover {
    color: var(--white-color)
}

.btn-disabled {
    background-color: var(--dark-black-color-three);
    color: var(--btn-disabled-bg);
    cursor: not-allowed;
    border: 0 none
}

.btn-disabled:hover {
    color: var(--btn-disabled-bg)
}

.checkbox-pointer {
    cursor: pointer
}

.cform-control {
    padding: 20px;
    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%
}

.cform-control:focus {
    border-color: #999
}

.cform-control.vat-valid-true {
    border-color: var(--isvalidation-true-color);
    background-image: url(../images/isvalid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center
}

.cform-control.vat-valid-false {
    background-image: url(../images/notvalid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 15px;
    border-color: var(--error-color);
    border-style: dashed
}

.cform-group .validation-advice {
    font-weight: 500
}

.checkout-step .step-content small.mc-small-text {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    color: #727272;
    padding-left: 13px;
    margin-top: 10px
}

::-webkit-input-placeholder,::-moz-placeholder,::-ms-placeholder,::placeholder {
    color: var(--input-placeholder-color)
}

.cform-group>label {
    background-color: var(--white-color);
    color: var(--light-grey-color-second);
    letter-spacing: .28px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    float: left;
    margin-bottom: -9px;
    position: relative;
    margin-left: 15px;
    z-index: 1
}

.address-merge .cform-control+.cform-control {
    margin: 10px 0 0 0
}

select.cform-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 21px 40px 21px 20px;
    background-image: url(../images/select-arrow.svg);
    background-position: 95%;
    background-repeat: no-repeat
}

.cform-group .nice-select {
    float: none;
    line-height: 20px;
    height: auto;
    border: solid 1px var(--light-grey-color-three);
    padding: 20px;
    font-size: 15px;
    color: var(--input-placeholder-color);
    border-radius: 10px;
    white-space: normal
}

.cform-group .nice-select:after {
    border-bottom: 2px solid var(--dark-color);
    border-right: 2px solid var(--dark-color);
    content: '';
    display: block;
    height: 10px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    width: 10px
}

.cform-group .nice-select .list {
    width: 100%;
    border-radius: 9px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / .1);
    background-color: var(--white-color);
    margin-top: 10px;
    padding: 10px;
    max-height: 200px;
    overflow: auto;
    border: 0
}

.cform-group .nice-select .list::-webkit-scrollbar-track {
    box-shadow: inherit;
    background-color: #fff0;
    border-radius: 20px
}

.cform-group .nice-select .list::-webkit-scrollbar {
    width: 5px;
    background-color: #fff0
}

.cform-group .nice-select .list::-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%)
}

.cform-group .nice-select .list .option {
    font-size: 15px;
    line-height: 1.33;
    color: var(--grey-color-tone-two);
    padding: 10px!important;
    font-family: 'Inter',sans-serif
}

.cform-group .nice-select .option:hover,.cform-group .nice-select .option.focus,.cform-group .nice-select .option.selected,.cform-group .nice-select .option.selected.focus {
    border-radius: 9px;
    background-color: rgb(221 221 221 / .3);
    color: var(--dark-color);
    font-weight: 400
}

.sm-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color: var(--grey-color-tone-two);
    display: inline-block;
    padding-left: 23px;
    margin: 20px 0
}

.flex-form {
    max-width: 720px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-left: 40px
}

.shipping-billing-step .sm-title {
    padding-left: 50px
}

.cform-group.cform-col-half {
    width: 50%
}

.cform-country-selection .iti {
    width: 100%
}

.cform-country-selection .iti .iti__country-container {
    top: calc(50% - 12px)
}

.cform-country-selection .iti .iti__country-container .iti__selected-country {
    margin-top: 0
}

.c-line {
    background-color: var(--grey-color-tone-seven);
    border: 1px solid var(--grey-color-tone-seven);
    margin: 30px 0
}

div[data-behaviour='hide'] {
    display: none
}

div[data-behaviour='show'] {
    display: block
}

.checkout-sucess-error-block {
    width: 100%;
    margin: 15px 0;
    border-radius: 10px;
    display: flex;
    background-color: var(--grey-color-tone-seven);
    align-items: center;
    justify-content: flex-start;
    padding: 10px 10px 10px 40px;
    background-repeat: no-repeat;
    background-position: 11px 10px
}

.checkout-sucess-error-block>p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.checkout-sucess-error-block.ch-success-msg {
    background-color: var(--preorder-bg-color);
    background-image: url(../images/ch-success.svg)
}

.checkout-sucess-error-block.ch-error-msg {
    background-color: var(--red-gr-panel-bg);
    background-image: url(../images/ch-error.svg)
}

.common-animated {
    position: relative;
    height: 100%;
    box-shadow: none!important;
    border: 0!important;
    overflow: hidden
}

.common-animated::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    animation: test 1.5s infinite ease-in-out;
    background: var(--grey-color-tone-eight);
    background-image: linear-gradient(to right,var(--grey-color-tone-eight),rgb(229 229 229 / .7),var(--grey-color-tone-eight));
    background-size: 600px;
    z-index: 15;
    left: 0;
    top: 0
}

@keyframes test {
    0% {
        background-position: 0%
    }

    100% {
        background-position: 300%
    }
}

.data-semi-title {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    color: var(--dark-black-color-one);
    padding: 0 30px 0 20px
}

.data-semi-title:hover {
    color: var(--dark-black-color-one)
}

.data-semi-title:before {
    content: "";
    width: 4px;
    height: 11px;
    border-radius: 4px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: calc(50% - 5px)
}

.data-semi-title:after {
    content: "";
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 17px;
    height: 17px;
    background-position: center;
    top: calc(50% - 7px)
}

.data-block-open:after {
    transform: rotate(-180deg)
}

.data-semi-title.with-no-aero:after {
    display: none
}

.shipping-billing-form .cform-group .nice-select {
    padding: 10px 0 10px 22px;
    min-height: 65px;
    display: flex;
    align-items: center
}

.cform-group .nice-select>span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--dark-color);
    font-size: 15px;
    line-height: 1.33;
    font-family: 'Inter',sans-serif;
    font-weight: 400;
    max-height: 50px;
    padding-right: 48px
}

.cform-group input[type="file"] {
    display: none
}

.cform-group label.upload-data {
    width: 100%;
    border-radius: 10px;
    border: dashed 1px var(--grey-color-tone-nine);
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--checkbox-link-color);
    text-decoration: underline;
    cursor: pointer;
    margin: 10px 0 0 0
}

.cform-group label.upload-data .delay-upload-icon {
    background-image: url(../images/delay-upload-icon_1.svg);
    height: 16px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    margin-right: 6px
}

#checkoutloader.default-loader {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / .5);
    width: 100%;
    height: 100%;
    z-index: 100000000;
    right: 0;
    bottom: 0
}

@keyframes spin {
    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)
    }
}

.shipping-billing-step .cform-group.cform-col-half.rm-stylis-arrow {
    display: none
}

.vat-checkout-gruper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 5px 10px 5px
}

.vat-checkout-gruper .nice-select {
    max-width: 110px;
    height: 61px;
    margin-top: 8px;
    min-height: 61px!important;
    padding: 18px 20px
}

.vat-checkout-gruper .cform-text-grouper {
    width: calc(100% - 120px);
    padding: 0
}

.vat-checkout-gruper .nice-select>span {
    line-height: 23px
}

.cform-group .vat-checkout-gruper .nice-select .nice-select-search-box {
    display: none
}

.cform-group .vat-checkout-gruper .nice-select.open .nice-select-search-box+.list {
    margin-top: 8px!important
}

.addtext-vatblock .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: 270px;
    padding: 0 5px;
    margin-top: 18px
}

.addtext-vatblock .add-another-taxvat.disabled-taxvat {
    color: #B2B2B2
}

.addtext-vatblock .add-another-taxvat svg path {
    stroke: var(--na-link-color)
}

.addtext-vatblock .add-another-taxvat.disabled-taxvat svg path {
    stroke: #B2B2B2
}

.vat-checkout-gruper.vat-another-row {
    position: relative
}

.vat-checkout-gruper.vat-another-row .cform-text-grouper .cform-control {
    padding-right: 40px
}

.vat-checkout-gruper.vat-another-row .remove-taxvat {
    position: absolute;
    right: 23px;
    top: 30px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-image: url(../images/close-accesories_1.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
}

.vat-checkout-gruper.vat-another-row:hover .remove-taxvat {
    opacity: 1;
    visibility: visible
}

.vat-checkout-gruper.vat-another-row .remove-taxvat:hover {
    background-color: var(--primary-color)
}

.cform-w-ext-norow .cform-country-selection {
    width: calc(100% - 100px)
}

.cform-w-ext-norow {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.cform-w-ext-norow .cform-group.cform-ext {
    max-width: 95px;
    margin-left: 5px
}

.default-payment-method-title>a {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--grey-title-bgcolor);
    max-width: 225px;
    padding: 10px 15px;
    align-items: center;
    border-radius: 19px;
    font-size: 14px;
    margin: 0 0 20px 0
}

.default-payment-method-title>a:hover {
    color: inherit
}

.default-payment-method-title>a>svg {
    margin-top: 2px;
    margin-right: 10px
}

.default-payment-method-title>a>svg>path {
    fill: #333
}

.default-payment-method-title>a.method-btn-selected {
    background-color: var(--sucess-bg-light-color);
    color: #1A3E14
}

@media screen and (max-width: 767px) {
    .flex-form {
        max-width:100%;
        width: 100%;
        margin: 0
    }

    .cform-group.cform-col-half {
        width: 100%
    }

    .cform-group label.upload-data {
        margin: 10px 0 15px 0
    }
}

.shipping-billing-form {
    width: 100%;
    display: flex;
    margin: 0;
    max-width: 740px;
    padding-left: 50px;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 30px;
    align-items: flex-start
}

.order-delivery-settings {
    display: flex;
    align-items: center;
    max-width: 235px;
    border-radius: 6px;
    background-color: var(--light-success-bgcolor);
    padding: 10px;
    border: 1px dashed #fff0;
    margin-left: 10px;
    margin-top: 15px
}

.order-delivery-settings i {
    width: 28px;
    height: 20px;
    margin-right: 10px;
    position: relative
}

.order-delivery-settings i:after {
    content: "";
    width: 9px;
    height: 9px;
    background: var(--green-bgcolor);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    position: absolute;
    right: -5px;
    top: -4px
}

.order-delivery-settings svg::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute
}

.order-delivery-settings span {
    width: calc(100% - 38px);
    display: inline-block;
    font-size: 12px;
    line-height: 1.08;
    color: var(--dark-black-color);
    text-align: left
}

.order-delivery-settings.reduce-shipping {
    border-color: var(--kbb-dashboard-red-color);
    background-color: var(--light-red-bgcolor);
    padding-right: 8px;
    cursor: pointer
}

.order-delivery-settings.reduce-shipping i::after {
    display: none
}

.order-delivery-settings.reduce-shipping svg path {
    fill: var(--dark-red-color)
}

.order-delivery-settings.reduce-shipping span {
    text-decoration: underline
}

.shipping-billing-form .cform-group,.billing-form .billing-address-form .cform-group {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0
}

.shipping-billing-form .add-new-btn,.payment-method-stap .add-new-btn,.billing-form .billing-address-form .add-new-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--grey-color-tone-two);
    text-decoration: underline;
    display: inline-block;
    margin-left: 20px
}

.billing-form {
    width: 100%;
    border-top: 1px solid var(--grey-color-tone-seven);
    max-width: 920px;
    margin: 0 auto;
    padding: 40px 35px 30px 40px
}

.billing-form .billing-address-form {
    display: flex;
    width: 100%;
    padding: 0;
    max-width: 670px;
    margin-top: 25px
}

.billing-form .cform-checkbox {
    margin-top: 25px;
    padding-left: 20px
}

.cform-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.cform-checkbox label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    font-size: 16px;
    color: var(--dark-black-color-one);
    font-weight: 400;
    line-height: 30px
}

.store-credit-block>.cform-checkbox label {
    margin: 20px 0 0 44px;
    display: block;
    line-height: normal
}

.cform-checkbox label a,.chk-cms-page-content a {
    color: var(--checkbox-link-color)
}

.chk-cms-page-content .privacy-agree-footer .btn {
    color: var(--white-color);
    text-decoration: none
}

.chk-cms-page-content a {
    text-decoration: underline
}

.chk-cms-page-content a:hover {
    color: var(--dark-black-color-one)
}

.cform-checkbox label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2.1px;
    border: solid 1px var(--dark-color);
    position: absolute;
    left: 0;
    top: 2px
}

.cform-checkbox input:checked+label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.cform-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 4px;
    height: 9px;
    border: solid var(--white-color);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .shipping-billing-form,.billing-form {
        flex-direction:column;
        position: relative
    }

    .billing-form {
        padding: 30px 5px
    }

    .shipping-billing-form {
        padding: 0 0 25px 0
    }

    .shipping-billing-form .add-new-btn,.order-delivery-settings,.billing-form .billing-address-form .add-new-btn {
        margin-left: 0
    }

    .checkout-steps-main .shipping-billing-step .step-content .flex-form .cform-group .nice-select>span {
        -webkit-line-clamp: 2;
        padding-right: 20px
    }

    .billing-form .cform-checkbox {
        padding-left: 0
    }

    .store-credit-block>.cform-checkbox label {
        margin: 20px 0 0 25px
    }
}

@media screen and (max-width: 640px) {
    .shipping-billing-form form {
        width:100%
    }

    .shipping-billing-form .add-new-btn {
        position: absolute;
        bottom: 0
    }

    .shipping-billing-form {
        padding: 0 0 40px 0;
        margin: 0 0 40px 0
    }

    .billing-form .billing-address-form {
        padding: 0 0 40px 0
    }

    .order-delivery-settings {
        justify-content: center;
        max-width: 100%;
        width: 100%
    }

    .order-delivery-settings span {
        width: auto
    }

    .cform-w-ext-norow {
        flex-direction: column
    }

    .cform-w-ext-norow .cform-country-selection {
        width: 100%
    }

    .cform-w-ext-norow .cform-group.cform-ext {
        max-width: 120px
    }
}

.store-credit-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.store-credit-block input,.store-credit-block>label {
    display: none
}

.store-credit-block .store-credit-bx {
    font-weight: 500;
    color: #575756;
    min-width: 280px;
    position: relative;
    border: 1px solid var(--white-color);
    overflow: hidden
}

.store-credit-block .store-credit-bx>svg {
    position: absolute;
    left: -13px;
    top: 8px
}

.store-credit-block>input:checked+.store-credit-bx>svg g {
    opacity: 1
}

.store-credit-block>input:checked+.store-credit-bx>svg path {
    fill: #FFEAEA
}

.store-credit-block .store-credit-bx>i {
    font-style: normal;
    color: var(--primary-color);
    margin: 0 10px
}

.store-credit-block .store-credit-message {
    color: var(--dark-black-color-one);
    margin-top: 18px;
    position: relative;
    padding-left: 15px;
    text-decoration: underline;
    cursor: pointer
}

.store-credit-block .store-credit-message.message-disable {
    opacity: .2;
    pointer-events: none
}

.store-credit-block .store-credit-message.box-message {
    text-decoration: none;
    display: inline-block
}

.store-credit-block .store-credit-message.box-message::before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: var(--white-color);
    position: absolute;
    border: 1px solid var(--grey-color-tone-two);
    border-radius: 2px
}

.store-credit-block>input[type="checkbox"]:checked+.store-credit-message::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: var(--my-account-sprite-bg);
    background-size: 45px;
    background-position: -17px -554px
}

.payment-method-block {
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.payment-content-main-block {
    width: 100%
}

.disable-payment-method {
    opacity: .5;
    filter: contrast(.9);
    pointer-events: none
}

.disable-payment-box {
    filter: contrast(.9);
    opacity: .6
}

.payment-method-block .method {
    background-color: var(--white-color);
    min-width: 120px;
    min-height: 42px;
    display: inline-block;
    cursor: pointer
}

.payment-method-block>input[type="radio"] {
    display: none
}

.payment-method-block>input[type="radio"]:checked+.method,.store-credit-block>input:checked+.store-credit-bx {
    border: 1px solid var(--primary-color);
    background-color: snow
}

.payment-content-box {
    width: 100%;
    flex-wrap: wrap;
    display: flex
}

.payment-content-box #pp-pay-later-message {
    display: block;
    width: 100%
}

.credit-card-box .card-box,.credit-card-box>input[type="radio"]:checked+.card-box:hover {
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.payment-content-box .credit-card-box {
    display: flex;
    flex-flow: row wrap
}

.payment-content-box .add-new-card {
    color: var(--grey-color-tone-two);
    margin: 10px 0 20px 0;
    display: block;
    text-decoration: underline;
    width: 100%
}

.conform-bx.add-new-card-popup .comform-bx-inner input {
    display: none
}

.conform-bx.add-new-card-popup .conform-bx-inner>input {
    display: none
}

.conform-bx.add-new-card-popup .conform-bx-inner>.future-label {
    margin: 0 0 15px 0;
    display: block;
    text-align: left;
    font-size: 15px;
    padding-left: 35px;
    position: relative;
    cursor: pointer
}

.conform-bx.add-new-card-popup .conform-bx-inner>.future-label::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2.1px;
    border: solid 1px var(--dark-color);
    position: absolute;
    left: 4px;
    top: 2px
}

.conform-bx.add-new-card-popup .conform-bx-inner>input:checked+.future-label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.conform-bx.add-new-card-popup .conform-bx-inner>input:checked+.future-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 11px;
    width: 5px;
    height: 10px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.credit-card-box>input {
    display: none
}

.credit-card-box .card-box.visa::after {
    content: '';
    height: 120px;
    width: 120px;
    border-radius: 100px;
    position: absolute;
    right: -69px;
    bottom: -87px;
    border: solid 2px #172B85
}

.credit-card-box .card-box.mastercard::before {
    content: '';
    height: 8px;
    width: 40px;
    border-radius: 10px;
    position: absolute;
    right: -10px;
    bottom: 30px;
    background-color: #FF9F00
}

.credit-card-box .card-box.mastercard::after {
    content: '';
    height: 8px;
    width: 50px;
    border-radius: 10px;
    position: absolute;
    right: -10px;
    bottom: 13px;
    background-color: #FF9F00
}

.credit-card-box .card-box.wells-fargo::after {
    content: '';
    height: 35px;
    width: 35px;
    border-radius: 20px;
    background-color: #FD211B;
    position: absolute;
    right: -15px;
    bottom: -17px
}

.credit-card-box .card-box.discover::after {
    content: '';
    height: 130px;
    width: 140px;
    position: absolute;
    background-color: #FD6020;
    bottom: -120px;
    right: -42px;
    transform: rotate(76deg)
}

.credit-card-box .card-box.americanexpress::after {
    content: '';
    height: 72px;
    width: 72px;
    border-radius: 50%;
    position: absolute;
    right: -36px;
    bottom: -45px;
    border: solid 3px #306FC5
}

.credit-card-box .card-box.americanexpress::before {
    content: '';
    height: 54px;
    width: 54px;
    border-radius: 50%;
    position: absolute;
    right: -22px;
    bottom: -30px;
    background-color: #306FC5
}

.credit-card-box .card-box.jcb::after {
    content: '';
    background-image: url(../images/jcb-icon.svg);
    background-repeat: no-repeat;
    width: 58px;
    display: block;
    height: 34px;
    background-position: right;
    position: absolute;
    right: 0;
    bottom: 4px
}

.credit-card-box .card-box.unionpay::after {
    content: '';
    background-image: url(../images/union-pay-icon.svg);
    background-repeat: no-repeat;
    width: 30px;
    display: block;
    height: 28px;
    background-position: right;
    position: absolute;
    right: 0;
    bottom: 0
}

.credit-card-box .card-box.paypal::after {
    content: '';
    height: 120px;
    width: 120px;
    border-radius: 100px;
    position: absolute;
    right: -69px;
    bottom: -87px;
    border: solid 2px #003087
}

.credit-card-box .card-box.paypal .card-number .number-entity {
    font-size: 11px;
    color: #575756;
    word-break: break-all
}

.credit-card-box .card-box.paypal-new .card-number .number-entity {
    font-size: 13px;
    font-weight: 500;
    color: var(--grey-color-tone-two)
}

.paypal-save-option.cform-checkbox {
    margin: 10px 0 5px 0;
    width: 100%
}

.credit-card-box .card-box .card-name-icon>svg {
    min-height: 30px;
    display: block
}

.credit-card-box .card-box .card-name-icon {
    width: 100%;
    position: relative
}

.credit-card-box .card-box .card-name-icon>img {
    vertical-align: middle
}

.credit-card-box .card-box .card-name-icon::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: #fff0;
    z-index: 2
}

.credit-card-box .card-box .card-name-icon::after {
    content: '';
    height: 17px;
    width: 17px;
    border: solid 1px var(--dark-color);
    position: absolute;
    right: 0;
    top: 3px;
    border-radius: 50%;
    background-color: var(--white-color)
}

.credit-card-box>input[type="radio"]:checked+.card-box .card-name-icon::after {
    border: solid 1px var(--primary-color)
}

.credit-card-box>input[type="radio"]:checked+.card-box .card-name-icon::before {
    background-color: var(--primary-color)
}

.credit-card-box .card-box .card-name-icon .card-number>span {
    font-size: 12px;
    color: #575756
}

.credit-card-box .card-box .card-date {
    font-size: 9px;
    padding: 10px 14px 0 14px
}

.credit-card-box .card-box .card-date>span {
    display: block;
    margin-bottom: 2px
}

.payment-content-box.content-click-ach_direct_debit .credit-cards-title {
    padding-left: 10px;
    position: relative;
    margin-bottom: 0
}

.payment-content-box.content-click-ach_direct_debit .credit-cards-title::before {
    content: '';
    width: 3px;
    height: calc(100% - 12px);
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    border-radius: 10px
}

.stap-pageination .add-match-message>a {
    color: var(--checkbox-link-color);
    display: block
}

.content-click-banktransfer h4 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 25px;
    color: var(--dark-black-color)
}

.content-click-banktransfer .payment-bank-detail,.content-click-primary-banktransfer .payment-bank-detail,.content-click-secondary-banktransfer .payment-bank-detail {
    background: var(--light-white-color);
    border-radius: 9px;
    padding: 20px 15px;
    margin-bottom: 15px
}

.content-click-banktransfer .payment-bank-detail .payment-acc-detail:before,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail:before,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail:before {
    position: absolute;
    background: var(--primary-color);
    height: 4px;
    width: 66px;
    content: '';
    bottom: 0;
    left: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.content-click-banktransfer .payment-bank-detail .payment-acc-detail,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail {
    display: flex;
    border-bottom: 1px solid #EEE;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 20px
}

.content-click-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info {
    margin-left: 15px
}

.content-click-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child {
    border-left: 1px solid #EEE;
    padding-left: 15px
}

.content-click-banktransfer .payment-bank-detail span strong,.content-click-primary-banktransfer .payment-bank-detail span strong,.content-click-secondary-banktransfer .payment-bank-detail span strong {
    font-weight: 500;
    margin-right: 5px
}

.content-click-banktransfer .payment-bank-detail span,.content-click-primary-banktransfer .payment-bank-detail span,.content-click-secondary-banktransfer .payment-bank-detail span {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    margin-bottom: 2px
}

.content-click-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail i {
    background: #EEE;
    width: 35px;
    height: 39px;
    padding: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 6px
}

.content-click-banktransfer .payment-bank-detail.eu-payment .payment-acc-detail {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.content-click-banktransfer .payment-bank-detail.eu-payment .payment-acc-detail::before {
    display: none
}

.bank-tran-content .note-text {
    font-size: 14px;
    margin: 0;
    padding: 0
}

.bank-tran-content .note-text b {
    font-weight: 600;
    color: var(--primary-color)
}

.bank-info-tooltip-block {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px
}

.bank-info-tooltip-block>.bank-info-tooltip {
    padding: 10px;
    box-shadow: 0 2.3px 18.3px 0 rgb(0 0 0 / .14);
    background-color: var(--white-color);
    position: absolute;
    width: 180px;
    top: 4px;
    right: auto;
    left: 30px;
    font-size: 10px;
    font-weight: 400;
    border-radius: 0 10px 10px 10px;
    color: var(--tooltip-color);
    opacity: 0;
    display: none;
    z-index: 2;
    text-align: center
}

.bank-info-tooltip-block>svg:hover>path {
    fill: var(--primary-color)
}

.bank-info-tooltip-block>svg:hover+.bank-info-tooltip {
    display: block;
    opacity: 1
}

.add-new-card-popup .close-add-new-card {
    position: absolute;
    right: 18px;
    top: 12px;
    cursor: pointer
}

.add-new-card-popup .add-new-card-head {
    text-align: left;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 20px;
    padding-left: 13px
}

.add-new-card-popup .add-new-card-head h3 {
    color: var(--dark-black-color-one);
    font-size: 20px;
    font-weight: 600
}

.add-new-card-popup .add-new-card-middle {
    margin-bottom: 15px
}

.add-new-card-popup .add-new-card-action {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0 40px 0 0;
    text-align: center
}

.add-new-card-popup .conform-bx-inner {
    border-radius: 26px;
    position: relative;
    max-width: 614px;
    padding: 20px 30px 25px 30px;
    margin: 3% auto
}

.net-term-info-block {
    width: 100%
}

.net-term-info-block>li {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 10px 0
}

.net-term-info-block>li .net-content {
    min-width: 250px;
    font-weight: 600;
    font-size: 15px
}

.net-term-info-block>li .net-amount {
    padding: 5px 10px;
    border: solid 1px var(--light-grey-color-three);
    border-radius: 8px;
    font-size: 15px
}

.net-term-info-block>li .tax-info {
    font-size: 13px;
    margin-left: 8px;
    color: var(--dark-red-color)
}

.conform-bx.add-new-card-popup form {
    max-height: 380px;
    overflow: auto;
    display: block
}

.avilable-credit {
    border: 1px solid var(--light-grey-color-three);
    margin: 20px 15px 0 15px;
    width: 100%;
    display: none;
    padding: 20px 25px 5px 25px;
    border-radius: 10px
}

.available-title {
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: var(--dark-black-color-one);
    border-bottom: 1px solid var(--light-grey-color-three);
    padding-bottom: 15px;
    margin-bottom: 10px
}

.available-title span {
    color: var(--primary-color);
    font-weight: 600
}

.reserve-stock-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px
}

.reserve-stock-grid>li {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    font-size: 14px;
    background-color: var(--reserve-order-bg);
    padding: 10px 20px;
    border-radius: 15px;
    margin: 0 0 5px 0;
    align-items: center
}

.reserve-stock-grid li .cform-checkbox label {
    font-size: 14px
}

.reserve-stock-grid li .cform-checkbox label:before {
    width: 16px;
    height: 16px
}

.reserve-stock-grid li .cform-checkbox input:checked+label:after {
    top: 3px;
    left: 6px
}

.reserve-stock-grid>li>span {
    width: 360px;
    color: var(--dark-color)
}

.reserve-stock-grid>li>a {
    color: var(--primary-color);
    text-decoration: underline
}

.credit-box .reserve-stock-grid>li {
    background-color: #fff0;
    width: 33.33%;
    padding: 10px;
    margin: 0
}

.credit-box .reserve-stock-grid>li strong {
    font-weight: 600;
    padding-left: 2px
}

.credit-box .reserve-stock-grid {
    flex-direction: row;
    padding: 0 0 20px 0
}

.tab-container {
    width: 100%
}

.tab-menu,.express-checkout-main .ci-tax-block {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center
}

.tab-menu li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    margin-right: 15px
}

.tab-menu li::before,.express-checkout-main .ci-tax-block span:before {
    content: '';
    width: 5px;
    background-color: var(--primary-color);
    height: 40%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    border-radius: 0 10px 10px 0
}

.tab-menu li a,.express-checkout-main .ci-tax-block span label.ci-type-box {
    display: inline-block;
    text-decoration: none;
    color: var(--dark-color);
    background-color: var(--white-color);
    padding: 15px 30px;
    border-radius: 12px;
    border: solid 1px var(--scrollbar-thumb-bg);
    box-shadow: 0 0 8px 0 var(--dark-black-color-three);
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.tab-menu li a.active-a,.express-checkout-main .ci-tax-block span input:checked+label.ci-type-box {
    border: 1px solid var(--primary-color);
    background-color: snow;
    color: var(--dark-color)
}

.tab {
    display: none
}

.tab-active {
    display: block
}

.no-detail {
    color: var(--dark-black-color);
    padding: 8px 35px 8px 50px;
    border-radius: 16px;
    background-color: rgb(255 245 245 / .6);
    min-height: 40px;
    font-size: 16px;
    text-align: left;
    background-image: url(../images/diff-add-icon.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    display: flex;
    align-items: center;
    max-width: 430px;
    margin: 0 auto;
    font-weight: 500
}

.hide-detail {
    display: none
}

.business,.personal {
    display: none
}

.privicy-statement p strong {
    font-weight: 600
}

.ach-card-detail.process-content-block .address-list-block .address-data {
    max-width: 260px;
    border-radius: 15px;
    border: solid 1px var(--scrollbar-thumb-bg);
    padding: 20px 15px 20px 24px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100%
}

.ach-card-detail.process-content-block.ach-card-detail .address-list-block .address-data {
    max-width: 100%
}

.ach-card-detail.process-content-block .address-list-block {
    margin: 10px 10px 10px 0
}

.payment-ach-detail span {
    display: block;
    font-size: 15px
}

.payment-ach-detail span strong {
    font-weight: 600
}

.ach-card-detail.process-content-block .address-list-block>input[type="radio"] {
    display: none
}

.ach-card-detail.process-content-block .address-list-block>input[type="radio"]:checked+.address-data {
    border: solid .5px var(--primary-color);
    background-color: snow
}

.ach-card-detail.process-content-block .address-list-block .address-data>h3 {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-color)
}

.ach-card-detail.process-content-block .address-list-block .address-data>address {
    font-size: 12px;
    color: var(--dark-black-color);
    margin: 3px 0 0 0
}

.ach-card-detail.process-content-block .address-list-block .address-data::before {
    content: '';
    width: 5px;
    background-color: var(--primary-color);
    height: 40%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    border-radius: 0 10px 10px 0
}

.ach-card-detail.process-content-block .address-list-block .address-data.exp-disable-address {
    background-color: var(--grey-color-tone-eight);
    border: 0;
    pointer-events: none
}

.ach-card-detail.process-content-block .address-list-block .address-data.exp-disable-address::before {
    background-color: var(--address-disable-before-color)
}

.ach-card-detail.process-content-block .address-list-block .address-data.exp-disable-address>h3,.ach-card-detail.process-content-block .address-list-block .address-data.exp-disable-address>address {
    color: var(--grey-border-color)
}

.add-bank-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.popup-checkbox {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px
}

.add-bank-form p {
    font-size: 13px;
    padding-left: 5px
}

.place-order-bottom .crypto_button .pcrypto-icon {
    background-image: url(../images/crypto-icon.svg);
    width: 20px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.place-order-bottom .local-ideal-button .local-ideal-icon {
    background-image: url(../images/ideal-icon.svg);
    width: 20px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.payment-method-step .payment-method-block>.message-span {
    display: flex;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
    border-radius: 25px;
    padding: 9px 20px;
    background: #F9A0001A;
    color: #000;
    align-items: center
}

.payment-method-step .payment-method-block>.message-span svg {
    min-width: 18px;
    min-height: 18px
}

.payment-method-step .payment-method-block>.message-span span {
    border-left: 2px solid #F9A000;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.cform-group.disabled-select-gen .nice-select.cform-control {
    background-color: #F9F9F9;
    cursor: not-allowed;
    pointer-events: none
}

.cform-group.disabled-select-gen .nice-select.cform-control span.current {
    color: #555
}

.cform-group.disabled-select-gen .nice-select.cform-control:after {
    border-color: #898989
}

.cform-group-seprate-btns {
    width: 100%
}

.conform-bx.shipping-address-popup.shipping-address-popup-active {
    display: block
}

.shipping-address-popup .conform-bx-inner {
    border-radius: 24px;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / .25);
    padding: 20px;
    width: 100%;
    max-width: 522px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left
}

#Verifying-address-popup .conform-bx-inner {
    padding: 64px 20px;
    text-align: center;
    justify-content: center;
    align-items: center
}

.shipping-address-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.shipping-address-popup-header a.pop-close {
    background: #FFF;
    border: 1px solid #DEDEDE;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px
}

.shipping-address-popup .message-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.shipping-address-popup .message-section .title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #222;
    letter-spacing: -.2px;
    margin: 0
}

.shipping-address-popup .message-section .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #6D6D6D;
    margin: 0
}

.shipping-address-address-display {
    background: #F3F4F5;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    padding: 16px;
    width: 100%;
    position: relative
}

.shipping-address-address-display .address-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #222;
    position: relative;
    z-index: 1;
    margin: 0
}

.shipping-address-address-display .address-text .highlight {
    font-weight: 550;
    position: relative;
    background: rgb(237 6 0 / .15);
    height: 22px;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 4px
}

.shipping-address-input-fields {
    display: flex;
    gap: 12px;
    width: 100%
}

.shipping-address-input-fields .input-field {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.shipping-address-input-fields .input-label {
    font-weight: 550;
    font-size: 14px;
    line-height: 1.35;
    color: #222;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

.shipping-address-input-fields .input-container {
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    height: 40px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.shipping-address-input-fields .input-container.error {
    border: 1px solid #ED0600
}

.shipping-address-input-fields .input-container input {
    flex: 1 0 0 0;
    border: none;
    outline: none;
    font-weight: 450;
    font-size: 14px;
    line-height: 1;
    color: #222;
    background: #fff0;
    min-width: 0
}

.shipping-address-input-fields .input-container input::placeholder {
    color: #999
}

.shipping-address-input-fields .suffix-options-container {
    padding: 0
}

.shipping-address-input-fields .suffix-options-select {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    border-radius: 12px;
    background-color: #fff0;
    padding: 0 36px 0 12px;
    font-size: 14px;
    font-weight: 450;
    color: #222;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px
}

.shipping-address-input-fields .suffix-none-option {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: -2px;
    font-size: 14px;
    line-height: 1.2;
    color: #222
}

.shipping-address-input-fields .suffix-none-option input {
    margin: 0
}

.shipping-address-input-fields .error-message {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.35;
    color: #ED0600
}

.shipping-address-button-group {
    display: flex;
    gap: 8px;
    width: 100%
}

.shipping-address-button-group .button {
    flex: 1 0 0 0;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 550;
    font-size: 14px;
    line-height: 1;
    border: none;
    transition: all 0.2s;
    width: 50%
}

.shipping-address-button-group .button-secondary {
    background: #FFF;
    border: 1px solid #E0E0E0;
    color: #222
}

.shipping-address-button-group .button-secondary:hover {
    background: #F5F5F5
}

.shipping-address-button-group .button-primary.disable {
    background: rgb(34 34 34 / .5);
    color: rgb(255 255 255 / .5);
    cursor: not-allowed
}

.shipping-address-button-group .button-primary.enabled,.shipping-address-button-group .button-primary {
    background: #222;
    color: #FFF;
    cursor: pointer
}

.shipping-address-button-group .button-primary.enabled:hover,.shipping-address-button-group .button-primary:hover {
    background: #333
}

.postnl-address-verification-failed .shipping-address-button-group button.button.button-primary,.postnl-address-verified .shipping-address-button-group button.button.button-primary {
    width: 100%
}

.shipping-address-popup .spinner-container {
    width: 64px;
    height: 64px;
    position: relative;
    flex-shrink: 0
}

.shipping-address-popup .spinner {
    position: absolute;
    inset: 0 4.05% 0 0;
    width: 100%;
    height: 100%
}

.shipping-address-popup .spinner img {
    width: 100%;
    height: 100%;
    display: block;
    animation: verifyingspin 1s linear infinite
}

.shipping-address-popup .verifying-text {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #222;
    letter-spacing: -.2px;
    text-align: center;
    margin: 0;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap
}

.shipping-address-popup .address-display {
    background: #F3F4F5;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column
}

.shipping-address-popup .address-text-container {
    align-items: center;
    justify-content: center;
    padding: 16px 16px 8px 16px
}

.shipping-address-popup .address-text {
    font-family: 'Inter',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #222;
    position: relative;
    z-index: 1;
    text-transform: uppercase
}

.shipping-address-popup .address-text .highlight {
    font-weight: 550;
    position: relative
}

.shipping-address-popup .highlight-green {
    position: relative;
    background: rgb(0 137 30 / .15);
    height: 22px;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 4px
}

.shipping-address-popup .verified-by-section {
    border-top: 1px solid #E0E0E0;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 6px 16px 12px 16px
}

span.verified-check-icon-failed {
    color: red;
    position: relative;
    top: -3px;
    font-size: 20px;
    left: 2px
}

.checkbox-section>input[type=checkbox] {
    display: none
}

.postnl-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: 0;
    top: 0
}

.checkbox-section>input[type=checkbox]:checked~label.postnl-ex-menu-check:before {
    background-color: #000;
    border-color: #000;
    background-size: 62px;
    background-image: var(--my-account-sprite-bg);
    background-position: -24px -765px;
    background-repeat: no-repeat;
    left: 0;
    top: 0
}

.checkbox-section>.postnl-ex-menu-check {
    cursor: pointer;
    position: relative;
    padding-left: 28px
}

.shipping-address-popup .verified-by-content {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 21.5px
}

.shipping-address-popup .verified-check-icon {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}

.shipping-address-popup .verified-check-vector img {
    width: 100%;
    height: 100%;
    display: block
}

.shipping-address-popup .verified-by-text {
    font-family: 'Inter',sans-serif;
    font-weight: 450;
    font-size: 12px;
    line-height: 1.35;
    color: #6D6D6D;
    height: 22px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.shipping-address-popup .postnl-logo {
    height: 20px;
    width: 35.224px;
    flex-shrink: 0
}

.shipping-address-popup .postnl-logo img {
    width: 100%;
    height: 100%;
    display: block
}

.shipping-address-popup .checkbox-section {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%
}

.shipping-address-popup .checkbox {
    background: #222;
    border-radius: 6px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer
}

.shipping-address-popup .checkbox-icon {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.shipping-address-popup .checkbox-vector {
    position: absolute;
    bottom: 29.17%;
    left: 16.67%;
    right: 16.67%;
    top: 25%
}

.shipping-address-popup .checkbox-vector img {
    width: 100%;
    height: 100%;
    display: block
}

.shipping-address-popup.checkbox-label {
    flex: 1 0 0 0;
    font-family: 'Inter',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap
}

@keyframes verifyingspin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 640px) {
    .input-fields {
        flex-direction:column
    }

    .button-group {
        flex-direction: column
    }
}

@media screen and (min-width: 768px) {
    .checkout-steps-main .shipping-billing-step .step-content .flex-form .cform-group .nice-select>span {
        -webkit-line-clamp:1;
        padding-right: 20px
    }

    .store-credit-block .store-credit-bx.disable-payment-box {
        box-shadow: none
    }

    .payment-method-step.completed .pay-method-completed {
        background-position: center -265px;
        min-width: 55px;
        background-repeat: no-repeat;
        background-image: url(../images/checkout-payment-method-sprite.svg);
        display: inline-block;
        min-height: 15px
    }

    .master-card-completed {
        display: inline-block;
        width: 29px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: var(--white-color);
        background-position: center;
        border: 1px solid var(--scrollbar-thumb-bg);
        margin-right: 5px
    }

    .master-card-completed.visa {
        background-image: url(../images/visa-c-c.svg)
    }

    .master-card-completed.mastercard {
        background-image: url(../images/mastercard-c-c.svg)
    }

    .master-card-completed.jcb {
        background-image: url(../images/jcb-c-c.svg)
    }

    .master-card-completed.americanexpress {
        background-image: url(../images/americanexpress-c-c.svg)
    }

    .master-card-completed.discover {
        background-image: url(../images/discover-c-c.svg)
    }

    .master-card-completed.unionpay {
        background-image: url(../images/unionpay-c-c.svg)
    }

    .privicy-statement.terms-and-use .data-table.stylis-table-2 {
        max-width: 800px;
        overflow: auto
    }

    .payment-method-step.completed .selected-item ul li.card-align-block {
        display: flex;
        flex-wrap: wrap;
        max-width: 250px
    }

    .payment-method-step.completed .selected-item ul li.card-align-block .payment-card-completed {
        display: flex
    }

    .card-align-block span {
        min-width: 150px
    }

    .payment-method-step.completed .selected-item ul {
        display: flex
    }

    .payment-method-step.completed .selected-item ul li:before {
        content: '+';
        font-weight: 600;
        color: var(--grey-border-color);
        font-size: 21px;
        position: absolute;
        left: -45px;
        top: 45%;
        transform: translatey(-50%);
        -webkit-transform: translatey(-50%)
    }

    .payment-method-step.completed .selected-item ul li:first-child::before {
        display: none
    }

    .payment-method-step.completed .selected-item ul li {
        position: relative;
        margin-bottom: 0;
        max-width: 180px
    }

    .payment-method-step.completed .selected-item ul li strong {
        display: block;
        color: var(--dark-black-color-one);
        margin-bottom: 3px;
        font-size: 14px
    }

    .store-credit-block {
        padding: 30px;
        border-bottom: 1px solid var(--grey-color-tone-seven)
    }

    .credit-card-box .card-box:hover .card-name-icon .card-number {
        font-weight: 500
    }

    .store-credit-block .store-credit-bx {
        margin: 0 0 0 13px;
        padding: 19px 29px 18px 28px;
        border-radius: 9px;
        box-shadow: 0 0 8px 0 #D1D1D1;
        background-color: var(--white-color);
        font-size: 16px;
        display: inline-block
    }

    .credit-card-box .card-box:hover {
        box-shadow: 0 0 9px 0 #BCBCBC
    }

    .store-credit-block .store-credit-message.box-message {
        padding-left: 70px
    }

    .payment-method-block {
        padding: 30px 15px
    }

    .payment-content-main-block {
        padding: 0 15px 15px 15px
    }

    .payment-method-block .method {
        width: calc(25% - 15px);
        margin: 0 7.5px 15px;
        border-radius: 9px;
        box-shadow: 0 0 8px 0 #D1D1D1;
        border: 1px solid #fff0;
        background-image: url(../images/checkout-payment-method-sprite.svg);
        background-repeat: no-repeat
    }

    .payment-method-block .method.gene_braintree_creditcard {
        background-position: center -1px
    }

    .payment-method-block .method.gene_braintree_paypal {
        background-position: center -252px
    }

    .payment-method-block .method.mygateway {
        background-position: center -190px
    }

    .payment-method-block .method.mygateway_eu {
        background-position: center -2107px
    }

    .payment-method-block .method.venmo {
        background-position: center -316px
    }

    .payment-method-block .method.b2bgateway {
        background-position: center -127px
    }

    .payment-method-block .method.banktransfer {
        background-position: center -64px
    }

    .payment-method-block .method.ach_direct_debit {
        background-position: center -378px
    }

    .payment-method-block .method.checkmo {
        background-position: center -446px
    }

    .payment-method-block .method.customercredit {
        background-position: center -513px
    }

    .payment-method-block .method.paypalinvoice {
        background-position: center -579px
    }

    .payment-method-block .method.crossshipment {
        background-position: center -654px
    }

    .payment-method-block .method.sampleorder {
        background-position: center -724px
    }

    .payment-method-block .splitpayment {
        background-position: center -765px
    }

    .payment-method-block .method.cryptocurrency {
        background-image: url(../images/crypto.svg);
        background-position: center center
    }

    .payment-method-block .method.gene_braintree_applepay {
        background-image: url(../images/applepay.svg);
        background-position: center center
    }

    .payment-method-block .method.gene_braintree_googlepay {
        background-image: url(../images/google-pay-mark.svg);
        background-position: center;
        background-size: 105px;
        box-shadow: none;
        min-width: 75px
    }

    .payment-method-block .method.localpayment_ideal {
        background-position: center -1166px
    }

    .payment-method-block .method.ideal {
        background-position: center -1166px
    }

    .payment-method-block .method.paybybank {
        background-position: center -2149px
    }

    .payment-method-block .method.klarna_paynow {
        background-position: center -2278px
    }

    .payment-method-block .method.klarna_paylater {
        background-position: center -2232px
    }

    .payment-method-block .method.klarna_payovertime {
        background-position: center -2188px
    }

    .payment-method-block .method.localpayment_bancontact {
        background-position: center -1046px
    }

    .payment-method-block .method.bancontact {
        background-position: center -1046px
    }

    .payment-method-block .method.localpayment_eps {
        background-position: center -942px
    }

    .payment-method-block .method.eps {
        background-position: center -942px
    }

    .payment-method-block .method.localpayment_mybank {
        background-position: center -1238px
    }

    .payment-method-block .method.localpayment_blik {
        background-position: center -834px
    }

    .payment-method-block .method.blik {
        background-position: center -834px
    }

    .payment-method-block .method.p24 {
        background-position: center -1303px
    }

    .payment-method-block .method.localpayment_p24 {
        background-position: center -1303px
    }

    .payment-method-block .method.localpayment_grabpay {
        background-position: center -886px
    }

    .payment-method-block .method>span {
        display: none
    }

    .payment-method-block .method.sepadirectdebit {
        background-position: center -1670px
    }

    .payment-method-block .method.trustly {
        background-position: center -1858px
    }

    .payment-method-block .method.twint {
        background-position: center -1986px
    }

    .payment-method-block .method.swish {
        background-position: center -1922px
    }

    .payment-method-block .method.mbway {
        background-position: center -1796px
    }

    .payment-method-block .method.bizum {
        background-position: center -1730px
    }

    .payment-method-block .method.cartebancaires {
        background-position: center -1476px
    }

    .payment-method-block .method.vipps {
        background-position: center -2048px
    }

    .payment-method-block .method.bankaxept {
        background-position: center -1535px
    }

    .payment-method-block .method.dankort {
        background-position: center -1605px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon {
        display: block;
        background-image: url(../images/checkout-payment-method-sprite.svg);
        background-repeat: no-repeat;
        min-height: 28px;
        min-width: 120px;
        width: 100%
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-gene_braintree_creditcard {
        background-position: -8px -8px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-gene_braintree_paypal {
        background-position: -33px -259px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-mygateway {
        background-position: -16px -196px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-venmo {
        background-position: -23px -323px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-b2bgateway {
        background-position: -17px -134px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-banktransfer {
        background-position: -12px -71px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-ach_direct_debit {
        background-position: -8px -385px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-checkmo {
        background-position: -9px -454px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-customercredit {
        background-position: -6px -520px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-paypalinvoice {
        background-position: -18px -586px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-crossshipment {
        background-position: -9px -656px;
        min-height: 35px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-splitpayment {
        background-position: -19px -774px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-sampleorder {
        background-position: -11px -730px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-cryptocurrency {
        background-image: url(../images/crypto.svg)
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-gene_braintree_applepay {
        background-image: url(../images/applepay.svg)
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_ideal {
        background-position: -30px -1174px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_bancontact {
        background-position: -30px -1050px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-bancontact {
        background-position: -30px -1050px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_eps {
        background-position: -30px -947px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-eps {
        background-position: -30px -947px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_mybank {
        background-position: -27px -1245px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_blik {
        background-position: -26px -832px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-blik {
        background-position: -26px -832px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-p24 {
        background-position: -22px -1309px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_p24 {
        background-position: -22px -1309px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-localpayment_grabpay {
        background-position: -28px -892px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-gene_braintree_googlepay {
        background-position: -35px -1420px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-sepadirectdebit {
        background-position: -35px -1676px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-trustly {
        background-position: -35px -1882px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-twint {
        background-position: -25px -1992px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-swish {
        background-position: -27px -1928px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-mbway {
        background-position: -32px -1801px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-bizum {
        background-position: -27px -1735px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-vipps {
        background-position: -30px -2054px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-bankaxept {
        background-position: -35px -1542px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-cartebancaires {
        background-position: -40px -1482px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-dankort {
        background-position: -35px -1609px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-ideal {
        background-position: -30px -1174px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-paybybank {
        background-position: -30px -2155px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-klarna_paynow {
        background-position: -30px -2278px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-klarna_paylater {
        background-position: -30px -2232px
    }

    .payment-method-step.completed .selected-item ul li .completed-payment-method-icon.selected-klarna_payovertime {
        background-position: -30px -2188px
    }

    .credit-card-box .card-box {
        margin: 0 6.5px 13px;
        min-width: 185px;
        width: calc(33.333% - 13px)
    }

    .store-credit-block .store-credit-message {
        font-size: 16px
    }

    .store-credit-block .store-credit-message.box-message::before {
        left: 40px;
        top: 3px
    }

    .pop-back-block {
        width: 100%
    }

    .pop-back-block span,.payment-content-box .credit-cards-title {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        font-size: 15px;
        font-weight: 500;
        color: var(--dark-black-color-one)
    }

    .pop-back-block.credit-card-title,.pop-back-block.bank-tran-title,.pop-back-block.bank-tran-title span {
        display: flex
    }

    .pop-back-block span.credit-title-mobile-show {
        display: none
    }

    .pop-back-block span.credit-title-desk-show {
        display: flex;
        position: relative;
        padding-left: 10px
    }

    .pop-back-block span.credit-title-desk-show:after {
        content: "";
        width: 4px;
        height: 14px;
        border-radius: 4px;
        background-color: var(--primary-color);
        position: absolute;
        left: 0;
        top: calc(50% - 7px)
    }

    .pop-back-block>i {
        display: none
    }

    .pop-back-block span>b {
        font-size: 14px;
        font-weight: 400;
        color: var(--sucess-color)
    }

    .credit-card-box .card-box,.credit-card-box>input[type="radio"]:checked+.card-box:hover {
        min-height: 140px;
        box-shadow: 0 0 15.9px 0 #E7E7E7;
        border-radius: 15px;
        padding: 8px 12px 10px 12px;
        border: 1px solid var(--white-color)
    }

    .credit-card-box>input[type="radio"]:checked+.card-box:hover {
        border: solid .5px var(--primary-color)
    }

    .credit-card-box>input[type="radio"]:checked+.card-box {
        border: solid .5px var(--primary-color);
        background-color: snow
    }

    .payment-content-box .add-new-card {
        font-size: 14px;
        font-weight: 500
    }

    .credit-card-box .card-box .card-name-icon .card-number,.credit-card-box>input[type="radio"]:checked+.card-box:hover .card-name-icon .card-number {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 18px 0 10px 0;
        border-bottom: 1px solid var(--grey-color-tone-seven);
        font-weight: 400
    }

    .credit-card-box .card-box .card-name-icon::before {
        height: 11px;
        width: 11px;
        right: 4px;
        top: 7px
    }

    .credit-card-box .card-box .card-name-icon .card-number>span.card-name,.payment-method-block .method>span.selected-mail,.payment-methods-title {
        display: none
    }

    .stap-pageination .add-match-message {
        padding: 8px 35px 8px 40px;
        border-radius: 16px;
        background-color: rgb(255 245 245 / .6);
        min-height: 40px;
        font-size: 10px;
        text-align: left;
        line-height: 1.2;
        margin-right: 10px;
        background-image: url(../images/diff-add-icon.svg);
        background-repeat: no-repeat;
        background-position: 10px center
    }

    .conform-bx.paypal {
        display: none!important
    }

    .payment-content-box.content-click-banktransfer,.payment-content-box.content-click-primary-banktransfer,.payment-content-box.content-click-secondary-banktransfer {
        max-width: 750px
    }

    .stap-pageination.balance-due-found .balance-due-block {
        display: none
    }

    .payment-content-box.content-click-paypalinvoice,.payment-content-box.content-click-sampleorder {
        align-items: center
    }

    .payment-content-box.content-click-paypalinvoice .cform-group,.payment-content-box.content-click-sampleorder .cform-group {
        max-width: 350px;
        padding-bottom: 0
    }

    .payment-content-box.content-click-paypalinvoice .btn,.payment-content-box.content-click-sampleorder .btn {
        margin: 10px 0 0 15px
    }

    .payment-content-box.content-click-mygateway .btn {
        display: none
    }

    .step-title {
        width: 100%
    }

    .step-title h2 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    .step-title h2::before {
        content: "";
        max-width: 100%;
        height: 1px;
        border-top: 1px dashed var(--grey-border-color);
        position: absolute;
        top: 20px;
        width: 100%
    }

    .step-title h2 span {
        padding: 6px 25px;
        border-radius: 25px;
        background-color: var(--grey-title-bgcolor);
        font-size: 18px;
        color: var(--dark-black-color-one);
        position: relative
    }

    .step-title h2 span strong {
        font-weight: 500
    }

    .step-title h2 span:after {
        content: "";
        background-color: var(--white-color);
        width: 15px;
        height: 100%;
        position: absolute;
        right: -15px;
        top: 0
    }

    .step-title h2 span svg {
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px
    }

    .tab-menu li a {
        min-width: 230px
    }

    .ach-card-detail.process-content-block .address-list-block {
        width: calc(50% - 20px)
    }

    .ach-card-detail {
        display: flex;
        flex-wrap: wrap;
        margin: 15px 0;
        justify-content: flex-start;
        width: calc(100% + 20px);
        flex-direction: column
    }

    .ach-card-detail .note-text {
        display: block;
        margin: 0 0 0 10px
    }
}

@media screen and (max-width: 1024px) {
    .store-credit-block {
        padding:30px 20px
    }

    .store-credit-block .store-credit-bx {
        margin: 0
    }

    .pop-back-block.credit-card-title,.payment-content-box .add-new-card {
        margin-left: 10px
    }
}

@media screen and (min-width: 1100px) {
    .payment-method-block {
        padding:30px 30px 30px 45px
    }

    .payment-content-main-block {
        padding: 0 30px 30px 45px
    }
}

@media screen and (min-width: 1300px) {
    .payment-method-block .method {
        width:auto;
        margin: 0 15px 15px 0
    }

    .credit-card-box .card-box {
        width: auto;
        margin: 0 13px 13px 0;
        min-width: 240px
    }
}

@media screen and (max-width: 800px) {
    .content-click-banktransfer .payment-bank-detail .payment-acc-detail,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail {
        flex-wrap:wrap
    }

    .content-click-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail i {
        display: none
    }

    .content-click-banktransfer .payment-bank-detail span,.content-click-primary-banktransfer .payment-bank-detail span,.content-click-secondary-banktransfer .payment-bank-detail span {
        font-size: 11px
    }

    .content-click-banktransfer .payment-bank-detail span strong,.content-click-primary-banktransfer .payment-bank-detail span strong,.content-click-secondary-banktransfer .payment-bank-detail span strong {
        min-width: 120px
    }
}

@media screen and (max-width: 767px) {
    .pop-back-block.credit-card-title,.payment-content-box .add-new-card {
        margin-left:0!important
    }

    .store-credit-block {
        padding: 15px 5px 25px 5px;
        border-bottom: 1px dashed var(--grey-color-tone-seven)
    }

    .store-credit-block .store-credit-bx {
        border-radius: 15px;
        box-shadow: 0 0 6px 0 rgb(0 0 0 / .1);
        background-color: var(--white-color);
        width: 100%;
        margin: 0;
        display: flex;
        font-size: 15px;
        flex-direction: column;
        line-height: 18px;
        padding: 10px 23px;
        cursor: pointer;
        min-width: 230px
    }

    .pop-back-block {
        min-height: 50px;
        background-color: #F8F8F8;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: sticky;
        top: 0;
        z-index: 3
    }

    .pop-back-block>i {
        height: 14px;
        width: 14px;
        border-top: 3px solid;
        border-left: 3px solid;
        border-top-left-radius: 3px;
        transform: rotate(317deg);
        margin: 0 16px 0 26px;
        cursor: pointer;
        position: relative;
        padding: 5px
    }

    .pop-back-block>i:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translatey(-56%) translatex(-60%);
        height: 35px;
        width: 35px
    }

    .pop-back-block>span {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }

    .pop-back-block>span>b {
        font-size: 13px;
        font-weight: 400;
        color: var(--sucess-color);
        display: block
    }

    .pop-back-block span.credit-title-mobile-show {
        display: flex
    }

    .pop-back-block span.credit-title-desk-show {
        display: none
    }

    .store-credit-block .store-credit-bx>svg,.store-credit-block .store-credit-bx>i {
        display: none
    }

    .store-credit-block .store-credit-bx>span {
        font-weight: 400;
        color: #979797
    }

    .store-credit-block .store-credit-message.box-message {
        padding-left: 42px;
        margin-top: 15px
    }

    .store-credit-block .store-credit-message {
        font-size: 14px;
        margin-top: 15px
    }

    .store-credit-block .store-credit-message.box-message::before {
        left: 15px;
        top: 1px
    }

    .store-credit-block .store-credit-bx::after,.payment-method-block .method::after {
        content: '';
        width: 15px;
        height: 15px;
        background-color: var(--white-color);
        position: absolute;
        border: 1px solid #DDDFE0;
        border-radius: 50%;
        top: 50%;
        right: 25px;
        transform: translatey(-50%)
    }

    .store-credit-block input:checked+.store-credit-bx:after,.payment-method-block input[type="radio"]:checked+label::after {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        background-image: var(--my-account-sprite-bg);
        background-size: 45px;
        background-position: -17px -554px
    }

    .payment-method-block {
        padding: 0 5px;
        margin-bottom: 30px
    }

    .payment-method-block .method {
        width: 100%;
        margin: 0 0 15px 0;
        background-image: none;
        border-radius: 15px;
        box-shadow: 0 0 6px 0 rgb(0 0 0 / .1);
        font-size: 15px;
        font-weight: 600;
        padding: 15px 23px;
        color: #575757;
        position: relative;
        border: none
    }

    .payment-method-block .method:last-child {
        margin-bottom: 0
    }

    .payment-method-block .method>span {
        display: block
    }

    .payment-method-block>input[type="radio"]:checked+.method,.store-credit-block>input:checked+.store-credit-bx {
        border: none;
        background-color: var(--white-color)
    }

    .payment-content-box .credit-cards-title {
        display: none
    }

    .payment-content-box {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--white-color);
        z-index: 15;
        max-width: 100%;
        overflow: auto;
        flex-wrap: nowrap;
        padding-bottom: 100px
    }

    .payment-content-box .bank-tran-content {
        padding: 10px 25px
    }

    .payment-content-box.mobile-box-hide {
        display: none!important
    }

    .payment-content-box .credit-card-box {
        order: 2;
        padding: 0 20px 50px 20px
    }

    .payment-content-box.content-click-paypalinvoice .cform-group #paypal_direct_cc_number {
        padding: 20px!important
    }

    .payment-content-box.content-click-paypalinvoice,.payment-content-box.content-click-sampleorder,.payment-content-box.content-click-mygateway {
        align-items: flex-start
    }

    .payment-content-box.content-click-paypalinvoice .pop-back-block,.payment-content-box.content-click-sampleorder .pop-back-block,.payment-content-box.content-click-mygateway .pop-back-block {
        width: 100%
    }

    .payment-content-box.content-click-paypalinvoice .btn,.payment-content-box.content-click-sampleorder .btn,.payment-content-box.content-click-mygateway .btn {
        margin: 0 20px
    }

    .payment-content-box.content-click-paypalinvoice .cform-group,.payment-content-box.content-click-sampleorder .cform-group {
        margin: 30px auto 0;
        width: 95%
    }

    .credit-card-box .card-box,.credit-card-box>input[type="radio"]:checked+.card-box:hover {
        padding: 25px 16px;
        border-top: 1px dashed #DDD;
        border-radius: 0;
        min-height: inherit;
        box-shadow: none;
        width: 100%
    }

    .credit-card-box .card-box .card-name-icon>img {
        display: inline-block;
        margin-right: 28px;
        min-width: 49px
    }

    .payment-content-box .add-new-card {
        font-size: 15px;
        font-weight: 400;
        text-align: center;
        padding: 0 20px;
        order: 1
    }

    .credit-card-box .card-box .card-name-icon .card-number,.credit-card-box>input[type="radio"]:checked+.card-box:hover .card-name-icon .card-number {
        display: inline-block
    }

    .credit-card-box .card-box .card-name-icon .card-number>span.number-star,.credit-card-box .card-box .card-name-icon .card-number>span.number-entity:first-child,.credit-card-box .card-box .card-date,.credit-card-box .card-box::after,.credit-card-box .card-box::before {
        display: none!important
    }

    .credit-card-box .card-box .card-name-icon {
        display: flex;
        align-items: center
    }

    .credit-card-box .card-box .card-name-icon .card-number>span.number-entity {
        font-weight: 600;
        font-size: 13px
    }

    .credit-card-box .card-box .card-name-icon .card-number>span.number-entity::before {
        content: "•••"
    }

    .credit-card-box .card-box .card-name-icon::before {
        height: 13px;
        width: 13px;
        right: 3px;
        top: 50%;
        transform: translatey(-50%)
    }

    .payment-content-box .data-pp-text {
        padding: 20px 30px;
        width: 100%
    }

    .credit-card-box .card-box .card-name-icon::after {
        top: 50%;
        transform: translatey(-50%)
    }

    .credit-card-box .card-box .card-name-icon .card-number>span {
        display: block
    }

    .payment-method-block .method>span.selected-mail {
        position: absolute;
        right: 50px;
        font-size: 10px;
        color: #989898;
        font-weight: 400;
        top: 50%;
        transform: translatey(-50%);
        width: 100px
    }

    .payment-methods-title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 25px 0 15px 0;
        padding: 0 5px
    }

    .payment-methods-title>h4 {
        font-size: 18px;
        font-weight: 500;
        color: var(--dark-black-color-one)
    }

    .payment-methods-title>a {
        font-size: 15px;
        color: #848484;
        text-decoration: underline;
        display: none
    }

    .stap-pageination .add-match-message {
        display: none
    }

    .content-click-banktransfer .payment-bank-detail,.content-click-primary-banktransfer .payment-bank-detail,.content-click-secondary-banktransfer .payment-bank-detail {
        margin: 15px 0
    }

    .bank-info-tooltip-block {
        position: absolute;
        right: 8px;
        top: 45%;
        transform: translatey(-50%)
    }

    .bank-info-tooltip-block>.bank-info-tooltip {
        width: 180px;
        top: 8px;
        left: -185px;
        border-radius: 10px 0 10px 10px
    }

    .conform-bx.paypal .conform-bx-inner>h4 {
        padding: 0 0 20px 0;
        border-bottom: 1px dashed #DDD;
        display: flex;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 600;
        color: var(--dark-color);
        margin-bottom: 20px
    }

    .conform-bx.paypal .conform-bx-inner>h4>i>svg {
        height: 15px;
        width: 15px;
        cursor: pointer
    }

    .conform-bx.paypal .conform-bx-inner>a {
        margin-bottom: 10px;
        display: block
    }

    .conform-bx.paypal .conform-bx-inner {
        border-radius: 15px;
        box-shadow: 0 0 6px 0 rgb(0 0 0 / .1);
        background-color: var(--white-color);
        width: 90%
    }

    .stap-pageination.balance-due-found {
        justify-content: space-between;
        padding: 18px 20px
    }

    .stap-pageination.sticky-view {
        z-index: 16;
        position: fixed;
        width: calc(100% + 20px);
        margin: 50px -20px 0;
        padding: 18px 40px 18px 20px
    }

    .stap-pageination.sticky-view.new-card-open {
        z-index: 1
    }

    .stap-pageination.balance-due-found .balance-due-block>span {
        display: block;
        text-align: left;
        font-size: 19px;
        font-weight: 600
    }

    .stap-pageination.balance-due-found .balance-due-block>span.balance-title {
        font-size: 14px
    }

    .add-new-card-popup .conform-bx-inner {
        width: 90%
    }

    .net-term-info-block {
        padding: 0 20px;
        margin: 20px 0
    }

    .net-term-info-block>li {
        flex-wrap: wrap
    }

    .net-term-info-block>li .net-content {
        margin: 0 0 5px 0
    }

    .net-term-info-block>li .net-amount {
        width: 100%
    }

    .net-term-info-block>li .tax-info {
        margin-top: 8px;
        margin-left: 0
    }

    .reserve-stock-grid {
        margin-bottom: 0
    }

    .popup-checkbox {
        margin: 0 0 15px 10px
    }

    .payment-method-step .payment-method-block>.message-span {
        border-radius: 10px;
        padding: 10px
    }

    .payment-method-step .payment-method-block>.message-span span {
        font-size: 12px;
        line-height: 16px
    }
}

@media screen and (max-width: 640px) {
    .content-click-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info:last-child {
        padding-left:0;
        border: 0;
        width: 100%
    }

    .content-click-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail .payment-account-info {
        margin-left: 0
    }
}

@media screen and (max-width: 576px) {
    .content-click-banktransfer,.content-click-primary-banktransfer,.content-click-secondary-banktransfer {
        padding:0
    }

    .content-click-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail i,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail i {
        width: 25px;
        height: 27px
    }

    .content-click-banktransfer .payment-bank-detail .payment-acc-detail i svg,.content-click-primary-banktransfer .payment-bank-detail .payment-acc-detail i svg,.content-click-secondary-banktransfer .payment-bank-detail .payment-acc-detail i svg {
        width: 60%
    }

    .add-new-card-popup .conform-bx-inner {
        padding: 20px 15px 25px 15px
    }
}

@media screen and (max-width: 479px) {
    .tab-menu {
        margin:0 0 20px 0
    }

    .tab-menu li {
        margin-right: 5px
    }

    .tab-menu li a {
        padding: 10px;
        font-size: 13px
    }

    .tab-container {
        padding: 15px 10px 0 10px
    }

    .ach-card-detail.process-content-block.tab-container {
        padding: 15px;
        font-size: 14px
    }

    .ach-card-detail.process-content-block .address-list-block {
        margin: 15px 0
    }

    .ach-card-detail.process-content-block .address-list-block .address-data {
        padding: 15px 15px 15px 24px
    }

    .payment-ach-detail span {
        font-size: 14px
    }

    #checkoutloader-process .loader-step .step {
        margin: 0 20px
    }

    .vat-checkout-gruper .nice-select {
        padding: 20px 12px;
        max-width: 90px
    }

    .vat-checkout-gruper .cform-text-grouper {
        width: calc(100% - 100px)
    }

    .checkout-steps-main .vat-checkout-gruper .nice-select>span {
        padding-right: 10px
    }

    .vat-checkout-gruper .nice-select:after {
        right: 15px
    }
}

@media screen and (max-width: 360px) {
    .payment-content-box .pop-back-block>span {
        padding-right:50px
    }
}

#checkoutloader-process {
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10
}

#checkoutloader-process:before {
    content: "";
    background: rgb(0 0 0 / .8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9
}

#checkoutloader-process .loader-step {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#checkoutloader-process .loader-step .step {
    position: relative;
    z-index: 9;
    margin: 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: rgb(255 255 255 / .9);
    border-radius: 50%;
    border: 5px solid rgb(255 255 255 / .8)
}

#checkoutloader-process .loader-step .step svg {
    height: 30px;
    width: 30px
}

#checkoutloader-process .loader-step .step.completed {
    border: 5px solid var(--green-gr-arrow)
}

#checkoutloader-process .loader-step .step.completed svg {
    fill: var(--green-gr-arrow)
}

#checkoutloader-process .loader-step .step.completed .loader-content {
    color: var(--green-gr-arrow);
    font-weight: 500
}

#checkoutloader-process .loader-step .step.completed hr {
    border-color: var(--green-gr-arrow)
}

#checkoutloader-process .loader-step .step.active:before,#checkoutloader-process .loader-step .step.active:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 5px solid rgb(255 255 255 / .5)
}

#checkoutloader-process .loader-step .step.active:before {
    animation: spin 1s infinite;
    border-top-color: var(--primary-color);
    z-index: 10
}

#checkoutloader-process .loader-step .step .loader-content {
    color: var(--grey-color-tone-eleven);
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 70px;
    font-size: 15px;
    text-align: center;
    line-height: 20px
}

#checkoutloader-process .loader-step .step hr {
    position: absolute;
    border: dashed var(--primary-color);
    left: calc(100% + 35px);
    width: 60px;
    height: 1px;
    border-width: 1px 0 0 0
}

@media screen and (max-width: 767px) {
    #checkoutloader-process .loader-step .step {
        margin:0 20px;
        width: 46px;
        height: 46px
    }

    #checkoutloader-process .loader-step .step svg {
        height: 20px;
        width: 20px
    }

    #checkoutloader-process .loader-step .step.active:before,#checkoutloader-process .loader-step .step.active:after {
        width: 36px;
        height: 36px
    }

    #checkoutloader-process .loader-step .step hr {
        left: calc(100% + 15px);
        width: 20px
    }

    #checkoutloader-process .loader-step .step .loader-content {
        top: 50px;
        font-size: 10px;
        line-height: 13px
    }
}

.cform-group .address-selection .checkbox {
    display: none
}

.cform-group .address-selection input[type="checkbox"]:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 11px;
    width: 4px;
    height: 9px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.cform-group .address-selection input[type="checkbox"]:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.cform-group .address-selection label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 5px;
    margin-bottom: 0
}

.cform-group .address-selection .copyaddress-info {
    display: inline
}

.cform-group .address-selection 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
}

.screen-reader-text {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.category-title {
    border-bottom: double 3px var(--grey-color-tone-six);
    margin: 10px 0 10px 0
}

.category-title h1 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    line-height: 30px;
    padding-left: 30px
}

.category-title h1:before {
    position: absolute;
    content: "";
    top: calc((100% - 16px) / 2);
    left: 0;
    background: var(--category-ico) no-repeat scroll 0 0;
    width: 20px;
    height: 16px;
    background-size: 20px
}

.category-title h1 .m-filterico-r {
    background-image: url(../images/filter-icon-one.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 8px
}

.category-title h1>a {
    background: url(../images/faq-que-ans.png)
}

.col2-left-layout .main .col-left {
    padding: 0 5px 0 0;
    width: 100%;
    max-width: 340px
}

.col2-left-layout .main .col-main {
    width: 100%;
    max-width: calc(100% - 360px)
}

.desktop-hide {
    display: none
}

.col2-left-layout .col-left .block-layered-nav {
    float: left;
    width: 100%
}

.mobile_label_size {
    color: var(--dark-color);
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: baseline
}

.mobile_label_size1 {
    color: var(--dark-color);
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: baseline
}

.mobile_label_size2 {
    color: var(--dark-color);
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: baseline
}

.label_size2 {
    color: var(--dark-color);
    position: relative;
    margin: 0;
    padding: 0
}

.label_size2 .span3,.mobile_label_size2 .span3 {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 12px;
    margin-bottom: 9px;
    margin-left: 20px;
    background: var(--dark-color);
    color: var(--white-color);
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 10px 0 12px
}

.label_size2 .span3:before,.mobile_label_size2 .span3:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: #fff0 var(--dark-color) #fff0 #fff0;
    border-style: solid;
    border-width: 12px 12px 12px 0
}

.label_size2 .span3:after,.mobile_label_size2 .span3:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: var(--white-color);
    -moz-box-shadow: -1px -1px 2px var(--dark-color);
    -webkit-box-shadow: -1px -1px 2px var(--dark-color);
    box-shadow: -1px -1px 2px var(--dark-color)
}

.mfilter-title {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding: 20px 30px;
    margin: 0 0 15px 0
}

.mfilter-title .mfilter-icoblock {
    background-image: url(../images/filter-icon-one.svg);
    background-repeat: no-repeat;
    padding-left: 35px;
    background-size: 25px;
    float: left;
    line-height: 26px;
    background-position: 0 4px;
    color: var(--dark-color)
}

.mfilter-title .mfilter-close {
    background-image: url(../images/close-accesories.svg);
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    background-size: 18px;
    background-repeat: no-repeat
}

.mfilter-title:before,.mfilter-title:after {
    content: "";
    width: 50%;
    height: 3px;
    position: absolute;
    bottom: 0
}

.mfilter-title:after {
    background-color: var(--dark-color);
    right: 0
}

.mfilter-title:before {
    background-color: var(--primary-color);
    left: 0
}

.id_your_mac {
    width: 100%;
    margin: 0 0 10px 0;
    display: none;
    padding: 0 10px
}

.id_your_mac .msearchbutton {
    background-color: var(--secondary-color);
    color: var(--white-color);
    width: 100%;
    border-radius: 22px;
    font-weight: 600;
    padding: 10px;
    display: none;
    font-size: 15px;
    text-align: center;
    cursor: pointer
}

.block-layered-nav .filteractivate {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse
}

.block-layered-nav .filteractivate .filt-title a {
    font-size: 13px;
    text-decoration: underline;
    font-weight: 400;
    color: var(--filter-clear-color)
}

.block-layered-nav .filteractivate h4 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    background-image: url(../images/filter-icon-one.svg);
    color: var(--dark-color);
    background-repeat: no-repeat;
    padding-left: 28px;
    background-position: 0 3px
}

.block-layered-nav .filteractivate>a {
    float: right;
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 600;
    margin: 13px 0 0 0
}

.block-layered-nav .filteractivate ol {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 0 2px;
    margin: 0 0 16px
}

.block-layered-nav .filteractivate ol>li {
    margin: 2px 5px 9px 0;
    background-color: var(--filter-bg-selected-color);
    color: var(--filter-bg-font-color);
    padding: 6px 11px 3px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.block-layered-nav .filteractivate ol .label {
    display: none
}

.block-layered-nav .filteractivate ol>li span.value {
    overflow: hidden;
    max-width: 130px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-layered-nav .filteractivate ol .btn-remove {
    background-image: url(../images/close-accesories.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 12px;
    display: inline-block;
    background-position: 6px 4px;
    margin-top: -2px
}

.col2-left-layout .block-content .mlist2 {
    margin: 0;
    display: flex;
    flex-direction: column
}

.col2-left-layout .block-content .mlist2>dd {
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px solid var(--filter-li-border)
}

.col2-left-layout .block-content .mlist2>dd>ol {
    float: left;
    width: 100%
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li.back-link {
    margin: 0 3px 15px 3px;
    padding: 0;
    box-shadow: none;
    background: #fff0
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li.back-link>a {
    display: inline-block;
    font-weight: 500;
    color: var(--dark-color);
    padding: 5px 10px;
    box-shadow: 0 0 10px var(--box-shadow-color-four);
    border-radius: 10px;
    background-color: var(--white-color);
    width: auto
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li,.col2-left-layout .block-content .mlist2 .filter-multi-dropdown dl {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin: 0
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li>a,.block-content .mlist2>dd>dl>a {
    color: var(--dark-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    justify-content: space-between;
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: 3px 13px
}

.cms-port-base .col2-left-layout .block-content .mlist2>dd>dl>a {
    margin-bottom: 10px
}

.mlist2>dd>ol>li>a>span.layered-arrow,.mlist2>dd>dl>a>span.layered-arrow {
    position: relative;
    width: 20px;
    background-image: url(../images/svg-arrow-accesories.svg);
    background-position: center center;
    transition: transform 0.3s ease-in;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.block-layered-nav .filteractivate .filt-title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    border: 1px solid var(--grey-color-tone-eight);
    border-radius: 35px;
    padding: 8px 20px;
    box-shadow: 0 0 11.51613px rgb(133 133 133 / .36);
    background: var(--white-color);
    margin: 0 0 20px
}

.mlist2>dd>ol>.layerdnavi-open>a>span.layered-arrow,.mlist2>dd>dl.layerdnavi-open>a>span.layered-arrow {
    transform: rotate(0deg)
}

.col2-left-layout .block-content .mlist2 .filter-multi-dropdown dl .drop-name-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto 12px;
    width: 100%
}

.sidebar .block-layered-nav .attribute_value_search_box.enabled {
    display: block;
    margin: 15px 0
}

.sidebar .block-layered-nav .attribute_value_search_box input {
    background-image: url(../images/macbooksprites.svg);
    background-position: 7px -303px;
    background-repeat: no-repeat;
    width: 100%;
    padding: 8px 8px 8px 30px;
    border-radius: 10px;
    height: 32px;
    font-size: 12px;
    background-size: 46px;
    transition: all 0.3s ease-in
}

.col2-left-layout .block-content .mlist2 .filter-multi-dropdown dl>dd {
    width: 100%;
    margin: 0 0 8px 0
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li>ul.layered_dropdown>li:first-child {
    padding-top: 10px
}

#product_tabs_description_tabbed_contents .std .“description” li {
    text-align: justify;
    font-weight: 400;
    margin: 1px 27px;
    padding: 0 0 7px 15px;
    line-height: 18px;
    background: url(../images/proeduct-bullet.png) no-repeat left 7px
}

.layered_dropdown>li>a {
    padding: 5px 0;
    display: block;
    color: var(--grey-color-tone-one)
}

.col2-left-layout .block-content .mlist2>dd>ol>li .mitemcount {
    float: right;
    font-size: 12px;
    margin-top: 5px
}

.sidebar .block-layered-nav .attribute_value_search_box:before {
    display: none
}

.sidebar .block-layered-nav .attribute_value_search_box input:focus {
    border-color: var(--secondary-color)
}

.layered-nav-filter .layered-nav-filter-label {
    cursor: pointer;
    position: relative;
    padding: 5px 0 5px 25px;
    display: flex;
    justify-content: space-between
}

.layered-nav-filter .layered-nav-filter-label:before {
    content: "";
    background-color: var(--white-color);
    width: 16px;
    height: 16px;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 4px;
    vertical-align: top;
    visibility: visible;
    display: inline-block;
    position: absolute;
    left: 0
}

.col2-left-layout .block-content .mlist2>dd .layered_dropdown {
    width: 100%;
    padding: 0 14px 2px;
    background-color: var(--white-color)
}

.layered-nav-filter input[disabled="disabled"]+.layered-nav-filter-label {
    cursor: not-allowed;
    opacity: .6
}

.layered-nav-filter input[type="checkbox"]:checked+.layered-nav-filter-label:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    background-position: center center
}

.three-dot {
    display: inline-block;
    overflow: hidden;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    margin-top: -1px;
    font-size: 14px;
    color: var(--filter-listing-color)
}

span.count {
    font-size: 13px;
    color: var(--grey-color-tone-two);
    text-align: right
}

.deviceoverely {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(15 15 15 / .84);
    height: 100%;
    width: 100%;
    z-index: 11111
}

.close-mpopup {
    color: var(--white-color);
    font-weight: 400;
    font-size: 32px;
    position: absolute;
    right: 0;
    background-color: var(--primary-color);
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 33px;
    cursor: pointer
}

.macsearch-box {
    float: none;
    margin: 11% auto 0;
    width: 70%
}

.macsearch-box .msearchbox {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 4px
}

.macsearch-box .msearchbox .input-text {
    height: 63px;
    border: 3px solid var(--grey-color-tone-six);
    border-radius: 20px;
    box-shadow: 4px 5px 15px var(--box-shadow-color-five);
    padding: 15px 20px;
    font-size: 20px;
    width: 100%;
    text-indent: 90px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.macsearch-box button.button {
    position: absolute;
    right: -1px;
    top: 0
}

.macsearch-box button.button span {
    height: 63px;
    border-radius: 0 20px 20px 0;
    line-height: 62px;
    background-color: var(--secondary-color);
    padding: 0;
    display: inline-block;
    border: 1px solid var(--secondary-color);
    min-width: 130px;
    text-transform: uppercase
}

.macsearch-box button.button span svg {
    width: 15px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: -2px
}

.macsearch-box button.button span svg path {
    fill: var(--white-color)
}

.macsearch-box .msearchbox .input-text:focus,.macsearch-box .msearchbox .input-text:active {
    background-color: var(--white-color);
    text-indent: 0
}

.macsearch-box .msearchbox label {
    font-size: 16px;
    position: absolute;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: translatey(0);
    -webkit-transform: translatey(0);
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    left: 15px;
    background: #fff0;
    margin-top: 2px;
    z-index: -1
}

.macsearch-box .msearchbox .input-text:focus+label,.macsearch-box .msearchbox .input-text:active+label {
    transform: translatey(-46px);
    -webkit-transform: translatey(-46px);
    background: var(--secondary-color);
    color: var(--white-color)
}

.macsearch-box .msearchbox .input-text::placeholder {
    color: var(--grey-color-tone-one);
    text-indent: 0;
    opacity: 1
}

.macsearch-box .msearchbox .input-text:focus::placeholder,.macsearch-box .msearchbox .input-text:active::placeholder {
    opacity: 1;
    color: var(--dark-color)
}

.macsearch-box .msearchbox label:after {
    content: "";
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-top: 5px solid #fff0;
    position: absolute;
    left: calc(50% - 6px);
    top: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.macsearch-box .msearchbox .input-text:focus+label:after,.macsearch-box .msearchbox .input-text:active+label:after {
    border-top: 6px solid var(--secondary-color)
}

.macsearch-box button.button:hover span {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color)
}

.cl-bages.cl-bages-list,.cl-badges.cl-badges-list {
    margin: 10px 0 5px;
    display: block;
    text-align: center;
    width: 100%;
    height: 25px
}

.claim-eligible-badge {
    position: absolute;
    top: 40px;
    left: auto;
    background-color: #fff;
    color: #000;
    padding: 6px 2px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / .2);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border: 1px solid #ccc;
    align-content: center;
    flex-wrap: nowrap;
    right: 6px
}

.claim-eligible-badge span:nth-child(2) {
    color: #0baf7e
}

.claim-eligible-badge-list {
    background-color: #fff;
    color: #000;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / .2);
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    align-content: center;
    flex-wrap: nowrap;
    line-height: 26px;
    display: inline-flex;
    margin-left: 10px;
    margin-top: -1px;
    margin-bottom: 10px;
    float: left
}

.claim-eligible-badge-list span:nth-child(2) {
    color: #0baf7e
}

.product-listing li.item .product-image {
    display: block;
    text-align: center
}

.product-listing li.item .product-image {
    min-height: 210px
}

.slider-box {
    float: left;
    width: 100%
}

.slider-box .ui-slider-range.ui-corner-all.ui-widget-header {
    position: absolute;
    z-index: 2;
    font-size: .7em;
    display: block;
    border: 0;
    background-color: var(--primary-color);
    top: 0;
    height: 14px
}

.slider-box .ui-widget.ui-widget-content {
    border-radius: 34px!important;
    background-color: var(--grey-color-tone-seven);
    height: 14px;
    position: relative;
    margin: 20px auto;
    overflow: visible;
    clear: none;
    float: none;
    max-width: 250px
}

.slider-box .ui-slider .ui-slider-handle:before {
    content: "Min";
    color: #9E9E9E;
    font-size: 11px;
    position: absolute;
    top: -22px;
    font-weight: 500
}

.slider-box .ui-slider .ui-slider-handle+.ui-slider-handle:before {
    content: "Max"
}

.slider-box .n-sliderinfo {
    text-align: center;
    color: #2E2E2E;
    line-height: 15px;
    margin: 10px 0 10px;
    display: block
}

.slider-box .ui-slider .ui-slider-handle {
    margin-left: -.6em;
    width: 24px;
    height: 24px;
    background: var(--white-color)!important;
    box-shadow: 0 0 11.1233px rgb(133 133 133 / .3);
    border-radius: 100%!important;
    position: absolute;
    z-index: 2;
    touch-action: none;
    top: -6px;
    cursor: pointer;
    border: 2px solid var(--primary-color)
}

.slider-box .ace-val-text {
    border: 0;
    outline: none;
    color: var(--grey-color-tone-two);
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    margin-top: 10px
}

.filter-color-block {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    justify-content: flex-start;
    width: 100%;
    padding: 0 14px 2px 14px;
    background-color: var(--white-color)
}

.filter-color-block>li {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center
}

.layered-nav-filter input[type=checkbox] {
    display: none
}

.filter-color-block li label .img {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    display: none
}

.filter-color-block li label img {
    border-radius: 100%;
    width: 30px
}

.filter-color-block>li>.layered-nav-filter>label .img+span {
    display: block;
    width: 100%;
    white-space: normal;
    text-align: left
}

.filter-color-block li label:after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: calc(50% - 18px);
    top: calc(50% - 33px);
    border-radius: 100%;
    border: 2px solid #fff0;
    display: none
}

.filter-color-block>li>.layered-nav-filter input[type=checkbox]:checked+label:after {
    border-color: var(--my-account-blue-color)
}

.products-grid .actions p.availability {
    float: left;
    line-height: 30px;
    margin: 0 10px 0 0
}

.products-grid li.first .actions p.availability {
    width: 100%;
    text-align: right;
    float: right;
    margin: 0
}

.products-grid>.actions p.availability {
    color: #3C0
}

.products-grid .actions p.out-of-stock {
    color: red
}

.products-grid .out-of-stock {
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.products-grid .actions .add-to-links {
    list-style: none!important;
    margin: 0!important;
    padding: 0!important;
    float: left
}

.products-grid li.first .actions .add-to-links {
    float: right
}

.products-grid .add-to-links li {
    float: left;
    margin-left: 4px
}

.products-grid .add-to-links li span.separator {
    display: none
}

.products-grid .add-to-links .link-compare,.products-grid .add-to-links .link-wishlist {
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #e8e8e8;
    text-indent: -9999px
}

.products-grid .add-to-links .link-compare {
    background: var(--site-main-sprites) center -229px no-repeat var(--white-color)
}

.products-grid .add-to-links .link-compare:hover {
    border: 1px solid #e8e8e8;
    background: var(--site-main-sprites) center -259px no-repeat
}

.products-grid .add-to-links .link-wishlist {
    background: var(--site-main-sprites) center -169px no-repeat var(--white-color)
}

.products-grid .add-to-links .link-wishlist:hover {
    border: 1px solid #e8e8e8;
    background: var(--site-main-sprites) center -199px no-repeat
}

.category-products {
    float: left;
    width: 100%
}

.category-products .product-listing li .brand-ace-image {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 70%;
    background-color: var(--grey-color-tone-six);
    font-size: 14px;
    color: var(--my-account-blue-color);
    font-weight: 600;
    border-radius: 20px 20px 0 0;
    height: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 0 auto;
    left: 0;
    right: 0
}

.category-products .products-grid.products-listview li .brand-ace-image {
    width: 30%
}

.category-products .add-to-cart button.btn-cart {
    background: var(--primary-color);
    padding: 7px 10px;
    border-radius: 6px
}

.category-products .add-to-cart button.btn-cart span {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.category-products .add-to-cart button.btn-cart:hover {
    background: var(--dark-color)
}

.category-products .add-to-cart button.btn-cart span {
    background-color: #fff0
}

.category-products .add-to-cart button.btn-cart:hover span {
    color: var(--white-color)
}

.product-name {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    color: var(--dark-color)
}

.list-description {
    float: left;
    width: 100%;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px;
    margin: 2px 0 0;
    position: relative;
    z-index: 0
}

.product-listing .product-name:hover {
    color: var(--primary-color)
}

.category-products h2.block-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 10px 30px;
    border-bottom: solid 1px var(--grey-color-tone-gray);
    margin: 0 0 20px 0;
    background: url(../images/mobilesentrix_1.png) left -872px no-repeat;
    color: var(--dark-color)
}

.category-products .add-to-box {
    position: fixed;
    right: -45px;
    top: 310px;
    z-index: 200;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -khtml-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s
}

.category-products .add-to-box:hover {
    right: 0;
    padding-right: 10px
}

.filtered_product {
    max-width: 100%
}

.filtered_product .filtered_product_names {
    max-width: 100%;
    padding: 0;
    margin: 25px 0 10px
}

.filtered_product .filtered_product_names a {
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 700;
    background: url(../images/mobilesentrix_1.png) no-repeat scroll left -871px;
    padding-left: 28px;
    font-size: 21px;
    line-height: 21px
}

.product-listing {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 -10px;
    float: none
}

.col2-left-layout .product-listing.products-listview {
    margin: 0
}

.product-listing li.item {
    max-width: 320px;
    width: calc(25% - 20px);
    position: relative;
    border-radius: 32px;
    background: var(--white-color);
    padding: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    border: 0 solid var(--grey-color-tone-six);
    margin: 10px;
    box-shadow: 0 0 4px 0 #00000026
}

.back-market-product {
    position: absolute;
    top: 84px;
    left: 10px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    padding: 5px 2px;
    border-radius: 4px;
    width: 16px;
    backdrop-filter: blur(32px);
    background: #E3F77E
}

.product-listing li.item .back-market-new-lp {
    background: url(../images/Back_Market.svg) no-repeat scroll 8px center;
    padding-left: 25px;
    background-size: 12px;
    background-color: #E3F77E!important;
    color: #222222!important;
    white-space: nowrap;
    font-size: 12px
}

.col2-left-layout .product-listing li.item {
    width: calc(33.333% - 20px)
}

.product-listing li.item:hover {
    border-color: var(--dark-color)
}

.products-grid li.item .price-qty-block {
    width: 100%
}

.products-grid .display_qty {
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    background: var(--primary-color);
    border-radius: 20px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    position: absolute;
    left: calc(50% - 17px);
    top: -18px;
    z-index: 100;
    overflow: hidden;
    padding: 0 3px;
    letter-spacing: 1px
}

.product-listing li.item .product-budges,.product-listing li.item .product-badges {
    float: left;
    width: auto;
    height: 70px;
    position: absolute;
    border-radius: 100%;
    left: 7px;
    top: 7px
}

.product-listing .product-name {
    font-size: 14px;
    clear: both;
    color: var(--dark-color);
    margin: 5px 0 0 0;
    font-weight: 500;
    padding-top: 6px;
    display: block;
    min-height: 79px;
    word-break: break-word;
    line-height: 22px
}

.products-grid .price-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 5px 0;
    padding: 0;
    align-items: center
}

.products-grid .uk-vat-class .price-box-inner {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center
}

.categorypath-accessories-devices .product-listing .price-box .price {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600
}

.product-listing .price-box .price {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-color);
    line-height: 35px;
    position: relative;
    justify-content: center;
    display: flex;
    margin: 0 10px 0 0
}

.products-grid .uk-vat-class {
    flex-wrap: wrap
}

.products-grid .uk-vat-class .price {
    align-items: center
}

.products-grid .uk-vat-class .price .ex-vat {
    font-size: 16px;
    font-weight: 500;
    color: #939393;
    line-height: 21px;
    margin-left: 5px
}

.products-grid .uk-vat-class .price-box-inner .old-price .price {
    font-size: 18px;
    font-weight: 500;
    color: #939393;
    line-height: 21px;
    text-decoration: line-through
}

.products-grid .price-box .product-gapp-price {
    display: grid;
    margin: 0 0 0 0
}

.products-grid .price-box .product-gapp-price .old-price {
    font-size: 16px;
    font-weight: 500;
    color: #939393;
    line-height: 21px;
    text-align: left;
    justify-content: flex-start;
    margin: 0 0 5px 0
}

.products-grid .uk-vat-class .product-gapp-price .price {
    text-align: center;
    flex-wrap: wrap
}

.products-grid .price-box .product-gapp-price .without-core {
    font-size: 12px;
    line-height: 10.5px;
    color: #939393;
    font-weight: 400
}

.product-listing .custom-add-to-cart {
    float: left;
    width: 100%;
    margin: 10px 0 15px;
    padding: 0 10px;
    text-align: center
}

.categorypath-accessories-devices .product-listing .custom-add-to-cart {
    margin: 0 0 40px
}

.products-grid .custom-add-to-cart .qty-control {
    float: none;
    max-width: 154px;
    margin: 0 auto;
    display: block;
    width: 100%
}

.qty-control button.btn-minus {
    float: left;
    background-color: var(--white-color);
    max-width: 45px;
    width: 100%;
    height: 38px;
    border: 1px solid var(--grey-color-tone-five);
    background-image: url(../images/plusmin-cart.svg);
    text-indent: -99999px;
    background-position: 15px 17px;
    background-size: 14px;
    background-repeat: no-repeat;
    border-radius: 30px 0 0 30px
}

.products-grid .custom-add-to-cart input.qty {
    background: var(--white-color);
    font-size: 14px;
    text-align: center;
    padding: 0 5px;
    color: var(--dark-color);
    float: left;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid var(--grey-color-tone-five);
    border-bottom: 1px solid var(--grey-color-tone-five);
    height: 38px;
    max-width: 63px
}

.qty-control button.btn-plus {
    float: left;
    background-color: var(--white-color);
    max-width: 45px;
    width: 100%;
    height: 38px;
    border: 1px solid var(--grey-color-tone-five);
    background-image: url(../images/plusmin-cart.svg);
    text-indent: -99999px;
    background-position: 15px -25px;
    background-size: 15px;
    background-repeat: no-repeat;
    border-radius: 0 30px 30px 0
}

.product-listing .custom-add-to-cart button.btn-cart {
    clear: both;
    margin: 16px auto 0;
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    padding: 5px 10px;
    min-width: 150px;
    border-radius: 30px;
    line-height: normal
}

.product-listing .custom-add-to-cart button.btn-cart:hover {
    background-color: var(--primary-color)!important;
    border: 2px solid var(--primary-color);
    color: var(--white-color)
}

.product-listing .custom-add-to-cart button.btn-cart span {
    background: 0;
    border: 0;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-weight: 600;
    color: var(--white-color)
}

.product-listing .outofstocklistcls .price-qty-block .custom-add-to-cart .outofstock_loginas button.btn-cart {
    margin-top: 5px;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 5px;
    background: var(--primary-color);
    border: 2px solid var(--primary-color)
}

#tabs .tabs>li i.icon-info.tooltip:hover {
    color: var(--white-color);
    border-color: var(--white-color)
}

#tabs .tabs>li span.tooltiptext {
    right: 23px;
    text-transform: capitalize
}

.products-grid .qty-total,.product-view .qty-total {
    position: absolute;
    background: var(--sucess-color);
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    height: auto;
    line-height: 24px;
    z-index: 2;
    text-align: center;
    border-radius: 32px 32px 0 0;
    color: var(--dark-color);
    font-weight: 400;
    padding: 5px 10px;
    border: 1px solid var(--white-color);
    box-shadow: 0 2px 0 var(--grey-color-tone-seven);
    width: 100%;
    left: 0;
    top: 0
}

.products-grid .qty-total {
    max-height: 250px;
    overflow: auto
}

.products-grid .qty-total::-webkit-scrollbar {
    display: none
}

.products-grid li:hover .qty-total,.product-view:hover .qty-total {
    visibility: visible;
    opacity: 1
}

.product-view .qty-total {
    top: 0;
    font-weight: 400;
    left: 200px;
    border-radius: 3px;
    height: auto;
    line-height: 24px;
    min-width: 50px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    max-height: 90px;
    overflow: auto
}

.product-view .qty-total::-webkit-scrollbar {
    display: none
}

.product-view .qty-total span {
    margin: 0 2px;
    white-space: pre-wrap
}

.product-view .qty-total span br {
    display: none
}

.product-view .qty-total:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 9px 12.5px 0;
    border-color: #fff0 var(--sucess-color) #fff0 #fff0;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%)
}

.products-grid .qty-total span:first-child,.product-view .qty-total span:first-child {
    color: var(--white-color)
}

.outofstock_loginas {
    position: absolute;
    background-color: var(--out-of-stock-loginas-color);
    visibility: hidden;
    opacity: 0;
    top: calc(50% - 130px);
    left: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    padding: 10px;
    width: 100%
}

.product-options .outofstock_loginas .input-btn {
    background: var(--white-color);
    border: solid 2px var(--dark-color);
    border-radius: 15px;
    float: left;
    width: 100%;
    padding: 5px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-options .outofstock_loginas .input-btn p,.product-options .outofstock_loginas .input-btn .usa-btn p {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    float: left
}

.product-options .outofstock_loginas .input-btn .usa-btn {
    float: left;
    width: auto;
    padding-top: 0;
    margin-left: 10px;
    display: flex
}

.product-options .outofstock_loginas .input-btn input {
    float: left
}

.products-grid .ajx-bg {
    background-color: rgb(0 0 0 / .5);
    float: left;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 13px;
    min-height: 100%;
    left: 0
}

.products-grid .ajx-bg .default-loader-inner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    right: 0
}

.lowcredit .price {
    color: var(--dark-primary-color)
}

.selected .highlight {
    color: var(--dark-primary-color)!important
}

.product-name .dataTable tr td {
    border-left: 1px solid var(--grey-color-tone-five);
    padding: 6px 11px
}

.accountactiveclass .block-title {
    cursor: pointer
}

.product-name .dataTable tr.odd td {
    width: 800px!important
}

.block-banner-adv img {
    width: 100%;
    height: auto!important
}

#overnight_time_img {
    display: block
}

.adminoutofstock {
    float: left;
    color: var(--dark-primary-color)
}

.product-listing li.outofstocklistcls {
    background-color: rgb(227 5 27 / .08)
}

.product-view {
    float: left;
    width: 100%
}

.product-view .product-essential {
    float: left;
    width: 100%
}

.product-view .product-essential .product-name {
    background: var(--dark-primary-color) none repeat scroll 0 0;
    margin: 20px 0 15px;
    padding: 8px 125px 11px 20px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.product-view .product-essential .product-name h1 {
    color: var(--white-color);
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block
}

.product-view .product-essential .product-name .right-gurrentee {
    float: right;
    height: 100px;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-view .product-essential .product-name .right-gurrentee img {
    max-height: 100%;
    width: auto
}

.product-view .product-essential .product-name .copy_icon {
    background-color: #fff0;
    margin: 0 5px 0 10px;
    padding: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    top: 5px
}

.product-view .product-essential .product-name .copy_icon img {
    width: 25px;
    height: 25px;
    vertical-align: inherit
}

.product-view .product-essential .product-name .right-gurrentee.days_30 {
    background-image: url(../images/30dayswarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.days_60 {
    background-image: url(../images/60dayswarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.days_90 {
    background-image: url(../images/90dayswarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.days_120 {
    background-image: url(../images/120dayswarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.days_180 {
    background-image: url(../images/180dayswarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.lift_time {
    background-image: url(../images/lifetimewarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.no_warranty {
    background-image: url(../images/nowarranty.png)
}

.product-view .product-essential .product-name .right-gurrentee.year_1 {
    background-image: url(../images/1yearwarranty.png)
}

.RviewDisplayMobile,.skudisplayMobile {
    display: none
}

.review-bx {
    margin-left: 0;
    margin-top: 5px;
    display: block;
    float: left;
    width: 100%
}

.review-bx .write-review {
    display: inline-block;
    line-height: 28px
}

.write-rw-popup .conform-bx-inner {
    width: 560px
}

.product-review {
    display: block;
    float: left;
    margin-right: 10px
}

.product-review.tooltip {
    position: relative;
    display: inline-block;
    padding: 3px 0 10px
}

.review-pop-header {
    float: left;
    width: 100%;
    padding-top: 10px;
    border-bottom: 1px solid var(--grey-color-tone-seven)
}

.review-pop-header .pop-close {
    margin-top: -2px;
    margin-bottom: 8px;
    font-size: 24px;
    margin-right: 4px
}

.write-rw-popup .dashboard-acc-bx-inner .message {
    padding: 15px 15px 0 15px
}

.write-rw-popup .footer_btn {
    border-top: 0
}

.write-rw-popup .review-pr-title {
    float: left;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px
}

.write-rw-popup .rw-product-name {
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    text-transform: lowercase
}

.review-ui-bx>label {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-color-tone-four)
}

.review-ui-bx>textarea {
    border-color: var(--grey-color-tone-six);
    border-radius: 4px
}

h4.tot_review {
    display: inline-block;
    margin-right: 8px;
    font-weight: 400;
    color: var(--dark-color);
    line-height: 30px
}

.product-allreview>p.customer-review-count {
    text-align: right;
    padding: 0;
    padding-right: 11px;
    position: relative;
    top: 5px;
    color: var(--secondary-color);
    margin: 0
}

ul.tags-compatible.product-allreview {
    padding-top: 0
}

.product-allreview>li.review-replay {
    margin-left: 4%;
    width: 95%;
    text-align: left;
    padding-left: 43px;
    font-size: 14px
}

.product-allreview>li.review-replay p {
    margin-bottom: 0
}

.review-list .review-pop-header {
    text-align: left;
    padding-left: 10px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 600
}

p.customer-review-count {
    float: left;
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 500;
    margin-left: 5px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: initial
}

.product-allreview {
    float: left;
    width: 100%;
    max-height: 455px;
    overflow-y: auto
}

.product-allreview>li {
    float: left;
    width: 98%;
    padding: 10px;
    border-bottom: 1px solid var(--grey-color-tone-gray);
    margin: 0 1%
}

.product-allreview>li .customer-detail {
    width: 91%;
    margin-right: 0
}

.customer-detail>h4 {
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 2px;
    color: var(--grey-color-tone-four);
    font-weight: 600;
    border-right: 1px solid var(--grey-color-tone-two);
    margin-right: 4px
}

.customer-detail>h4>svg {
    float: right;
    margin: 1px 2px
}

.product-allreview>li .customer-detail .display-reviews {
    position: relative;
    top: -1px
}

.product-allreview>li .customer-detail .display-reviews li {
    width: 15px;
    height: 16px;
    background-size: 25px
}

.product-allreview>li .customer-detail .display-reviews li.no-review {
    background-position: 0 -57px
}

.product-allreview>li .customer-detail .display-reviews li.half-review {
    background-position: 0 -30px
}

.product-allreview>li .customer-detail p {
    float: left;
    width: 100%;
    text-align: justify;
    padding-left: 14px;
    font-size: 12px;
    font-weight: 400;
    color: var(--grey-color-tone-two);
    margin: 0 0 0 0;
    line-height: 18px
}

.review-pop-header>span {
    float: left;
    font-size: 14px;
    line-height: 20px
}

.pagination-btn .pre-btn {
    border: 2px solid #fff0;
    background: #fff0;
    color: var(--white-color)
}

.product-review ul li {
    display: inline-block;
    background-image: url(../images/star-sprite.png);
    width: 20px;
    height: 22px
}

.product-review ul li.full-review {
    background-position: 0 -3px
}

.product-review ul li.half-review {
    background-position: 0 -39px
}

.product-review ul li.no-review {
    background-position: 0 -75px
}

.product-view .product-shop {
    float: right;
    width: calc(57% - 10px);
    position: relative
}

.product-img-box {
    float: left;
    width: calc(43% - 10px)
}

.product-img-box .media-badges-r .magic-slide .MagicZoom .mz-figure>img {
    min-height: 240px
}

.product-shop.lft-pshop {
    width: 100%
}

.product-view .product-shop .product-name {
    float: left;
    width: 100%
}

.product-view .product-shop .product-name h1 {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--dark-color);
    margin: 0;
    padding: 10px 0
}

.product-view .product-shop ul.benefits {
    float: left;
    width: 100%;
    margin: 7px 0 30px
}

.product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
    font-size: 12px;
    color: var(--grey-color-tone-one);
    float: left;
    padding: 10px 10px 10px 36px;
    border-right: solid 1px var(--grey-color-tone-seven);
    text-transform: uppercase;
    width: 37.5%
}

.product-view .product-shop ul.benefits li.easy_refunds a,.product-view .product-shop ul.benefits li.free_shiping a,.product-view .product-shop ul.benefits li.price_match a {
    color: var(--grey-color-tone-one);
    display: block;
    height: 26px;
    line-height: 24px
}

.product-view .product-shop ul.benefits li.free_shiping {
    background: url(../images/mobilesentrix_2.png) -8px -1348px no-repeat;
    width: 25%
}

.product-view .product-shop ul.benefits li.price_match {
    background: url(../images/mobilesentrix_2.png) -5px -1388px no-repeat
}

.product-view .product-shop ul.benefits li.easy_refunds {
    background: url(../images/mobilesentrix_2.png) -5px -1430px no-repeat;
    border-right: 0 none
}

.product-view .product-shop .productviewcart {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    position: relative;
    min-height: auto;
    clear: both
}

.product-view .product-shop .product-cart-pay {
    float: left;
    width: 100%;
    min-height: 25px
}

.product-view .view-product-price {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%
}

.product-view .uk-vat-class {
    flex-wrap: wrap
}

.product-view .uk-vat-class .price-box {
    display: flex
}

.product-view .uk-vat-class .price-box .wx-vat {
    font-size: 16px;
    font-weight: 500;
    color: #939393;
    line-height: 21px;
    margin-left: 5px
}

.product-view .uk-vat-class .price-box .price {
    align-items: center
}

.product-view .uk-vat-class .price-box .old-price .price {
    font-size: 18px;
    font-weight: 600
}

.product-view .productviewcart .price-box .price {
    font-size: 23px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 35px;
    position: relative;
    justify-content: center;
    display: flex;
    margin: 0 10px 0 0
}

.product-view .view-product-price .product-gapp-price {
    display: grid;
    margin: 0 0 0 0
}

.product-view .uk-vat-class .product-gapp-price {
    display: flex;
    margin: 0 0 0 0;
    width: 100%
}

.product-view .view-product-price .product-gapp-price .price {
    font-size: 16px;
    font-weight: 500;
    color: #939393;
    line-height: 21px;
    text-align: left;
    justify-content: flex-start;
    margin: 0 0 2px 0
}

.product-view .view-product-price .product-gapp-price .without-core {
    font-size: 12px;
    line-height: 10.5px;
    color: #939393;
    font-weight: 400
}

.product-view .productviewcart .add-to-box {
    float: left;
    width: 100%;
    font-weight: 700;
    color: var(--grey-color-tone-two);
    display: block;
    margin: 20px 0 6px 0;
    position: relative
}

.product-view .productviewcart .add-to-box .qtyview {
    float: left;
    width: 20%;
    margin-right: 8px;
    text-align: center
}

.product-view .productviewcart .add-to-box .qtyview label {
    font-size: 18px;
    color: var(--grey-color-tone-two);
    padding-bottom: 5px;
    font-weight: 500;
    text-align: left;
    display: none
}

.product-view .productviewcart .add-to-box .qtyview .inputqty {
    text-align: center;
    width: 100%
}

.product-view .productviewcart .add-to-box .qtyview .inputqty input.qty {
    background: var(--white-color);
    font-size: 14px;
    height: 43px;
    padding: 0 10px;
    text-align: center;
    max-width: 53px
}

.product-view .productviewcart .add-to-box .qtyview .inputqty .up,.product-view .productviewcart .add-to-box .qtyview .inputqty .dn {
    background-image: url(../images/plusmin-cart.svg);
    background-color: var(--white-color);
    background-size: 15px;
    background-repeat: no-repeat;
    float: right;
    height: 43px;
    width: 53px;
    margin-top: -43px;
    text-indent: -9999px;
    cursor: pointer;
    border: 1px solid var(--grey-color-tone-five);
    border-radius: 6px
}

.product-view .productviewcart .add-to-box .qtyview .inputqty .dn {
    background-position: 16px 20px;
    background-size: 14px;
    float: left
}

.product-view .productviewcart .add-to-box .added-qty {
    border-radius: 5px;
    padding: 5px 12px;
    background: var(--primary-color);
    font-weight: 400;
    color: var(--white-color);
    display: inline-block;
    margin: 0 0 11px 0
}

.product-view .productviewcart .add-to-box .qtyview .inputqty .up {
    background-position: 22px -22px
}

.product-view .productviewcart .add-to-cart button.btn-cart {
    float: left;
    min-width: 180px
}

.product-view .productviewcart .add-to-cart button.btn-cart span {
    border-color: var(--dark-color);
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 20px 10px 45px;
    height: 43px;
    background-size: 40px;
    border-radius: 7px;
    background-image: url(../images/mobilesentrix_2.png);
    background-repeat: no-repeat;
    background-position: 5px -560px;
    background-color: var(--dark-color)
}

.product-view .productviewcart .add-to-cart button.btn-cart:hover span {
    background-color: var(--primary-color);
    color: var(--white-color);
    background-position: 5px -560px;
    border-color: var(--primary-color)
}

.product-view .productviewcart .add-to-cart button.btn-cart span span {
    background: 0;
    padding: 0
}

.product-view .productviewcart .add-to-cart button.btn-preorder {
    margin-right: 10px
}

.product-view .add-to-links {
    bottom: 13px;
    float: left;
    left: 0;
    position: absolute;
    width: 100%;
    display: none
}

.product-view .add-to-links li {
    float: none;
    display: inline-block
}

.product-view .add-to-links li a {
    font-size: 17px;
    color: var(--grey-color-tone-five);
    font-weight: 300;
    margin: 0;
    padding: 5px 0 5px 35px;
    display: block
}

.product-view .add-to-links li a.link-wishlist {
    background: url(../images/mobilesentrix_2.png) -12px -1251px no-repeat
}

.product-view .add-to-links li a.link-wishlist:hover {
    background: url(../images/mobilesentrix_2.png) -12px -1301px no-repeat;
    color: var(--dark-color)
}

.product-view #tabs {
    border: 1px solid var(--grey-color-tone-five);
    background-color: var(--white-color)
}

.product-view #tabs ul.tabs {
    border: 0;
    background: 0
}

.product-view ul.tabs li {
    color: var(--grey-color-tone-one)
}

.product-view ul.tabs li h2 {
    color: var(--grey-color-tone-one);
    padding: 15px 25px;
    float: left;
    margin-left: 0
}

.product-view ul.tabs li a {
    color: var(--grey-color-tone-one);
    padding: 15px 25px;
    float: left;
    margin-left: 0
}

.product-view ul.tabs li.active a {
    color: var(--white-color)!important;
    background-color: var(--secondary-color)!important;
    width: 100%
}

ul.tabs li.active h2 {
    color: var(--white-color)!important;
    background-color: var(--default-color)!important;
    width: 100%;
    font-weight: 700
}

.product-view #tabs .padder {
    float: left;
    width: 100%;
    margin-top: 10px
}

.product-view .padder .box-collateral .mobileCompability {
    display: none
}

.product-view .padder .box-collateral table.data-table {
    border: 0;
    border-left: solid 1px var(--grey-color-tone-seven)
}

.product-view .padder .box-collateral table.data-table th {
    font-size: 20px;
    color: var(--grey-color-tone-one);
    font-weight: 400;
    background: 0
}

.product-view .padder .box-collateral table.data-table td {
    font-size: 16px;
    color: var(--grey-color-tone-one);
    font-weight: 300;
    border-right: 1px solid var(--grey-color-tone-seven);
    border-bottom: 1px solid var(--grey-color-tone-seven)
}

.product-view .padder .data-table .even,.product-view .padder .data-table .odd {
    background: 0
}

.product-view .box-collateral .mobileCompability {
    display: none
}

.product-view .box-collateral table.data-table {
    border: 0;
    border-left: solid 1px var(--grey-color-tone-seven)
}

.product-view .box-collateral table.data-table th {
    font-size: 20px;
    color: var(--grey-color-tone-one);
    font-weight: 400;
    background: 0
}

.product-view .box-collateral table.data-table td {
    font-size: 16px;
    color: var(--grey-color-tone-one);
    font-weight: 300;
    border-right: 1px solid var(--grey-color-tone-seven);
    border-bottom: 1px solid var(--grey-color-tone-seven)
}

.product-view .data-table .even,.product-view .data-table .odd {
    background: 0
}

.product-view .more-views {
    float: left;
    width: 100%
}

.product-view .more-views h4 {
    font-weight: 400;
    margin: 0;
    padding: 10px;
    background: var(--grey-color-tone-six);
    font-size: 17px;
    color: var(--primary-color)
}

.product-view .more-views ul {
    float: left;
    width: 100%
}

.product-view .more-views li {
    display: inline-block;
    padding: 2px;
    border: 1px solid var(--grey-color-tone-six);
    margin: 15px 7px
}

.product-view .productviewcart .add-to-cart button.btn-preorder:hover span {
    background-position: 5px -560px;
    background-size: 40px
}

.product-view .more-views li:hover {
    border-color: var(--secondary-color)
}

.product-view .more-views li a {
    padding: 5px
}

.product-view .MagicZoomPlus {
    float: left;
    width: 100%!important
}

.product-view .product-img-box .MagicToolboxContainer a span {
    display: none
}

.product-view .product-img-box .MagicToolboxContainer a.MagicZoomPlusHint {
    float: right
}

.media-badges-r {
    position: relative;
    float: left;
    width: 100%
}

.media-badges-r .product-budges {
    float: left;
    width: auto;
    height: 90px;
    position: absolute;
    border-radius: 100%;
    left: -30px;
    top: -30px;
    z-index: 11
}

div.MagicToolboxContainer {
    float: left;
    width: 100%!important;
    border: 1px solid var(--grey-color-tone-six);
    margin: 0 0 30px 0;
    padding: 10px
}

.product-options .input-text {
    margin-top: 0;
    color: var(--grey-color-tone-two);
    border-radius: 32px;
    border: 1px solid var(--grey-color-tone-five);
    font-size: 14px;
    height: 38px
}

.product-options {
    float: left;
    width: 100%;
    margin: 10px 0 15px
}

.products-grid li.item .price-qty-block .notify_btn {
    text-align: center
}

.categorypath-accessories-devices .product-options {
    margin: 0 0 40px
}

.product-options .btn-cart {
    margin: 20px auto 0;
    width: 150px;
    display: block
}

.product-options .btn-cart span {
    padding: 7.5px 10px;
    font-weight: 600;
    line-height: 25px;
    font-size: 14px;
    border: 0;
    border-radius: 30px
}

.product-essential .product-options strong {
    display: block
}

.product-essential .product-options .btn-cart span {
    padding: 2px 15px;
    line-height: 33px
}

.product-options .validation-advice {
    float: left
}

.pr-viewoptions {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.col2-left-layout .block-content .mlist2>dd>ol>li span.price {
    float: none
}

.col2-left-layout .block-layered-nav .actions a {
    padding: 8px 15px;
    border-radius: 4px;
    background: var(--primary-color);
    font-weight: 700;
    font-size: 14px;
    color: var(--white-color);
    float: none;
    display: inline-block
}

.col2-left-layout .block-layered-nav .actions a:hover {
    color: var(--white-color)
}

.col2-left-layout .block-content .mlist2>dd>ol>li .show_more_filters {
    text-align: center;
    position: relative;
    float: left;
    width: 100%
}

.col2-left-layout .block-content .mlist2>dd>ol>li .show_more_filters:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--grey-color-tone-seven);
    left: 0;
    border-bottom: 1px solid var(--grey-color-tone-seven);
    top: 15px
}

.col2-left-layout .col-main .main-list-category .products-grid.products-listview li.item {
    max-width: 100%;
    width: 100%;
    margin: 0 0 15px 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item a {
    text-align: left
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-name {
    float: left;
    height: auto;
    clear: none;
    display: block;
    width: calc(100% - 170px);
    margin: 0 0 5px 20px
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image img {
    float: left;
    width: 121px;
    height: auto;
    margin: 5px 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-badges {
    width: 55px;
    height: 55px;
    top: 0;
    left: 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-badges img {
    margin: 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image .cl-badges.cl-badges-list img {
    margin: 0 0 5px 20px;
    width: 170px
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image {
    float: left;
    padding: 7px;
    position: relative;
    border-right: 1px solid var(--grey-color-tone-seven)
}

.col2-left-layout .col-main .products-grid.products-listview li.item .price-qty-block {
    max-width: 250px;
    width: 100%
}

.col2-left-layout .col-main .products-grid.products-listview li.item .price-box {
    width: 100%;
    text-align: center;
    float: right;
    padding: 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .custom-add-to-cart {
    max-width: 248px;
    float: right
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-options {
    max-width: 255px;
    margin-left: 8px;
    float: right
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-options .input-text {
    width: 100%
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-options table td .btn-cart {
    margin-top: 13px
}

.col2-left-layout .col-main .products-grid.products-listview li.item:last-child {
    border-right: 1px solid var(--grey-color-tone-seven)!important
}

.col2-left-layout .col-main .products-grid.products-listview .custom-add-to-cart button.btn-cart {
    margin: 18px auto 0
}

.col2-left-layout .col-main .products-grid.products-listview .ajx-bg {
    width: 100%;
    background-color: var(--grey-color-tone-three)
}

.col2-left-layout .col-main .products-grid.products-listview .ajx-bg>img {
    left: calc(50% - 25px);
    top: calc(50% - 25px)
}

.catlist-container {
    float: left;
    width: 100%;
    background-color: var(--white-color)
}

.page-actions>li>a {
    background-image: url(../images/macbooksprites.svg);
    min-width: 30px;
    display: block;
    height: 30px;
    background-color: var(--white-color);
    border-radius: 4px;
    border: 1px solid var(--grey-color-tone-six);
    background-repeat: repeat-y;
    background-size: 26px;
    opacity: .5
}

.col2-left-layout .col-main .page-title .page-actions {
    float: right
}

.page-actions>li {
    float: left;
    margin: 0 3px
}

.page-actions>li.plistview>a {
    background-position: 4px 0
}

.page-actions>li.full-width-view>a {
    background-position: -1px -164px;
    background-size: 40px
}

.page-actions>li.pgridview>a {
    background-position: 4px -25px
}

.page-actions>li>a.pageaction-open {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    opacity: 1
}

.page-actions>li>a.pageaction-open:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.skudisplayweb {
    float: left
}

#requestproductpopup {
    position: relative;
    overflow: visible;
    padding: 15px 20px;
    border: 0;
    width: 700px!important;
    margin: 3% auto;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

.orderpop-sectons2 {
    float: left;
    width: 100%;
    margin: 0 0 15px
}

.orderpop-sectons2>h3 {
    float: left;
    font-size: 18px;
    line-height: 40px;
    width: 150px
}

.orderpop-sectons2 ul.rightsection {
    float: left;
    margin: 4px 0 0
}

.orderpop-sectons2 ul.rightsection li {
    float: left
}

.orderpop-sectons2 ul.rightsection li a {
    display: inline-block;
    min-width: 100px;
    text-align: center;
    font-size: 18px;
    margin: 0;
    line-height: 31px;
    border-radius: 3px;
    font-weight: 600;
    background-color: var(--primary-color);
    color: var(--white-color)
}

.orderpop-sectons2 ul.rightsection li.andor {
    width: 104px;
    text-align: center;
    line-height: 31px;
    font-weight: 400
}

.order_tbody2>h5 {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase
}

.order_tbody2 .data-table {
    border: 0;
    margin: 5px 0 12px
}

.order_tbody2 .data-table>thead>tr>th {
    background: 0;
    border: 0;
    border-bottom: 1px solid var(--grey-color-tone-five);
    border-top: 1px solid var(--grey-color-tone-five);
    padding: 5px 15px;
    color: var(--dark-color)
}

.order_tbody2 .data-table.pos_table>thead>tr>th {
    border-top: 0
}

.order_tbody2 .data-table>tbody {
    max-height: 100px;
    overflow-y: auto;
    display: block
}

.order_tbody2 .data-table>thead,.order_tbody2 .data-table>tbody>tr {
    table-layout: fixed;
    display: table;
    width: 100%
}

.order_tbody2 .data-table>tbody>tr>td {
    border-right: 0;
    padding: 5px 15px
}

.order_tbody2 .data-table.reqtable>thead>tr>th:first-child {
    width: 25.333%
}

.order_tbody2 .data-table.reqtable>tbody>tr>td:first-child {
    width: 39.333%
}

.order_tbody2 .data-table.reqtable>thead>tr>th:nth-child(2) {
    width: 70.333%;
    text-align: center
}

.order_tbody2 .data-table.reqtable>thead>tr>th:nth-child(3) {
    width: 25.333%
}

.order_tbody2 .data-table.reqtable>tbody>tr>td:nth-child(2) {
    width: 40.333%
}

span.od_dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    margin-right: 7px;
    display: inline-block;
    line-height: normal!important
}

.order_tbody2 .data-table.pos_table tbody {
    border-top: solid 1px var(--grey-color-tone-seven);
    max-height: 100px;
    display: table-caption
}

.order_tbody2 .data-table>tfoot>tr>td {
    border-right: 0;
    padding: 5px 15px
}

.order_tbody2 .data-table>tfoot>tr>td strong {
    font-weight: 600
}

button.btn-requestproduct span {
    background-color: var(--sucess-color);
    color: var(--white-color);
    border-color: var(--sucess-color);
    min-width: 145px;
    height: 35px;
    padding: 2px 10px;
    border-radius: 4px;
    margin: 7px 0 0;
    font-size: 16px;
    line-height: 28px
}

button.btn-requestproduct:hover span {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.product-list-comingsoon {
    position: absolute;
    top: 0;
    background-color: var(--warning-color);
    padding: 1px 10px;
    left: 0;
    border-radius: 0 5px 5px 0;
    border: 1px solid var(--white-color);
    box-shadow: 1px 2px 5px var(--grey-color-tone-six);
    font-weight: 600;
    color: var(--dark-color);
    border-left: 0;
    font-size: 13px
}

.product-view-comingsoon {
    background-color: var(--warning-color);
    padding: 1px 10px;
    border-radius: 5px;
    border: 1px solid var(--white-color);
    box-shadow: 1px 2px 5px var(--grey-color-tone-six);
    font-weight: 600;
    color: var(--dark-color);
    font-size: 14px;
    min-width: 120px;
    float: right;
    height: 40px;
    text-align: center;
    line-height: 37px;
    margin-top: 3px
}

.product-listing li.preorder-item {
    background: var(--preorder-bg-color)
}

.product-listing .custom-add-to-cart button.btn-preorder {
    background-color: var(--preorder-btn-bg);
    border: 2px solid var(--preorder-btn-bg)
}

.product-listing .custom-add-to-cart button.btn-preorder:hover {
    border-color: var(--preorder-btn-bg);
    background-color: transparent!important
}

.product-listing .custom-add-to-cart button.btn-preorder:hover span {
    color: var(--preorder-btn-bg)
}

.product-view .productviewcart .add-to-cart button.btn-preorder span {
    background: url(../images/mobilesentrix_2.png) 5px -560px no-repeat var(--preorder-btn-bg);
    border-color: var(--preorder-btn-bg);
    background-size: 40px
}

.page-actions>li.plistview>a.pageaction-open {
    background-position: 4px -50px
}

.page-actions>li.full-width-view>a.pageaction-open {
    background-position: -1px -187px;
    background-size: 40px
}

.page-actions>li.pgridview>a.pageaction-open {
    background-position: 4px -75px
}

.catlist-container .subcat-title {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid var(--grey-color-tone-seven);
    padding: 15px 0 12px 0;
    color: var(--grey-color-tone-nine)
}

.col2-left-layout .products-grid li.item .outofstock_loginas:before,.col2-left-layout .products-grid li.item .outofstock_loginas:after {
    display: none
}

.col2-left-layout .products-grid li.item .outofstock_loginas {
    width: 100%
}

.col2-left-layout .products-grid.products-listview li.item .outofstock_loginas:before,.col2-left-layout .products-grid.products-listview li.item .outofstock_loginas:after {
    display: none
}

.col2-left-layout .products-grid.products-listview li.item .outofstock_loginas {
    width: 40%;
    top: 0
}

.col2-left-layout .products-grid.products-listview li.item .qty-total {
    top: 2px;
    left: calc(86% - 46%);
    width: 225px
}

.col2-left-layout.col2-wide-layout .products-grid.products-listview li.item .outofstock_loginas {
    top: 2px;
    width: 32%
}

.col2-left-layout.col2-wide-layout .products-grid.products-listview li.item .qty-total {
    top: 6px;
    left: calc(86% - 42%)
}

.catlist-container .twocol-categoy-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px
}

.twocol-categoy-block li {
    max-width: 315px;
    padding: 10px;
    width: 33.333%
}

.twocol-categoy-block li .innercategory-block,.twocol-categoy-block li .apollo-block {
    display: block;
    width: 100%
}

.twocol-categoy-block li .innercategory-block a,.twocol-categoy-block li .apollo-block a {
    display: block;
    padding: 30px 20px 20px 20px
}

.twocol-categoy-block li .innercategory-block a:hover,.twocol-categoy-block li .apollo-block a:hover {
    background-color: var(--grey-color-tone-thirteen);
    border-radius: 5px
}

.twocol-categoy-block li .innercategory-block img,.twocol-categoy-block li .apollo-block img {
    display: block;
    margin: 0 auto
}

.twocol-categoy-block li .innercategory-block span,.twocol-categoy-block li .apollo-block span {
    border-left: 2px solid var(--secondary-color);
    font-weight: 500;
    color: var(--grey-color-tone-three);
    font-size: 15px;
    padding: 4px 20px 4px 10px;
    margin: 8% auto 0;
    width: 100%;
    display: block;
    position: relative
}

.twocol-categoy-block li .innercategory-block a:hover span,.twocol-categoy-block li .apollo-block a:hover span {
    border-color: var(--primary-color)
}

.twocol-categoy-block li .innercategory-block i,.twocol-categoy-block li .apollo-block i {
    position: absolute;
    right: 6px;
    top: 28%
}

.twocol-categoy-block li .innercategory-block i:before,.twocol-categoy-block li .apollo-block i:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: #fff0 #fff0 #fff0 var(--white-color);
    display: inline-block;
    vertical-align: middle
}

.col2-left-layout.col2-wide-layout .twocol-categoy-block li {
    width: 20%
}

li.filter_hide {
    display: none
}

.show_more_filters>a {
    cursor: pointer;
    display: inline-block;
    color: var(--dark-color);
    background-image: url(../images/macbooksprites.svg);
    background-position: 4px -372px;
    background-repeat: no-repeat;
    height: 33px;
    text-indent: -999px;
    width: 33px;
    border-radius: 50%;
    background-color: var(--grey-color-tone-seven);
    background-size: 50px;
    position: relative;
    z-index: 1
}

.show_more_filters>a.toggleViewMore {
    background-position: 4px -427px
}

.col2-left-layout .block-content .mlist2>dd>ol.layeredcat_drop>li.layerdnavi-last>a>span:before {
    display: none
}

.sm-filterButton {
    display: none;
    background-image: url(../images/macbooksprites.svg);
    background-color: var(--grey-color-tone-three);
    min-width: 40px;
    float: left;
    height: 40px;
    border-radius: 0 4px 4px 0;
    background-position: 4px -593px;
    background-size: 50px;
    cursor: pointer
}

.category-products ul.common-pagination {
    border-bottom: 0
}

.category-products .toolbar {
    background-color: #fff0;
    margin: 0 10px 5px;
    float: none
}

.category-products .pagination-detail {
    margin-top: 0;
    margin-bottom: 0
}

.category-products .sorter .amount {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-color-tone-three);
    padding: 6px 0;
    border-radius: 4px;
    line-height: normal
}

.category-products ul.common-pagination li {
    display: inline-block;
    padding: 4px 5px;
    vertical-align: top;
    height: 30px;
    min-width: 35px;
    text-align: center;
    background-color: var(--border-color);
    margin: 0 6px;
    border-radius: 4px
}

.category-products ul.common-pagination li a,ul.common-pagination li>span {
    padding: 0;
    line-height: 20px;
    font-weight: 400;
    float: left;
    width: 100%
}

.category-products ul.common-pagination .pagination-btn a {
    height: 22px;
    display: block
}

.category-products ul.common-pagination .pagination-btn a:before,.category-products ul.common-pagination .pre-last a:after,.category-products ul.common-pagination .pre-first a:after {
    content: "";
    position: absolute;
    border-top: 2px solid var(--grey-color-tone-two);
    width: 6px;
    height: 6px;
    background: #fff0;
    border-right: 2px solid var(--grey-color-tone-two);
    border-radius: 1px
}

.category-products .pagination-section {
    margin-top: -29px
}

.category-products ul.common-pagination .pagination-btn a.i-previous:before {
    left: 8px;
    top: 6px
}

.category-products ul.common-pagination .pagination-btn a.i-next:before {
    left: 6px;
    top: 6px
}

.category-products ul.common-pagination li.active-page span {
    font-weight: 600;
    color: var(--secondary-color)
}

.nwindow {
    display: inline-block;
    vertical-align: sub;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in
}

.layered_dropdown>li>a:hover .nwindow {
    opacity: 1;
    visibility: visible
}

.twocol-categoy-block.search-colcategory li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a {
    padding: 15px;
    width: 100%;
    float: left
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a .Simage-block,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a .Simage-block {
    float: left;
    width: 30%
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a span,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a span {
    float: right;
    width: 70%;
    margin-top: 0;
    border: 0;
    padding-left: 2%;
    font-size: 16px;
    color: var(--white-color);
    margin-bottom: 10px
}

.twocol-categoy-block.search-colcategory li.searchitem .apollo-block ul.search-dataul {
    float: right;
    width: 70%
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block ul.search-dataul,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block ul.search-dataul {
    float: right;
    width: 70%;
    padding-left: 2%
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block ul.search-dataul li,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block ul.search-dataul li {
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 0;
    color: var(--grey-color-tone-one)
}

.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block ul.search-dataul li strong,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block ul.search-dataul li strong {
    color: var(--grey-color-tone-two);
    font-weight: 600
}

.rma-notbuylastyear-stock:after {
    background-color: red;
    content: "";
    width: 270px;
    height: 5px;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -135px
}

.col2-left-layout .col-main .products-grid.products-listview li.item.rma-notbuylastyear-stock:after {
    width: 100%;
    left: 0;
    margin-left: 0
}

.col2-left-layout .sticky-nav .block-content .mlist2 {
    overflow: auto;
    max-height: 768px
}

.col2-left-layout .sticky-nav .block-content .mlist2::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / .1);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.col2-left-layout .sticky-nav .block-content .mlist2::-webkit-scrollbar {
    width: 5px;
    background-color: var(--grey-color-tone-nine)
}

.col2-left-layout .sticky-nav .block-content .mlist2::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--secondary-color);
    background-image: -webkit-linear-gradient(top,var(--default-color) 0%,var(--default-color) 50%,var(--default-color) 51%,var(--default-color) 100%)
}

.col2-left-layout.col2-wide-layout .products-grid li.item .product-budges {
    width: 60px;
    height: 60px;
    left: 7px;
    top: 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image .product-budges>img {
    width: 100%;
    height: 100%
}

.col2-left-layout.col2-wide-layout .products-grid.products-listview li.item .product-badges {
    top: 3px
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image .cl-bages {
    position: absolute;
    width: auto;
    right: -1px;
    top: 0
}

.col2-left-layout .col-main .products-grid.products-listview li.item .product-image .cl-bages img {
    width: 120px;
    height: auto;
    margin: 0
}

.col2-left-layout.col2-wide-layout .col-main .products-grid .pr-viewoptions {
    bottom: 0;
    width: 100%;
    margin-left: 0;
    height: 80px;
    position: inherit;
    text-align: center
}

.pr-viewoptions button.btn-cart.view-price {
    margin: 9% 0
}

.col2-left-layout .col-main .products-grid.products-listview .pr-viewoptions {
    position: absolute;
    height: auto;
    float: left;
    width: auto;
    background-color: var(--white-color);
    bottom: calc(50% - 30px);
    right: 7%;
    left: inherit
}

.col2-left-layout.col2-wide-layout .col-main .products-grid.products-listview .pr-viewoptions {
    right: 4%
}

.pr-viewoptions .view-price span {
    clear: both;
    margin: 0;
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    padding: 2px 11px;
    width: 150px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase
}

.pr-viewoptions .view-price span:hover {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white-color)
}

.label_size .span1:before,.mobile_label_size .span1:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -11px;
    width: 0;
    height: 0;
    border-color: #fff0 var(--default-color) #fff0 #fff0;
    border-style: solid;
    border-width: 12px 12px 12px 0
}

.label_size .span1:after,.mobile_label_size .span1:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: var(--white-color);
    box-shadow: -1px -1px 2px var(--my-account-blue-color)
}

.label_size {
    color: var(--dark-color);
    position: relative;
    margin: 0;
    padding: 0
}

.label_size .span1,.mobile_label_size .span1 {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    background: var(--default-color);
    color: var(--white-color);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 10px 0 12px
}

.related-prod .product-options .spmicons.sp-mailicons {
    margin-top: 31px
}

.related-prod .product-options {
    position: relative
}

.related-prod .product-options .input-text.plpre-define {
    top: 32px;
    width: 30px;
    text-align: right;
    padding-right: 6px
}

.related-prod .product-options input[name="subscription_mobile"] {
    padding-left: 30px
}

.product-options.prlogin-no {
    position: static
}

.product-options.prlogin-no.notrdisplay table>tbody>tr:first-child {
    display: none
}

#tabs {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px
}

#tabs .tabs>li {
    float: left;
    text-transform: uppercase;
    border-right: solid 1px var(--default-color);
    border-bottom: solid 1px var(--default-color);
    border-top: solid 1px var(--default-color);
    font-size: 18px;
    width: 100%;
    position: relative;
    color: var(--grey-color-tone-one)
}

#product_tabs_description_tabbed_contents .std {
    padding: 4px
}

#tabs .tabs>li a {
    color: var(--white-color)
}

#tabs .tabs>li:hover a,#tabs .tabs>li.active a {
    color: var(--white-color)
}

.lft-pshop {
    float: left!important
}

.product-view .tabs {
    margin: 0;
    zoom:1}

.tags {
    color: var(--white-color);
    float: left;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -.3px;
    background-color: var(--default-color);
    padding: 0 12px 0 6px;
    position: relative;
    left: 10px;
    bottom: -19px;
    z-index: 1
}

.tags i.ticon {
    width: 27px;
    background-image: url(../images/tag-comtibility.png);
    display: inline-block;
    line-height: 30px;
    margin-right: 2px;
    background-position: 0 -57px
}

ul.product-tags.tags-compatible:before {
    content: "";
    width: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: #fff0 #fff0 var(--error-color) #fff0;
    position: absolute;
    top: -13px;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    height: 0;
    left: 131px
}

ul.product-tags.ms-wraptgs:before {
    content: "";
    width: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: #fff0 #fff0 var(--default-color) #fff0;
    position: absolute;
    top: -13px;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    height: 0;
    left: 76px
}

.product-tags {
    float: left;
    max-width: 100%;
    padding: 24px 10px 15px 10px;
    margin: 0 0 20px 0;
    border-top: 4px solid var(--default-color);
    background-color: var(--grey-color-tone-six);
    position: relative;
    width: 100%;
    min-height: 80px
}

ul.product-tags.tags-compatible {
    border-top: 4px solid var(--primary-color)
}

.product-tags>li {
    display: inline-block;
    margin: 5px
}

.product-tags li a {
    background: var(--white-color) none repeat scroll 0 0;
    border: 1px solid var(--grey-color-tone-five);
    color: var(--my-account-blue-color);
    display: block;
    line-height: 18px;
    padding: 3px 15px;
    background-color: var(--grey-color-tone-sex);
    position: relative;
    transition: border .3s ease 0s;
    -webkit-transition: border .3s ease 0s;
    font-size: 12px
}

.product-tags li a:after {
    border-color: #fff0 #fff0 #fff0 var(--grey-color-tone-five);
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 9px;
    right: 4px;
    transition: right .3s ease 0s;
    -webkit-transition: right .3s ease 0s
}

.product-tags li a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color)
}

.product-tags li a:hover:after {
    border-color: #fff0 #fff0 #fff0 var(--white-color);
    right: 6px
}

.product-tags>p.arrow_tip {
    margin-top: 0
}

.product-tags>h2 {
    color: var(--white-color);
    float: left;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -.3px;
    background-color: var(--primary-color);
    padding: 0 14px 0 10px;
    position: absolute;
    left: 10px;
    top: -14px
}

.product-tags i.ticon {
    width: 20px;
    background-image: url(../images/tag-comtibility.png);
    display: inline-block;
    line-height: 30px;
    margin-right: 2px
}

.be-first-write-review a {
    font-size: 16px;
    padding-left: 0
}

.be-first-write-review a:hover {
    text-decoration: underline
}

.product-listing li.outofstocklistcls:hover .price-qty-block .outofstock_loginas {
    visibility: visible;
    opacity: 1;
    left: 0;
    top: calc(50% - 75px)
}

ul.description {
    padding-left: 0
}

.block-related {
    box-shadow: none!important;
    background-color: var(--white-color);
    width: 100%;
    float: left
}

.block-related .block-title h2 {
    text-transform: uppercase;
    color: var(--default-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    background-color: var(--grey-color-tone-six);
    padding: 15px 10px 15px
}

#product_tabs_description_tabbed_contents .description li {
    text-align: justify;
    font-weight: 400;
    border-bottom: 1px solid var(--grey-color-tone-six);
    margin: 5px 27px;
    padding: 0 0 7px 15px;
    line-height: 18px;
    background: url(../images/proeduct-bullet.png) no-repeat left 7px
}

#product_tabs_description_tabbed_contents .description li:last-child {
    border-bottom: 0 none
}

.detail-cl-badges {
    float: left;
    margin-top: 0;
    margin-left: 10px
}

.product-listing .input-text.qty {
    font-size: 0
}

.product-tags.ms-wraptgs li a {
    max-width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cat-filter-block .seeall-btn,.cat-filter-block .seeless-btn {
    font-size: 13px;
    text-decoration: underline;
    font-weight: 400;
    color: var(--filter-clear-color)
}

.cat-filter-block li.nsee-hide {
    display: none
}

.product-options .btn-cart {
    border-radius: 32px;
    border: 0
}

.product-options .btn-cart:hover {
    background-color: var(--dark-color);
    color: var(--white-color);
    border-color: var(--dark-color)
}

.product-options .btn-cart:hover span {
    border-color: var(--dark-color);
    color: var(--white-color)
}

.product-essential .product-options .btn-cart:hover span {
    background-color: var(--box-shadow-color-ten);
    color: var(--white-color);
    border-color: var(--box-shadow-color-ten)
}

.col2-left-layout.col2-wide-layout .main-list-category .products-listing li.item img {
    width: 100%
}

.prblock-w-emno .spmicons {
    background-image: url(../images/email-n-phone.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 35px;
    height: 37px;
    right: 0;
    opacity: .5;
    cursor: pointer
}

.prblock-w-emno .spmicons:hover {
    opacity: 1
}

.prblock-w-emno .sp-callicons {
    background-position: 3px -27px
}

.sp-mailicons {
    background-position: 1px 11px
}

.prblock-w-emno {
    position: relative
}

.prblock-w-emno .sp-emailpadding {
    padding-right: 40px
}

.product-essential .product-options.detail-proption .input-text.plpre-define {
    width: 30px;
    height: 28px;
    top: 5px
}

.prblock-w-emno .plpre-define {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    max-width: 30px;
    height: 36px;
    position: absolute;
    left: 4px;
    top: 1px;
    padding: 4px 4px 4px 0;
    text-align: center
}

.prblock-w-emno .plpre-define+.input-text {
    padding-left: 50px;
    padding-right: 40px
}

.detail-proption .prblock-w-emno {
    width: 350px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

.acces-popup-overly {
    position: fixed;
    height: 100%;
    left: 0;
    background-color: var(--dark-color);
    width: 100%;
    top: 0;
    z-index: 111;
    opacity: .32
}

.accesoires-product-view {
    background-color: var(--white-color);
    z-index: 1111;
    width: 1100px;
    overflow: hidden;
    box-shadow: 0 0 41.1283px rgb(133 133 133 / .3);
    -webkit-box-shadow: 0 0 41.1283px rgb(133 133 133 / .3);
    -moz-box-shadow: 0 0 41.1283px rgb(133 133 133 / .3);
    border-radius: 40px;
    display: none;
    padding: 0 0 30px;
    position: fixed;
    top: 5vh;
    left: calc(50% - 550px)
}

.col2-left-layout .col-main .products-grid li.item .price-qty-block .button.viewoptions {
    width: 100%
}

.product-listing li .viewoptions span {
    width: 167px;
    height: 34px;
    border: 1px solid var(--my-account-blue-color);
    border-radius: 50px;
    background: var(--my-account-blue-color);
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    line-height: 30px;
    margin: 10px auto 30px
}

.accesoires-product-view.ace-pro-open {
    display: flex;
    flex-wrap: wrap
}

.accesoires-product-view:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 4px;
    background-color: var(--grey-color-tone-three);
    border-radius: 0 0 5px 5px;
    left: calc(50% - 30%);
    z-index: 1
}

.ace-overflow-wrapper {
    overflow: auto;
    height: 80vh
}

.ace-overflow-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .1);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.ace-overflow-wrapper::-webkit-scrollbar {
    width: 5px;
    background-color: var(--grey-color-tone-three)
}

.ace-overflow-wrapper::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--my-account-blue-color);
    background-image: -webkit-linear-gradient(top,var(--my-account-blue-color) 0%,var(--my-account-blue-color) 50%,var(--my-account-blue-color) 51%,var(--my-account-blue-color) 100%)
}

.acc-pop-close {
    background-image: url(../images/close-accesories.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    top: 25px
}

.ace-product-row {
    display: flex;
    width: 100%
}

.ace-p-relative {
    position: relative
}

.ace-product-image {
    width: 475px;
    background-color: var(--grey-color-tone-six);
    display: flex;
    flex-wrap: wrap
}

.ace-product-image>li:not(.ace-product-thumb) {
    width: 100%;
    border-bottom: 5px solid var(--white-color)
}

.ace-product-image img {
    width: 100%
}

.ace-product-image>li {
    padding: 1rem 3rem
}

.ace-product-image>li.ace-product-thumb {
    width: 50%;
    border-right: 5px solid var(--white-color)
}

.ace-product-image>li:last-child {
    border-right: 0
}

.ace-p-relative .brand-text {
    position: absolute;
    background-color: var(--grey-color-tone-six);
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0 0 20px 20px;
    min-width: 120px;
    text-align: center;
    text-transform: uppercase;
    left: calc(50% - 60px);
    margin-top: -5px
}

.ace-product-content {
    width: 618px;
    padding: 2rem 1rem 2rem 2rem
}

.ace-content-format li h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--grey-color-tone-three);
    letter-spacing: .02em
}

.ace-product-descrip h5 {
    font-weight: 600;
    color: var(--grey-color-tone-three);
    font-size: 18px;
    letter-spacing: .02em;
    line-height: 28px;
    margin: 1.5rem 0 0
}

.ace-product-content h4 {
    font-size: 28px;
    font-weight: 600;
    color: var(--grey-color-tone-three);
    line-height: 34px;
    margin: 0 0 20px;
    padding-right: 30px
}

.ace-product-extra {
    margin: 0 0 20px
}

.ace-product-extra h5 {
    font-size: 18px;
    line-height: 28px;
    color: var(--grey-color-tone-three);
    font-weight: 500;
    padding: 0 0 15px
}

.ace-pr-buttons {
    align-items: center;
    text-align: center
}

.ace-pr-colors,.ace-pr-buttons {
    display: flex;
    flex-wrap: wrap
}

.ace-pr-buttons li {
    margin-right: 3%
}

.ace-col-block input[type=radio],.ace-pr-buttons li input[type=radio] {
    display: none
}

.ace-pr-buttons li .img {
    border-radius: 100%;
    width: 40px;
    border: 1px solid var(--my-account-blue-color);
    height: 40px;
    display: block;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden
}

.ace-pr-buttons li .img:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border: 5px solid #fff0;
    left: calc(50% - 16px);
    border-radius: 100%;
    top: calc(50% - 16px);
    z-index: 1
}

.ace-pr-buttons li label {
    color: var(--grey-color-tone-three);
    border: 1px solid var(--grey-color-tone-two);
    font-weight: 400;
    padding: .5px 20px;
    border-radius: 16.5px;
    height: 29px;
    display: inline-block;
    line-height: 25px;
    cursor: pointer;
    margin: 0 0 10px;
    overflow: hidden;
    white-space: nowrap
}

.ace-pr-buttons li.outofstock label {
    position: relative;
    background-color: var(--grey-color-tone-six)
}

.ace-pr-buttons li.outofstock label:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: var(--my-account-blue-color);
    left: 4px;
    top: calc(50% - 0.5px);
    transform: rotate(-18deg)
}

.ace-pr-buttons li input[type=radio]:checked+label,.ace-pr-buttons li input[type=radio]:checked+.img+label {
    background: var(--grey-color-tone-three);
    color: var(--white-color);
    border-color: var(--grey-color-tone-three)
}

.ace-product-an-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.ace-product-descrip {
    width: 48%;
    padding: 20px 40px
}

.grid-card-block {
    width: 50%;
    max-width: 520px
}

.grid-card-block h5 {
    font-size: 18px;
    line-height: 28px;
    color: var(--grey-color-tone-three);
    font-weight: 500;
    padding: 0 0 15px;
    display: block;
    width: 100%
}

.grid-card-block .ace-cards {
    background: var(--white-color);
    box-shadow: 0 0 8.51613px rgb(133 133 133 / .3);
    border-radius: 26.6129px;
    padding: 20px
}

.ace-cards .ace-thead {
    background: var(--grey-color-tone-three);
    border-radius: 100px;
    color: var(--white-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .02em;
    padding: 2px 20px;
    justify-content: space-between;
    cursor: pointer
}

.ace-cards .ace-thead,.ace-cards .ace-tbody {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.ace-cards .ace-tbody li {
    display: flex;
    width: 100%;
    align-items: center;
    text-align: left;
    padding: 7px 20px;
    border: 1px solid #fff0;
    cursor: pointer
}

.ace-cards .ace-tbody li .ace-pr-name {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--grey-color-tone-two);
    flex: 0 0 46%
}

.ace-cards .ace-tbody li .price {
    flex: 0 0 30%;
    float: none;
    white-space: nowrap;
    color: var(--grey-color-tone-three);
    font-size: 15px;
    line-height: 20px;
    font-weight: 600
}

.ace-pr-buttons li input[type=radio]:disabled+label,.ace-pr-buttons li input[type=radio]:disabled+.img+label {
    opacity: .3
}

#block-related .rma-notbuylastyear-stock:after {
    height: 5px;
    width: 230px;
    margin-left: -115px
}

.accesories-product-popup {
    left: 50%;
    width: calc(100% - 30px);
    max-width: 1100px;
    margin: 20px auto;
    transform: translate(-50%,-50%);
    top: 48%;
    padding: 0
}

.accesories-product-popup .ace-overflow-wrapper {
    width: 100%;
    overflow: inherit;
    height: 100%
}

.accesories-product-popup .ace-product-row {
    flex-wrap: wrap
}

.accesories-product-popup .ace-product-row .ace-p-relative {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0 50px 0;
    max-width: 500px
}

.accesories-product-popup .ace-product-row .ace-product-image {
    width: 100%;
    margin: 0;
    padding: 0
}

.accesories-product-popup .ace-product-row .brand-text-row {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center
}

.accesories-product-popup .ace-product-row .ace-p-relative .ace-product-descrip {
    width: 100%;
    display: block;
    margin: 0;
    padding: 60px 30px 15px 30px
}

.accesories-product-popup .ace-product-row .ace-p-relative .ace-product-descrip h5 {
    margin: 0 0 15px 0
}

.accesories-product-popup .ace-product-row .ace-product-content {
    width: calc(100% - 500px);
    padding: 30px 25px;
    margin: 0;
    display: block;
    max-height: 800px;
    overflow: auto
}

.accesories-product-popup .ace-product-row .ace-product-content::-webkit-scrollbar-track,.accesories-product-popup .ace-product-row .ace-tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .1);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px
}

.accesories-product-popup .ace-product-row .ace-product-content::-webkit-scrollbar,.accesories-product-popup .ace-product-row .ace-tbody::-webkit-scrollbar {
    width: 5px;
    background-color: var(--grey-color-tone-three)
}

.accesories-product-popup .ace-product-row .ace-product-content::-webkit-scrollbar-thumb,.accesories-product-popup .ace-product-row .ace-tbody::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--my-account-blue-color);
    background-image: -webkit-linear-gradient(top,var(--my-account-blue-color) 0%,var(--my-account-blue-color) 50%,var(--my-account-blue-color) 51%,var(--my-account-blue-color) 100%)
}

.accesories-product-popup .ace-product-row .ace-product-content .grid-card-block {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.accesories-product-popup .ace-product-row .ace-tbody {
    margin-top: 0
}

.accesories-product-popup .ace-product-row .ace-tbody li button>span {
    padding: 4px 15px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px;
    min-width: 123px;
    cursor: pointer
}

.accesories-product-popup .ace-product-row .ace-tbody li button>span span {
    line-height: normal
}

.accesories-product-popup .ace-product-row .ace-product-content .ace-product-descrip {
    width: 100%;
    padding: 0;
    margin-bottom: 15px
}

.accesories-product-popup .ace-product-row .ace-product-content h4 {
    margin-top: 0
}

.ace-pr-buttons.Color {
    align-items: flex-start
}

.ace-pr-buttons.Color li {
    margin: 0 10px 0 0
}

.ace-pr-buttons.Color li label {
    padding: 2px 5px;
    height: auto;
    line-height: normal;
    font-size: 12px;
    white-space: break-spaces;
    max-width: 50px
}

.accesories-product-popup .ace-product-row .ace-tbody .ace-addtocart-btn {
    padding: 4px 15px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 60px;
    cursor: pointer;
    border: 2px solid var(--secondary-color);
    background: var(--primary-color);
    line-height: 26px;
    color: var(--white-color);
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    background: var(--secondary-color)
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input {
    float: none;
    max-width: 154px;
    margin: 0 0 0 auto;
    display: flex
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input .qty-count {
    float: left;
    background-color: var(--white-color);
    max-width: 45px;
    width: 100%;
    height: 38px;
    border: 1px solid var(--grey-color-tone-five);
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 5px;
    min-width: 35px;
    cursor: pointer
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input .qty-count.qty-count--minus {
    background-image: url(../images/plusmin-cart.svg);
    text-indent: -99999px;
    background-position: 10px 17px;
    background-size: 14px;
    border-radius: 6px 0 0 6px
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input .qty-count.qty-count--add {
    background-image: url(../images/plusmin-cart.svg);
    text-indent: -99999px;
    background-position: 10px -25px;
    border-radius: 0 6px 6px 0
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input .product-qty {
    background: var(--white-color);
    font-size: 14px;
    text-align: center;
    padding: 0 5px;
    color: var(--dark-color);
    border-left: aliceblue;
    border-right: 0;
    border-top: 1px solid var(--grey-color-tone-five);
    border-bottom: 1px solid var(--grey-color-tone-five);
    height: 38px;
    min-width: 50px;
    max-width: 50px
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input+.qty-input {
    display: none
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input .product-qty::-webkit-outer-spin-button,.accesories-product-popup .ace-product-row .ace-tbody .qty-input .product-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.accesories-product-popup .ace-product-row .ace-tbody .qty-input input[type=number] {
    -moz-appearance: textfield
}

.totalqty-custom .view-price>span {
    background: var(--dark-color);
    border: 2px solid var(--dark-color);
    padding: 2px 11px;
    width: 150px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.totalqty-custom .view-price:hover span {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color)
}

.totalqty-custom .view-price {
    margin: 20px 0 0
}

.productviewcart>span {
    font-size: 22px;
    font-weight: 500;
    color: var(--primary-color)
}

.index-container-blocks .products-grid li.item.first .item-details .button.view-price {
    float: right;
    position: absolute;
    right: 0
}

.index-container-blocks .products-grid li.item .item-details .button.view-price {
    float: left
}

.index-container-blocks .products-grid li.item .item-details .button.view-price>span {
    background: var(--dark-color) url(../images/price-view.svg);
    border: 2px solid var(--dark-color);
    padding: 2px 11px;
    width: 35px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    text-indent: -9999px;
    background-size: 22px;
    background-repeat: no-repeat;
    height: 35px;
    background-position: center
}

.index-container-blocks .products-grid li.item .item-details .button.view-price:hover span {
    background: var(--primary-color) url(../images/price-view.svg);
    border-color: var(--primary-color);
    color: var(--white-color);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center
}

.conform-bx.viewpriceing-loginpopup {
    z-index: 10000000
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner {
    max-width: 542px;
    width: 98%;
    border-radius: 10px;
    position: relative;
    overflow: inherit;
    background-image: url(../images/backbanner-texture_1.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .cinew-label {
    position: absolute;
    top: -10px;
    background-color: var(--warning-color);
    color: var(--white-color);
    font-weight: 600;
    width: 50px;
    height: 40px;
    line-height: 40px;
    left: 43px;
    border-radius: 10px 0 10px 10px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner h4,.conform-bx.viewpriceing-loginpopup .conform-bx-inner h3 {
    color: var(--dark-color);
    font-size: 22px;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    font-weight: 500
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p,.conform-bx.viewpriceing-loginpopup .conform-bx-inner p a {
    font-size: 16px;
    float: left;
    width: 100%;
    padding: 0 10px;
    font-weight: 400;
    color: var(--grey-color-tone-four);
    margin: 12px 0 20px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p:nth-child(3) {
    margin: 25px 0 20px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner p a {
    margin: 5px 0 0
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .ci-closebtn {
    background-image: url(../images/popclose_1.svg);
    width: 20px;
    height: 20px;
    float: right;
    background-size: 20px;
    position: absolute;
    right: 12px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .cinew-label:after {
    content: "";
    background-color: var(--warning-color);
    position: absolute;
    right: -6px;
    width: 12px;
    height: 12px;
    z-index: -1;
    transform: rotate(45deg);
    top: 2px
}

.conform-bx.viewpriceing-loginpopup .conform-bx-inner .view-loginbtn {
    background-color: var(--dark-color);
    color: var(--white-color);
    padding: 8px 15px;
    height: 40px;
    display: inline-block;
    min-width: 150px;
    font-weight: 500;
    border-radius: 5px
}

.order_methods3>small {
    color: var(--primary-color)
}

.orderpop-sectons2 ul.rightsection li a {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.order-popup-header2>h4,.order_tbody2>h5 {
    color: var(--default-color)
}

#requestproductpopup {
    border-top: 5px solid var(--default-color)
}

span.od_dot {
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
    top: 7px
}

.write-review a {
    text-decoration: underline;
    font-size: 16px;
    border-left: 1px solid var(--grey-color-tone-four);
    padding-left: 10px
}

.product-review.tooltip .tooltiptext {
    visibility: hidden;
    width: 263px;
    background-color: var(--white-color);
    color: var(--white-color);
    text-align: center;
    border-radius: 6px;
    padding: 6px 15px;
    position: absolute;
    z-index: 1;
    border: 1px solid var(--grey-color-tone-seven);
    box-shadow: 0 0 7px 0 rgb(0 0 0 / .15);
    margin-top: 1px
}

.product-review .tooltiptext:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -.5em;
    box-sizing: border-box;
    border: 4px solid var(--dark-color);
    border-color: var(--white-color) var(--white-color) #fff0 #fff0;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 2px -3px 1px 0 var(--box-shadow-color-nine);
    top: 0
}

.view-review {
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    transition: unset
}

.review-progress {
    display: block;
    width: 175px;
    float: left
}

.rate-number {
    display: block;
    float: left;
    color: var(--dark-color);
    font-weight: 400;
    margin: 0
}

.rate-number span {
    background: url(../images/star-sprite_1.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: 0 -101px;
    display: inline-block;
    margin-left: 0
}

.product-review.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.review-progress .progress {
    height: 8px;
    margin-top: 10px;
    overflow: hidden;
    background-color: var(--grey-color-tone-six);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / .1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / .1)
}

.rating-number {
    width: 100%;
    float: left
}

.review-progress .progress-bar {
    -webkit-animation: progress 1.5s ease-in-out forwards;
    animation: progress 1.5s ease-in-out forwards;
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: var(--white-color);
    text-align: center;
    background-color: var(--default-color);
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / .15);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.review-progress .progress-bar .title {
    opacity: 0;
    -webkit-animation: show 0.35s forwards ease-in-out 0.5s;
    animation: show 0.35s forwards ease-in-out 0.5s
}

.lazy-loader {
    background: url(../images/opc-ajax-loader.gif) no-repeat;
    position: relative;
    width: 100%;
    height: 45px;
    background-position: center center;
    margin: 0 auto;
    display: inline-block;
    clear: both;
    margin-bottom: 10px
}

.rating-percent {
    float: right;
    width: 14px;
    font-size: 12px;
    color: var(--dark-color);
    padding-top: 3px;
    padding-right: 19px
}

@-webkit-keyframes progress {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes progress {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-allreview>li .usericon {
    display: block;
    background: var(--grey-color-tone-eight) url(../images/star-sprite.png) no-repeat;
    width: 42px;
    height: 42px;
    background-position: 9px -96px;
    border-radius: 50%;
    float: left;
    background-size: 25px
}

.display-reviews {
    float: left
}

.rate {
    float: left;
    height: 30px;
    padding: 0
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px
}

.rate:not(:checked)>label {
    float: right;
    width: 25px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: var(--grey-color-tone-seven)
}

.rate:not(:checked)>label:before {
    content: '\2605'
}

.rate>input:checked~label {
    color: var(--warning-color)
}

.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label {
    color: var(--warning-color)
}

.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label {
    color: var(--warning-color)
}

.option-check {
    float: left;
    width: 100%;
    background-color: var(--grey-color-tone-six);
    padding: 15px;
    margin: 10px 0 18px
}

.option-check input[type="checkbox"] {
    display: none
}

.option-check>label {
    position: relative;
    padding-left: 23px;
    font-size: 15px;
    font-weight: 400;
    float: left;
    width: auto;
    line-height: 17px;
    margin: 0 0 10px;
    cursor: pointer
}

.option-check>label.last-m0 {
    margin: 0
}

.option-check>label:before {
    content: "";
    background-color: var(--white-color);
    border: 1px solid var(--grey-color-tone-five);
    box-shadow: 1px 1px 1px var(--grey-color-tone-six);
    -webkit-box-shadow: 1px 1px 1px var(--grey-color-tone-six);
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 2px;
    left: 0
}

.option-check input[type="checkbox"]:checked+label:before {
    background-image: url(../images/right-checbox_1.png);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-position: 1px 2px;
    background-repeat: no-repeat;
    background-size: 12px
}

.urg_suceess_msg,.urg_warning_msg {
    float: left;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    color: var(--white-color);
    margin: 0 0 10px;
    border-radius: 3px
}

.urg_suceess_msg {
    background-color: var(--sucess-color)
}

.urg_warning_msg {
    background-color: var(--error-color)
}

.urg_suceess_msg>i,.urg_warning_msg>i {
    font-size: 22px;
    font-style: normal;
    line-height: 20px;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 8px
}

.orderpop-sectons2 ul.rightsection li a.urgbtn-disabled {
    background-color: var(--grey-color-tone-five);
    color: var(--grey-color-tone-two);
    cursor: not-allowed
}

.displayM {
    display: none!important
}

.devicesearch-detail .product-name ul li:nth-child(2) {
    color: var(--primary-color)
}

.product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart,.product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart-red {
    width: 168px;
    margin-left: 10px
}

.product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart-red.button-grey-rma span {
    background-color: var(--grey-color-tone-four);
    border-color: var(--grey-color-tone-four)
}

.product-view .productviewcart button.button.btn-cart.btn-rma-cart span {
    background: url(../images/RMA-cart-sprited.png) var(--warning-color) no-repeat 8px -60px;
    border-color: var(--warning-color);
    color: var(--dark-color);
    padding: 8px 20px 10px 46px
}

.product-view .productviewcart button.button.btn-cart.btn-rma-cart:hover span {
    background-color: var(--white-color);
    border-color: var(--dark-color)
}

.product-view .productviewcart button.button.btn-cart.btn-rma-cart-red span {
    background: url(../images/RMA-cart-sprited.png) var(--error-color) no-repeat 8px 0;
    border-color: var(--primary-color);
    color: var(--white-color);
    padding: 8px 20px 10px 46px;
    line-height: 26px
}

.product-view .productviewcart button.button.btn-cart.btn-rma-cart-red:hover span {
    background: url(../images/RMA-cart-sprited.png) var(--white-color) no-repeat 7px -58px;
    border-color: var(--dark-color);
    color: var(--dark-color)
}

.related-prod .product-listing {
    border-bottom: 0
}

.productviewcart .product-options .input-text {
    max-width: 375px;
    width: 100%
}

.productviewcart .product-options .btn-cart {
    width: auto;
    margin: 0;
    display: inline-block
}

.related-prod {
    padding: 10px 0 0
}

#tabs .tabs>li .icon-info {
    top: calc(50% - 11px);
    right: 20px
}

.listingloader {
    width: 30px;
    height: 30px;
    margin: 80px auto 20px;
    position: relative
}

.listingloader .default-loader-inner {
    top: 0;
    transform: none
}

.listingloader .default-loader-inner .listingloader-inner {
    margin: 0 -10px
}

.rose_gold {
    background: #fffcfc;
    background: radial-gradient(circle,#ffbbc1 0%,#f4a9a0 72%);
    border-color: #ffbbc1
}

.catalog-product-view .related-prod .product-options>table {
    width: 100%
}

.order_limit {
    display: block;
    text-align: center
}

.n-minmax-price {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0 20px;
    max-width: 260px;
    margin: 0 auto
}

.n-minmax-price .input-text {
    border: 2px solid #D0D0D0;
    border-radius: 8px;
    max-width: 110px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px
}

.n-minmax-price .n-divider {
    font-size: 18px;
    font-weight: 700;
    padding: 0 15px
}

.label_size.mpn-number-text .span1 {
    background: orange
}

.label_size.mpn-number-text .span1:before {
    border-color: #fff0 orange #fff0 #fff0
}

.products-grid .uk-vat-class .product-gapp-price {
    display: flex
}

.products-grid .uk-vat-class .product-gapp-price .old-price.price {
    font-size: 12px;
    flex-wrap: wrap
}

.products-grid .uk-vat-class .product-gapp-price .old-price.price span.old-price {
    font-size: 14px;
    margin-left: 5px;
    margin-bottom: 0;
    margin-right: 5px;
    text-decoration: line-through
}

.products-grid .uk-vat-class .product-gapp-price .old-price.price span.price {
    font-size: 14px;
    color: #939393;
    font-weight: 500;
    margin-right: 0;
    line-height: normal;
    margin-left: 5px
}

.products-grid .uk-vat-class .product-gapp-price .old-price.price .ex-vat {
    font-size: 12px
}

.new-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.new-pagination .pagination-right,.new-pagination .pagination-left {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px
}

.new-pagination .pagination-right {
    margin-left: auto
}

.new-pagination .pagination-button {
    border: none;
    height: 32px;
    width: 32px;
    border-radius: 8px;
    background: none;
    cursor: pointer;
    padding: 0;
    text-align: center;
    line-height: 38px
}

.new-pagination .button-icon {
    width: 20px;
    height: 17px;
    stroke: #777
}

.new-pagination .prev-button:hover,.new-pagination .next-button:hover {
    background-color: #F7F7F7;
    color: #000
}

.new-pagination .prev-button:hover .button-icon,.new-pagination .next-button:hover .button-icon {
    stroke: #000
}

.new-pagination .page-link {
    text-decoration: none;
    color: #777;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    border: 1px solid #fff0;
    justify-content: center;
    line-height: 32px
}

.new-pagination .page-link:hover,.new-pagination .page-link.current {
    background-color: #F7F7F7;
    color: #000;
    border: 1px solid #DADADA;
    border-radius: 8px
}

.new-pagination .page-link.current {
    background-color: #fff0
}

.new-pagination .dots {
    color: #777;
    font-size: 24px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 20px
}

.new-pagination .pagination-left .cform-group {
    padding: 0
}

.new-pagination .row-selector {
    height: 100%;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #D7D7D7;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 7.5px 12px
}

.new-pagination .row-selector.open .list {
    max-width: 100%;
    width: 100%;
    backdrop-filter: blur(32px);
    box-shadow: 0 0 4px 0 #00000026;
    border: 1px solid #D7D7D7;
    border-radius: 8px;
    padding: 0
}

.new-pagination .row-selector.open .option {
    width: 100%;
    height: 32px
}

.new-pagination .row-selector.open .option.selected {
    background: #00000008;
    color: #000;
    font-weight: 500
}

.new-pagination .row-selector:focus {
    outline: none
}

.new-pagination .row-selector:hover {
    background: #F1F1F1;
    border: 1px solid #fff0
}

.new-pagination .row-selector .nice-select-search-box {
    display: none
}

.new-pagination .row-selector .nice-select-search-box+.list {
    margin-top: 10px!important
}

.product-listing li.outofstocklistcls .price-qty-block {
    cursor: pointer
}

.productviewcart .lock-shipping-box {
    display: flex;
    padding-top: 21px;
    width: 100%
}

.productviewcart .lock-shipping-box .lock-shipping-box-text {
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px;
    margin-bottom: 0
}

@media screen and (min-width: 1280px) {
    .col2-left-layout.col2-wide-layout .product-listing li.item {
        width:calc(25% - 20px)
    }

    .col2-left-layout.col2-wide-layout .main {
        width: 100%;
        max-width: 100%;
        padding: 0 30px
    }
}

@media screen and (min-width: 1700px) {
    .col2-left-layout.col2-wide-layout .product-listing li.item {
        width:calc(20% - 20px)
    }
}

@media screen and (max-width: 1366px) {
    .product-view .product-essential .product-name .right-gurrentee {
        margin-right:0
    }

    .media-badges-r .product-budges {
        left: 0
    }
}

@media screen and (max-width: 1200px) {
    .related-prod {
        overflow:auto
    }

    .col2-left-layout .col-main .products-grid.products-listview li.item .cl-badges {
        display: none
    }

    .col2-left-layout .col-main .products-grid.products-listview li.item .product-image {
        border-right: 0
    }

    .product-view .product-essential .product-name h1 {
        font-size: 18px
    }

    .col2-left-layout .main .col-left {
        max-width: 300px
    }

    .col2-left-layout .main .col-main {
        max-width: calc(100% - 320px)
    }

    .col2-left-layout .col-main .page-title .page-actions {
        display: none
    }

    .related-prod .products-grid {
        width: 1200px;
        margin: 0
    }

    .product-listing .custom-add-to-cart {
        float: none;
        display: flex;
        padding: 0;
        justify-content: center;
        align-content: center;
        max-width: 100%;
        flex-wrap: wrap
    }

    .related-prod .product-listing li.item {
        white-space: normal
    }

    .products-grid .custom-add-to-cart .qty-control {
        max-width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-content: center
    }

    .product-view .productviewcart .add-to-box .qtyview {
        width: 144px
    }

    .product-img-box {
        width: calc(48% - 10px)
    }

    .product-view .product-shop {
        width: calc(52% - 10px)
    }

    .product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
        font-size: 10px
    }

    .media-badges-r .product-budges {
        left: 0
    }

    body .product-view .qty-total {
        margin-left: 0;
        top: 0;
        position: relative;
        left: 0;
        width: 100%
    }

    .product-view .qty-total {
        top: 88px
    }

    .products-grid .uk-vat-class .product-gapp-price .old-price.price {
        justify-content: center
    }
}

@media screen and (max-width: 1100px) {
    .ace-product-image {
        width:450px
    }

    .ace-product-content {
        width: 540px
    }

    .accesories-product-popup .ace-product-row .ace-cards {
        padding: 20px 10px
    }

    .accesories-product-popup .ace-product-row .ace-cards li .ace-pr-name {
        flex: 0 0 44%
    }

    .accesories-product-popup .ace-product-row .ace-cards li .price {
        flex: 0 0 27%
    }
}

@media screen and (max-width: 1024px) {
    .related-prod .product-listing li.item {
        width:calc(25% - 20px)
    }

    .product-view .product-essential .product-name {
        padding: 8px 20px 11px 20px
    }

    .pr-viewoptions {
        width: 94%;
        left: inherit;
        margin-left: -2%
    }

    .category-title h1 {
        padding-left: 0
    }

    .category-title h1:before {
        display: none
    }

    .col2-left-layout .category-title h1 .m-filterico-r {
        display: inline-block
    }

    .desktop-hide {
        display: block
    }

    .col2-left-layout .main .col-left {
        max-width: 340px
    }

    .col2-left-layout .col-left.filter-open {
        left: 0;
        margin: 0;
        padding: 0
    }

    .col2-left-layout .col-left .block-layered-nav {
        padding: 0 15px
    }

    .col2-left-layout .col-left {
        position: fixed!important;
        top: 0!important;
        z-index: 11111;
        left: -350px;
        transform: translatez(-287px);
        -webkit-transform: translatez(-287px);
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        overflow: auto;
        height: 100%;
        background-color: var(--white-color);
        box-shadow: 0 0 11.51613px rgb(133 133 133 / .36)
    }

    .m-filternav-opened:before {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background-color: rgb(107 106 104 / 40%);
        z-index: 1111
    }

    .m-filternav-opened .col-main {
        filter: blur(10px)
    }

    .col2-left-layout .main .col-main {
        max-width: 100%
    }

    .product-listing .custom-add-to-cart button.btn-cart,.product-options .btn-cart {
        margin: 16px auto 5px
    }

    .twocol-categoy-block li .innercategory-block span,.twocol-categoy-block li .apollo-block span {
        font-size: 12px;
        line-height: 16px;
        background-color: var(--secondary-color);
        color: var(--white-color);
        border: 0;
        text-align: center;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .product-image>img {
        height: auto
    }

    .twocol-categoy-block li .innercategory-block a,.twocol-categoy-block li .apollo-block a {
        border: 1px solid var(--grey-color-tone-six);
        border-radius: 5px;
        padding: 10px
    }

    .slider-box .ui-widget.ui-widget-content {
        margin: 20px auto;
        width: 90%
    }

    .products-grid li:hover .qty-total {
        width: 100%;
        left: 0
    }

    .product-listing li.item,.col2-left-layout .product-listing li.item {
        width: calc(33.333% - 20px)
    }

    .product-view .product-essential .product-name .right-gurrentee {
        display: none
    }

    .ace-product-image,.ace-product-content,.ace-product-descrip,.grid-card-block {
        width: 100%
    }

    .ace-product-content h4 {
        margin: 1.5rem 0 10px
    }

    .ace-product-descrip h5 {
        margin: 0
    }

    .grid-card-block {
        max-width: 100%;
        padding: 0 20px
    }

    .accesories-product-popup .ace-product-row .ace-product-content h4 {
        font-size: 22px
    }

    .accesories-product-popup {
        border-radius: 40px
    }
}

@media screen and (max-width: 980px) {
    .productviewcart .product-options .prblock-w-emno .input-text {
        max-width:100%
    }

    .productviewcart .product-options .input-text {
        max-width: 260px;
        width: 100%
    }

    #responsive-sidebar {
        display: none
    }

    .col2-left-layout .col-main {
        width: 100%
    }

    .catlist-container .subcat-title {
        padding: 14px;
        border: 1px solid var(--grey-color-tone-seven);
        background-color: var(--grey-color-tone-six);
        border-radius: 4px;
        margin: 0 0 13px 0
    }

    .media-badges-r .product-budges {
        top: 0;
        left: 0
    }

    .product-listing .product-name {
        font-size: 13px;
        line-height: 18px
    }

    .product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match,.product-view .product-shop ul.benefits li.easy_refunds {
        border: 1px solid var(--grey-color-tone-six);
        margin: 0 -2px 6px 2px;
        padding: 10px 10px 10px 43px;
        float: none;
        display: inline-block;
        width: auto
    }

    .pr-viewoptions {
        bottom: 0
    }

    .accesories-product-popup .ace-product-row .ace-p-relative {
        max-width: 350px
    }

    .accesories-product-popup .ace-product-row .ace-product-content {
        width: calc(100% - 350px);
        padding: 30px 15px
    }

    .accesories-product-popup .ace-product-row .ace-product-image img {
        height: auto
    }

    .accesories-product-popup .ace-product-row .ace-tbody li button>span span,.accesories-product-popup .ace-product-row .ace-cards li .price,.accesories-product-popup .ace-product-row .ace-cards li .ace-pr-name {
        font-size: 14px
    }
}

@media screen and (max-width: 900px) {
    body .cell-productviewcart .pd-endin {
        margin-left:0
    }

    body .product-view .deal-productviewcart .price-box {
        width: 34%;
        margin-right: 1%
    }

    body .product-view .deal-productviewcart .add-to-box {
        width: 65%
    }

    .products-grid .uk-vat-class .price-box-inner {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    .product-view .productviewcart .add-to-box .qtyview label {
        display:none
    }

    .product-listing .custom-add-to-cart button.btn-cart,.product-options .btn-cart {
        margin: 10px auto 5px;
        min-width: 136px
    }

    .product-options {
        margin: 0 0 15px
    }

    .product-options .outofstock_loginas .input-btn p,.product-options .outofstock_loginas .input-btn .usa-btn p {
        font-weight: 400!important;
        font-size: 13px
    }

    .product-view .product-essential .product-name .right-gurrentee {
        background-image: none!important;
        right: 0
    }

    .product-view .product-shop {
        width: 100%!important;
        float: none!important;
        clear: both;
        max-width: 100%;
        background-color: var(--white-color);
        margin: 0 0 16px;
        padding: 7px
    }

    .catalog-product-view .main-container .main {
        width: 100%!important
    }

    .product-view .product-img-box {
        width: 100%;
        border-bottom: #fff0;
        max-width: 100%
    }

    .product-view .productviewcart .add-to-box .qtyview {
        float: none;
        text-align: center;
        margin: 10px auto 0
    }

    .product-view .productviewcart .price-box .price {
        text-align: center;
        width: 100%
    }

    .product-view .product-shop .productviewcart {
        margin-top: 0;
        min-height: 0;
        padding: 10px 0;
        text-align: center
    }

    .product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
        margin: 2px 2px!important;
        float: left;
        border: #fff0
    }

    .add-to-cart {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .product-view .MagicToolboxContainer {
        width: 100%!important;
        background-color: var(--white-color);
        margin-bottom: 0;
        padding: 15px 0
    }

    .macsearch-box {
        margin: 20% auto 0
    }

    .macsearch-box button.button {
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%;
        margin: 11px 0 0 0
    }

    .macsearch-box button.button span {
        width: 100%;
        float: left;
        border-radius: 20px
    }

    .macsearch-box .msearchbox label {
        transform: translatey(-45px)
    }

    .macsearch-box .msearchbox .input-text:focus+label,.macsearch-box .msearchbox .input-text:active+label {
        transform: translatey(-110px)
    }

    .filtered_product .filtered_product_names a {
        font-size: 16px;
        background-position: 0 -875px;
        line-height: 24px
    }

    .product-view .product-shop .productviewcart .price-box {
        text-align: center
    }

    .product-view .uk-vat-class .product-gapp-price {
        justify-content: center
    }

    .be-first-write-review.displayW {
        text-align: center
    }

    .review-bx .product-review.tooltip {
        width: 100%;
        text-align: center
    }

    .product-view .view-product-price {
        justify-content: center
    }

    .RviewDisplayWeb .review-bx {
        text-align: center
    }

    .product-shop .detailpage .product-cart-pay iframe {
        width: auto!important
    }

    .product-view .product-shop .productviewcart #tabs .tabs>li:hover a,#tabs .tabs>li.active a {
        text-align: left;
        padding: 10px
    }

    #tabs ul.description li {
        margin: 5px 10px
    }

    .product-view .productviewcart .add-to-box .add-to-cart {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .product-view .productviewcart .add-to-cart button.btn-cart {
        float: none;
        margin: 0 auto;
        display: block
    }

    .product-cart-pay {
        text-align: center
    }

    .cl-badges.cl-badges-list>img,.cl-badges.cl-badges-list {
        width: 100%
    }

    .category-products {
        border: #fff0
    }

    .list-description {
        padding: 0
    }

    .productviewcart .product-options .input-text {
        max-width: 100%;
        margin: 0 0 15px
    }

    .productviewcart .product-options .prblock-w-emno .input-text {
        margin: 0
    }

    .productviewcart .product-options .btn-cart {
        display: block;
        margin: 0 auto;
        clear: both
    }

    .detail-proption .prblock-w-emno {
        width: calc(85% - 20px);
        margin-right: 0;
        max-width: 100%
    }

    .product-essential .product-options strong {
        text-align: center;
        padding-bottom: 10px
    }

    .pd-endin {
        margin-bottom: 22px;
        line-height: 28px;
        float: left
    }

    .product-view .deal-productviewcart .add-to-box {
        width: 70%
    }

    .product-view .deal-productviewcart .price-box {
        width: 30%
    }

    .product-view .deal-productviewcart .pd-endin {
        margin-bottom: 0
    }

    .product-view .qty-total:before {
        display: none
    }

    .skudisplayweb {
        width: auto
    }

    .skudisplayweb>span {
        display: inline-block;
        width: 100%;
        margin-bottom: 3px
    }

    .accesories-product-popup {
        width: 100%;
        left: 0;
        height: 100%;
        top: 0;
        padding: 0;
        border-radius: 0;
        transform: none;
        margin: 0
    }

    .accesories-product-popup .ace-overflow-wrapper {
        height: 100vh;
        overflow: auto
    }

    .accesories-product-popup .ace-product-row .ace-p-relative {
        max-width: 100%
    }

    .accesories-product-popup .ace-product-row .ace-product-content {
        width: calc(100% - 0px);
        padding: 50px 15px 30px 15px;
        max-height: 100%;
        overflow: inherit
    }

    .accesories-product-popup .ace-product-row .ace-tbody {
        margin-top: 0;
        max-height: 400px;
        overflow: auto
    }

    .accesories-product-popup .acc-pop-close {
        z-index: 99
    }

    .accesories-product-popup .ace-product-row .ace-product-image img {
        height: auto;
        max-width: 350px;
        margin: 0 auto;
        display: block
    }

    .accesories-product-popup .ace-product-row .ace-product-image .ace-product-thumb img {
        max-width: 150px
    }

    .accesories-product-popup .ace-product-row .ace-p-relative .ace-product-descrip {
        display: none!important
    }

    .accesories-product-popup .ace-product-row .ace-cards li {
        flex-wrap: wrap
    }

    .accesories-product-popup .ace-product-row .ace-cards li .ace-pr-name {
        flex: 0 0 100%;
        margin-bottom: 10px
    }

    .accesories-product-popup .ace-product-row .ace-cards li .price {
        flex: 0 0 50%;
        margin-right: auto
    }

    .accesories-product-popup .ace-product-row .ace-product-content h4 {
        font-size: 20px;
        line-height: normal
    }

    .product-listing .price-box .price {
        font-size: 20px
    }

    .products-grid .price-box .product-gapp-price .without-core {
        font-size: 11px
    }

    .gapp-detail-link>a,.gapp-list-link>a {
        font-size: 14px
    }

    .productviewcart .lock-shipping-box {
        margin-top: 10px;
        justify-content: center
    }
}

@media screen and (max-width: 640px) {
    .detail-proption .prblock-w-emno {
        width:100%
    }

    .block-related .block-title h2 {
        padding: 10px 10px 10px;
        font-size: 18px
    }

    .ace-product-content {
        padding: 2rem 1rem 0rem 2rem
    }

    .ace-pr-buttons {
        flex-wrap: wrap
    }

    .product-listing {
        margin: 0 -5px
    }

    .product-listing li.item,.col2-left-layout .product-listing li.item {
        width: calc(50% - 10px);
        margin: 5px
    }

    .product-view .uk-vat-class .price-box {
        justify-content: center;
        flex-wrap: wrap
    }

    .product-listing .price-box .price {
        font-size: 20px
    }

    .catlist-container .subcat-title {
        margin: 12px 0
    }

    .category-products .add-to-box {
        right: 0;
        max-width: 40px
    }

    .category-products .add-to-box:hover {
        max-width: 100%
    }

    .category-products .add-to-cart button.btn-cart {
        background: var(--primary-color) url(../images/mobilesentrix_2.png) 0 -560px no-repeat;
        background-size: 40px;
        padding-left: 39px
    }

    .category-products .add-to-cart button.btn-cart:hover {
        padding-left: 15px;
        background: var(--dark-color);
        padding: 7px 14px
    }

    .category-products .add-to-cart button.btn-cart>span>span {
        visibility: hidden
    }

    .category-products .add-to-cart button.btn-cart:hover>span>span {
        visibility: visible
    }

    .catlist-container .twocol-categoy-block {
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0;
        padding-bottom: 10px
    }

    .catlist-container .twocol-categoy-block::-webkit-scrollbar {
        height: 8px
    }

    .catlist-container .twocol-categoy-block::-webkit-scrollbar-thumb {
        width: 60px;
        background: var(--grey-color-tone-five);
        border-radius: 10px
    }

    .twocol-categoy-block>li:first-child {
        margin-left: -5px
    }

    .twocol-categoy-block li {
        min-width: 180px;
        width: 100%;
        padding: 5px
    }

    .cell-productviewcart .regular-price {
        float: none;
        display: block
    }

    .product-view .productviewcart .price-box .price {
        float: none!important
    }

    .related-prod {
        padding-bottom: 0;
        border: 0
    }

    .review-bx {
        margin: 0 auto;
        width: max-content;
        display: block;
        float: none;
        clear: both
    }

    .product-view .product-shop ul.benefits li.easy_refunds,.product-view .product-shop ul.benefits li.free_shiping,.product-view .product-shop ul.benefits li.price_match {
        margin: 2px 2px!important;
        width: 48.333%;
        float: left;
        border: 1px solid var(--grey-color-tone-six);
        padding: 10px 10px 10px 41px
    }

    .product-view .product-shop ul.benefits li.free_shiping {
        background-position: -5px -1348px
    }

    .RviewDisplayWeb,.skudisplayweb {
        display: block
    }

    .product-view .productviewcart .add-to-box .qtyview {
        float: none;
        margin: 0 auto
    }

    .product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart-red {
        display: block;
        float: none;
        margin: 7px auto 0;
        width: 50%
    }

    .related-prod .pr-viewoptions {
        width: 100%;
        left: inherit;
        margin-left: 0;
        bottom: inherit
    }

    .product-listing li.item .view-price>span {
        width: 100px;
        font-size: 12px;
        line-height: 18px
    }

    .pr-viewoptions {
        height: auto;
        background-color: #fff0;
        position: inherit
    }

    .pr-viewoptions>.view-price {
        margin: 0
    }

    .write-rw-popup .conform-bx-inner {
        width: 96%
    }

    .product-view .deal-productviewcart .price-box {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0
    }

    body .cell-productviewcart .pd-endin {
        margin-top: 0
    }

    .product-view .deal-productviewcart .pd-endin {
        margin-bottom: 0;
        text-align: center;
        width: 100%
    }

    .displayW {
        display: none!important
    }

    .displayM {
        display: block!important
    }

    .RviewDisplayMobile .product-review.tooltip .tooltiptext {
        z-index: 11
    }

    .product-allreview>li .usericon {
        background-position: 6px -79px;
        background-size: 20px;
        width: 32px;
        height: 32px;
        display: none
    }

    .twocol-categoy-block li .innercategory-block,.twocol-categoy-block li .apollo-block,.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a {
        height: 100%
    }
}

@media screen and (max-width: 536px) {
    .product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart-red {
        width:80%
    }

    .product-essential .product-options .btn-cart {
        width: 100%
    }

    .products-grid .custom-add-to-cart .qty-control {
        max-width: 100px;
        text-align: center;
        display: block;
        margin: 0
    }

    .product-essential .product-options.detail-proption .input-text {
        max-width: 100%
    }

    .product-listing .custom-add-to-cart button.btn-cart {
        background: url(../images/carts-2x.png) center -34px no-repeat var(--dark-color)!important;
        min-width: 28%;
        float: left;
        display: block;
        clear: none;
        border-color: var(--dark-color);
        min-height: 38px;
        line-height: 36px;
        border-radius: 3px;
        margin: 0;
        position: relative;
        left: 5px
    }

    .categorypath-accessories-devices .notify_btn button.button span {
        margin: 0 0 30px
    }

    .product-listing li.outofstocklistcls .price-qty-block .outofstock_loginas,.products-grid .qty-total {
        display: none
    }

    .product-listing .custom-add-to-cart button.btn-cart span {
        text-indent: -2095px;
        font-size: 0
    }

    .product-listing .custom-add-to-cart input.qty {
        display: none
    }

    .product-view .productviewcart .add-to-cart button.btn-cart {
        float: none;
        margin: 0 auto;
        min-width: 180px
    }

    .add-to-cart {
        display: block
    }

    .product-listing li.item .product-budges,.product-listing li.item .product-badges {
        width: 45px;
        height: 45px
    }

    .filtered_product .filtered_product_names {
        margin: 13px 0 0
    }

    .customer-detail>h4 {
        font-size: 14px
    }

    .product-allreview>li .customer-detail p {
        font-size: 13px;
        line-height: 18px
    }

    .product-allreview>li .customer-detail {
        width: 88%
    }

    .product-allreview>li.review-replay {
        font-size: 13px;
        width: 100%;
        margin-left: 0;
        text-align: justify;
        padding-left: 22px;
        line-height: 20px
    }

    .product-view-comingsoon {
        float: left
    }

    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a,.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a span,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a span {
        font-size: 14px
    }

    .product-listing li.outofstocklistcls .price-qty-block {
        cursor: default
    }
}

@media screen and (max-width: 480px) {
    .skudisplayweb {
        margin:0 0 16px
    }

    .related-prod .products-grid .custom-add-to-cart .qty-control {
        max-width: 100px
    }

    .related-prod .product-listing .custom-add-to-cart button.btn-cart {
        width: 65px
    }

    .related-prod .qty-control button.btn-plus,.related-prod .qty-control button.btn-minus {
        max-width: 50px
    }

    .related-prod .qty-control button.btn-plus {
        background-position: 17px -25px
    }

    .related-prod .qty-control button.btn-minus {
        background-position: 17px 17px
    }

    .related-prod .product-listing .price-box .price {
        font-size: 14px
    }

    .products-grid .uk-vat-class .price-box-inner .old-price .price {
        font-size: 14px
    }

    .products-grid .uk-vat-class .price .ex-vat {
        font-size: 12px
    }

    .product-listing li .viewoptions span {
        width: 100px;
        height: 30px;
        font-size: 10px;
        line-height: 28px;
        margin: 10px auto 15px
    }

    .product-listing .price-box .price {
        font-size: 16px
    }

    .accesories-product-popup .ace-product-row .ace-tbody .qty-input {
        max-width: 154px;
        margin: 0 0 0 auto;
        display: flex;
        width: auto
    }

    .categorypath-accessories-devices .notify_btn button.button span {
        margin: 0 0 18px
    }

    .product-view .productviewcart .add-to-box .qtyview {
        margin: 0 auto;
        float: none
    }

    .product-view .productviewcart .add-to-cart button.btn-cart {
        float: none;
        margin: 0 auto;
        min-width: 180px;
        display: block
    }

    .productviewcart .adminoutofstock {
        text-align: center;
        display: block;
        width: 100%
    }

    .requestproduct_block .button.btn-requestproduct {
        margin: 0 auto;
        display: block
    }

    .products-grid .custom-add-to-cart .qty-control {
        max-width: 75px;
        display: block;
        float: left;
        margin: 0
    }

    .products-grid .custom-add-to-cart {
        float: none;
        display: flex;
        justify-content: center
    }

    .product-listing li .viewoptions {
        width: 100%
    }

    .category-products .product-listing li .brand-ace-image {
        font-size: 10px;
        height: 20px;
        line-height: 22px
    }

    .product-listing .custom-add-to-cart button.btn-cart {
        min-width: 32px
    }

    .qty-control button.btn-plus {
        max-width: 36px;
        background-position: 12px -24px
    }

    .products-grid .custom-add-to-cart input.qty {
        max-width: 30px;
        display: none
    }

    .qty-control button.btn-minus {
        max-width: 36px;
        background-position: 12px 18px
    }

    .main-list-category .product-listing .product-name {
        font-size: 11px;
        min-height: 50px
    }

    .media-badges-r .product-budges {
        width: 50px;
        height: 50px
    }

    #tabs ul.description li {
        text-align: left
    }

    .col2-left-layout .main .col-left {
        max-width: 320px
    }

    .product-essential .product-options .btn-cart {
        width: auto
    }

    .bs_overlinebtn a.bs_button,.product-allreview>li .customer-detail,.product-view .productviewcart .add-to-cart button.btn-cart.btn-rma-cart-red,.product-review.tooltip,.product-review.tooltip .tooltiptext {
        width: 100%
    }

    .review-bx {
        text-align: center;
        width: auto
    }

    .write-review a {
        border-left: 0
    }

    .product-review .tooltiptext:before {
        margin-left: 0;
        left: calc(50% - 4px)
    }

    .product-view-comingsoon {
        width: 100%
    }

    .product-essential .product-options.detail-proption .input-text.plpre-define {
        width: 30px
    }

    .customer-detail>h4 {
        padding-left: 0
    }

    .product-allreview>li .customer-detail p {
        padding-left: 0
    }

    .review-bx .write-review {
        width: 100%
    }

    .products-grid .price-box.uk-vat-class .price-box-inner .price {
        margin: 0
    }

    .products-grid .gapp-detail-link {
        text-align: center
    }

    .product-view .uk-vat-class .product-gapp-price .regular-price .price,.product-view .uk-vat-class .product-gapp-price .regular-price .price .wx-vat {
        font-size: 12px
    }

    .product-view .uk-vat-class .product-gapp-price .regular-price .price {
        flex-direction: column
    }
}

@media screen and (max-width: 430px) {
    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a {
        display:flex;
        flex-direction: column;
        align-items: center
    }

    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a .Simage-block,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a .Simage-block {
        width: 80%;
        min-height: 145px
    }

    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a span,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a span,.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block ul.search-dataul,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block ul.search-dataul {
        width: 100%
    }

    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a span,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a span {
        margin: 15px 0
    }

    .twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a,.twocol-categoy-block.search-colcategory li.searchitem .innercategory-block a span,.twocol-categoy-block.search-colcategory li.searchitem .apollo-block a span {
        font-size: 12px
    }

    .claim-eligible-badge-list {
        margin-bottom: 10px
    }

    .claim-eligible-badge {
        top: 35px;
        padding: 4px 2px;
        font-size: 14px;
        right: 5px
    }

    .gapp-detail-link>a,.gapp-list-link>a {
        font-size: 13px
    }

    .products-grid .price-box {
        margin-top: 5px
    }

    .products-grid .price-box .product-gapp-price .old-price {
        font-size: 14px;
        line-height: 15px
    }

    .products-grid .price-box .product-gapp-price .without-core {
        font-size: 9px
    }

    .products-grid .price-box {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 320px) {
    .detail-proption .prblock-w-emno {
        width:calc(100% - 0px)
    }
}

@media screen and (min-width: 1280px) {
    .col2-left-layout .col-main .products-grid.products-listview li.item .product-image {
        max-width:calc(100% - 265px);
        width: 100%;
        margin-right: 15px
    }
}

.rose_gold {
    background: #fffcfc;
    background: radial-gradient(circle,#ffbbc1 0%,#f4a9a0 72%);
    border-color: #ffbbc1
}

.copy_icon {
    display: flex;
    padding: 0 0 0 10px;
    border: none;
    cursor: pointer;
    position: relative
}

.copy_icon svg {
    width: 21px;
    height: 21px
}

.skudisplayweb {
    display: flex;
    flex-wrap: wrap
}

.skudisplayweb .label_size1 {
    margin-left: 10px
}

.skudisplayweb .label_size,.skudisplayweb .label_size1 {
    display: flex;
    align-items: center;
    width: auto
}

.copy_icon .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 #fff0 #fff0 #fff0
}

.copy_icon:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.copy_icon .tooltip {
    visibility: visible;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
    position: absolute;
    z-index: 1;
    top: -33px;
    left: 50%;
    margin-left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    min-width: 85px;
    transform: translate(-45%,0)
}

.copy_icon .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 #fff0 #fff0 #fff0
}

.copy_icon:hover .tooltip {
    visibility: visible!important;
    opacity: 1!important
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: #fff0;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    margin-top: 1px
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: #fff0;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    height: auto;
    max-width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

.owl-carousel.owl-drag .owl-item a.item.auguria-slider-link {
    display: inline-block;
    vertical-align: top
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.clearer {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    clear: both;
    width: 100%
}

.owl-dots {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 0
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}

.owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #fff;
    margin: 3px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #c2c2c2;
    padding: 0
}

.owl-dots .owl-dot.active {
    background-color: #3fa9f0;
    border-color: #3fa9f0
}

.owl-item.loading {
    min-height: 403px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}

@media screen and (max-width: 1300px) {
    .clearer {
        width:100%
    }
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-stage-outer {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .clearer {
        margin:0 0 20px
    }
}

.cms-index-index .main-container {
    margin-top: 0
}

.cms-index-index .col-main,.cms-index-index .main {
    max-width: 100%;
    padding: 0
}

body.cms-index-index.cms-home ul.messages {
    position: absolute;
    z-index: 11;
    width: 1300px;
    left: 50%;
    margin-left: -650px!important
}

div.homepage-slider {
    white-space: nowrap;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .12);
    border-radius: 20px;
    margin: 30px auto 60px
}

div.homepage-slider .item {
    display: inline-block;
    vertical-align: top;
    height: 407px;
    max-width: 1300px;
    width: 100%;
    text-align: center
}

div.homepage-slider .owl-item .item {
    height: inherit
}

.iphone-adv-block {
    margin-left: auto
}

.iphone-adv-block>a {
    padding: 10px;
    border: 1px solid #d9d9d9;
    display: block
}

.homepage-slider.owl-carousel .owl-stage-outer {
    margin-top: 0
}

div.homepage-slider .owl-dots,div.homepage-slider .owl-dots .owl-dot {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: inherit;
    bottom: -5px;
    position: relative;
    margin-bottom: -13px
}

div.homepage-slider .owl-dots .owl-dot {
    border: 0;
    background-color: var(--white-color)
}

div.homepage-slider .owl-dots .owl-dot span {
    height: 8px;
    width: 8px;
    display: block;
    background: var(--grey-color-tone-five);
    border-radius: 50%
}

div.homepage-slider .owl-dots .owl-dot.active,div.homepage-slider .owl-dots .owl-dot.active span {
    background-color: var(--dark-color)
}

.homepage-slider.owl-carousel .owl-nav {
display: none;
}
.homepage-slider.owl-carousel .owl-item .slide-item {
min-height: 405px !important;
}
.casper-new-wrapper {
width: 100%;
max-width: 1200px;
max-height: 403px;
height: 100%;
margin: 0 auto;
padding: 24px 40px 24px 70px;
box-sizing: border-box;
border-radius: 20px;
background-image: url('../images/casper-new-bg_1.png');
background-size: cover;
background-position: center;
font-family: 'Poppins', sans-serif;
overflow: hidden;
}
.shiptime-wrapper {
width: 100%;
max-width: 1200px;
max-height: 403px;
height: 100%;
margin: 0 auto;
padding: 24px 40px 24px 70px;
box-sizing: border-box;
border-radius: 20px;
background-image: url('../images/jcid-bg.png');
background-size: cover;
background-position: center;
font-family: 'Poppins', sans-serif;
overflow: hidden;
}

.block-banner-adv {
    margin: 20px auto;
    max-width: 1230px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px
}

.nbrand-container {
    font-family: 'Inter',sans-serif;
    padding: 2.94rem 15px 1.3rem
}

.nbrand-container>ul {
    padding-left: 0;
    display: flex;
    display: -webkit-flex;
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.nbrand-container>ul>li>a {
    width: 277px;
    background: var(--white-color);
    box-shadow: 0 5px 11px rgb(0 0 0 / .2);
    border-radius: 18px;
    height: 83px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

.nbrand-container>ul>li>a>p {
    font-size: 16px;
    font-weight: 600;
    color: var(--grey-color-tone-four);
    line-height: 17px;
    margin: 0;
    padding: 5px;
    float: left;
    width: calc(100% - 120px)
}

.nbrand-container>ul>li>a>p>span {
    font-size: 12px;
    font-weight: 500
}

.nbrand-container>ul>li>a>.div-icons {
    background-image: url(../images/service-sprites.svg);
    width: 112px;
    height: 72px;
    margin: 5px 4px;
    float: left;
    background-repeat: no-repeat
}

.nbrand-container>ul>li>a>.lightning-icon {
    background-position: 0 -1px
}

.nbrand-container>ul>li>a>.warrenty-icon {
    background-position: 0 -186px
}

.nbrand-container>ul>li>a>.lcd-icon {
    background-position: 0 -378px
}

.nbrand-container>ul>li>a>.customer-service-icon {
    background-position: 0 -570px
}

.nbrand-container>ul>li>a>.go-to-link {
    background-image: url(../images/service-sprites.svg);
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-position: 1px -792px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    visibility: hidden
}

.nbrand-container>ul>li>a:hover {
    box-shadow: 0 0 0 #fff0
}

.nbrand-container>ul>li>a:hover>.go-to-link {
    visibility: visible
}

.nbrand-container>ul>li.lightning-hover>a:hover {
    background-color: var(--primary-color)
}

.nbrand-container>ul>li.warrenty-hover>a:hover {
    background-color: var(--fedex-label-color);
    opacity: .8
}

.nbrand-container>ul>li.lcd-hover>a:hover {
    background-color: var(--sucess-color);
    opacity: .8
}

.nbrand-container>ul>li.customer-service-hover>a:hover {
    background-color: var(--notice-color)
}

.nbrand-container>ul>li.lightning-hover>a:hover>.div-icons {
    background-position: 0 -90px
}

.nbrand-container>ul>li.warrenty-hover>a:hover>.div-icons {
    background-position: 0 -186px
}

.nbrand-container>ul>li.lcd-hover>a:hover>.div-icons {
    background-position: 0 -474px
}

.nbrand-container>ul>li.customer-service-hover>a:hover>.div-icons {
    background-position: 0 -666px
}

.nbrand-container>ul>li>a>p.onhoverx {
    display: none;
    color: var(--white-color)
}

.nbrand-container>ul>li>a:hover>p.phoverhide {
    display: none
}

.nbrand-container>ul>li>a:hover>p.onhoverx {
    display: block
}

.category-blocks {
    display: none
}

.block-newsletter {
    width: 100%;
    min-height: 175px;
    -webkit-box-shadow: -1px 0 5px 0 rgb(0 0 0 / .15);
    -moz-box-shadow: -1px 0 5px 0 rgb(0 0 0 / .15);
    box-shadow: -1px 0 5px 0 rgb(0 0 0 / .15);
    background-color: #f2f2f2
}

.block-newsletter .block-newsletter-title {
    margin-left: 0
}

body.cms-index-index.cms-home .block-newsletter ul.newsletter-msg {
    position: inherit;
    margin-left: 0!important;
    width: 100%
}

.block-newsletter-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.block-newsletter-container {
    max-width: 1200px;
    clear: both;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0
}

.block-newsletter h2 {
    font-size: 25px;
    text-align: left;
    margin-left: 20px;
    text-transform: uppercase;
    color: var(--dark-color);
    margin-top: 7px;
    letter-spacing: 4px
}

.block-newsletter>h2 span {
    font-weight: 400
}

.block-newsletter p {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 800;
    margin: 25px 0
}

.block-newsletter input[type=text] {
    border: 0;
    width: 470px;
    height: 40px;
    padding: 10px 15px;
    font-size: 14px;
    color: var(--dark-color);
    text-align: center;
    background: #d9d9d9;
    border-radius: 24px
}

.block-newsletter input.btn {
    background: #d45b4e;
    background: linear-gradient(90deg,rgb(212 91 78) 0%,rgb(183 45 37) 100%);
    border: 2px solid #d45b4e;
    font-size: 16px;
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
    height: 40px;
    border-radius: 20px;
    width: 109px;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none
}

.block-newsletter input.btn:hover {
    background: 0;
    color: #d45b4e
}

.block-newsletter .block-newsletter-email-signup .newsletter_form {
    position: relative;
    display: flex
}

.accessories-block {
    background-color: #FF8469;
    clear: both;
    margin: 0 0 40px;
    display: block;
    width: 100%;
    text-align: center
}

.accessories-block>img {
    display: block;
    margin: 0 auto;
    height: auto
}

.accessories-block+.index-container-blocks .category-products {
    padding: 0 0 40px
}

.ca-store-section.nbrand-container>ul>li {
    width: 32.333%
}

.ca-store-section.nbrand-container>ul>li>a {
    width: 100%
}

.owl-carousel .owl-item video,.owl-carousel .owl-item img {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    height: 100%
}

.owl-carousel .owl-item .slide-item {
    position: relative
}

.video-wrapper {
    position: relative;
    display: inline-block
}

.progress-circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle
}

.progress-ring {
    width: 50px;
    height: 50px;
    display: block;
    transform: translateZ(0);
    backface-visibility: hidden
}

.progress-ring__circle {
    stroke: var(--dark-color);
    stroke-linecap: round;
    fill: #fff0;
    stroke-width: 3;
    stroke-dasharray: 138.23048;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.1s linear
}

.progress-ring__circle-bg {
    stroke-dasharray: 138.23048;
    stroke-dashoffset: 0;
    stroke: #e0e0e0;
    stroke-width: 3;
    fill: #ffffff96
}

.progress-circle>a {
    cursor: pointer
}

.ag-play-btn:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 13px solid var(--dark-color);
    border-top: 8px solid #fff0;
    border-bottom: 8px solid #fff0;
    position: absolute;
    right: 16px;
    bottom: 24px;
    z-index: 11
}

.ag-pause-btn:before {
    content: "";
    width: 13px;
    height: 13px;
    background-color: var(--dark-color);
    position: absolute;
    right: 18px;
    bottom: 25px;
    z-index: 11;
    border-radius: 2px
}

.ag-play-btn {
    cursor: pointer
}

.duration-wrapper {
    position: absolute;
    right: 20px;
    z-index: 1;
    bottom: 20px
}

.duration-wrapper .duration {
    position: absolute;
    width: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 10px);
    font-weight: 700;
    color: var(--dark-color)
}

@media screen and (max-width: 1300px) {
    body.cms-index-index.cms-home ul.messages {
        position:absolute;
        z-index: 11;
        width: 100%;
        left: 0!important;
        margin: 0!important
    }
}

@media screen and (max-width: 1200px) {
    .block-banner-adv {
        flex-wrap:nowrap;
        padding: 0 10px
    }

    .block-banner-adv>a {
        margin: 0 10px
    }

    .block-banner-adv>a>img {
        object-fit: contain
    }

    .nbrand-container>ul>li {
        width: 25%
    }

    .nbrand-container>ul>li>a {
        width: 98%
    }

    .deal-of-the-day-block .product-listing li.item {
        width: 250px;
        margin: 0 4px
    }

    .featured-deal .old-price {
        float: none
    }

    .iphone-adv-block {
        display: none
    }

    .block-newsletter-icon {
        text-align: right
    }

    .block-newsletter h2 {
        width: 50%;
        margin-right: 52px
    }

    .block-newsletter-container {
        width: 98%
    }

    .block-newsletter-email-signup {
        float: left;
        width: 100%;
        padding: 30px 0;
        text-align: center
    }

    div.homepage-slider {
        width: 95%;
        margin: 20px auto 60px
    }
}

@media screen and (max-width: 1024px) {
    .nbrand-container>ul {
        justify-content:center;
        padding: 0% 0;
        flex-wrap: wrap
    }

    .nbrand-container>ul>li {
        width: 50%;
        padding: 1% 1%
    }

    .nbrand-container>ul>li>a {
        width: 100%
    }

    .block-newsletter-email-signup #newsletter_form {
        display: block!important;
        padding-bottom: 20px
    }

    .block-newsletter-email-signup #newsletter_form .btn {
        margin-top: 15px
    }

    .block-newsletter-container {
        max-width: 1300px;
        flex-direction: column;
        align-items: center
    }

    .block-newsletter h2 {
        width: 100%;
        text-align: center;
        margin: 14px 0 0;
        padding-top: 20px
    }

    .block-newsletter-icon {
        text-align: center;
        padding: 0;
        margin-right: 0;
        display: block
    }

    .index-container-blocks .category-products h3.block-title {
        min-height: 48px
    }

    .owl-carousel.owl-drag .owl-item a.item.auguria-slider-link {
        min-height: 343px
    }

    .ca-store-section.nbrand-container>ul>li {
        width: 50%
    }

    div.homepage-slider {
        margin: 20px auto 40px
    }
}

@media screen and (max-width: 912px) {
    div.homepage-slider.owl-carousel .owl-carousel.owl-drag .owl-item a.item.auguria-slider-link {
        min-height:343px
    }
}

@media screen and (min-width: 768px) {
    .owl-carousel .owl-item img {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    div.homepage-slider .owl-dots,div.homepage-slider .owl-dots .owl-dot {
        bottom:0
    }

    .progress-circle {
        width: 30px;
        height: 30px
    }

    .progress-ring {
        width: 30px;
        height: 30px
    }

    .duration-wrapper {
        right: 10px;
        bottom: 10px
    }

    .duration-wrapper .duration {
        width: 30px;
        left: calc(50% - 15px);
        top: 9px;
        font-weight: 600;
        font-size: 12px
    }

    div.homepage-slider.owl-carousel .owl-item img {
        min-height: 257px
    }

    .category-blocks {
        min-height: 655px
    }

    .accessories-block {
        display: none
    }

    .deal-of-the-day-block .product-listing li.item {
        border-right: transparent!important;
        min-height: 510px
    }

    .dealofthedayblock {
        display: block;
        width: 100%
    }

    .deal-of-the-day-block .owl-carousel .owl-nav .owl-next {
        right: 15px;
        top: 25%
    }

    .deal-of-the-day-block .owl-carousel .owl-nav .owl-prev {
        left: 15px;
        top: 25%
    }

    .deal-of-the-day-block .ends-in {
        background-position: 106px 0
    }

    .deal-of-the-day-block .owl-carousel .owl-nav.disabled,.deal-of-the-day-block .owl-carousel .owl-dots.disabled {
        display: block
    }

    .deal-of-the-day-block .product-listing .product-name {
        margin: 10px 0;
        height: auto
    }

    .deal-of-the-day-block h3:before {
        content: none
    }

    .deal-of-the-day-block a.view-all {
        float: none;
        position: absolute;
        width: 92%;
        bottom: -50px;
        left: 0;
        text-align: center;
        margin: 0 4%
    }

    .deal-of-the-day-block h3 {
        font-size: 21px
    }

    .title-deal {
        padding: 10px;
        background-color: var(--primary-color)
    }

    .deal-of-the-day-block h3 {
        color: var(--white-color);
        background: #fff0;
        padding: 0
    }

    .deal-of-the-day-block .view-all {
        margin-top: 15px
    }

    .detailpage .deal-max-qty {
        margin-bottom: 0
    }

    .block-newsletter h2 {
        padding: 49px 0 0 30px;
        font-size: 23px;
        margin-top: 0;
        letter-spacing: 3px
    }
}

@media screen and (max-width: 767px) {
    div.homepage-slider.owl-carousel .owl-item img {
        min-height:auto;
        height: auto!important
    }
}

@media screen and (max-width: 640px) {
    .owl-carousel.owl-drag .owl-item a.item.auguria-slider-link {
        min-height:126px
    }

    body.cms-index-index.cms-home .footer-container {
        margin-top: 0
    }

    .nbrand-container {
        padding: .999rem 10px .999rem
    }

    .deal-of-the-day-block .product-listing li.item {
        width: 98%;
        min-height: auto
    }

    .block-newsletter-email-signup #newsletter_form .btn {
        margin-top: 10px
    }

    .block-newsletter input[type=text] {
        width: 64%
    }

    .block-newsletter input.btn {
        width: 30%
    }

    .block-newsletter h2 {
        font-size: 17px;
        letter-spacing: 1px
    }

    .ca-store-section.nbrand-container>ul>li {
        width: 100%
    }

    .adv-banner-main {
        clear: both;
        overflow: auto
    }

    .block-banner-adv {
        flex-wrap: nowrap;
        padding: 0 10px;
        width: 629px;
        margin: 20px 0
    }

    .block-banner-adv>a>img {
        object-fit: contain;
        height: auto
    }
}

@media screen and (max-width: 536px) {
    .nbrand-container>ul>li {
        width:100%
    }

    .nbrand-container>ul>li>a>.div-icons {
        margin: 5px 6px
    }

    .nbrand-container>ul>li>a>p {
        width: calc(100% - 124px)
    }

    .block-newsletter h2 {
        padding: 0;
        margin-top: 25px
    }
}

@media screen and (max-width: 480px) {
    div.homepage-slider .owl-item .item {
        transition:none
    }

    div.homepage-slider.owl-carousel .owl-item img {
        min-height: 126px
    }

    .block-newsletter-icon {
        text-align: center;
        margin-top: 30px;
        padding: 0
    }

    .block-newsletter-email-signup {
        padding: 19px 0
    }

    .block-newsletter input[type=text] {
        width: 90%
    }

    .block-newsletter input.btn {
        width: 90%;
        margin: 10px 0 0
    }

    .block-newsletter {
        min-height: inherit;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 360px) {
    .block-newsletter {
        min-height:inherit;
        padding-bottom: 30px
    }
}

.deal-of-the-day-block {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative;
    background: url(../images/deal-bg.png);
    background-repeat: repeat;
    box-shadow: inset 3px 4px 2px 1px var(--grey-color-tone-seven);
    border-top: 2px solid var(--primary-color);
    padding-bottom: 30px
}

.deal-of-the-day-block .product-listing .custom-add-to-cart button.btn-cart {
    margin: 12px auto 0
}

.deal-of-the-day-block h2 {
    position: absolute;
    left: -140px;
    transform: rotate(-90deg);
    font-size: 46px;
    color: var(--primary-color);
    text-transform: uppercase;
    top: 269px;
    font-weight: 500;
    border-top: 2px solid;
    border-bottom: 2px solid
}

.dealofthedayblock {
    display: block;
    max-width: 1300px;
    margin: 0 auto
}

.dealofthedayblock .product-listing {
    border-bottom: 0
}

.deal-of-the-day-block+.adv-banner-main {
    margin-top: 0
}

.deal-of-the-day-block .deal-title {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 20px 0 0;
    float: left;
    width: 100%;
    text-align: center
}

body .ends-in {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 39px 0;
    margin: 0;
    margin-bottom: 5px
}

.ends-in span {
    position: relative
}

.ends-in span:before {
    content: "";
    background: url(../images/deal_sprites1.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -25px;
    top: -3px
}

.old-price {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-decoration: line-through
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-prev,.deal-of-the-day-block .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 48%;
    width: 30px;
    height: 26px;
    box-shadow: none;
    border: 0
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-prev {
    background: url(../images/deal_sprites1.png) -1px -83px no-repeat;
    left: -40px
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-prev:hover {
    background: url(../images/deal_sprites1.png) -1px -114px no-repeat
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-next {
    background: url(../images/deal_sprites1.png) -1px -27px no-repeat;
    right: -40px
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-next:hover {
    background: url(../images/deal_sprites1.png) -1px -56px no-repeat
}

.deal-of-the-day-block .owl-carousel .owl-nav .owl-prev span,.deal-of-the-day-block .owl-carousel .owl-nav .owl-next span {
    display: none
}

.deal-of-the-day-block .cat_prod_cell .price-box {
    padding: 0;
    border: #fff0;
    margin-bottom: 10px
}

.deal-of-the-day-block .regular-price,.deal-product-list .regular-price {
    margin-left: 8px
}

.deal-product-list .product-name {
    height: 70px
}

.deal-of-the-day-block .product-listing .product-name {
    height: 77px;
    margin-bottom: 0;
    padding: 20px 7px 0 7px;
    line-height: 18px;
    font-size: 13px;
    padding-top: 0;
    margin-top: 10px
}

.deal-of-the-day-block .owl-carousel .owl-item img {
    width: auto!important;
    margin: 0 auto;
    padding-top: 20px
}

.deal-of-the-day-block .product-listing .custom-add-to-cart {
    padding-bottom: 20px
}

.deal-of-the-day-block i.icon-info.tooltip {
    font-size: 0;
    right: 42px;
    top: 0;
    display: none
}

.pd-price {
    font-size: 25px;
    margin-left: 10px
}

.old-price.pd-price:before {
    width: 62px;
    top: 13px;
    left: -1px
}

.pd-endin {
    background-position: 0 -1px;
    border: 1px dotted var(--sucess-color);
    border-radius: 5px;
    margin-top: -2px;
    border-width: 2px;
    display: block;
    margin-left: 11px;
    width: 190px;
    float: right;
    padding-left: 10px
}

.pd-endin span {
    position: relative;
    margin-left: 35px
}

.deal-of-the-day-block .product-listing li.item {
    width: 290px;
    padding: 0 0;
    background-color: var(--white-color);
    margin: 0 5px
}

.deal-of-the-day-block .product-listing .owl-item:first-child .cat_prod_cell {
    border-left: #fff0
}

.deal-of-the-day-block h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 34px;
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: var(--primary-color);
    padding: 10px 24px;
    border-radius: 24px;
    color: var(--white-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.title-deal {
    text-align: center;
    margin-bottom: 30px
}

.deal-of-the-day-block .view-all {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    float: left;
    display: block
}

.deal-of-the-day-block .view-all a {
    background-color: var(--default-color);
    padding: 12px 16px;
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 500;
    background-image: url(../images/deal_sprites1.png);
    background-repeat: no-repeat;
    background-position: 11px -124px;
    padding-left: 43px;
    background-size: 24px
}

.deal-of-the-day-block .view-all a:hover {
    background-color: var(--primary-color)
}

.deal-of-the-day-block h3:before {
    content: "";
    position: absolute;
    width: 220px;
    height: 2px;
    border: 2px double var(--default-color);
    top: 21px;
    border-left: 0;
    border-right: 0;
    display: none
}

.deal-of-the-day-block h3:before {
    left: 102%
}

.deal-of-the-day-block h3:after img {
    border-radius: 50%;
    border: 2px double var(--grey-color-tone-four);
    border-width: 4px;
    width: 49px;
    margin-top: -1px
}

.deal-of-the-day-block .product-listing .custom-add-to-cart {
    float: none;
    width: 84%;
    margin: 0 auto
}

.deal-top-blocks .fedex_top_message .fedex_icon {
    display: none
}

.top-header.deal-top-blocks {
    background-image: none;
    background-color: var(--notice-color);
    border-bottom: 1px solid var(--notice-color);
    background-size: cover
}

.deal-top-blocks .fedex_top_message {
    font-size: 20px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    cursor: pointer
}

.featured-deal .ends-in {
    margin-left: 20px;
    font-size: 13px
}

.featured-deal .old-price {
    font-size: 14px;
    float: left;
    font-weight: 400;
    margin-right: 10px
}

.deal-related .old-price {
    margin-right: 5px
}

body .deal-max-qty {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
    color: var(--primary-color);
    font-weight: 400
}

.detailpage .deal-max-qty {
    margin-bottom: 6px;
    text-align: left
}

body .price-box .pd-price {
    float: none
}

.deal-of-the-day-block .deals-disable-product {
    opacity: .8;
    background-color: var(--grey-color-tone-six)!important;
    cursor: no-drop;
    pointer-events: none
}

.deals-center .owl-stage-outer .owl-stage {
    margin: 0 auto
}

.deal-of-the-day-block .products-grid .display_qty {
    margin-top: 10px
}

.deal-of-the-day-block .qty-control button.btn-minus span,.deal-of-the-day-block .qty-control button.btn-plus span {
    font-size: 0
}

.deal-of-the-day-block .products-grid .ajx-bg {
    min-height: 100%;
    width: 100%
}

.limiter label,.pager p.amount {
    line-height: 48px;
    margin-right: 20px
}

body .homepage-slider {
    display: flex;
    flex-direction: row
}

div.homepage-slider .owl-dots {
    position: absolute
}

.homepage-slider#homepage_slider {
    opacity: 0
}

.homepage-slider#homepage_slider.owl-loaded {
    opacity: 1
}

body .slide-item .caption {
    height: 500px!important
}

@media screen and (max-width: 1024px) {
    .deal-of-the-day-block .ends-in {
        background-position:25px 0
    }

    .dealofthedayblock {
        display: block;
        width: 100%
    }

    .deal-of-the-day-block .owl-carousel .owl-nav .owl-prev {
        left: 15px;
        top: 23%
    }

    .deal-of-the-day-block .owl-carousel .owl-nav .owl-next {
        right: 15px;
        top: 23%
    }

    .deal-of-the-day-block .item:last-child {
        border-right: transparent!important
    }
}

@media screen and (max-width: 640px) {
    .title-deal {
        margin-bottom:0
    }

    .detailpage .deal-max-qty {
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .dealofthedayblock .products-grid .custom-add-to-cart .qty-control {
        width:130px;
        margin-left: 11px
    }

    .dealofthedayblock .product-listing .custom-add-to-cart button.btn-cart {
        width: 55px!important;
        float: left;
        margin: 0;
        margin-left: 10px
    }

    .deal-of-the-day-block .product-listing .custom-add-to-cart button.btn-cart span {
        text-indent: -2013px;
        font-size: 0
    }

    .deal-of-the-day-block .product-listing .custom-add-to-cart {
        width: 71%;
        margin-left: 30px
    }

    .deal-of-the-day-block .ends-in {
        background-position: 79px 0
    }

    .pager p.amount {
        float: left;
        text-align: left;
        width: 97%;
        margin-right: 0
    }

    .limiter {
        width: 100%
    }
}

@media screen and (max-width: 320px) {
    .dealofthedayblock .products-grid .custom-add-to-cart .qty-control {
        width:51%
    }

    .deal-of-the-day-block .product-listing .custom-add-to-cart {
        width: 83%
    }

    .deal-of-the-day-block .view-all {
        margin-top: 30px
    }
}

.slide-item .caption {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 20px
}

.banner-container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    height: 100%;
    align-items: center
}

.banner-title {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 950px;
    display: block
}

.banner-title .ms-link {
    font-size: 16px;
    color: #7e7e7e;
    margin: 0 0 50px 0;
    font-weight: 500
}

.banner-title .ms-link a {
    color: #7e7e7e;
    letter-spacing: 2px
}

.banner-title-content {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 50px 0;
    border-radius: 120px;
    border: 4px solid #3097ff
}

.banner-title-content .subtitle {
    margin: 0 0 10px 0;
    position: relative;
    top: -22px;
    background: #fff;
    padding: 0 20px;
    font-size: 24px;
    line-height: normal;
    color: #3097ff;
    font-weight: 600;
    display: inline-block
}

.banner-title-content .main {
    display: block;
    margin: 0;
    padding: 0;
    color: #525252;
    font-size: 40px;
    font-weight: 600
}

.banner-title-content .main .ipad {
    font-weight: 800
}

.banner-title p {
    display: block;
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    font-size: 18px;
    color: #787878;
    letter-spacing: 1px
}

.banner-title .btn-primary {
    display: inline-block;
    background: #3097ff;
    font-size: 18px;
    padding: 8px 30px;
    font-weight: 500
}

@media screen and (max-width: 1024px) {
    .banner-title {
        padding:0 30px
    }

    .banner-title .ms-link {
        margin: 0 0 20px 0
    }

    .banner-title-content {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0
    }

    .banner-title-content .main {
        margin: -10px 0 0 0;
        font-size: 30px
    }

    .banner-title-content .subtitle {
        margin: -20px 0 0 0;
        top: -12px;
        padding: 0 20px;
        font-size: 21px
    }

    .banner-title p {
        margin: 0 0 20px 0
    }
}

@media screen and (max-width: 768px) {
    .banner-title p {
        font-size:16px
    }

    .banner-title-content .main {
        font-size: 27px
    }
}

@media screen and (max-width: 640px) {
    .owl-carousel.owl-drag .owl-item a.item.auguria-slider-link {
        min-height:260px
    }

    .banner-title p {
        font-size: 12px;
        white-space: break-spaces
    }

    .banner-title {
        padding: 0 15px
    }

    .banner-title-content .subtitle {
        font-size: 16px
    }

    .banner-title-content .main {
        font-size: 25px
    }

    .banner-title .ms-link {
        font-size: 12px
    }

    .banner-title .btn-primary {
        font-size: 14px;
        padding: 4px 20px
    }
}

@media screen and (max-width: 480px) {
    .banner-title-content .subtitle {
        font-size:14px;
        padding: 0 5px
    }

    .banner-title-content .main {
        font-size: 18px
    }

    .banner-title-content {
        border-radius: 20px;
        border: 2px solid #3097ff;
        margin: 0 0 10px 0
    }

    .banner-title p {
        margin: 0 0 10px 0
    }
}

.mini-banner {
    max-width: 585px;
    width: 100%;
    max-height: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 20px
}

.mini-left {
    width: 70%;
    position: relative;
    z-index: 1
}

.mini-left .circle-img {
    position: absolute;
    left: 212px;
    top: -19px;
    width: 95px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

.mini-left .main-head {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 0
}

.mini-left .subtitle {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin: 0 0 5px 0
}

.mini-left h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 0
}

.mini-left h2 span {
    color: #000
}

.mini-left .desc {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-top: 35px;
    line-height: 1.4
}

.mini-left .desc a {
    color: #17C9FF
}

.mini-left .desc a:hover {
    color: #17C9FF
}

.mini-right {
    width: 50%;
    position: relative;
    text-align: right;
    z-index: 1
}

.mini-right img {
    max-width: 100%
}

.mini-banner-right {
    max-width: 585px;
    width: 100%;
    max-height: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.mini-banner-right .text-section {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mini-banner-right .title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px
}

.mini-banner-right .title span {
    color: #000;
    font-weight: 400
}

.mini-banner-right .logo-inline {
    height: 34px;
    width: auto
}

.mini-banner-right .subtitle {
    font-size: 18px;
    font-weight: 500;
    margin: 8px 0;
    color: #000;
    display: flex;
    flex-wrap: nowrap;
    gap: 18px
}

.mini-banner-right .desc {
    font-size: 14px;
    color: #000;
    line-height: 1.4;
    font-weight: 400;
    margin: 8px 0 0 30px
}

.mini-banner-right .desc span {
    font-weight: 600
}

.mini-banner-right .image-section {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mini-banner-right .phone-img {
    max-width: 90%;
    height: auto
}

@media (max-width: 600px) {
    .mini-banner-right {
        width:100%;
        height: auto;
        flex-direction: column;
        text-align: center
    }

    .mini-banner-right .text-section,.mini-banner-right .image-section {
        width: 100%
    }

    .mini-banner-right .phone-img {
        max-width: 70%
    }
}

@media (max-width: 1080px) {
    .mini-left .main-head {
        font-size:24px;
        line-height: 100%;
        position: relative
    }

    .mini-left .subtitle {
        font-size: 16px
    }

    .mini-left .circle-img {
        left: 175px;
        top: -25px;
        width: 75px;
        height: 75px
    }
}

@media (max-width: 900px) {
    .mini-banner-right .subtitle {
        font-size:14px;
        flex-wrap: wrap;
        gap: 5px;
        margin: 0
    }

    .mini-left .desc {
        margin-top: 25px
    }

    .mini-banner-right .desc {
        margin-left: 0
    }

    .mini-banner-right .logo-inline {
        height: 22px
    }

    .mini-banner-right .title {
        font-size: 24px
    }

    .mini-banner,.mini-banner-right {
        padding: 15px;
        gap: 15px
    }

    .mini-left .main-head,.mini-left h2 {
        font-size: 26px
    }

    .mini-right img {
        width: 190px;
        height: auto
    }

    .mini-banner-right .phone-img {
        max-width: 80%
    }

    .mini-banner-right .title span {
        display: none
    }

    .mini-right {
        display: flex;
        justify-content: center
    }

    .mini-left .circle-img {
        left: 105px;
        top: -3px;
        width: 75px;
        height: 75px
    }
}

@media (max-width: 700px) {
    .mini-banner {
        flex-direction:column;
        align-items: center;
        text-align: center;
        height: auto;
        max-height: none
    }

    .mini-left,.mini-right {
        width: 100%
    }

    .mini-left .circle-img {
        position: static;
        display: block;
        margin: 10px auto;
        width: 70px;
        height: auto;
        display: none
    }

    .mini-left .main-head {
        font-size: 22px;
        justify-content: center
    }

    .mini-left .subtitle {
        font-size: 16px
    }

    .mini-left .desc {
        font-size: 14px;
        margin-top: 12px
    }

    .mini-banner-right {
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
        max-height: none;
        background-image: none
    }

    .mini-banner-right .text-section,.mini-banner-right .image-section {
        width: 100%
    }

    .mini-banner-right .title {
        font-size: 22px;
        justify-content: center
    }

    .mini-banner-right .subtitle {
        font-size: 15px;
        justify-content: center;
        gap: 8px
    }

    .mini-banner-right .desc {
        font-size: 14px;
        margin: 10px 0 0 0
    }

    .mini-banner-right .phone-img {
        max-width: 45%;
        margin-top: 0
    }
}

@media screen and (max-width: 840px) {
    .adv-banner-main {
        clear:both;
        overflow: auto
    }
}

@media (max-width: 600px) {
    .mini-banner {
        width:100%;
        height: auto;
        flex-direction: column;
        text-align: center
    }

    .mini-left,.mini-right {
        width: 100%
    }
}

.index-container-blocks .category-products h3.block-title {
    background: var(--white-color) url(../images/mobilesentrix_1.png) no-repeat scroll left -868px;
    border-bottom: 1px solid var(--grey-color-tone-six);
    color: var(--dark-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 25px 0;
    padding: 5px 0 10px 30px;
    text-transform: uppercase;
    width: 100%
}

.index-container-blocks .products-grid .product-name {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px 5px 0;
    width: 100%;
    color: var(--default-color);
    text-align: left;
    line-height: 18px;
    display: flex;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    font-weight: 400;
    white-space: normal;
    margin-bottom: 5px
}

.index-container-blocks .products-grid li .item-details .price {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 400;
    margin-bottom: 10px;
    display: block
}

.index-container-blocks .qty-control {
    display: flex;
    margin-right: 20px
}

.index-container-blocks .category-products .products-grid .display_qty {
    margin-left: 0;
    visibility: visible;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    background: var(--primary-color);
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: calc(50% - 16px);
    top: -16px;
    z-index: 100;
    overflow: hidden;
    padding: 0 3px;
    letter-spacing: 1px
}

.index-container-blocks .category-products .products-grid {
    display: flex;
    flex-wrap: wrap
}

.index-container-blocks {
    margin: 0 auto;
    max-width: 1300px;
    display: flex;
    display: -webkit-flex;
    width: 100%
}

.index-container-blocks .products-grid li.first .product-image {
    width: 100%;
    margin: 0 0 10px 0;
    height: 410px
}

.index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-minus,.index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-plus {
    background-color: var(--white-color);
    width: 45px;
    height: 38px;
    border: 2px solid var(--grey-color-tone-seven);
    background-image: url(../images/incre-and-decreicon.png);
    text-indent: -99999px;
    background-repeat: no-repeat
}

.index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-minus {
    background-position: 15px -111px;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    background-size: 14px
}

.index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-plus {
    background-position: 14px 10px;
    background-size: 15px;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0
}

.index-container-blocks .category-products .products-grid .custom-add-to-cart input.qty {
    background: var(--white-color);
    font-size: 14px;
    text-align: center;
    padding: 0 5px;
    color: var(--dark-color);
    border-left: 0;
    border-right: 0;
    border-top: 2px solid var(--grey-color-tone-seven);
    border-bottom: 2px solid var(--grey-color-tone-seven);
    width: 64px;
    height: 38px
}

.index-container-blocks .category-products .products-grid button.btn-cart {
    width: 38px;
    height: 38px;
    border: 1px solid var(--grey-color-tone-six);
    background: url(../images/mobilesentrix_1.png) 1px -489px no-repeat var(--dark-color);
    text-indent: -9999px;
    background-size: 35px;
    border-radius: 4px;
    position: relative
}

.index-container-blocks .category-products .products-grid li.item.home-loading-item .custom-add-to-cart .button.btn-cart {
    background-image: none;
    background-color: #fff0;
    border: 0
}

.index-container-blocks .category-products .products-grid li.item.home-loading-item .custom-add-to-cart .button.btn-cart::before {
    content: '';
    background-image: url(../images/opc-ajax-loader.gif);
    height: 100%;
    width: 100%;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 11;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.default-home-loader {
    position: relative;
    z-index: 999;
    width: 34px;
    height: 34px;
    top: 2px
}

.default-home-loader .loader-icon {
    max-width: 20px;
    background-image: var(--default-loader-icon);
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    background-color: #fff0;
    border: 0;
    background-repeat: no-repeat;
    top: 7px;
    padding: 0;
    background-position: 30%
}

.default-home-loader .listingloader-inner {
    height: 34px;
    position: absolute;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #fff0;
    border-color: #fff0 var(--dark-color) #fff0 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: var(--white-color);
    top: 0
}

@media screen and (min-width: 1200px) {
    .index-container-blocks .products-grid li.item .product-image {
        border:1px solid var(--grey-color-tone-six);
        height: 160px;
        position: relative;
        background: var(--white-color);
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 130px
    }

    .index-container-blocks .category-products {
        max-width: 820px;
        padding-bottom: 20px
    }

    .index-container-blocks .category-products.rightside-category {
        max-width: 468px;
        margin-left: auto
    }

    .index-container-blocks .category-products .products-grid>li.first {
        max-width: 376px;
        margin-right: 20px
    }

    .index-container-blocks .category-products .products-grid>li:not(.first) {
        max-width: 425px
    }

    .index-container-blocks .products-grid li.first .product-image {
        width: 100%;
        height: 410px;
        max-width: 100%
    }

    .index-container-blocks .category-products .products-grid li.item .product-budges {
        max-width: 100%;
        height: auto;
        position: absolute;
        top: -10px;
        left: -40px;
        object-fit: contain
    }

    .index-container-blocks .category-products .products-grid li.item:not(.first) .product-budges {
        left: -20px;
        top: -10px
    }

    .index-container-blocks .category-products.rightside-category {
        max-width: 468px;
        margin-left: auto
    }

    .index-container-blocks .category-products.rightside-category .products-grid li.item {
        width: 100%
    }

    .index-container-blocks .category-products .products-grid button.btn-cart:hover {
        border: 1px solid var(--primary-color);
        background: var(--primary-color) url(../images/mobilesentrix_1.png) 1px -489px no-repeat;
        background-size: 35px
    }

    .index-container-blocks .products-grid li.item .product-image img.list-product-img {
        margin: 6px 0
    }

    .index-container-blocks .category-products .products-grid li.first .item-details {
        padding-left: 0;
        max-width: 100%
    }

    .index-container-blocks .category-products .products-grid .inner-product-wrap li .item-details,.index-container-blocks .category-products .products-grid li .item-details {
        max-width: 300px;
        padding-left: 20px
    }

    .index-container-blocks .category-products .products-grid .inner-product-wrap li,.index-container-blocks .category-products.rightside-category .products-grid li {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 20px
    }

    .index-container-blocks .category-products .products-grid .inner-product-wrap li .item-details .custom-add-to-cart,.index-container-blocks .category-products .products-grid li .item-details .custom-add-to-cart {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1300px) {
    .index-container-blocks .category-products .products-grid .inner-product-wrap li .item-details,.index-container-blocks .category-products .products-grid li .item-details {
        max-width:225px;
        padding-left: 10px
    }
}

@media screen and (max-width: 1199px) {
    .index-container-blocks .category-products h3.block-title {
        background-color:var(--grey-color-tone-six);
        background-position: 10px -859px;
        padding: 10px 40px 10px
    }

    .index-container-blocks .products-grid li.item .product-image {
        height: auto;
        max-width: 100%;
        display: flex;
        justify-content: center
    }

    .hide_1200 {
        display: none
    }

    .index-container-blocks .products-grid li.item .product-image .no-display {
        display: block
    }

    .index-container-blocks .products-grid li.first .product-image .product-budges,.index-container-blocks .products-grid li .product-image .product-budges {
        max-width: 55px;
        height: auto;
        object-fit: contain;
        position: absolute;
        left: calc(50% - 80px);
        top: 10px
    }

    .index-container-blocks {
        flex-wrap: wrap
    }

    .category-products {
        max-width: 100%
    }

    .overflow-responsive {
        overflow: auto;
        margin: 0 0 10px
    }

    .index-container-blocks .category-products .products-grid {
        display: flex;
        flex-wrap: wrap;
        width: 1160px;
        justify-content: center;
        margin: 0 0 20px
    }

    .index-container-blocks .inner-product-wrap {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    .index-container-blocks .category-products .products-grid>li,.index-container-blocks .inner-product-wrap>li,.index-container-blocks .category-products .products-grid.rightside-category>li {
        flex: 0 0 25%;
        max-width: 300px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between
    }

    .index-container-blocks .category-products .products-grid>li:not(.first) {
        flex: 0 0 75%;
        max-width: 900px
    }

    .index-container-blocks .category-products.rightside-category .products-grid>li:not(.first) {
        flex: 0 0 25%;
        max-width: 300px
    }

    .index-container-blocks .inner-product-wrap>li {
        flex: 0 0 33.333%
    }

    .index-container-blocks .category-products .products-grid .inner-product-wrap li .item-details,.index-container-blocks .category-products .products-grid li .item-details {
        max-width: 100%;
        padding-left: 0
    }

    .index-container-blocks .category-products .products-grid .custom-add-to-cart input.qty {
        display: none
    }

    .index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-minus {
        border-right: 0
    }

    .index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-minus,.index-container-blocks .category-products .products-grid .custom-add-to-cart .qty-control button.btn-plus {
        border-top: 1px solid var(--grey-color-tone-seven);
        border-bottom: 1px solid var(--grey-color-tone-seven)
    }

    .index-container-blocks .category-products .products-grid>li,.index-container-blocks .inner-product-wrap>li,.index-container-blocks .category-products .products-grid.rightside-category>li {
        position: relative
    }

    .index-container-blocks .products-grid .product-name {
        text-transform: capitalize
    }

    .index-container-blocks .products-grid li .item-details .price,.index-container-blocks .products-grid .product-name {
        text-align: center
    }

    .custom-add-to-cart {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .index-container-blocks .inner-product-wrap>li,.index-container-blocks .products-grid.rightside-category>li,.index-container-blocks .category-products.rightside-category .products-grid>li:not(.first) {
        border-left: 1px solid var(--grey-color-tone-seven)
    }

    .index-container-blocks .category-products .products-grid>li.first,.index-container-blocks .inner-product-wrap>li,.index-container-blocks .category-products.rightside-category .products-grid>li:not(.first) {
        padding: 30px 15px
    }

    .index-container-blocks .category-products .products-grid .display_qty {
        top: 0
    }

    .index-container-blocks .category-products.rightside-category .products-grid {
        width: 900px
    }

    .index-container-blocks .category-products.rightside-category .products-grid>li:not(.first) {
        flex: 0 0 33.333%
    }

    .index-container-blocks .category-products.rightside-category .products-grid>li:first-child {
        border-left: 0
    }
}