/* Base Layout Theme Definitions */

:root {
    --bs-svg-icon-cyanblue-filter: invert(46%) sepia(43%) saturate(851%) hue-rotate(147deg) brightness(93%) contrast(96%);
    --bs-svg-icon-white-filter: invert(97%) sepia(3%) saturate(10%) hue-rotate(46deg) brightness(103%) contrast(102%);
    --bs-svg-icon-red-filter: invert(24%) sepia(73%) saturate(6778%) hue-rotate(346deg) brightness(101%) contrast(72%);
    --bs-svg-icon-success-filter: invert(45%) sepia(75%) saturate(494%) hue-rotate(85deg) brightness(96%) contrast(85%);
    --bs-svg-icon-warning-filter: invert(26%) sepia(100%) saturate(489%) hue-rotate(10deg) brightness(93%) contrast(98%);
    --bs-svg-icon-info-filter: invert(17%) sepia(57%) saturate(3012%) hue-rotate(207deg) brightness(101%) contrast(99%);
    --bs-svg-icon-danger-filter: invert(24%) sepia(73%) saturate(6778%) hue-rotate(346deg) brightness(101%) contrast(72%);
    --bg-midnight: #2D404B;
    --bg-midnight-text: var(--bs-white);
    --bg-midnight-reverse: var(--bs-white);
    --bg-midnight-text-reverse: #2D404B;
    --bg-lg-midnight-text-reverse: var(--bs-black);
    --bg-lg-midnight-white: var(--bg-midnight);
    --bg-lg-midnight-white-reverse: var(--bg-white);
    --screen-viewport-calc-100: calc(100vw - 350px);
    --screen-viewport-calc-75: calc(75vw - 350px);
    --screen-calc-range: calc(1920 - 350);
    --screen-width-calc-100: calc(350px + (1920 - 350) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --screen-width-calc-75: calc(350px + (1920 - 350) * var(--screen-viewport-calc-75) / var(--screen-calc-range));
    --font-size-calc-100: calc(16px + (24 - 16) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --font-size-calc-75: calc(16px + (24 - 16) * var(--screen-viewport-calc-75) / var(--screen-calc-range));
    --font-size-calc-sm-100: calc(16px + (24 - 16) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --font-size-calc-sm-75: calc(12px + (16 - 12) * var(--screen-viewport-calc-75) / var(--screen-calc-range));
    --cat-tile-width-calc-100: calc(125px + (300 - 125) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --prod-tile-width-calc-100: calc(150px + (350 - 150) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --prod-list-width-calc-75: calc(150px + (350 - 150) * var(--screen-viewport-calc-75) / var(--screen-calc-range));
    --prod-list-width-calc-100: calc(75px + (150 - 75) * (100vw - 576px) / (1920 - 576));
    --prod-fav-width-calc-100: calc(24px + (48 - 24) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --cart-btn-width-calc-100: calc(16px + (22 - 16) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    --spinner-height: 50px;
    --sw-progress-color: #1191B6 !important;
    --sw-anchor-active-primary-color: #1191B6 !important;
    --sw-anchor-done-primary-color: #40f178 !important;
}

@media (max-width: 576px) {
    :root {
        --prod-list-width-calc-100: calc(125px + (200 - 125) * (100vw - 576px) / (1920 - 576));
        --prod-fav-width-calc-100: calc(40px + (48 - 40) * var(--screen-viewport-calc-100) / var(--screen-calc-range));
    }
}

@media (min-width: 768px) {
    :root {
        --bg-midnight-text: var(--bs-black);
        --bg-lg-midnight-text-reverse: var(--bs-white);
        --bg-lg-midnight-white: var(--bg-white);
        --bg-lg-midnight-white-reverse: var(--bg-midnight);
    }

    .favoritelists-heading,
    .quotesorders-heading,
    .shipto-heading {
        text-align: center;
        background-color: white;
    }

    .favoritelists-heading-text,
    .quotesorders-heading-text,
    .shipto-heading-text {
        min-width: 75%;
        text-align: left;
    }

    .shipto-body-text {
        max-width: 200px;
    }

    .shipto-body-text-bold {
        filter: var(--bs-svg-icon-cyanblue-filter);
        font-weight: bold;
    }

    ul.dropdown-menu.dropdown-submenu.m-0.ms-3.ms-lg-0.p-0 {
        position: inherit;
        left: 50px;
    }

    .ap-carousel-item {
        margin-right: 0;
        flex: 0 0 34%;
        display: block;
    }

    .nav-link-tabs-qo {
        width: 75%;
    }

    .container-fluid-qo,
    .quotes-orders-dtl,
    .quotes-orders-hdr {
        background: #F0F2F5;
    }

    #qod-hdr-separator {
        display: none;
    }

    #qod-amt-dtl {
        display: flex !important;
    }

    .content-item-ftr {
        max-width: 33%;
    }

    .shipto-selection-body {
        min-width: 75%;
    }

    .shipto-selection-body {
        max-width: fit-content;
    }
}

@media (min-width: 916px) {
    ul.nav.nav-tabs {
        display: flex;
    }

    .responsive-tabs .card-detail-tab {
        border: none;
    }

    .responsive-tabs .card-detail-tab .card-header-detail-tab {
        display: none;
    }

    .responsive-tabs .card-detail-tab .collapse-tab {
        display: block;
    }

    .favoritelists-body-text,
    .quotesorders-body-text {
        min-width: 75%;
    }

    .submission-actions-area {
        max-width: 250px;
    }
}

@media (max-width: 991px) {
    :root {
        --bg-midnight-text: var(--bs-white);
        --bg-lg-midnight-text-reverse: var(--bs-black);
        --bg-lg-midnight-white: var(--bg-midnight);
        --bg-lg-midnight-white-reverse: var(--bg-white);
    }

    .favoritelists-heading,
    .quotesorders-heading,
    .shipto-heading {
        text-align: left;
    }

    .shipto-body-text {
        max-width: 700px;
    }

    .content-item-ftr {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .shipto-body-text {
        max-width: 275px;
    }

    .ap-carousel-item {
        margin-right: 0;
        flex: 0 0 50%;
        display: block;
    }

    .nav-link-tabs-qo {
        width: 100%;
    }

    .shipto-selection-body {
        min-width: 250px;
    }
}

@media (max-width: 915px) {
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .favoritelists-body-text,
    .quotesorders-body-text {
        min-width: 100%;
    }
    .submission-actions-area {
        max-width: unset;
    }
}

@media (min-width: 992px) {
    .qol-ponum {
        width: 100px;
    }
}

@media (min-width: 1025px) {
    .ap-carousel-item {
        margin-right: 0;
        flex: 0 0 25%;
        display: block;
    }
}

@media (min-width: 1201px) {
    .qol-ponum {
        width: 300px;
    }
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: #F0F2F5;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 100vh;
    min-width: 350px;
}

footer {
    background: #587281;
    min-height: 150px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

input[type="text"],
input[type="password"] {
    min-width: 100px;
}

.field-validation-error {
    display: block;
}

.field-validation-summary {
    color: red;
}

.navbar-brand {
    min-width: 130px;
}

.navbar-menu {
    min-width: 350px;
    background-color: #2D404B;
    min-height: 75px;
}

.navbar-dark {
    background-color: var(--bg-lg-midnight-white-reverse);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--bg-lg-midnight-text-reverse);
    padding: .5rem 1rem;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: var(--bg-lg-midnight-text-reverse);
}

.header {
    max-height: 150px;
    min-height: 40px;
}

.site-logo {
    content: url("Images/cust-logo.svg");
    min-height: 40px;
    max-height: 100px;
    min-width: 150px;
}

.page-content {
    border: 1px solid green;
}

.left-menu {
    max-width: 50%;
}

.login-body {
    min-height: 100%;
}

.login-content {
    width: 100%;
    min-width: 200px;
    max-width: 400px;
    height: auto;
}

.card-header-a-fl::before,
.cart-icon,
.cart-icon-filled,
.cart-icon-working,
.edit-icon,
.favorite-icon,
.favorite-icon-filled,
.favorite-bar-icon,
.menu-icon,
.svg-icon-color,
.user-icon,
.user-icon-filled,
.menu-icon,
.budget-panel-icon,
.category-view-all-icon,
.search-icon-working {
    filter: var(--bs-svg-icon-cyanblue-filter);
}

.cart-icon,
.cart-icon-filled,
.edit-icon,
.cart-icon-working,
.favorite-icon,
.favorite-icon-filled,
.favorite-bar-icon,
.menu-icon,
.budget-panel-icon,
.user-icon,
.user-icon-filled {
    min-width: 40px;
    max-height: 40px;
}

.search-icon,
.search-icon-working {
    min-width: 30px;
    max-height: 30px;
}

.quick-order-btn,
.search-box {
    max-height: 40px;
}

.cart-icon {
    content: url("Images/shopping-cart.svg");
}

.cart-icon-filled {
    content: url("Images/shopping-cart-filled.svg");
}

.edit-icon {
    content: url("Images/edit.svg");
}

.favorite-icon {
    content: url("Images/favorite.svg");
}

.favorite-icon-filled {
    content: url("Images/favorite-filled.svg");
}

.favorite-bar {
    background: #E7F4F8;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.24);
    max-height: 350px;
}

.favorite-bar-heading {
    border: 0;
    background: inherit;
    gap: 10px;
    font-size: 18px;
    line-height: 21px;
}

.favorite-bar-icon {
    perspective: 1000px;
    transition: transform 0.5s;
    content: url("Images/chevron-down.svg");
    max-height: 32px;
    max-width: 32px;
}

.collapsed .favorite-bar-icon {
    transform: rotateX(180deg);
}

.favorite-bar-content {
    background: #F0F2F5;
}

.favorite-bar-content .list-group {
    min-width: 50%;
}

.favorite-bar-footer {
    background: white;
}

.favorite-list-item {
    border: 1px solid #CCD9DE !important;
}

.favorite-bar-panel {
    position: relative;
    opacity: 0;
    height: 0px !important;
    transition: height 0.5s, opacity 0.5s;
    z-index: 0;
}

.favorite-bar-panel-active {
    opacity: 1;
    height: 280px !important;
    z-index: 1;
}

.favorite-bar-list {
    height: auto;
    overflow-y: auto;
}

.favorite-bar-new {
    max-height: 200px;
    min-width: 50%;
}

.search-area {
    background-color: var(--bg-lg-midnight-white);
}

.search-icon {
    content: url("Images/search.svg");
}

.search-icon-working {
    content: url("Images/loading.svg");
}

.user-icon {
    content: url("Images/user.svg");
}

.user-icon-filled {
    content: url("Images/user-filled.svg");
}

.right-content-pane {
    border: 1px solid purple;
}

.btn-close-red {
    background-color: red;
    height: 26px;
    width: 26px;
}

.close-svg-icon-white {
    content: url("Images/close.svg");
    filter: var(--bs-svg-icon-white-filter);
    height: 24px;
    width: 24px;
}

.badge {
    position: absolute;
    margin-left: -1.25rem;
    background-color: #CC0000;
}

.badge-cr {
    position: inherit;
    margin-left: 0.25rem;
    background-color: #D5E4EA;
    color: black;
}

.nav-item-quickorder {
    background-color: rgba(0, 0, 0, 0.03);
}

.list-style-ecom {
    list-style-type: none;
    text-shadow: 0px 0px 1px black;
}

.category-a-ecom {
    text-shadow: 0px 0px 0px;
    outline: none;
    text-decoration: none;
    padding: 2px 1px 0;
    color: black
}

.category-a-ecom:hover {
    text-shadow: 1px 0px 0px black;
}

.cat-link-color-ecom {
    color: rgb(17,145,182);
}

.cat-link-text-ecom {
    outline: none;
    text-decoration: none;
}

.category-expand-icon,
.category-collapse-icon,
.category-view-all-icon {
    max-width: 32px;
    max-height: 32px;
}

.category-expand-icon {
    content: url("Images/chevron-right.svg");
}

.category-collapse-icon {
    content: url("Images/chevron-down.svg");
}

.category-view-all-icon {
    content: url("Images/arrow-right.svg");
}

.filter-close-icon {
    content: url("Images/close.svg");
    max-width: 16px;
    max-height: 16px;
}

.filter-text {
    outline: none;
    text-decoration: none;
    background: #F0F2F5;
    height: 26px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 8px;
    margin-right: 8px;
}

.filters-icon {
    content: url("Images/filters.svg");
    height: 32px;
    width: 32px;
}

.selected-filter,
.filter-heading{
    font-weight:bold;
}

.filters-body {
    background: #F0F2F5;
}

.filters-apply-btn {
    width: calc(50% - 2vw);
    margin-left: 1vw;
    margin-right: 1vw;
}

.filters-clear-btn {
    background-color: white;
    width: calc(50% - 2vw);
    margin-left: 1vw;
}

.banner-height-ecom {
    height: var(--spinner-height);
}

.banner-filler-ecom {
    height: calc(348px - var(--spinner-height));
}

.shipto {
    min-height: 50px;
    min-width: 150px;
    max-width: 250px;
    align-items: center;
}

.shipto-icon {
    content: url("Images/location.svg");
}

.favoritelists-heading,
.quotesorders-heading,
.shipto-heading {
    min-height: 75px;
}

.user-box {
    max-width: 100px;
}

.shipto-selection-container {
}

.category-tile-container {
    width: var(--screen-width-calc-75) !important;
}

.category-tile {
    width: var(--cat-tile-width-calc-100) !important;
}

.category-img-container {
    width: var(--tile-width-calc-100);
}

.category-img {
    width: var(--cat-tile-width-calc-100) !important;
}

.category-tile-heading-text,
.product-tile-heading-text {
    font-weight: 500;
}

.tiles-link-text,
.tiles-link-text-bold,
.block-link-text-bold,
.brick-link-text-bold {
    outline: none;
    text-decoration: none;
    color: #0F7E9F;
    font-size: var(--font-size-calc-75);
}

.product-tile-heading-text {
    font-size: var(--font-size-calc-75);
    word-break: break-word;
}

.tiles-link-text-bold,
.tiles-loader-btn {
    font-weight: 500;
}

.block-link-text-bold,
.block-link-text-bold:hover,
.brick-link-text-bold,
.brick-link-text-bold:hover {
    color: #152933;
    font-weight: 500;
}

.block-link-text-bold:hover,
.brick-link-text-bold:hover {
    text-shadow: 0 1px black; 
}

.brick-link-text-bold {
    font-size: calc(var(--font-size-calc-sm-75));
}

.category-nav-list {
    max-width: 25vw;
    width: auto;
}

.side-nav-bar {
    width: 25vw;
    box-shadow: 1px 0px 0px #CCD8DD;
}

.loading-tiles-area {
    transition: opacity .5s, height .5s;
    opacity: 0;
    width: inherit !important;
    height: 0px;
    justify-content: center;
    bottom: 0;
    left: inherit;
    right: inherit;
    background-image: url("Images/loading-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.loading-tiles-area.loading-tiles-show {
    opacity: 1;
    height: 48px;
    z-index: 4;
}

.tiles-loader-img {
    content: url("Images/loading.svg");
    filter: var(--bs-svg-icon-cyanblue-filter);
    height: 32px;
    transition: opacity 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
    z-index: 2;
}

.tiles-loader-img.tiles-loader-img-hide {
    transition-delay: 0s;
    opacity: 0;
    z-index: 0;
}

.tiles-loader-btn {
    transform: rotate(180deg);
    color: #0F7E9F;
    text-shadow: 0 1px black;
    transition-delay: 0s;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 0;
}

.tiles-loader-btn.tiles-loader-btn-show {
    transition-delay: 0.2s;
    opacity: 1;
    z-index: 2;
}

.nav-section-header {
    font-size: 1.125rem;
}

.nav-subsection-header {
    font-weight: 500;
}

.max-two-line-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
    hyphens: auto;
    max-height: calc(var(--bs-line-height) * 2);
}

#qod-date-label,
#qod-expiry-date-label,
#qod-quote-label,
#qod-quote,
#qod-web,
#qol-web,
.qol-ponum,
.product-code-tile-text {
    font-size: var(--font-size-calc-sm-75);
    color: #587281;
    height: calc(var(--bs-line-height) * 2);
}

.product-tile {
    width: var(--prod-tile-width-calc-100);
}

.product-img {
    width: var(--prod-tile-width-calc-100) !important;
}

.product-list-img {
    max-width: 200px;
    min-width: 75px;
    width: var(--prod-list-width-calc-100) !important;
}

.product-tile-fav-link {
    text-decoration: none;
    border-radius: 24px;
    background: white;
    z-index: 2;
}

.product-fav-icon {
    width: var(--prod-fav-width-calc-100);
    content: url("Images/favorite.svg");
    filter: none;
}

.product-fav-icon.product-fav-icon-active {
    filter: invert(32%) sepia(96%) saturate(7375%) hue-rotate(355deg) brightness(94%) contrast(120%);
    content: url("Images/favorite-filled.svg");
}

.cart-dec-qty-icon,
.cart-inc-qty-icon {
    filter: var(--bs-svg-icon-cyanblue-filter);
    width: var(--cart-btn-width-calc-100);
}

.cart-dec-qty-icon {
    content: url("Images/circle-minus.svg");
}

.cart-inc-qty-icon {
    content: url("Images/circle-plus.svg");
}

.cart-qty-break-icon {
    content: url("Images/qty-break.svg");
    width: var(--cart-btn-width-calc-100);
    filter: invert(20%) sepia(99%) saturate(7443%) hue-rotate(1deg) brightness(113%) contrast(116%);
    margin-left: 2px;
}

.cart-qty-break-btn {
    z-index: 2;
}

.cart-uom-dropdown {
    height: 22px;
    z-index: 2;
}

.cart-qty-box {
    min-width: 20px !important;
    max-width: 60px !important;
    width: 100%;
    text-align: right;
    z-index: 2;
}

.cart-minus-btn,
.cart-plus-btn {
    background-color: transparent;
    border: 0;
    outline: none;
    z-index: 2;
}

.cart-minus-btn:disabled {
    cursor: not-allowed;
    filter: invert(99%) sepia(2%) saturate(975%) hue-rotate(336deg) brightness(102%) contrast(84%);
}

.cart-add-btn-icon,
.cart-rmv-btn-icon {
    width: var(--cart-btn-width-calc-100);
    position: absolute;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.cart-add-btn-icon {
    content: url("Images/shopping-cart.svg");
    filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(347deg) brightness(106%) contrast(100%);
}

.cart-rmv-btn-icon {
    content: url("Images/close.svg");
    filter: var(--bs-svg-icon-red-filter);
}

.cart-add-btn.cart-action-working,
.cart-rmv-btn.cart-action-working {
    opacity: 0;
}

.cart-action-icon {
    content: url("Images/loading.svg");
    filter: var(--bs-svg-icon-cyanblue-filter);
    width: var(--cart-btn-width-calc-100);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.cart-action-icon.cart-action-working {
    opacity: 1;
}

.btn-view-more-cr,
.cart-add-btn,
.cart-rmv-btn,
.checkout-btn,
.checkout-order-btn,
.checkout-quote-btn,
.checkout-hold-btn,
.checkout-shop-btn,
.checkout-cont-btn,
.detail-send-request-dialog-btn,
.favorite-bar-btn,
.held-delete-btn,
.held-process-btn,
.reorder-btn,
.reviews-search-clear-btn,
.reviews-search-go-btn {
    background-color: var(--bg-midnight);
    text-decoration: none;
    outline: none;
    z-index: 2;
    height: 40px;
}

.btn-view-more-cr:disabled,
.cart-add-btn:disabled,
.cart-rmv-btn:disabled,
.checkout-btn:disabled,
.checkout-order-btn:disabled,
.checkout-quote-btn:disabled,
.checkout-hold-btn:disabled,
.checkout-shop-btn:disabled,
.checkout-cont-btn:disabled,
.detail-send-request-dialog-btn:disabled,
.favorite-bar-btn:disabled,
.held-delete-btn:disabled,
.held-process-btn:disabled,
.reorder-btn:disabled {
    color: grey;
}

.btn-view-more-cr:disabled:hover,
.cart-add-btn:disabled:hover,
.cart-rmv-btn:disabled:hover,
.checkout-btn:disabled:hover,
.checkout-order-btn:disabled:hover,
.checkout-quote-btn:disabled:hover,
.checkout-hold-btn:disabled:hover,
.checkout-shop-btn:disabled:hover,
.checkout-cont-btn:disabled:hover,
.detail-send-request-dialog-btn:disabled:hover,
.favorite-bar-btn:disabled:hover,
.held-delete-btn:disabled:hover,
.held-process-btn:disabled:hover,
.reorder-btn:disabled:hover {
    cursor: default;
}

.btn-view-more-cr,
.cart-add-btn-text,
.cart-rmv-btn-text,
.checkout-btn,
.checkout-order-btn,
.checkout-quote-btn,
.checkout-hold-btn,
.checkout-shop-btn,
.checkout-cont-btn,
.detail-send-request-dialog-btn-ok-text,
.favorite-bar-btn-text,
.held-delete-btn-text,
.held-process-btn-text,
.reorder-btn-text,
.reviews-approve-btn-text,
.reviews-delete-btn-text,
.reviews-search-clear-btn-text,
.reviews-search-go-btn-text,
.show-more-btn-text {
    color: white;
}

.held-delete-btn-text-disabled,
.held-process-btn-text-disabled {
    color: gray;
}

.checkout-totals-area {
    background-color: #F0F2F5;
}

.checkout-breakdown-area {
    color: #587281;
}

.cart-price-area {
    font-weight: 500;
    font-size: var(--font-size-calc-sm-75);
}

.product-view-type-area {
    font-size: var(--font-size-calc-75);
}

.product-tile-view-icon,
.product-list-view-icon {
    width: var(--font-size-calc-100);
}

.product-tile-view-icon {
    content: url("Images/grid-view.svg");
}

.product-tile-view-icon.product-tile-view-active {
    content: url("Images/grid-view-filled.svg");
}

.product-list-view-icon {
    content: url("Images/list-view.svg");
}

.product-list-view-icon.product-list-view-active {
    content: url("Images/list-view-filled.svg");
}

.product-list-row {
    box-shadow: 0px 1px 0px #CCD9DE;
}

a.product-code-tile-text {
    text-decoration: unset;
}

.imgGallery {
    max-width: 768px;
    min-width: 250px;
}

.html5gallery-tn-image {
    width: auto !important;
    height: 48px !important;
    margin: 12px !important;
}

.detail-cart-price-area,
.detail-rating-btn,
.detail-send-request-area {
    max-width: 365px;
    min-width: 250px;
}

.extra-info {
    max-width: 500px;
    min-width: 250px;
    display: table;
}

.extra-info-row {
    display: table-row;
}

.extra-info-column {
    display: table-cell;
}

.nav-tabs a {
    color: #000;
    display: inline-block;
    text-decoration: unset;
}

.nav-tabs a.active {
    color: #000;
}

.nav-link-tabs.active, .nav-link-tabs:focus, .nav-link-tabs:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #ccc;
    font-weight: bold;
    color: #000;
}

a.nav-link-tabs {
    color: #000;
}

.nav-item-tabs {
    border-bottom: 1px solid #ccc;
}

.responsive-tabs {
    padding: 1rem;
}

.responsive-tabs .nav-tabs {
    display: none;
}

.responsive-tabs .nav-link-tabs.active, .nav-link-tabs:focus, .nav-link-tabs:hover,
.card-header-detail-tab  {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #0F7E9F;
    font-weight: bold;
    color: #000;
}

.card-header-a::before {
    display: inline-block;
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: .5em 50%;
}

.card-header-a[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.detail-send-request-btn,
.detail-send-request-dialog-btn,
.detail-send-request-dialog-btn-cancel {
    height: 40px;
}

input[type="text"].detail-send-request-dialog-input {
    max-width: unset;
}

textarea#Comments.form-control.detail-send-request-dialog-textarea,
.form-floating > .form-control.review-textarea {
    height: 200px;
    max-height: 200px;
}

.category-section-heading {
    font-weight: 600;
    color: #152933;
}

.category-item-block {
    height: 90px;
}

.category-item-brick {
    height: 32px;
}

.category-thumbnail-icon {
    max-width: 85px;
    min-width: 70px;
    width: 100%;
}

.detail-rating-btn,
.detail-rating-btn:hover {
    color: black;
    text-decoration: none;
}

.detail-rating-stars-star {
    float: left;
    font-size: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: default;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

.detail-rating-stars-star-cr {
    width: 25px;
    height: 25px;
}

.detail-rating-stars-star-empty {
    background-image: url("Images/star_empty.svg");
}

.detail-rating-stars-star-full {
    background-image: url("Images/star_full.svg");
}

.card-cr {
    background-color: white;
    border: none;
}

.card-header-cr {
    background-color: white;
    border: none;
}

.user-icon-cr {
    filter: none;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

.rating > input {
    display: none
}

.rating > label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer
}

.rating > label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
    opacity: 1 !important
}

.rating > input:checked ~ label:before {
    opacity: 1
}

.rating:hover > input:checked ~ label:before {
    opacity: 0.4
}

.btn-view-more-cr {
    width: 125px;
}

.btn-view-more-cr:hover {
    color: white;
}

.alert-success {
    border: 1px solid #24A148;
    background-color: #DEF1E4;
}

.alert-icon-area {
    min-height: 22px;
    max-height: 32px;
    min-width: 22px;
    max-width: 32px;
}

.alert-success-icon,
.alert-info-icon,
.alert-warning-icon,
.alert-danger-icon {
    min-height: 22px;
    max-height: 32px;
    min-width: 22px;
    max-width: 32px;
    width: 100%;
    height: 100%;
}

.alert-success-icon {
    content: url("Images/confirmation.svg");
    filter: var(--bs-svg-icon-success-filter);
}

.alert-danger-icon {
    content: url("Images/danger.svg");
    filter: var(--bs-svg-icon-danger-filter);
}

.alert-danger li {
    float: left;
}

.alert-info-icon {
    content: url("Images/info.svg");
    filter: var(--bs-svg-icon-info-filter);
}

.alert-warning-icon {
    content: url("Images/warning.svg");
    filter: var(--bs-svg-icon-warning-filter);
}

.alerts-container {
    z-index: 1045 !important;
}

.cart-action-error {
    background-color: #F8D7DA;
}

.cart-action-success {
    background-color: #DEF1E4;
}

.cart-popup-error {
    background-color: #F8D7DA;
    border-color: #6A1A21;
}

.cart-popup-error .popover-header {
    background-color: transparent !important;
    color: #6A1A21 !important;
    font-weight: 700;
}

.cart-popup-error .popover-body {
}

.ap-carousel-inner {
    padding: 1em;
    display: flex;
}

.ap-carousel-control-prev,
.ap-carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.favoritelists-body,
.quotesorders-body {
    text-align: center;
    background-color: white;
}

.quotesorders-body-text {
    text-align: center;
}

.responsive-tabs-qo .nav-tabs-qo {
    display: flex;
}

.nav-items-tabs-qo {
    width: 33.3%;
}

#qol-addtocart,
#qol-delete,
#qol-order,
#qol-process,
#qol-quote {
    width: 125px;
}

#qol-submission {
    width: 110px;
}

#qol-web,
#qol-date {
    width: 100px;
}

.qol-ponum {
    white-space: pre-line;
    word-break: break-all;
}

.qol-ponum-det {
    width: fit-content !important;
}

#qol-amt,
#qol-status,
#qol-totalrecords,
#qol-filter-label {
    width: 80px;
}

.quote-order-status-confirmed {
    background-color: #DEF1E4;
    color: #24A148;
}

.quote-order-status-entered {
    background-color: #D5E4EA;
    color: #587281;
}

.quote-order-status-expired {
    background-color: #FAE6E6;
    color: #CC0000;
}

.quote-order-status-onhold {
    background-color: #FFECD1;
    color: #FFA21A;
}

.quote-order-status-open {
    background-color: #E7F4F8;
    color: #1191B6;
}

.quote-order-status-shipped {
    background-color: #DEF1E4;
    color: #24A148;
}

.category-expand-icon-qo {
    width: 32px;
    height: 32px;
}

#qd {
    background: #F0F2F5;
}

#qod-back {
    color: rgb(17,145,182);
}

#qod-back-img {
    content: url("Images/chevron-right.svg");
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
}

#qod-amt-dtl {
    display: none;
}

