/*
 * Custom CSS
 */
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wdth,wght@0,75,100..900;1,75,100..900&display=swap');

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/new-asap/asap.woff") format("woff2"), url("../Fonts/new-asap/asap.woff") format("woff"), url("../../fonts/new-asap/asap.ttf") format("truetype"), url("../Fonts/new-asap/asap.svg#Asap") format("svg");
    font-display: swap
}

@font-face {
    font-family: asap-light;
    font-weight: 300;
    src: url("../Fonts/new-asap/asap-light.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url(../Fonts/new-icons/tpw/icomoon.eot?#iefix-merbf4) format("embedded-opentype"), url(../Fonts/icons/tpw/icomoon.woff?-merbf4) format("woff"), url(../../fonts/icons/tpw/icomoon.ttf?-merbf4) format("truetype"), url(../Fonts/icons/tpw/icomoon.svg?-merbf4#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Asap Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../Fonts/new-asap/asap-bold.woff2") format("woff2"), url("../Fonts/new-asap/asap-bold.woff") format("woff"), url("../Fonts/new-asap/asap-bold.ttf") format("truetype"), url("../Fonts/new-asap/asap-bold.svg#Asap") format("svg");
    font-display: swap
}

:root {
    --bs-body-bg: var(--bs-gray-100);
    --primary_ctaButtonColor: #F16E00;
    --primary_ctaButtonColorHover: #E56800;
    --primary_ctaButtonColorActive: #CD5E00;
    --header-height: 155px;
    --body-color: #003a81;
    --bg_greylight: #f8f9fa;
    --font-asap: "Asap", Arial, Helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, sans-serif;
    --font-asap-light: "asap-light", Arial, Helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, sans-serif;
    --font-asap-bold: "Asap Bold", Arial, Helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, sans-serif;
}

body {
    font-size: 16px !important;
    font-family: var(--font-asap) !important;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}
/* Header */
header {
    background-color: #003A81;
    position: relative;
    z-index: 999;
}

.navbar {
    border-radius: 0px;
}

.text-bg-blue {
    background-color: #003A81;
}

.top_menu {
    font-family: var(--font-asap-light);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    max-width: 1140px;
    margin: auto;
}

    .top_menu .navbar-nav {
        gap: 0px !important;
    }

    .top_menu .nav-link, .top_menu .nav-item, .mob_menu .nav-link {
        color: #fff;
        font-size: 14px;
        margin-right: 20px;
        font-weight: 300;
    }

        .top_menu .nav-item .nav-link {
            margin-right: 0px;
        }

        .mob_menu .nav-link:hover {
            color: #fff;
            font-size: 14px;
            text-decoration: none;
        }

        .top_menu .nav-link:hover {
            text-decoration: none;
            color: #a5bbd8 !important;
            cursor: pointer;
        }

        .top_menu .nav-link:active {
            text-decoration: none;
            color: #6ac0ec !important;
        }

        .top_menu .nav-item:hover {
            color: #a5bbd8 !important;
            font-size: 14px;
            fill: #a5bbd8;
            cursor: pointer;
            text-decoration: none;
        }

        .top_menu .nav-item:active {
            text-decoration: none;
            color: #6ac0ec !important;
        }

.__sitelogo {
    display: flex;
    margin-right: 0px !important;
}

    .__sitelogo img {
        width: 101px;
        height: 64px;
        margin-top: -10px;
    }

.__sitelogotext {
    font-family: Asap;
    font-size: 29px;
    font-weight: 400;
    text-align: left;
    align-content: center;
    color: #fff;
}

.__sitelogo:hover {
    text-decoration: none;
}

.header .breadcrumb-bar .breadcrumbs .separator {
    margin: 0 15px;
    vertical-align: -2px;
}

.header .breadcrumb-bar .breadcrumbs a {
    color: rgb(128, 128, 128);
    text-transform: capitalize;
    vertical-align: top;
    font-size: 16px;
    letter-spacing: normal;
    color: #003a81;
    text-decoration: underline;
}

.header .breadcrumb-bar .breadcrumbs ul li:last-child a {
    font-weight: 400;
    font-family: var(--font-asap);
    margin-right: 4px;
    font-size: 16px;
    color: #989EA3;
    line-height: 22px;
    text-decoration: none;
}

    .header .breadcrumb-bar .breadcrumbs ul li:last-child a:hover {
        text-decoration: none;
        cursor: default;
    }

.header .breadcrumb-bar .breadcrumbs .separator {
    color: #003a81;
}

.header .breadcrumb-bar .breadcrumbs ul li:last-child .separator {
    color: rgb(128, 128, 128);
}

.mainBodyText {
    margin-bottom: 16px;
    margin-top: 16px;
}

.icon-nav-arrow-right::before {
    content: "\e61a";
    font-size: 13px;
}

.main_menu {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px;
    background-color: #003A81;
}

    .main_menu > .container {
        display: block;
    }

    .main_menu .nav-link {
        color: #fff;
        font-size: 16px !important;
        padding-left: 0px !important;
        font-weight: bold !important;
        padding-right: 30px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        transition: all .2s ease-out;
        border-bottom: solid transparent 5px;
        font-family: var(--font-asap-light);
    }

        .main_menu .nav-link:hover {
            color: #fff !important;
            font-size: 16px !important;
            font-weight: bold !important;
            text-decoration: none;
            background-color: transparent !important;
            /*border-bottom: 2px solid #F16E00;  */
        }

        .main_menu .nav-link:focus, .main_menu .nav-link.active {
            color: #6AC0EC !important;
            font-size: 16px !important;
            font-weight: bold !important;
            text-decoration: none;
            background-color: transparent !important;
            /*border-bottom: 2px solid #F16E00;  */
        }


.main_menu_links .slider {
    /* position: absolute;*/
    display: block;
    left: 0;
    top: 90%;
    margin: 0 auto;
    height: 2px;
    background-color: #F16E00;
    width: 0%;
    transition: width 0.5s ease;
    margin-top: 5px;
    margin-left: 0px;
}

.main_menu_links .nav-link:hover .slider {
    width: 100%;
}

.main_menu_links .nav-link.active .slider {
    width: 100%;
}

.main_menu_links .nav-link:hover span {
    color: #676567;
}

.main_menu_links .dropdown-toggle.show::after {
    vertical-align: -4px;
    transform: rotate(228deg);
    border-color: #6AC0EC;
    margin-top: -18px;
}

.main_menu .nav li.nav-item {
    font-family: Asap;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    max-width: fit-content;
}

.main_menu .dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    white-space: break-spaces;
    min-width: 150px;
}

    .main_menu .dropdown .dropdown-menu .dropdown-item:hover {
        color: #6AC0EC;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        white-space: break-spaces;
    }

.main_menu .dropdown-menu {
    background-color: #003A81;
    min-width: 200px;
    float: none !important
}

.main_menu .dropdown-item:focus, .main_menu .dropdown-item:hover {
    background-color: #003A81;
}

.main_menu .dropdown-menu {
    border-radius: 0px;
    border: 0;
}

.main_menu .dropdown.dropend:hover {
    background: #003A81;
}

.main_menu .dropdown-menu[data-bs-popper] {
    margin-top: 0px;
}

.dropend .dropdown-toggle::after, .dropdown-toggle::after {
    margin-left: 110%;
    border: solid #fff;
    border-width: 0px 1.8px 1.8px 0;
    display: inline-block;
    padding: 3px 3px 3px 3px;
    transform: rotate(45deg);
    margin-top: -21px;
}

.dropend .dropdown-toggle::after {
    transform: rotate(-45deg);
    margin-left: 70px;
    vertical-align: 0px;
}

.main_menu .main_menu_links .nav-item:hover:after {
    content: "";
    background: #F16E00;
    position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 0;
    height: 2px;
    width: 50%;
    display: none;
}

.mob_menu_list {
    display: none !important;
}

.Search_clear, .Search_submit {
    color: #fff;
    font-size: 10px;
}

    .Search_clear:hover, .Search_submit:hover {
        background-color: rgba(106, 192, 236,0.4);
        border-color: #6AC0EC;
        color: #F16E00
    }

.search_form {
    align-items: center;
    margin-top: 11px;
    margin-left: -15px;
    min-width: 250px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important;
}

.hidden {
    display: none;
}

#ctl00_TPWHeader_DivAccInfo {
    display: flex;
}

.dropdown.dropend {
    padding-left: 20px;
}

.dropend .dropdown-menu {
    margin-left: 202px;
    margin-top: -37px;
}

.fixed-top-main-menu {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    max-width: 100%;
    width: 100%;
}

.fixedbreadcrum-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1028;
}

.fixedbreadcrum-top-oci {
    position: fixed;
    right: 0;
    top: 54px;
    left: 0;
    z-index: 1028;
    max-width: 100%;
    width: 100%;
}

.lang-list {
    display: flex;
    color: #fff;
    line-height: 2;
    padding: 6px 0px;
    /*padding-top: 11px;*/
    padding-left: 10px;
}

    .lang-list .nav-link {
        padding: 0px 7px !important;
    }

        .lang-list .nav-link::after {
            content: " | ";
            position: absolute;
            margin-top: 0px;
            color: #fff;
            margin-left: 5px;
        }

        .lang-list .nav-link:last-of-type::after {
            content: " ";
        }

#ctl00_TPWHeader_ImageButton1 {
    width: 30px;
    height: 30px;
    padding: 5px;
    border: 1px solid #fff !important;
}

.Search_clear {
    background-color: #003A81 !important;
    padding: 10px 10px !important;
    border: 1px solid #fff;
}

.user_icon {
    padding-top: 18px;
    color: #fff;
    margin-left: 11px;
    margin-right: -3px;
}
/*.form-control::placeholder {
    font-size:14px;
}*/
.footer .footer-bottom-bar {
    padding-bottom: 56px;
    padding-top: 116px;
}

    .footer .footer-bottom-bar ul {
        float: right;
    }

.filters .dropdown-toggle::after {
    display: none;
}

label, .form-control, .nav-tabs, ul li, input::placeholder {
    font-size: 14px;
}