#qod-dtl-separator {
    display: none;
}

#qol-holdtype {
    width: 150px;
}

.submission-actions-area {
    min-width: 200px;
}

.card-ftr {
    background-color: #587281;
    color: white;
}

.card-header-sta-ftr {
    background-color: #587281;
    border: none;
}

.card-header-acc-ftr {
    border-bottom: 1px solid white;
}

.card-header-a-ftr::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.list-ftr {
    list-style: none;
}

.qoitem-fields {
    min-width: 10px !important;
    max-width: 100% !important;
    width: 95% !important;
}

.quick-order-errors-ecom li {
    float:unset;
}

.checkout-progress-panel {
    background-color: #2D404B;
    padding-top: 10px;
    padding: 5px 5px 15px 5px !important;
}

.sw-theme-dots > .nav .nav-link.active > .checkout-step-text {
    color: #ffffff !important;
}

.sw-theme-dots > .nav .nav-link.done > .checkout-step-text {
    color: #b0b0b1;
}

.checkout-progress-step {
    width: 33%;
}

.checkout-section-panel {
    border: 1px solid lightgrey !important;
    border-radius: 4px;
    min-width: 25%;
    height: fit-content;
}

.checkout-cart-panel {
    min-width: 340px;
}

.checkout-manual-address-panel {
    background-color: #D5E4EA;
}

.checkout-paymenttype-panel {
}

.checkout-token-dropdown {
    min-width: 200px;
    max-width: 200px;
    width: 100%;
}

.checkout-cvv-input {
    min-width: 100px;
    max-width: 100px;
    width: 100%;
}

.request-login-form-group{
    min-height: 85px;
}

.question-icon {
    content: url("Images/question.svg");
    height: 26px;
    width: 26px;
}

.quick-order-error-section {
    max-height: 40vh;
    overflow: auto;
}

#password-strength-meter[aria-valuenow="1"] {
    background-color: red;
}
#password-strength-meter[aria-valuenow="2"] {
    background-color: orange;
}
#password-strength-meter[aria-valuenow="3"] {
    background-color: yellow;
}
#password-strength-meter[aria-valuenow="4"] {
    background-color: green;
}

.forgotpwd-fields {
    min-width: 100px !important;
    max-width: 100% !important;
}

.paging-buttons-ecom{
    height: 40px;
}

.paging-active-ecom {
    background-color: rgb(17,145,182) !important;
    border-color: #1191B6 !important;
}

.paging-section-ecom .page-link{
    color:black;
}

.textbox {
    height: 40px;
}

select {
    height: 40px;
}

.admin-options-hdr {
    background-color: #1d568a;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.anti-stretch-ecom {
    z-index:2;
    position:relative;
}