h1 {
    color: var(--gray-800, #343a40);
    font-family: var(--font-asap);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.5px;
    margin-top: 22px;
    margin-bottom: 24px;
}

.input-group-btn:last-child > .btn {
    margin-left: -14px !important;
    padding: 6px
}

.container {
    max-width: 1130px;
}

.globeicon {
    padding-top: 7px !important;
}

.footer {
    background-color: #003A81; /* #85ba35*/
    color: #fff !important;
    margin-top: 20px;
    position: relative;
}

    .footer p {
        margin-bottom: 0px;
    }

.modal-header {
    justify-content: left;
}

.placeholder {
    background: transparent;
    cursor: text;
    opacity: 1 !important;
}

.footer a.btn {
    border: #fff 2px solid;
}

.footer .footer-bottom-bar ul li {
    display: inline-block;
    list-style: none;
    margin-left: 15px;
}

    .footer .footer-bottom-bar ul li:first-child {
        margin-left: 0;
    }

.footer h3 {
    font-family: var(--font-asap-light);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 0px;
}

.btn.btn-hollow {
    height: 49px;
    width: 217px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 3;
    font-weight: 600;
    color: #003a81 !important;
}

.footer a.btn.btn-hollow:hover {
    border: #fff 2px solid;
}

.footer-contact-icons > h3 {
    margin-top: 40px;
}

.footer .top-padding-large {
    padding-top: 82px;
}

nav.navbar.navbar-expand-lg.navbar-dark.main_menu.main_menuOCI.fixed-top {
    max-width: 100%;
}

.main_menu_links .dropdown-menu li {
    margin-bottom: 5px;
}

.dropend .dropdown-menu[data-bs-popper] {
    margin-left: -26px;
}

.modal-header h3, .modal-header h2, .modal-header .modal-title {
    order: 1;
    width: 98%;
}

.modal-header .close {
    order: 2;
    align-self: baseline;
}

.pim-page .professional-products-table.following {
    top: 80px;
}

.social_connect ul, .certified_by ul {
    padding-left: 0px;
}

    .social_connect ul li {
        list-style: none;
        padding-left: 0px;
    }

    .certified_by ul li {
        list-style: none;
        padding-left: 0px;
    }

        .certified_by ul li a img {
            width: 60px !important;
            height: auto !important;
            margin-right: 12px;
            cursor: pointer;
            margin-top: 16px;
        }

            .certified_by ul li a img:hover {
                background-color: #ffffff;
                opacity: 0.3;
                border-radius: 40px;
            }

    .social_connect ul li a img {
        margin-top: 16px;
        width: 30px;
        height: auto;
        margin-right: 12px;
        cursor: pointer;
    }

.footerlinks p a {
    color: #fff;
    text-decoration: none;
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap-light);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

    .footerlinks p a:hover {
        cursor: pointer;
        color: #a5bbd8;
        text-decoration: none;
    }

.pim-button-bg .btn, .btn.btn-success, .btn.btn-primary {
    font-size: 13px;
}

.order-history-facelifted .orderInner div.infotext {
    font-size: 14px;
}

.order-history-facelifted .orderInner div.infotitle {
    font-size: 14px;
}

.order-history-facelifted .moredetails {
    font-size: 14px;
}

.order-history-facelifted .products-info-cont .orderInner div {
    font-size: 14px;
}

.btn-toolbar a.btn {
    font-size: 14px;
}

.ViewButton .btn {
    font-size: 14px;
}

.order-history-facelifted table tr td, .order-history-facelifted table tr th {
    font-size: 14px;
}

.btmtbl-btn-container .btn {
    font-size: 14px;
}

.order-history-facelifted input[type=text], .order-history-facelifted input[type=Date], .order-history-facelifted select {
    font-size: 14px;
}

.righticontext {
    font-size: 14px;
}

.order-history-facelifted .cardTitle {
    font-size: 14px;
}

.order-history-facelifted h1 {
    font-size: 34px !important;
}

.order-history-facelifted .moredetails::after {
    margin-top: 218px !important;
}

.filter-wrapper .product-search input[type="text"] {
    cursor: text;
}

.weborder-top-section .filter-wrapper .product-search input[type="text"]::placeholder {
    color: #303030;
}

div#B2bQuickBasketPanel .btn.btn-primary {
    background: #003A81;
}

#checkout .print .btn {
    background: #003A81;
}

#checkout .title-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-container .title-section .print {
    margin-top: 0px !important;
}

#ctl00_ContentRegion_SentAddressPanel {
    font-size: 14px;
}

.cell2-input-div .btn-primary {
    margin-top: -2px;
    margin-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0px;
    margin-left: -4px;
    width: 36px;
    height: 34px;
    background: #003c73;
    border: 1px solid #003c73;
}

.calendar i {
    line-height: 22px;
    font-size: 16px;
}

#ctl00_ContentRegion_btnSearchUserReport, #ctl00_ContentRegion_btnExport {
    background: #003c73;
    border: 1px solid #003c73;
}

.checkout-container .order-confirm-wrapper .back-button {
    margin: 0px 0px 0px 10px;
    background-color: transparent;
    border: #00ABBD solid 1px;
    color: #00ABBD;
    letter-spacing: 1.25px;
    font-size: 13px;
}

.footer {
    background-color: #003A81;
    color: #fff !important;
    margin-top: 20px;
    position: relative;
}

.toolkit_container h2 span {
    font-size: 40px !important;
    font-weight: 400;
    line-height: 52px;
    text-align: left;
    margin-bottom: 24px;
}

.new-login-divider1 {
    margin-top: 43px;
    margin-bottom: 41px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.divRegistrationControl {
    padding-bottom: 10px;
}

#RegistrationForm span {
    font-size: 16px;
    font-weight: 400;
    display: block;
}
/* Weborder Cataloglist */

.web-order-new .weborder-top-section .add-cart {
    background: #d1d7e7 !important;
}

    .web-order-new .weborder-top-section .add-cart .product-count {
        color: #003A81 !important;
    }

.web-order-new .btn-success, .web-order-new .btn-success:hover, .web-order-new .btn-success:focus, .web-order-new .btn-success:visited {
    background-color: #003A81 !important;
    border-color: #003A81 !important;
}

.web-order-new .weborder-top-section .add-cart .shopping-btn .badge.success {
    background-color: #F16E00 !important;
}

.web-order-new #ctl00_ContentRegion_UpdOrdeCount {
    font-size: 12px;
    font-weight: bold;
}

.web-order-new .pim-view-icons {
    align-content: baseline !important;
    text-align: end !important;
    padding-top: 10px;
}

.web-order-new .weborder-container .content-wrapper .recentlybought-section a.wrapper .title {
    color: #003A81 !important;
}

.web-order-new .filters .navbar-collapse {
    padding-left: 0px;
}

.web-order-new .filters .dropdown-toggle::after {
    display: none;
}

.web-order-new .weborder-product .wrapper .item .content {
    margin-top: 0px !important;
    height: auto !important;
}

.ColrCodes {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-bottom: -1px;
    margin-right: 0px;
}

.web-order-new .list-titlecontent {
    font-size: 14px !important;
    line-height: 19px;
}

.web-order-new .content_wrap {
    width: 70% !important;
    align-content: flex-start !important;
}

.web-order-new .quantity .qty {
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.web-order-new .unit-dropdown {
    margin-top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

    .web-order-new .unit-dropdown select {
        border-radius: 3px;
        border: 1px solid #ccc;
        background-color: #fff;
        font-size: 14px;
        margin-top: 6px;
        min-height: 32px;
        width: 100%;
        margin-right: 10px;
    }

.web-order-new .unit-dropdown-listview select {
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: transparent;
    min-height: 35px;
    font-size: 12px;
    margin-top: 0px;
    width: 100%;
    box-shadow: none;
}

.web-order-new .weborder-product .wrapper .item .image-content {
    width: 30% !important;
}

.web-order-new .weborder-product .wrapper .item .content .price {
    font-weight: 600 !important;
    font-size: 16px !important;
    bottom: 55%;
    position: absolute;
    right: 20px;
}

.web-order-new .weborder-container {
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.web-order-new .thumb-view {
    width: 17px;
    height: 13px;
    display: inline-block;
    margin-right: 1px;
    background-image: url(../img/thumb-view-icon.png);
    background-position: 0 0;
    font-size: 25px;
    margin: 5px 3px;
    color: #ccc;
}

.web-order-new .list-view {
    width: 17px;
    height: 13px;
    display: inline-block;
    background-image: url(../img/list-view-icon.png);
    background-position: 0 0;
    font-size: 25px;
    margin: 5px 3px;
    color: #ccc;
}

.web-order-new .weborder-top-section .filter-wrapper .pim-view-icons a.thumb-view.active {
    background-position: 0px 13px;
}

.web-order-new .weborder-top-section .filter-wrapper .pim-view-icons a.list-view.active {
    background-position: 0px 13px;
}

.web-order-new .weborder-product .wrapper .item .butn-section .cart-btn {
    margin-top: 0px !important;
}

.web-order-new .weborder-product .wrapper .item .butn-section .quantity-section input[type="number"] {
    height: 29px !important;
    width:100%;
}

.web-order-new .weborder-product .wrapper .item .content h3 a {
    color: #003A81;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.web-order-new .weborder-product .wrapper .item .image-content .imagesize {
    width: 90% !important;
}

.web-order-new .list-view-table {
    margin: 13px 0px !important;
    min-height: 24px;
}

.web-order-new .weborder-product .wrapper:nth-child(1) {
    margin: 15px 0px !important;
}

.web-order-new .weborder-product .wrapper .item .color span:nth-child(2) {
    color: #303030 !important;
    padding-left: 0px !important;
}

.web-order-new .content-navs li h2, .web-order-new .content-navs li p, .web-order-new .content-navs li span {
    color: #303030;
    font-size: 14px !important;
}

.web-order-new .list-view-table tr td {
    vertical-align: top !important;
}

.web-order-new .weborder-product .wrapper .item .butn-section .recident-name a.btn, .addresident {
    border-radius: 0px 4px 4px 0px;
    background: transparent !important;
    border: 1px solid #ccc !important;
    border-left: 0px !important;
    padding-top: 8px;
}

    .web-order-new .weborder-product .wrapper .item .butn-section .recident-name i, .addresident i {
        font-size: 15px !important;
        color: #303030;
    }

.web-order-new .list-view-table tr td.resident-list a {
    background: transparent !important;
    border: 1px solid #ccc !important;
    border-left: 0px !important;
}

.web-order-new .residentpopupcontainer {
    width: 100%;
}

.web-order-new .resident_popup-title {
    font-size: 34px;
    margin-bottom: 10px;
    padding-left: 40px;
}

.web-order-new #ctl00_ContentRegion_lnkAddMoreResident {
    background-color: #fff !important;
    border-color: #003A81 !important;
    color: #003A81;
}

.web-order-new .list-view-table tr td.resident-list input[type="text"] {
    background-color: #fff !important;
    border: 1px solid #ccc;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
    width: 120px !important;
    box-shadow: none;
}

.web-order-new .weborder-product .wrapper .item .butn-section .recident-name input[type="text"] {
    width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 4px 0px 0px 4px;
    background-color: #fff;
    border-right: 0px;
    box-shadow: none;
}

.web-order-new.weborder-main-container .back-top-top {
    background-color: #003A81 !important;
}

.web-order-new .list-view-table .addcart i {
    /*padding-top: 15px;*/
}

.web-order-new .list-view-table tr td a.btn {
    text-transform: uppercase;
    width: 32px;
    height: 34px;
    line-height: 1.8;
    padding-top: 10px;
}

.web-order-new .weborder-product .wrapper .item .color {
    /*position: absolute;left: 0px; top: 14px;background-color: rgba(0, 0, 0, 0.5);border-radius: 0px 8px 8px 0px;*/
    width: auto;
    /*padding: 5px 10px;*/
    z-index: 1;
    font-size: 14px;
}

.web-order-new .weborder-product .wrapper .item .color {
    position: inherit;
    left: 0px;
    top: 0px;
    background-color: transparent;
    border-radius: 0px;
    width: auto;
    padding: 0px;
    z-index: 1;
    font-size: 14px;
    color: #000000;
}

.web-order-new .weborder-product .wrapper .item .butn-section .recident-name a.btn {
    background-color: transparent !important;
    border-color: #ccc !important;
}

.web-order-new .thumb-view.active, .web-order-new .list-view.active {
    background-position: 0px -43px !important;
}
/* Pagination */
.current {
    color: green;
}

#pagin {
    display: flex;
    justify-content: end;
}

    #pagin li {
        margin: 2px 5px;
        max-width: 50px;
        text-align: center;
    }

.prev {
    cursor: pointer;
}

.next {
    cursor: pointer;
}

.last {
    cursor: pointer;
    margin-left: 5px;
}

.first {
    cursor: pointer;
    margin-right: 5px;
}

.btnsavetemplate, .btnsavetemplate :hover {
    background-color: #003A81 !important;
    text-decoration: none !important;
    border-color: #003A81 !important;
    padding: 7px 15px;
}

#myModalDialogSaveTemplate.modal {
    position: fixed;
    left: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    max-width: 90vw;
    height: 750px;
    max-height: 90vh;
    overflow: hidden;
}

.increasebutton {
    position: absolute;
    display: block;
    margin-top: -31px;
    margin-left: 66px;
}

    .increasebutton i {
        color: #999;
    }

        .increasebutton i:hover {
            color: #999;
            background-color: #ccc;
        }

.decreasebutton {
    position: absolute;
    display: block;
    margin-top: -19px;
    margin-left: 66px;
}

    .decreasebutton i {
        color: #999;
    }

        .decreasebutton i:hover {
            color: #999;
            background-color: #ccc;
        }
/*Pagination*/
/* start checkout css*/
.checkout-wrapper {
    position: relative;
    margin-top: 0px;
    display: flex;
    justify-content: space-around;
    gap: 20px;
}

.checkout-order-summary .article-txt {
    font-size: 14px;
    text-transform: capitalize;
}

.checkout-wrapper .checkout-left {
    width: 65% !important;
}

.checkout-wrapper .checkout-right {
    width: 30% !important;
}

.checkout-container .title-section .print {
    margin-top: 0px !important;
}

.checkout-wrapper .delivery.newdelivery {
    margin-left: 30px !important;
    margin-top: 0px !important;
}

.checkout-container .title-section h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 47.6px;
    letter-spacing: 0.25px;
    text-align: left;
}

.checkout-wrapper .checkout-right {
    width: 50%;
}

.checkout-print-btn {
    background-color: #003A81;
    border-color: #003A81 !important;
    padding: 7px 10px;
}

    .checkout-print-btn:hover {
        background-color: #003A81 !important;
        text-decoration: none !important;
        border-color: #003A81 !important;
        padding: 7px 10px;
    }

.checkout-wrapper .checkout-right {
    width: 50% !important;
}
/* start shupment address css */
.checkout-wrapper .shipment-address .wrapper .content h3 {
    /*font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.1px;
		font-weight: 500;*/
    padding-bottom: 8px;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
}

.checkout-wrapper .shipment-address .wrapper .content p {
    /*color: rgba(48, 48, 48, 0.7);*/
    color: #303030 !important;
    font-size: 14px;
    font-weight: 400 !important;
    /*line-height: 20px;*/
    line-height: 19.6px !important;
    letter-spacing: 0.25px;
    margin: 0px;
}
/* end  shipment address css */
/* start delivery css */
.checkout-wrapper .delivery.newdelivery {
    margin-left: 30px !important;
    margin-top: 0px !important;
}

.checkout-wrapper .delivery .wrapper .form-group .msg2 {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #303030;
}
/* end  delivery css */
/* start order summary css*/
.checkout-order-summary .order-summery {
    padding-left: 0px !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .checkout-order-summary .order-summery .wrapper {
        border: #E2E3E4 solid 1px;
        padding: 15px;
        border-radius: 4px;
    }

        .checkout-order-summary .order-summery .wrapper h2 {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0.15px;
            font-weight: 500;
            padding-bottom: 16px;
        }

        .checkout-order-summary .order-summery .wrapper .summary-section tr {
            border-bottom: #E2E3E4 solid 1px;
        }

            .checkout-order-summary .order-summery .wrapper .summary-section tr:first-child, .checkout-order-summary .order-summery .wrapper .summary-section tr:nth-last-child(-n+2) {
                border-bottom: none;
            }

        .checkout-order-summary .order-summery .wrapper .summary-section table th {
            padding: 0px 10px 0px 0px;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.1px;
            font-weight: 500;
            /* start newly added css */
            /* end newly added css */
        }

            .checkout-order-summary .order-summery .wrapper .summary-section table th:last-child {
                padding-right: 0px;
            }

        .checkout-order-summary .order-summery .wrapper .summary-section table td {
            padding: 7px 10px 7px 0px;
            height: 60px;
        }

            .checkout-order-summary .order-summery .wrapper .summary-section table td:last-child {
                padding-right: 0px;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td h3 {
                /*font-size: 14px;*/
                font-size: 16px;
                /*line-height: 20px;*/
                line-height: 22.4px;
                font-weight: 400;
                letter-spacing: 0.15px;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td h4 {
                /*font-size: 10px;*/
                font-size: 14px;
                /*line-height: 14px;*/
                line-height: 19.6px;
                /*font-weight: 500;*/
                font-weight: 400;
                text-transform: uppercase;
                /*letter-spacing: 1.5px;*/
                letter-spacing: 0.25px;
                /*color: rgba(48, 48, 48, 0.7);*/
                color: #303030;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td h6 {
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                letter-spacing: 0.25px;
                color: #303030;
                margin: 0px;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td p {
                font-size: 14px;
                line-height: 20px;
                text-align: right;
                font-weight: 400;
                letter-spacing: 0.25px;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td h2 {
                /*font-size: 22px;*/
                font-size: 24px;
                /*line-height: 30px;*/
                line-height: 33px;
                font-weight: 400;
                margin: 0px;
                padding: 0px;
                color: #303030;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td h5 {
                /*font-size: 22px;*/
                font-size: 24px;
                /*line-height: 30px;*/
                line-height: 33px;
                font-weight: 400;
                margin: 0px;
                padding: 0px;
                text-align: right;
                color: #303030;
            }

            .checkout-order-summary .order-summery .wrapper .summary-section table td .total-section {
                display: flex;
                flex-direction: row;
            }

                .checkout-order-summary .order-summery .wrapper .summary-section table td .total-section .total-text {
                    flex: 1;
                }

                .checkout-order-summary .order-summery .wrapper .summary-section table td .total-section .price {
                    width: 10%;
                }

                .checkout-order-summary .order-summery .wrapper .summary-section table td .total-section h5 {
                    font-size: 24px;
                    line-height: 33px;
                    font-weight: 400;
                    margin: 0px;
                }

        .checkout-order-summary .order-summery .wrapper .summary-section .localweborder-section table {
            overflow-y: auto;
            display: block;
            max-height: 340px;
            padding-right: 10px;
        }

        .checkout-order-summary .order-summery .wrapper .summary-section .ordersimulation-section table {
            overflow-y: auto;
            display: block;
            max-height: 440px;
            padding-right: 10px;
        }

        .checkout-order-summary .order-summery .wrapper .summary-section .ociordersimulation-section table {
            overflow-y: auto;
            display: block;
            max-height: 540px;
            padding-right: 10px;
        }

        .checkout-order-summary .order-summery .wrapper .summary-section table tbody {
            display: table;
            width: 100%;
        }

.inlinetext {
    white-space: nowrap;
}

.checkout-order-summary .order-summery .wrapper .o-section {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    padding: 6px 15px;
    line-height: 19px;
    letter-spacing: 0.25px;
    font-weight: normal;
    margin-top: 22px;
    margin-bottom: 0px;
    border: none;
}

.checkout-order-summary .order-summery .wrapper .warning-section .icon {
    align-self: center;
}

.checkout-order-summary .order-summery .wrapper .warning-section .icon-warning {
    font-size: 22px;
    color: #FFBB11;
    padding-right: 13px;
}
/* end order summary css*/
/* start order-confirmation css */
.checkout-order-summary .order-confirmation .wrapper {
    border: #E2E3E4 solid 1px;
    padding: 15px;
    border-radius: 4px;
    width: 49.5%;
}

    .checkout-order-summary .order-confirmation .wrapper h2 {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.15px;
        font-weight: 500;
        padding-bottom: 16px;
    }

    .checkout-order-summary .order-confirmation .wrapper .form-group label {
        font-weight: normal;
    }

    .checkout-order-summary .order-confirmation .wrapper .form-group input[type="checkbox"] {
        margin-right: 3px;
    }

    .checkout-order-summary .order-confirmation .wrapper .form-group h5 p {
        font-size: 11px;
        font-weight: 400;
    }

    .checkout-order-summary .order-confirmation .wrapper .btn {
        letter-spacing: 1.25px;
        font-size: 12px;
        padding: 8px 16px;
    }

    .checkout-order-summary .order-confirmation .wrapper .back-button {
        /*margin: 0px 0px 0px 10px;*/
        margin: 0px 10px 0px 0px;
        background-color: transparent;
        border: #003A81 solid 1px !important;
        color: #003A81 !important;
        letter-spacing: 1.25px;
    }

    .checkout-order-summary .order-confirmation .wrapper .btn-success {
        background-color: #003A81 !important;
        border-color: #003A81 !important;
    }
        .checkout-order-summary .order-confirmation .wrapper .btn-success.primary_ctaButton {
            background-color: #F16E00 !important;
            border-color: #F16E00 !important;
        }       

        .checkout-order-summary .description_font {
            font-size: 14px;
        }

.checkout-order-summary .ColrCodes {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-bottom: -1px;
    margin-right: 0px;
}

.checkout-container .order-confirm-wrapper .back-button {
    margin: 0px 0px 0px 10px;
    background-color: transparent;
    border: #00ABBD solid 1px;
    color: #00ABBD;
    letter-spacing: 1.25px;
    font-size: 13px;
}

.checkout-container .title-section .print {
    margin-top: 0px !important;
}

#checkout .print .btn {
    background: #003A81;
}

#checkout .title-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-order-summary hr {
    border: 1px solid #999;
    margin-bottom: 20px;
}

.checkout-container .alert-warning.warning-section {
    background: rgba(255, 187, 17, 0.1) !important;
    font-size: 14px !important;
}

.error_label {
    padding-left: 15px;
    color: #888;
}

/* end order-confirmation css checkout */
/* Header */
.main_menu .dropdown.dropend .nav-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tena-footer-logo img {
    width: 101px;
    height: 64px;
}
/* Header */

/* Sample Order Hostory */
.order_history_ui.order-history-facelifted .filter_click {
    border: solid #003A81;
    background: #003A81;
}

.order_history_ui.order-history-facelifted .ViewButton a {
    line-height: 1.7;
}

.order_history_ui.order-history-facelifted .showonlyorders input[type="checkbox"]:checked, .order-history-facelifted .showonlyorders input[type="checkbox"]:checked:hover {
    accent-color: #003A81 !important;
}

.order_history_ui .ui-state-active, .order_history_ui .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #003A81 !important;
}

.order_history_ui .ui-datepicker td a:hover {
    border: 1px solid #003A81 !important;
}

.order_history_ui.order-history-facelifted .filter_click:hover, .order_history_ui .filter_click:active, .order_history_ui .filter_click:focus {
    border: solid #003A81;
    background: #003A81;
}

.order_history_ui.order-history-facelifted .ShippingInfoCardTitle {
    background-color: #003A81;
}

.order_history_ui.order-history-facelifted .moredetails:hover {
    color: #003A81;
    font-weight: bold;
}

.order_history_ui.order-history-facelifted .moredetails {
    color: #003A81;
}

.order_history_ui.order-history-facelifted .product-group .product-head {
    background-color: rgba(0, 58, 129,0.2);
}

.order_history_ui.order_history_ui.order-history-facelifted .shopping-cart-button:hover {
    border: 1px solid #003A81;
}

.order_history_ui.order-history-facelifted .shopping-cart-button {
    border: 1px solid #003A81;
}

.order_history_ui.order-history-facelifted .moredetails::after {
    margin-top: 0px !important;
}

.order_history_ui.order-history-facelifted .moredetails::after {
    border-right: 0.1em solid #003A81;
    border-top: 0.1em solid #003A81;
}

.order_history_ui.order-history-facelifted .moredetails:hover::after {
    border-right: 0.2em solid #003A81;
    border-top: 0.2em solid #003A81;
}

.order_history_ui.order-history-facelifted .moredetails.rotate::after {
    border-right: 0.1em solid #003A81;
    border-top: 0.1em solid #003A81;
}

.order_history_ui.order-history-facelifted .moredetails.rotate:hover::after {
    border-right: 0.2em solid #003A81;
    border-top: 0.2em solid #003A81;
}

.order_history_ui.order-history-facelifted .clear_click, .order_history_ui.order-history-facelifted .clear_click:hover, .order_history_ui.order-history-facelifted .clear_click:active, .order_history_ui.order-history-facelifted .clear_click:focus {
    border: 1px solid #003A81;
    color: #003A81 !important;
}

.order_history_ui.order-history-facelifted .print-icon img:hover {
    background-color: #F16E00;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.order_history_ui.order-history-facelifted .shopping-icon img:hover {
    background-color: #F16E00;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}


.tabledataContainer {
    margin: 0px 0px !important;
}

.order-history-facelifted .clearAllFilter.btn-disabled {
    color: #E2E3E4 !important;
}
/* Sample order history*/


.residentpopupcontainer h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    padding-left: 40px;
}

.recident-popup-table th span {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: left;
}

#DivMainResidentPopup {
    padding: 0px 40px 40px 40px
}

.residentdata input[type="text"] {
    height: 30px;
    padding: 8px 8px 8px 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    color: #303030;
    border: 1px solid #989EA3;
    box-shadow: none;
    background-color: #fff;
}

#ResidentPopup .modal-header {
    padding-top: 40px;
}