.favourite-edit-form-group {
    min-height: 80px;
}

.favourite-action-btn{
    width:183px;
    height:40px;
}

.customer-reviews-enabled-checkbox,
.favorite-details-checkbox,
.favourite-edit-checkbox{
    width:25px;
    height:25px;
}

.favourite-checkbox-space{
    width:41px;
    height:40px;
}

.favourite-edit-text{
    max-width:550px;
}

.container-fluid-fl {
    background: #F0F2F5;
}

.content-item-fl {
    max-width: 100%;
}

.card-fl {
    background-color: white;
    color: black;
}

.card-header-fl {
    background-color: white;
    border: none;
}

.favoritelists-body-text {
    text-align: left;
}

.tiles-loader-img-fl {
    text-align: center;
}

.reviews-unapproved-card {
    max-width: 750px;
}

.reviews-approve-btn,
.reviews-delete-btn {
    text-decoration: none;
    outline: none;
    z-index: 2;
    height: 40px;
}

.reviews-search-go-btn,
.reviews-search-clear-btn {
    min-width: 75px;
}

.qtybrk-content {
    min-width: 408px;
}

.section-border-line {
    border-top: 1px solid #1191B6;
}

.qtybrk-header {
    background-color: lightblue;
}

.alt-bg {
    background-color: #FFFFFF;
}

.alt-bg:nth-child(even) {
    background-color: #ebf6fa;
}

.alt-bg:hover {
    background-color: #DEF1E4;
}

.qtybrk-border-color {
    border-color: #0E7897 !important;
}

#BudgetToast {
    border: 1px solid #0E7897;
    min-width: 350px;
    max-width: 100%;
}

.budget-panel {
    z-index: 3;
}

.budget-panel-title {
    background-color: lightblue;
    color: var(--bs-body-color);
}

.budget-panel-icon {
    content: url("Images/budgets.svg");
}

.budget-panel-hdr {
    background-color: lightgrey;
}

.budget-panel-btn {
    background-color: var(--bg-midnight);
    color: white;
    font-weight: bold;
}

.budget-panel-row {
    border-top: 1px solid lightblue;
}

.limit-1-line-container-ecom {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Limit the text to 1 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.multi-line-container-ecom {
    word-break: break-all;
}

.zoom-in-cursor-ecom {
    cursor: zoom-in;
}

.two-line-height-ecom {
    height: 3em;
}

.one-line-height-ecom {
    min-height: 1.5em;
}