#ResidentPopup .modal-header, #ctl00_ContentRegion_ResidentInnerupdate .modal-content {
    background: #fff;
}

.recident-popup-table.table > :not(caption) > * > * {
    background-color: #fff;
}

.recident-popup-table.table > thead > tr > th {
    border-bottom: 1px solid #E7E8E8;
}

.recident-popup-table select {
    height: 30px;
    box-shadow: none;
    border: 1px solid #989EA3;
}

#ResidentPopup .btn-close {
    width: 24px;
    height: 24px;
    background: url(../img/closeicon_tenablue.png);
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-right: 10px;
}

.bi-caret-up-fill::before, .bi-caret-down-fill::before {
    line-height: 1.4 !important;
    font-size: 11px;
}

#shopBasket .form-control {
    box-shadow: none;
}

.weborder-product .wrapper .item {
    padding: 15px !important;
}

.weborder-top-section .filters .navbar-nav > li > a {
    padding: 3px 8px 3px 0px !important;
}

.weborder-top-section .filter-show {
    margin: 10px 0px 0px 0px;
}

.mega-content .accordion-flush .accordion-collapse {
    transition: height 1s;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: transparent;
    border: none;
}
/* Media Quesries mobile */
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .site-logo-login {
        margin-left: 0px !important;
        margin-top: 6px !important;
    }

    .container {
        max-width: 540px;
    }

    .modal-header h3, .modal-header h2, .modal-header .modal-title {
        order: 1;
        width: 98%;
    }

    .modal-header .close {
        order: 2;
        align-self: baseline;
    }

    #ctl00_ContentRegion_SentAddressPanel {
        font-size: 14px;
    }

    .filter-wrapper .product-search input[type="text"] {
        cursor: text;
        color: #303030;
    }

    .dropend .dropdown-menu {
        margin-left: 5px;
        margin-top: -30px;
    }

    .wrapper {
        padding-top: 0px;
    }

    .dropdown.dropend {
        padding-left: 10px;
    }

    .top_menu {
        display: none;
    }

    .navbar-toggler {
        border-color: transparent;
        max-height: 50px;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .top_menu .navbar-nav {
        flex-direction: row;
        display: contents;
    }

    div#navbarSupportedContent {
        position: fixed;
        margin-top: 0px;
        margin-left: -13px;
        background: #003A81;
        width: 80%;
        height: 100%;
    }

    .main_menu_links.nav {
        display: block;
    }

    .nav-fill .nav-item, .nav-fill > .nav-link {
        text-align: left;
    }

    .main_menu_links .dropdown-menu {
        position: relative;
        border-radius: 0px;
        background-color: #003A81;
        border: 1px solid #003A81;
        margin-top: 0px;
        box-shadow: none;
    }

        .main_menu_links .dropdown-menu.show {
            margin-left: 10px;
            box-shadow: none;
        }

    .main_menu .nav-link, .main_menu .nav-link:hover, .main_menu .nav-link:focus {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding-left: 1rem;
        font-weight: 600;
        padding-right: 35px;
        white-space: break-spaces;
    }

    .main_menu_links .dropdown-menu .dropdown-item {
        color: #fff;
    }

    .main_menu_links .dropdown-item:focus, .main_menu_links .dropdown-item:hover {
        background-color: transparent;
    }

    mob_menu_list {
        display: block;
    }

    .mob_menu {
        display: flex !important;
    }

        .mob_menu .nav-link {
            font-weight: 300;
        }

    .offcanvas-header .__sitelogo img {
        max-height: 50px;
    }

    .offcanvas-header .__sitelogotext {
        font-family: Asap;
        font-size: 25px;
        font-weight: 400;
        text-align: left;
    }

    .footer .footer-bottom-bar ul {
        float: left;
        margin-bottom: 44px;
    }

    .user_icon {
        padding-top: 8px;
        color: #fff;
        margin-left: 0px;
        margin-right: 0px;
        font-size: 18px;
    }

    .search_icon .bi.bi-search {
        margin-right: 13px;
        margin-left: -10px;
    }

    .mob_menu_list {
        margin-top: -10px;
    }

        .mob_menu_list li {
            line-height: 2.5;
        }

    #ctl00_TPWHeader_ImageButton2 {
        width: 30px;
        padding: 4px;
        border: 1px solid #fff !important;
    }

    .lang-list {
        font-size: 13px !important;
    }

    .bi-globe2 {
        padding-top: 10px !important;
        margin-left: -9px;
        padding-right: 0px !important;
    }

    .navbar-collapse {
        max-height: none;
    }

    .dropdown.dropend ul.dropdown-menu.show {
        margin-left: -210px;
        width: 230px;
    }

    .fixed-top {
        border-radius: 0;
        max-width: 100%;
        width: 100%;
    }

    .footer {
        background-color: #003A81; /* #85ba35*/
        color: #fff;
        margin-top: 20px;
        z-index: 9;
        position: relative;
    }

    .offcanvas-body {
        overflow-y: auto;
        max-height: 90%;
    }

    .main_menu_links .dropdown-menu li {
        margin-bottom: 15px;
        width: 245px;
    }



    .web-order-new .list-view-table table tr th {
        font-size: 11px;
        font-weight: 400;
        display: none;
    }

    .web-order-new .list-view-table table tr td {
        font-size: 11px;
        font-weight: 400;
        padding: 10px 5px 10px 5px !important;
        word-break: break-word;
    }

    .web-order-new .list-view-table tr td.resident-list a.btn {
        padding-top: 7px !important;
    }

    .web-order-new .list-view-table tbody#listView tr {
        border-bottom: 1px solid #ccc;
        display: flex;
        flex-wrap: wrap;
    }
        .web-order-new .list-view-table tbody#listView tr.collapsible-row {
            border-bottom: 0px solid #ccc;
        }

        .web-order-new .list-view-table table tr td:first-child {
            width: 100%;
        }

    .web-order-new .list-view-table .addcart i {
        padding-top: 0px;
        font-size: 14px;
    }

    .web-order-new .list-view-table tr td.resident-list input[type="text"] {
        width: 100% !important;
    }

    .web-order-new .unit-dropdown-listview select {
        max-height: 33px !important;
    }

    .web-order-new .unit-dropdown-listview {
        width: 145px;
    }

    .footer .footer-bottom-bar ul li {
        display: block;
        list-style: none;
        margin-left: 0px !important;
    }
}
/* Media Quesries ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width:90%;
    }

    .fixed-top {
        border-radius: 0;
    }

    .top_menu {
        display: none;
    }

    .navbar-toggler {
        border-color: transparent;
        max-height: 50px;
    }

        .navbar-toggler:focus {
            box-shadow: none;
        }

    .top_menu .navbar-nav {
        flex-direction: row;
        display: contents;
    }

    .main_menu_links.nav {
        display: block;
    }

    .nav-fill .nav-item, .nav-fill > .nav-link {
        text-align: left;
    }

    .main_menu_links .dropdown-menu {
        position: relative;
        border-radius: 0px;
        background-color: #003A81;
        border: 1px solid #003A81;
        margin-top: 0px;
    }

        .main_menu_links .dropdown-menu li {
            margin-bottom: 15px;
        }

        .main_menu_links .dropdown-menu.show {
            margin-left: 20px;
        }

    .main_menu .nav-link, .main_menu .nav-link:hover, .main_menu .nav-link:focus {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding-left: 1rem;
        font-weight: 600;
        padding-right: 35px;
    }

    .main_menu_links .dropdown-menu .dropdown-item {
        color: #fff;
    }

    .main_menu_links .dropdown-item:focus, .main_menu_links .dropdown-item:hover {
        background-color: transparent;
    }

    .mob_menu {
        display: block;
    }

        .mob_menu .nav-link {
            font-weight: 300;
        }

    .offcanvas-header .__sitelogo img {
        max-height: 50px;
    }

    .offcanvas-header .__sitelogotext {
        font-family: Asap;
        font-size: 25px;
        font-weight: 400;
        text-align: left;
    }

    .offcanvas.offcanvas-start {
        width: 300px;
    }

    .footer {
        background-color: #003A81;
        color: #fff;
        margin-top: 20px;
    }

    .offcanvas-body {
        overflow-y: auto;
        max-height: 90%;
    }
}

/*card new design*/

.web-order-new .button_cart {
    background-color: #003A81;
    color: #ffffff;
    font-size: 14.5px !important;
}

    .web-order-new .button_cart:hover {
        background-color: #003a81cd !important;
        color: #ffffff !important;
        font-size: 14.5px !important;
    }

.web-order-new .button_cart_border {
    background: white;
    border: 2px solid #003a81cd;
    color: #003A81 !important;
    font-size: 14px !important;
}

    .web-order-new .button_cart_border:hover {
        background: white;
        border: 2px solid #003a81cd;
        color: #003a81cd;
        font-size: 14px !important;
    }

.web-order-new .remove-btn {
    background-color: #003A81 !important;
    color: white;
}

    .web-order-new .remove-btn:hover {
        background-color: #003a81 !important;
        color: white;
    }

.web-order-new .selectInput {
    width: 170px;
    height: 34px !important;
    font-size: 14px;
    background-color: transparent !important;
    border-color: #ccc !important;
}

.web-order-new .deleteIcon_card {
    height: 31px !important;
    border-radius: 6px !important;
    background-color: #F16E00 !important;
    color:#fff;
}

    .web-order-new .deleteIcon_card:hover {
        height: 31px !important;
        border-radius: 6px !important;
        background-color: #E56800 !important;
        color: #fff;
    }

.web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td a.btn {
    padding: 8px 5px 7px;
}

.web-order-new .webCart_priceText {
    font-size: 14px !important;
    font-weight: 400;
}

.web-order-new .description_font {
    font-size: 14px !important;
    font-family: 400;
}

.web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table th, .fs-14 {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0px;
}

.web-order-new .table > tbody > tr > th {
    border: 1px solid blue !important;
}

.web-order-new .table_Defaultdesign tbody tr td {
    background-color: #ffffff;
    padding: 14px 10px;
    padding-left: 0px;
}

.web-order-new .table_Defaultdesign thead tr th {
    border: 0px !important;
    background-color: #ffffff;
    text-align: start;
    font-size: 14px;
    font-weight: 400;
}

.web-order-new .table_Defaultdesign tbody tr {
    border-bottom: 1px solid #80808047 !important;
}

    .web-order-new .table_Defaultdesign tbody tr:last-child {
        border-bottom: transparent !important;
    }

.web-order-new .cart_bottomButton > .button_cartPage2 {
    font-size: 12px !important;
    background-color: #003A81;
    color: #ffffff;
    padding-top: 6px;
    height: 32px;
}

.web-order-new .button_cart_border2 {
    background: white;
    border: 2px solid #003a81cd;
    color: #003A81 !important;
    font-size: 12px;
    padding-top: 6px;
    height: 32px;
}

    .web-order-new .button_cart_border2:hover {
        background: white;
        border: 2px solid #003a81cd;
        color: #003A81 !important;
    }

.web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu a.btn {
    font-size: 14px;
    padding: 6px 15px;
}

.web-order-new .icon_box {
    -webkit-text-stroke: 1px;
}

.web-order-new .mobile_designCardPage {
    display: none;
}

.web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu {
    padding: 15px;
    overflow: auto;
    min-height: 100px;
    max-height: 100vh;
    border: 1px solid #d9dede;
    background-color: #fff;
}

    .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td input[type="text"] {
        width: 100px !important;
        background-color: #fff !important;
        height: 34px;
        border-radius: 3px;
        font-size: 14px;
        border: 1px solid #ccc;
    }

    .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td .quantity input[type="button"] {
        color: #303030 !important;
        background: transparent !important;
        font-size: 10px !important;
    }

        .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td .quantity input[type="button"].decreasebutton, .quickbasketfacelifted .decreasebutton {
            position: absolute;
            display: block;
            margin-top: 14px;
            margin-left: 72px;
        }

            .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td .quantity input[type="button"].decreasebutton:hover, .quickbasketfacelifted .decreasebutton:hover {
                position: absolute;
                display: block;
                margin-top: 14px;
                margin-left: 72px;
            }

        .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td .quantity input[type="button"].increasebutton, .quickbasketfacelifted .increasebutton {
            position: absolute;
            display: block;
            margin-top: 4px;
            margin-left: 72px;
        }

            .web-order-new .weborder-top-section .add-cart .shopping-btn .mega-menu table td .quantity input[type="button"].increasebutton:hover, .quickbasketfacelifted .increasebutton:hover {
                position: absolute;
                display: block;
                margin-top: 4px;
                margin-left: 72px;
            }

.mobile_designCardPage {
    display: none;
}

.newshoppingcart #shopBasket > thead > tr > th {
    text-transform: capitalize;
    text-align: left;
    padding-left: 0px;
    background: transparent;
}

.newshoppingcart #shopBasket > tbody > tr > td {
    text-transform: capitalize;
    text-align: left;
    background: #fff !important;
    padding: 20px 0px;
}

.newshoppingcart .btn.btn-success {
    background-color: #003A81 !important;
    border-color: #003A81 !important;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 7px;
}

.newshoppingcart .btn.btn-outline-primary {
    color: #003A81;
    border-color: #003A81;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 7px;
}

    .newshoppingcart .btn.btn-outline-primary:hover {
        color: #fff;
        background-color: #003A81;
        border-color: #003A81;
        height: 32px;
        font-size: 14px;
        line-height: 1.5;
        padding: 5px 7px;
    }

.newshoppingcart table td.remove a.btn {
    border-radius: 3px !important;
    width: 30px;
    height: 30px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    background: #003A81;
}

.newshoppingcart .selectInput {
    min-height: 33px;
    font-size: 14px;
    max-width: 100%;
    width: 85%;
}

.newshoppingcart .quantity input[type="button"].decreasebutton {
    margin-top: 16px;
    position: absolute;
    margin-left: -18px;
    width: auto !important;
    height: 15px !important;
    padding: 0px !important;
    background-color: #f1f1f1 !important;
    border-radius: 2px !important;
    line-height: 1 !important;
    color: #333;
    border: 0;
    top: auto;
    right: auto;
}

    .newshoppingcart .quantity input[type="button"].decreasebutton:hover {
        margin-top: 16px;
        position: absolute;
        margin-left: -18px;
        width: auto !important;
        height: 15px !important;
        padding: 0px !important;
        background-color: #f1f1f1 !important;
        border-radius: 2px !important;
        line-height: 1 !important;
        color: #333;
        border: 0;
        top: auto;
        right: auto;
    }

.newshoppingcart .quantity input[type="button"].increasebutton {
    margin-top: 1px;
    position: absolute;
    margin-left: -18px;
    width: auto !important;
    height: 15px !important;
    background-color: #f1f1f1 !important;
    border-radius: 2px !important;
    padding: 0px !important;
    line-height: 1 !important;
    color: #333;
    top: auto;
    right: auto;
    border: 0;
}

    .newshoppingcart .quantity input[type="button"].increasebutton:hover {
        margin-top: 1px;
        position: absolute;
        margin-left: -18px;
        width: auto !important;
        height: 15px !important;
        background-color: #f1f1f1 !important;
        border-radius: 2px !important;
        padding: 0px !important;
        line-height: 1 !important;
        color: #333;
        top: auto;
        right: auto;
        border: 0;
    }

.newshoppingcart input[type="text"] {
    width: 85px !important;
    background-color: #fff !important;
    height: 34px;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
}

.deleteIcon_card {
    background-color: #F16E00;
    height: 30px;
    width: 30px;
    color:#fff;
}
    .deleteIcon_card:hover {
        background-color: #E56800;
        height: 30px;
        width: 30px;
        color:#fff;
    }

.newshoppingcart input[type="text"].residenttextbox {
    width: 150px !important;
}

.newshoppingcart .icon-play3:before {
    content: "\ea1c";
}

.web-order-new .wrapper .item .color span:nth-child(1) {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    margin-bottom: -2px;
    margin-right: 2px;
}

#product-list-list-view .ColrCodes {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-bottom: -1px;
    margin-right: 2px;
}

.web-order-new .salesunit {
    min-height: 28px;
    min-width: 75px;
    max-width:100%;
    background-color: #f1f1f1;
    margin-bottom: 9px;
    padding: 0px 10px;
    border-radius: 3px;
    line-height: 2;
    border: 1px solid #ccc;
    font-size:13px;
    margin-top:6px;
}

.sticky-container .top-row {
    top: 116px;
    position: absolute;
}

.foldable-filter-arrow {
    background-color: #fff;
    width: 38px;
    height: 10px;
    float: right;
}

.order-sample-top-section .filter-show a {
    padding: 4px 8px;
}
/* checkout Page */
.checkout-wrapper .delivery.newdelivery {
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.checkout-wrapper .checkout-left, .checkout-wrapper .checkout-right {
    width: 100% !important;
}

.checkout-order-summary .ColrCodes {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-bottom: -1px;
    margin-right: 0px;
}



@media (max-width: 767.98px) {
    .bi-globe2::before {
        margin-top: 4px;
        font-size: 16px;
    }

    .footer .footer-bottom-bar {
        padding-bottom: 16px;
        padding-top: 0px;
    }

    .mobile_designCardPage {
        display: block !important;
        padding: 15px;
    }

    .table_forMediaQuery {
        display: none !important;
    }

    .checkout-order-summary .order-confirmation .wrapper {
        border: #E2E3E4 solid 1px;
        padding: 15px;
        border-radius: 4px;
        width: 100%;
    }

        .checkout-order-summary .order-confirmation .wrapper .btn-success {
            background-color: #003A81 !important;
            border-color: #003A81 !important;
            width: 100%;
            margin-bottom: 10px;
        }
}


.primary_ctaButton {
    color: white;
    background-color: var(--primary_ctaButtonColor) !important;
    border-color: var(--primary_ctaButtonColor) !important;
    font-size: 14px;
}

.text_primary_ctaButton {
    color: var(--primary_ctaButtonColor) !important;
}

.primary_ctaButton:hover {
    color: white;
    background-color: var(--primary_ctaButtonColorHover) !important;
    border: none !important
}

.primary_ctaButton:active {
    color: white !important;
    background-color: var(--primary_ctaButtonColorActive) !important;
    box-shadow: none !important;
    border: none;
}

.primary_ctaButton:focus {
    color: white;
    background-color: var(--primary_ctaButtonColor) !important;
    border: none !important;
    outline: none !important;
}

.order-sample-main-container .back-top-top {
    /*background-color: var(--primary_ctaButtonColor)!important;*/
}

.newsButton_new {
    position: absolute;
    bottom: 16px;
    right: 17px;
    width: 156px !important;
    height: 40px !important;
    border-radius: 4px !important;
    gap: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

    .newsButton_new > i {
        font-size: 18px !important;
    }

.elearning .tabs li a.active {
    background-color: var(--primary_ctaButtonColor);
}

.order-history-facelifted .filter_click {
    background-color: var(--primary_ctaButtonColor) !important;
    border: none !important;
    line-height: 2 !important;
}

    .order-history-facelifted .filter_click:hover {
        background-color: var(--primary_ctaButtonColorActive) !important;
        box-shadow: none !important;
        border: none;
    }

.radioValid {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 2px solid red;
    border-radius: 50%;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    bottom: -2px;
}
/*Admin-for-sample--brochures-assortment tab button*/
.prod-catg .tabs li a.active, .prod-catg2 .tabs li.active {
    background-color: #003A81 !important;
}

.manuals-container .add-quesans-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: var(--primary_ctaButtonColorActive) !important;
}

.manuals-container .add-quesans-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: var(--primary_ctaButtonColorActive) !important;
}

.order-sample-top-section .add-cart .shopping-btn .mega-menu .footer .btn {
    border: none;
}

    .order-sample-top-section .add-cart .shopping-btn .mega-menu .footer .btn:hover {
        border: none !important;
    }



.order-sample-top-section .add-cart .shopping-btn .badge.success {
    background-color: #003c73 !important;
}




.order-sample-product .wrapper .item .butn-section .download-btn .btn-outline-primary:hover {
    background-color: #003A81 !important;
    border: none;
}

.removebtn {
    font-size: 14px;
    padding: 9px 11px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    margin: 0px;
    background-color: #00abbd;
    border: transparent;
    position: relative;
    display: inline;
}

.btnRegister-enabled {
    background-color: blue;
    color: white;
    cursor: pointer;
}

/* Disabled state */
.btnRegister-disabled {
    background-color: rgb(229, 229, 229) !important;
    color: #888;
    cursor: not-allowed !important;
    pointer-events: none;
}

    .btnRegister-disabled:hover {
        background-color: rgb(229, 229, 229) !important;
        color: #888;
        cursor: not-allowed !important;
        pointer-events: none;
    }

/* Newly addede */
.primary_ctaButton {
    color: white;
    background-color: #F16E00 !important;
    border: none !important
}

    .primary_ctaButton:hover {
        color: white;
        background-color: #E56800 !important;
        border: none !important
    }

    .primary_ctaButton:active {
        color: white !important;
        background-color: #CD5E00 !important;
        box-shadow: none !important;
        border: none;
    }

.boxWithBorder.gray a {
    color: #003a81;
}

    .boxWithBorder.gray a:hover {
        color: #003a81;
        text-decoration: underline;
    }

.divRegistrationControl a {
    color: #003a81;
}

    .divRegistrationControl a:hover {
        color: #003a81;
        text-decoration: underline;
    }

.header .breadcrumb-bar {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 0px;
}

#ot-sdk-btn.ot-sdk-show-settings {
    font-family: var(--font-asap);
    font-size: inherit;
    border: none;
    color: #fff;
    outline: none;
    padding-left: 0;
    padding-right: 0px;
}

    #ot-sdk-btn.ot-sdk-show-settings:hover {
        background-color: transparent;
        text-decoration: underline;
        font-size: inherit;
        padding-left: 0;
    }

.tag_Button_Container {
    background: var(--bg_greylight);
    position: relative;
    border-bottom: 1px solid #adb5bd;
    font-family: var(--font-asap-light);
}

.Tags__Button {
    margin-right: 96px;
    color: #003a81;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: var(--font-asap);
    background: transparent;
    border: none;
    padding: 20px 0;
    cursor: pointer;
}

    .Tags__Button:hover {
        color: #33b1e7;
    }

.filter2 .activeTagFiter {
    transition: 0.4s;
    color: #1e1e1e !important;
}

.activeTagFiter {
    pointer-events: none;
}

.tag_Button_Container .indicator {
    border-bottom: 2px solid #343a40;
    position: absolute;
    bottom: 0;
    width: 0;
    opacity: 0;
}

@media (max-width: 576px) {
    .order-history-facelifted .error-display span {
        margin-right: 5px;
    }

    .newshoppingcart .selectInput {
        min-height: 33px;
        font-size: 14px;
        width: 100%;
        background-color: #fff;
        margin-left: 4px;
    }

    .newshoppingcart input[type="text"].residenttextbox {
        width: 95% !important;
    }

    .cart-item {
        display: block !important;
    }

    .forMobile {
        display: block;
    }

    .cart-actions {
        margin-top: 40px;
        flex-direction: column-reverse;
    }

    .button_space {
        flex-direction: column;
        display: flex;
    }

    .button_cart_border,
    .button_cart {
        width: 100%;
        margin-bottom: 10px;
    }

    .mega-menu {
        padding: 15px 14px 15px 5px !important;
    }

    #quickBasketUl {
        margin-left: 22px !important;
    }

    .cartmobile_price > p {
        font-size: 14px !important;
        margin-bottom: 0px;
    }

    .cartmobile_price .unit_price {
        font-weight: 500 !important;
        font-size: 15px !important;
    }

    .mobile_designCard {
        border-bottom: 1px solid #80808047 !important;
        padding: 6px 0px;
    }

        .mobile_designCard:last-child {
            border-bottom: transparent !important;
        }



        .mobile_designCard .item-details > p {
            font-size: 14px !important;
        }

    .footer-button .button_cart, .footer-button .button_cart_border {
        font-size: 14px !important;
        font-weight: 500;
    }

    .weborder-top-section .add-cart .shopping-btn .mega-menu .footer-button a.btn {
        margin-bottom: 8px !important;
    }

    .selectCard_width {
        width: 200px;
    }

    /*only card page*/

    .card_responsiveButton {
        flex-direction: column-reverse !important;
    }

    .table_forMediaQuery {
        display: none;
    }

    .cart_ForPage {
        margin-top: 0px;
        flex-direction: column-reverse;
    }


    .mobile_designCardPage {
        display: block !important;
    }

    .web-order-new .inputquantitymob {
        width: 55px !important;
        background-color: #fff !important;
        text-align: center;
        height: 34px;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    .mobilecard_design {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px !important;
        padding-top: 15px;
        padding-left: 10px;
    }

    .deleteIcon_card .bi-trash3::before {
        content: "\f78b";
        margin-top: 2px;
        margin-left:-1px;
    }

    .cart_ForPage {
        margin-top: 10px;
        flex-direction: column-reverse;
    }

    .checkout-wrapper .delivery.newdelivery {
        margin-left: 0px !important;
        margin-top: 20px !important;
    }
}

@media (min-width: 990px) {
    .table_forMediaQuery {
        display: inline-table !important;
    }
    .weborder-top-section .filters .navbar-nav {
        margin: 0px;
        padding: 0px;
        display: block;
    }
}

.form-control {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0) !important;
}

/* Home Page Teasers*/
.newhomepage-teasers .teasers .image {
    position: relative;
    width: 100%;
    min-height: 370px;
    max-height: 370px;
    background-position: top center;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.web-order-new .weborder-product .wrapper .item .content .price {
    font-weight: 600 !important;
    font-size: 16px !important;
    bottom: 58%;
    position: absolute;
    right: 20px;
}

.cart-btn {
    width: 60%;
}

.weborder-main-container .modal-body .butn-section .cart-btn {
    width: 100%;
}

.web-order-new.weborder-main-container .modal-body .butn-section .quantity-section .salesunit {
    line-height: 1;
}

.web-order-new.weborder-main-container .modal-body .butn-section .quantity-section input[type="number"] {
    height: 35px;
}
#myPanelLoadTemplateDialog .modal-footer .primary_ctaButton {
    min-height:30px;
}
/*footer Logo abd Text */
.footer p {
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.footer a {
    color: /*#fff*/ #fff;
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap-light) !important;
    font-weight: 100;
    font-size: 13px;
    font-style: normal;
    line-height: 24px;
}

.footer span {
    color: /*#fff*/ #fff;
    font-family: var(--font-asap-light) !important;
    font-weight: 100;
    font-size: 13px;
    font-style: normal;
    line-height: 24px;
}

.footerImage {
    padding-top: 18px;
    text-align: center;
}

.footercont {
    gap: 30px;
    display: flex;
    align-items: center;
}

.footercontet {
    width: 83%;
}
.footer-bottom img {
    height: 46px;
    width: 159px;
    object-fit: cover;
}

.footercontet p {
    color: #707376;
    padding: 32px 0px 32px 0px;
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap);
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 0rem;
    max-width: 920px;
}

.footer .footer-bottom {
    padding: 0px;
}

.xForm {
    max-width: 60%;
    margin: 0 auto;
    margin-top: 16px;
    background: #f8f9fa;
    padding: 32px 20px;
    border-radius: 4px;
}

    .xForm label {
        color: #343a40;
        font-size: 16px;
        line-height: 26px;
        font-family: asap, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    }

    .xForm input {
        background: #fff;
        padding: 7px 14px;
        border: 1px solid #8e9093;
        border-radius: 4px;
        font-size: 16px;
        text-transform: none;
        font-weight: 400;
        color: #707376;
    }

    .xForm .primary_ctaButton {
        color: #fff;
        background: #f16e00;
        color: #fff;
        outline: 1px solid transparent;
        margin-right: 16px;
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        font-family: "Asap Bold", Arial, Helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, sans-serif;
    }

#id_matrix tr td {
    padding-bottom: 24px;
}

.header .breadcrumb-bar {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 0px;
}

#ot-sdk-btn.ot-sdk-show-settings {
    font-family: var(--font-asap);
    font-size: inherit;
    border: none;
    color: #fff;
    outline: none;
    padding-left: 0;
    padding-right: 0px;
}

    #ot-sdk-btn.ot-sdk-show-settings:hover {
        background-color: transparent;
        text-decoration: underline;
        font-size: inherit;
        padding-left: 0;
    }

@media (max-width: 576px) {
    .footercont {
        gap: 30px;
        display: block;
        align-items: center;
    }

    .footercontet p {
        color: #707376;
        padding: 23px 13.5px 32px;
        font-feature-settings: "clig" off, "liga" off;
        font-family: var(--font-asap);
        font-weight: normal;
        line-height: 18px;
        text-align: center;
        font-size: 14px;
        margin-bottom: 0rem;
    }

    .footercontet {
        width: 100%;
    }

    .xForm {
        max-width: 95%;
        margin: 0 auto;
        margin-top: 16px;
        background: #f8f9fa;
        padding: 32px 20px;
        border-radius: 4px;
        margin-bottom: 30px;
    }
}
/*footer Logo abd Text */

/* account Information Page*/
.header .breadcrumb-bar .breadcrumbs li.home a {
    text-decoration: underline;
}

.account_information_container {
    margin-top: 5rem;
}

    .account_information_container ul.nav.nav-pills li {
        font-family: var(--font-asap-bold);
        font-size: 16px;
        background-color: #199fd8 !important;
        color: #fff;
    }

    .account_information_container ul.nav > li > a {
        color: #fff;
    }

        .account_information_container ul.nav > li > a:hover, .account_information_container ul.nav > li > a:focus {
            color: #fff;
            opacity: 0.5;
        }

.userinformation_tab {
    margin: 50px 0px;
}

    .userinformation_tab .form-horizontal {
        background: #f8f9fa;
        padding: 32px 20px;
        border-radius: 4px;
    }

        .userinformation_tab .form-horizontal .control-label {
            font-size: 16px;
            font-weight: 400;
            font-family: asap,"Lucida Sans","Lucida Sans Regular","Lucida Grande" !important;
        }

        .userinformation_tab .form-horizontal .form-control {
            width: 100%;
            padding: 7px 14px;
            border: 1px solid #8e9093;
            border-radius: 4px;
            font-size: 16px;
            text-transform: none;
            font-weight: 400;
            color: #343a40;
            background-color: #fff;
            min-height: 45px;
        }

.useredit {
    margin-top: 32px;
    font-size: 18px !important;
    font-weight: 700 !important;
    display: inline-block;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: var(--font-asap-bold);
    padding: 10px 24px;
    border-radius: 2px;
    outline: none;
    border: none;
    text-align: center;
    text-decoration: none !important;
}

    .useredit svg {
        margin-left: 14px;
    }

.change_password {
    margin: 50px 0px;
}

    .change_password .form-horizontal .control-label {
        font-size: 16px;
        font-weight: 400;
        font-family: asap,"Lucida Sans","Lucida Sans Regular","Lucida Grande" !important;
    }

    .change_password .form-horizontal {
        background: #f8f9fa;
        padding: 32px 20px;
        border-radius: 4px;
    }

        .change_password .form-horizontal .form-control {
            width: 100%;
            padding: 7px 14px;
            border: 1px solid #8e9093;
            border-radius: 4px;
            font-size: 16px;
            text-transform: none;
            font-weight: 400;
            color: #343a40;
            background-color: #fff;
            min-height: 45px;
        }

.tealCTA_button_primary {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: var(--font-asap-bold) !important;
    padding: 10px 24px;
    border-radius: 2px;
    outline: none;
    border: none;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
    outline: 1px solid transparent;
    background: #199fd8 !important;
}

    .tealCTA_button_primary:hover {
        background: #1897cd;
    }

.editquicklinks {
    margin: 50px 0px;
    background: #f8f9fa;
    padding: 32px 20px;
    border-radius: 4px;
    width: max-content;
}

    .editquicklinks #ctl00_ContentRegion_editQuicklinks_QuicklinkListBox {
        background-color: #fff;
        padding: 7px 14px;
        border: 1px solid #8e9093;
        border-radius: 4px;
        font-size: 16px;
        text-transform: none;
        font-weight: 400;
        color: #343a40;
        background-color: #fff;
        min-height: 45px;
    }

.primary_ctaButton-outline.useredit {
    background-color: transparent;
    color: #303030;
    border: 1px solid #303030;
}
/* account Information Page*/
/* Education SSO Page */
.bg_blue {
    background-color: var(--body-color);
}

.banner-bg-Image {
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1000px rgba(0, 58, 129,0.5);
}

p.subheading {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}

.campaign-component {
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 4px;
}

    .campaign-component .campaign-component-leftText, .campaign-component .campaign-component-rightText {
        padding: 48px 48px;
        width: auto;
        display: flex;
        align-items: center;
    }

    .campaign-component .leftimage-campaign .CampaignContainer--Media, .campaign-component .rightimage-campaign .CampaignContainer--Content {
        margin-right: 24px;
        width: 523px;
    }

    .campaign-component .leftimage-campaign .CampaignContainer--Content, .campaign-component .rightimage-campaign .CampaignContainer--Media {
        margin-left: 24px;
        width: 438px;
    }

    .campaign-component .CampaignContainer--Media {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .campaign-component .CampaignContainer--CTAWrapper {
        display: flex;
        gap: 24px;
    }

    .campaign-component .left-text .CampaignContainer--Content h3, .campaign-component .left-text .CampaignContainer--Content h2, .campaign-component .left-text .CampaignContainer--Content .CampaignContainer--Description p {
        text-align: left;
    }

    .campaign-component .VideoCampaign--Heading, .campaign-component .campaign-component-rightText .CampaignContainer--Heading, .campaign-component .campaign-component-bgImg .CampaignContainer--Heading {
        color: #fff;
        text-align: center;
        font-feature-settings: "clig" off, "liga" off;
        font-family: var(--font-asap);
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
        letter-spacing: -0.5px;
        margin-bottom: 16px;
    }

    .campaign-component .descText div, .campaign-component .descText h4, .campaign-component .descText h5, .campaign-component .descText h6, .campaign-component .CampaignContainer--Description p {
        color: #fff;
        text-align: center;
        font-feature-settings: "clig" off, "liga" off;
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        margin-bottom: 32px;
    }

.campaign-section .campaign-component .campaign-component-rightText .CampaignContainer--Media img {
    width: 100%;
}
/* Education SSO Page */
/*  carousel slider */
.pim-p-discount-popup-page {
    /*gap:3rem;*/
}

#myPanelPopupDetails.modal {
    width: 60vw;
    margin:1rem auto;
}

.pim-p-discount-popup-page h1 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #343a40;
    font-family: asap, Arial, Helvetica, "Microsoft Yahei", 微软雅黑, "Hiragino Sans GB", 冬青黑体, SimSun, 宋体, STXihei, 坎文细黑, Amiri, sans-serif;
}

.gallery-container {
    display: flex;
    align-items: center;
    gap: 20px;
}

.thumbnails {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    overflow-y: hidden;
    height: 300px;
    max-width: 80px;
    overflow-x: hidden;
}

    .thumbnails img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 10px;
        padding: 3px;
    }

        .thumbnails img.active {
            border-color: #F16E00;
        }

.arrow-up,
.arrow-down {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

    .arrow-up .bi-chevron-down,
    .arrow-down .bi-chevron-up {
        width: 30px;
        height: 30px;
        color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        font-size: 20px;
        cursor: pointer;
    }

.arrow-up-button,
.arrow-down-button {
    text-align: center;
    margin: 2px 0;
}

l .main-image {
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.nav-btn {
    position: absolute;
    bottom: -12%;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.6);
    background-color: transparent;
    padding: 10px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
}

.prevarrow {
    right: 60px;
}

.nextarrow {
    right: 10px;
}

    .nextarrow:hover, .prevarrow:hover {
        color: #F16E00;
        border-color: #F16E00;
    }

#pagination_slider {
    position: absolute;
    bottom: -39px;
    right: 117px;
    color: gray;
}
/*  carousel slider */

/* Modal Styles */
#preview-modal .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

#preview-modal .modal-content {
    position: relative;
    max-width: 30%;
    max-height: 100%;
}

#preview-modal #preview-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

#preview-modal .thumbnails-modal {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

    #preview-modal .thumbnails-modal img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        cursor: pointer;
        border-radius: 12px;
        border: 1px solid transparent;
    }

/* Close Button */
#preview-modal .close-modal {
    position: absolute;
    top: -33px;
    right: -23px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 9999;
}

/* Preview Button */
#preview-modal .preview-btn {
    position: absolute;
    top: -12%;
    right: 0%;
    transform: translateX(-50%);
    color: rgba(0, 0, 0, 0.6);
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}

#preview-modal .thumbnails-modal .active {
    border: 1px solid blue;
    padding: 2px;
}

#preview-modal .prevImageModal,
#preview-modal .nextImageModal {
    background: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#preview-modal .prevImageModal {
    position: absolute;
    top: 50%;
    left: -51px;
}

#preview-modal .nextImageModal {
    position: absolute;
    top: 50%;
    right: -51px;
}

.table_container_bottom {
    margin-top: 6rem;
}

@media (max-width: 575.98px) {
    .gallery-container {
        flex-direction: column-reverse;
    }

    .thumbnails {
        flex-direction: row;
        max-width: 100%;
        height: auto;
        gap: 2px;
        margin: auto;
        overflow: auto;
        flex-wrap:wrap;
    }

    .left-thumbnails {
        display: flex;
        margin-top: 45px;
    }

    .arrow-up-button > .arrow-up {
        rotate: 270deg;
    }

    .arrow-up-button,
    .arrow-down-button {
        margin: 25px 0;
    }

        .arrow-down-button > .arrow-down {
            rotate: 270deg;
        }
}

.validationText {
    display: inline;
    line-height: 1;
    font-size: 11px;
}

.nav__toggle-menu {
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" fill="white" fill-opacity="0.01"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.1429 13.4211C19.6162 13.4211 20 13.7745 20 14.2105C20 14.6102 19.6775 14.9405 19.2592 14.9928L19.1429 15H0.857143C0.383756 15 0 14.6465 0 14.2105C0 13.8108 0.322462 13.4805 0.740834 13.4283L0.857143 13.4211H19.1429ZM19.1429 5C19.6162 5 20 5.35346 20 5.78947C20 6.18915 19.6775 6.51946 19.2592 6.57174L19.1429 6.57895H0.857143C0.383756 6.57895 0 6.22549 0 5.78947C0 5.38979 0.322462 5.05948 0.740834 5.00721L0.857143 5H19.1429Z" fill="white"/></svg>');
    width: 100%;
    background-size: cover;
}

.globe-spacing {
    margin-top: -1px;
}
.pim-page .tab .product-details .detail .detail-image img {
    max-height: 80px;
}
/* Media Quesries mobile */

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .cta-link {
        align-items: center;
        display: flex;
        flex-direction: row;
    }
    .modal-open .modal {
        transform: none;
        left: 0;
        top: 0;
        max-width: 429px;
        width: 100%;
        margin: auto;
    }
    .modal-open #soldToModal.modal {
        max-width: 100%;
        width: 100%;
        max-height: 99vh;
    }
      .order-history-facelifted .orderInner {
        text-overflow: ellipsis;
        white-space: normal;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .btn.btn-hollow {
        line-height: 2.8;
    }

    .footer a {
        font-size: 13px;
    }

    .header .breadcrumb-bar .breadcrumbs {
        padding: 0px 1rem;
    }

    #myPanelPopupDetails.modal {
        width: 100vw;
        max-width:100%;
        margin:0 auto;
    }
    .header .breadcrumb-bar .quicklinks {
        right: 0rem;
    }

    .footer .top-padding-large {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .footer .footer-bottom-bar {
        padding-bottom: 42px;
        padding-top: 48px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .pim-page .tab .product-details .detail .detail-image img {
        max-height: 80px;
    }
    .pim-page .product-details {
        padding: 0;
    }
    .header .breadcrumb-bar .breadcrumbs .separator {
        margin: 0 15px;
        vertical-align: 2px;
    }
    .toolkit_container .banner_wrapper .right {
        width: auto;
        height: auto;
        margin:auto;
    }
    .globeicon {
        padding-top: 0px !important;
    }
    .campaign-component .campaign-component-leftText, .campaign-component .campaign-component-rightText {
        display: block!important;
    }
    .campaign-component .leftimage-campaign .CampaignContainer--Media, .campaign-component .rightimage-campaign .CampaignContainer--Content {
        margin-right: 24px;
        width: auto;
    }
    .campaign-component .leftimage-campaign .CampaignContainer--Content, .campaign-component .rightimage-campaign .CampaignContainer--Media {
        width:100%!important;
        margin-left:0px;
    }
    .campaign-component .CampaignContainer--CTAWrapper {
        margin-bottom:2rem;
    }
    .newshoppingcart .mobilecard_design input[type="text"] {
        width: 90% !important;
    }
    .mobilecard_design .decreasebutton, .mobilecard_design .increasebutton {
        margin-left: 94px;
    }
    .newshoppingcart .selectInput {
        width: 100%;
    }
    .newshoppingcart input[type="text"].residenttextbox {
        margin-left:20px;
    }
    .web-order-new .list-view-table tr td a.btn {
        height: 30px;
        line-height: 1.8;
        padding-top: 8px;
    }
}
.order_search_icon {
    font-size: 24px;
    top: 15px!important;
    right: 35px;
    position: absolute;
}
[aria-label][data-balloon-pos]::after {
    z-index:1000!important;
}
/* Accessibiity Highlighter */
body.using-keyboard *:focus-visible {   
    border-radius: 3px;
    outline-offset: 2px;
    outline: 3px dashed #CA5502 !important;
    box-shadow: none !important;
    /*    background-color: inherit;
    background: inherit;*/
}
body.using-keyboard #ctl00_TPWHeader_ImageButton1:focus-visible {   
    border-radius: 3px;
    outline-offset: 2px;
    outline: 3px dashed #CA5502 !important;
    box-shadow: none !important;
}
#ctl00_ContentMainBody_btnRegisterUser {
    width: auto;
  }
/* Skip to Main content */
a.skip-main span {
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
a.skip-main {
    left: -999px;
    position: relative;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline-block;
    z-index: -999;
    text-align: center;
    align-content: center;
    transition: top 1s ease;
}
a.skip-main:focus, a.skip-main:active {
    background: #199fd8;
    color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    overflow: auto;
    padding: 5px;
    z-index: 1000;
}
.logon-box-new .form-control:focus {
    border-color: #003a81;
}
a.signup_new,
.login-container1 .login-content-wrapper .logon-box-new a {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #003a81;
}
    a.signup_new:hover,
    a.signup_new:focus,
    .login-container1 .login-content-wrapper .logon-box-new a:focus,
    .login-container1 .login-content-wrapper .logon-box-new a:hover {
        text-decoration: underline;
        color: #003a81;
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }
.primary_ctaButton-outline.cancelpassword, primary_ctaButton-outline.cancelpassword:hover {
    background-color: transparent;
    color: #303030;
    border: 1px solid #303030;
}

/* product fitting */
.gapincard {
    margin-left: -22px;
    display: flex;    
    margin-right: -22px;
    margin-bottom:5rem;
}

.Promobox--SingleCard .promo-heading label {
    color: var(--TPW-TENA-Dark-Grey, #343a40);
    font-feature-settings: "clig" off,"liga" off;
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.Promobox--SingleCard[class~="promobox-twothird"] div > .container-image, .Promobox--SingleCard[class~="promobox-onethird"] div > .container-image, .Promobox--SingleCard[class~="promobox-onethird"] .one-third-imgtop > .promo-content, .Promobox--SingleCard[class~="promoimage-background"] .background-image-full > .promo-content-imgbackground, .Promobox--SingleCard[class~="promobox-twothird"] > div.two-third-imgtop > .promo-content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Promobox--SingleCard .two-third-imgtop .promo-content, .Promobox--SingleCard .one-third-imgtop .promo-content {
    padding: 24px 24px 24px 24px;
}

.promocontent-div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.Promobox--SingleCard .imagetop-onethird, .Promobox--SingleCard .imagetop-twothird {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.Promobox--SingleCard .promo-heading {
    color: var(--TPW-TENA-Dark-Grey, #343a40);
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.Promobox--SingleCard .promo-subheading label, .Promobox--SingleCard .promo-subheading p {
    color: var(--TPW-TENA-Dark-Grey, #343a40);
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
}

.Promobox--SingleCard .promo-desc, .Promobox--SingleCard .promo-desc > p label{
    color: #343a40;
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-asap);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.component-pushbox .one-third-imgtop {
    -o-object-fit: cover;
    object-fit: cover;
}

.promocontent-div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.Promobox--SingleCard > .component {
    border-radius: 4px;
    outline: 1px solid var(--TPW-TENA-Silver-Light, #e6e7e8);
}

.component-pushbox .one-third-imgtop .imagetop-onethird img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.btn-video-play {
    cursor: pointer;
    width: 70px;
    height: 70px;
    background-color: white;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDE4IDIyIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMC43NSAyMC42NjI3VjEuMzM3MjlMMTYuNTYxNyAxMUwwLjc1IDIwLjY2MjdaIiBzdHJva2U9IiMzNDNBNDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: 30.33px;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
}
.rowTitleComponent {
    margin: 48px 0 24px 0;
}

.row_title label {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    color: #343A40;    
    font-family: Asap, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "坎文细黑", Amiri, sans-serif;
}
.row_title {
    padding-bottom: 16px;
    border-bottom: 1px #E6E7E8 solid;
}
.Promobox--SingleCard .imagetop-onethird > img, .Promobox--SingleCard .imagetop-twothird > img {
    width: 100%;
    height: 187px;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover;
}
.single_cta.icon.cta-link {
    align-items: center;
}
    .single_cta.icon.cta-link:hover {
        text-decoration:none;
    }
    .single_cta.icon {
        padding: 48px;
    }
.single_cta {
    overflow: hidden;
    position: relative;
    background: #199fd8;
    padding: 24px 48px 24px 48px;
    border-radius: 4px;
}
.cta_icon {
    margin-right: 24px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.single_cta_Component {
    margin: 48px 0;
    padding: 0px;
}
.single_cta_info {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-wrap: wrap;
}

.single_cta.icon .CTA_button {
    align-self: center;
}
.single_cta.icon.CTA_button:hover {
    text-decoration: none;
}
.cta-link {
    align-items: center;
    display: flex;
    flex-direction: row;
}
.cta_icon img {
    height: 80px;
}
.single_cta_text.single_cta_texticon {
    max-width: 669px;
}
.single_cta h2.title {
    font-size: 40px;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
    color: white;
}
.single_cta p.para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: white;
}
.CTA_button_secondary {
    background: transparent;
    color: #fff;
    outline: 1px solid #fff!important;
}
.CTA_button {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: var(--font-asap-bold);
    padding: 10px 24px;
    border-radius: 2px;
    outline: none;
    border: none;
    text-align: center;
    text-decoration: none !important;
}
    .CTA_button.CTA_button_primary.SectionFilter, .CTA_button.Button--resetSelection.CTA_button_secondary {
        font-family: var(--font-asap-bold) !important;
        text-transform: capitalize;
    }
.IconWrapper a span.Icon-image.Icon-day {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjAuOTQ1NSAxNS42NzEyTDE0LjQgOS4xMzI0Mkw5LjI3MjczIDE0LjI4MzFMMTUuNzgxOCAyMC44MjE5TDIwLjk0NTUgMTUuNjcxMlpNMTAuOTA5MSAzNi4zNDdIMFY0My42NTNIMTAuOTA5MVYzNi4zNDdaTTQzLjYzNjQgMEgzNi4zNjM2VjEwLjc3NjNINDMuNjM2NFYwWk03MC43MjczIDE0LjI4MzFMNjUuNiA5LjEzMjQyTDU5LjA5MDkgMTUuNjcxMkw2NC4yMTgyIDIwLjgyMTlMNzAuNzI3MyAxNC4yODMxWk01OS4wNTQ1IDY0LjMyODhMNjUuNTYzNiA3MC45MDQxTDcwLjY5MDkgNjUuNzUzNEw2NC4xNDU1IDU5LjIxNDZMNTkuMDU0NSA2NC4zMjg4Wk02OS4wOTA5IDM2LjM0N1Y0My42NTNIODBWMzYuMzQ3SDY5LjA5MDlaTTQwIDE4LjA4MjJDMjcuOTYzNiAxOC4wODIyIDE4LjE4MTggMjcuOTA4NyAxOC4xODE4IDQwQzE4LjE4MTggNTIuMDkxMyAyNy45NjM2IDYxLjkxNzggNDAgNjEuOTE3OEM1Mi4wMzY0IDYxLjkxNzggNjEuODE4MiA1Mi4wOTEzIDYxLjgxODIgNDBDNjEuODE4MiAyNy45MDg3IDUyLjAzNjQgMTguMDgyMiA0MCAxOC4wODIyWk0zNi4zNjM2IDgwSDQzLjYzNjRWNjkuMjIzN0gzNi4zNjM2VjgwWk05LjI3MjczIDY1LjcxNjlMMTQuNCA3MC44Njc2TDIwLjkwOTEgNjQuMjkyMkwxNS43ODE4IDU5LjE0MTVMOS4yNzI3MyA2NS43MTY5WiIgZmlsbD0iIzAwMzc4NCIvPjwvc3ZnPg==') !important;
}

.IconWrapper a span.Icon-image.Icon-dayAndNight {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSI4MiIgdmlld0JveD0iMCAwIDg4IDgyIiBmaWxsPSJub25lIj48Zz48cGF0aCBkPSJNMjQuOTQ1NSAxNS42NzEyTDE4LjQgOS4xMzI0MkwxMy4yNzI3IDE0LjI4MzFMMTkuNzgxOCAyMC44MjE5TDI0Ljk0NTUgMTUuNjcxMlpNMTQuOTA5MSAzNi4zNDdINFY0My42NTNIMTQuOTA5MVYzNi4zNDdaTTQ3LjYzNjQgMEg0MC4zNjM2VjEwLjc3NjNINDcuNjM2NFYwWk03NC43MjczIDE0LjI4MzFMNjkuNiA5LjEzMjQyTDYzLjA5MDkgMTUuNjcxMkw2OC4yMTgyIDIwLjgyMTlMNzQuNzI3MyAxNC4yODMxWk02My4wNTQ1IDY0LjMyODhMNjUuODE4MiA2OS4yMjM3TDczLjA5MDkgNjQuMjkyMkw2OC4xNDU1IDU5LjIxNDZMNjMuMDU0NSA2NC4zMjg4Wk03My4wOTA5IDM2LjM0N1Y0My42NTNIODRWMzYuMzQ3SDczLjA5MDlaTTQ0IDE4LjA4MjJDMzEuOTYzNiAxOC4wODIyIDIyLjE4MTggMjcuOTA4NyAyMi4xODE4IDQwQzIyLjE4MTggNTIuMDkxMyAzMS45NjM2IDYxLjkxNzggNDQgNjEuOTE3OEM1Ni4wMzY0IDYxLjkxNzggNjUuODE4MiA1Mi4wOTEzIDY1LjgxODIgNDBDNjUuODE4MiAyNy45MDg3IDU2LjAzNjQgMTguMDgyMiA0NCAxOC4wODIyWk00MC4zNjM2IDgwSDQ3LjYzNjRWNjkuMjIzN0g0MC4zNjM2VjgwWk0xMy4yNzI3IDY1LjcxNjlMMTguNCA3MC44Njc2TDI0LjkwOTEgNjQuMjkyMkwxOS43ODE4IDU5LjE0MTVMMTMuMjcyNyA2NS43MTY5WiIgZmlsbD0iIzAwMzc4NCIvPjxwYXRoIGQ9Ik0zMS42MzEgNTEuMDM3NkM0Mi45MDU3IDY0Ljg5OTcgNjEuMTA0IDY5Ljc5MjQgNzcuMTY3OCA2NC43NjA0Qzc1LjMyNjYgNjcuMTMzMSA3My4xOTUgNjkuMzI1OCA3MC43NTExIDcxLjMxMzZDNTMuNDQ0NCA4NS4zOSAyNy45NzM0IDgyLjc2ODIgMTMuODk3IDY1LjQ2MTZDLTAuMTc5MzQzIDQ4LjE1NDkgMi40NDI0MiAyMi42ODM5IDE5Ljc0OTEgOC42MDc1NUMyMi4xOTMgNi42MTk3NiAyNC43NzQgNC45Nzk1NSAyNy40NzIgMy42NjAyOUMxOS4yNzMzIDE4LjM2MjIgMjAuMzU2NCAzNy4xNzU2IDMxLjYzMSA1MS4wMzc2WiIgZmlsbD0iIzAwMzc4NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjk4NDcyIi8+PC9nPjwvc3ZnPg==') !important;
}

.info__icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTAgMTMuNlYxME0xMCA2LjRIMTAuMDA5TTE5IDEwQzE5IDE0Ljk3MDYgMTQuOTcwNiAxOSAxMCAxOUM1LjAyOTQ0IDE5IDEgMTQuOTcwNiAxIDEwQzEgNS4wMjk0NCA1LjAyOTQ0IDEgMTAgMUMxNC45NzA2IDEgMTkgNS4wMjk0NCAxOSAxMFoiIHN0cm9rZT0iIzAwM0E4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    background-size: contain;
    height: 18px;
    width: 18px;
    margin-left: 5px;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 8px;
}

.promoComponentRedsign {
    margin-bottom: 3rem;
}

.ProductFinder-item .IconWrapper a {
    text-align: left !important;
}
.Promobox--SingleCard {
    margin-top: 30px;
}
.CTA_button_secondary:hover {
    background: #003a81;
    outline: 1px solid #003a81;
}
.ProductSearch-results {
    background-color: #e6f0ff!important;
    clear: both!important;
    padding: 48px 32px 24px 32px!important;
    border-radius: 4px!important;
}
    .ProductSearch-results .ProductListing-container .ConsiderProductsBlock .Section a.ProductCardCTA,
    .ProductSearch-results .ProductListing-container .RecommendedBlock .Section a.ProductCardCTA,
    .ProductSearch-results .ProductListing-container .ComplementaryProductBlock .Section a.ProductCardCTA {
        background: #199fd8 !important;
        color: #fff;
        outline: 1px solid transparent !important;
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        line-height: 24px;
        letter-spacing: 0px;
        font-family: var(--font-asap-bold);
        padding: 10px 24px;
        border-radius: 2px;
        outline: none;
        border: none;
        text-align: center;
        text-decoration: none !important;
    }

    .ProductSearch-results .ProductListing-container .RecommendedBlock h4,
    .ProductSearch-results .ProductListing-container .ConsiderProductsBlock h4,
    .ProductSearch-results .ProductListing-container .ComplementaryProductBlock h4 {
        margin-bottom: 24px !important;
        font-size: 18px;
        font-weight: 700 !important;
        line-height: 24px;
        text-align: left;
        color: rgb(52, 58, 64);
        font-family: "Asap Bold", Arial, Helvetica, "Microsoft Yahei", 微软雅黑, "Hiragino Sans GB", 冬青黑体, SimSun, 宋体, STXihei, 坎文细黑, Amiri, sans-serif;
    }
    .ProductSearch-results .ProductListing-container .ConsiderProductsBlock .ProductResults-attributes .Attribute-Sizes {
        overflow:visible!important;
    }
    .CTA_button_secondary:hover {
        background: #003a81;
        outline: 1px solid #003a81 !important;
    }
.ProductSearch-results .ProductListing-container .RecommendedBlock .Section,
.ProductSearch-results .ProductListing-container .ConsiderProductsBlock .Section,
.ProductSearch-results .ProductListing-container .ComplementaryProductBlock .Section {
    border-radius: 8px;
}
.input--searchEmail {
    min-width:22rem;
}
.filter__submit, .filter__reset {
    max-height: 3rem;
}
.filter__submit {
    color: white;
    background-color: #E56800 !important;
    border-radius: 3px !important;
    border: none !important;
    font-size: 12px;
    cursor: pointer;
}
.filter__submit:hover {
    height: 31px !important;
    border-radius: 3px !important;
    background-color: #E56800 !important;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
.filter__reset, .filter__reset:hover {
    height: 31px !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #003A81 !important;
    border: 1px solid #003A81;
    font-size: 12px;
    cursor:pointer;
}
.filter__container {
    display: flex;
    align-items: center;
    gap: 1rem;
}
#suggestions-list {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 22rem;
    border-radius: 3px;
    padding-left: 0px;
    right: 400px;
    margin-top: -10px;
}
#suggestions-list li {
    list-style-type:none;
    line-height:2.5;
    font-size:12px;
    color:#303030;
    background-color:#fff;
    padding-left:10px;
}
#suggestions-list li:hover {
    cursor:pointer;
    background-color:aliceblue;
    color:#003a81;
    padding-left:10px;
}
.weborder-main-container .sticky-promo .top-row2 {
    width: auto !important;
}

@media screen and (max-width: 1118px) {
    .single_cta, .single_cta.icon {
        padding: 24px;
        text-align: center;
    }

    .single_cta_Component {
        margin: 24px 0;
    }
    .cta-link {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap:3rem;
    }
}