@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular.ttf') format('truetype');
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bold.ttf') format('truetype');
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bolditalic.ttf') format('truetype');
    src: url('../fonts/Lato-BoldItalic.eot');
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato-BoldItalic.woff') format('woff'), url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: 700;
    font-style: Italic
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-light.ttf') format('truetype');
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-lightitalic.ttf') format('truetype');
    src: url('../fonts/Lato-LightItalic.eot');
    src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-LightItalic.woff2') format('woff2'), url('../fonts/Lato-LightItalic.woff') format('woff'), url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: 300;
    font-style: Italic
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-medium.ttf') format('truetype');
    src: url('../fonts/Lato-Medium.eot');
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff2') format('woff2'), url('../fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'lato-mediumitalic';
    src: url('../fonts/lato-mediumitalic.ttf') format('truetype');
    src: url('../fonts/Lato-MediumItalic.eot');
    src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-MediumItalic.woff2') format('woff2'), url('../fonts/Lato-MediumItalic.woff') format('woff'), url('../fonts/Lato-MediumItalic.svg#Lato-MediumItalic') format('svg');
    font-weight: 500;
    font-style: Italic
}




@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.svg#source_sans_proregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.woff2') format('woff2'), url('../fonts/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro-Bold.svg#source_sans_probold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-BoldItalic.eot');
    src: url('../fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-BoldItalic.woff2') format('woff2'), url('../fonts/SourceSansPro-BoldItalic.woff') format('woff'), url('../fonts/SourceSansPro-BoldItalic.svg#source_sans_probolditalic') format('svg');
    font-weight: 700;
    font-style: Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light.woff2') format('woff2'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.svg#source_sans_prolight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-LightItalic.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-LightItalic.eot');
    src: url('../fonts/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-LightItalic.woff2') format('woff2'), url('../fonts/SourceSansPro-LightItalic.woff') format('woff'), url('../fonts/SourceSansPro-LightItalic.svg#source_sans_prolight_italic') format('svg');
    font-weight: 300;
    font-style: Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-Semibold.eot');
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'), url('../fonts/SourceSansPro-Semibold.woff') format('woff'), url('../fonts/SourceSansPro-Semibold.svg#source_sans_prosemibold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
    src: url('../fonts/SourceSansPro-SemiboldItalic.eot');
    src: url('../fonts/SourceSansPro-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-SemiboldItalic.woff2') format('woff2'), url('../fonts/SourceSansPro-SemiboldItalic.woff') format('woff'), url('../fonts/SourceSansPro-SemiboldItalic.svg#source_sans_proSBdIt') format('svg');
    font-weight: 500;
    font-style: Italic;
    font-display: swap;
}

body {
    font-family: Source Sans Pro;
    color: #5A6267;
    font-weight: 400;
}

h1 {
    font-family: Source Sans Pro;
    font-size: 48px;
    font-weight: bold;
    line-height: 57px;
}

h2 {
    font-family: Source Sans Pro;
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
}

h3 {
    font-family: Source Sans Pro;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
}

h4 {
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

h5 {
    font-family: Source Sans Pro;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}

h6 {
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}


a {
    color: #009FAA;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}

h2 a {
    color: #5CA2DA;
    font-family: Source Sans Pro;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
    text-decoration: none;
}

/** {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}*/

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #5CA2DA;
    border-radius: 5px;
}

::selection {
    color: #fff;
    background: #456FB2;
    border-radius: 5px;
}

p {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

    p a {
        font-size: 18px;
        line-height: 22px;
    }

b, strong {
    font-weight: 700;
}

.btn {
    position: relative;
    border-radius: 0;
    /* padding: 17px 30px 16px; */
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-style: normal;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    left: 0;
    min-width: 150px;
    height: 2.5rem;
    min-height: 2.5rem;
    display:flex;
    justify-content: center;
    align-items:center;
}

    .btn.btn-lg {
        width: 250px;
    }

.btn-text {
    font-size: 18px;
    line-height: 22px;
    border: none;
    background: transparent;
    text-transform: capitalize !important;
    color: #009FAA;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.btn.btn-gold {
    background-color: #456FB2;
    color: #ffffff;
}

    .btn.btn-gold:hover {
        background-color: #5692d7;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
        left: 10px;
    }

.btn.btn-grey {
    background-color: #5A6267;
    color: #fff;
}

.btn.btn-lt-grey {
    background-color: #eee;
    color: #5A6267;
    padding: 12px 78px;
}

.btn.btn-grey:hover {
    background-color: #6F7980;
    color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

.btn.btn-red {
    background-color: #DA4D72;
    color: #fff;
}

.btn.btn-clear {
    border: 1px solid #5A6267;
    color: #5A6267;
}

    .btn.btn-clear:hover {
        border: 1px solid transparent;
        color: #fff;
        background-color: #5A6267;
    }

.btn.btn-red:hover {
    background-color: #CF616E;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

/*.btn-arrow {
    padding: 17px 69px 16px 15px;
    text-align: left;
}*/

/*    .btn-arrow::after {
        width: 12px;
        height: 9px;
        right: 10px;
        position: absolute;
        top: 21px;
        content: "";
        display: block;
        background-image: url('../images/icon_arrow_cta.png');
    }*/

.btn.icon-btn {
    padding: 6px 15px 7px 40px;
    min-width: 0;
    font-weight: 400;
    font-size: 18px;
    text-transform: none;
    color: #5A6267;
    border-radius: 25px;
}

    .btn.icon-btn:hover {
        background: #eee;
    }

.btn-back {
    padding-left: 32px;
}

    .btn-back::after {
        left: 10px;
        transform: rotate(180deg);
    }

@media only screen and (max-width: 768px) {
    .btn-back {
        padding-left: 40px;
    }
}

.account-page.myaccount-page li.breadcrumb-item.active {
    flex-grow: 1;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 4px;
}

    /* Bread Crumbs */
    li.breadcrumb-item a, li.breadcrumb-item.active, li.breadcrumb-item.active strong, .breadcrumb-item + .breadcrumb-item::before {
        font-size: 1rem;
        font-weight: normal;
        line-height: unset;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        content: "/\00a0"!important;
    }   

.breadcrumb-item a {
    color: #5A6267;
    font-family: Source Sans Pro;
    /* font-size: 18px;
    font-weight: 400;
    line-height: 27px; */
    text-decoration: none;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal;
    line-height: unset;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    color: #5A6267;
    content: "/";
    font-size: 1rem;
    font-weight: normal;
    line-height: unset;
    float: none;
    padding: 0 .5rem;
}

.breadcrumb-item.active strong {
    font-weight: 700;
    font-size: 18px;
}


header {
    background-image: none;
    background-repeat: no-repeat;
    margin-top: 0;
    border-top: 5px solid #456FB2;
    padding-top: 0;
}

.header-links {
    padding: 10px 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

    .header-links::before {
        border-bottom: 1px solid #e0e0e0;
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        right: 11px;
        margin: auto;
        max-width: 1325px;
        display: block;
    }

    .header-links .nav-item.col {
        margin-right: 15px;
    }

/* .header-logo {
    flex: 1;
    justify-content: center;
    display: flex;
} */

/* HTML VIDEO BORDER BUG Fix */
video#lottie {
   outline: none;
   border: none;
background-color: transparent;
}

.store-logo {
    line-height: 0;
}

.header-logo img, .header-logo svg {
    max-width: 260px;
    padding: 0;
    margin: 15px 0;
}

.admin-link-wrapper {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.navbar {
    padding: 0;
}
/*.navbar > .container, .navbar > .container-fluid {
    justify-content: center;
}*/


.mainNav {
    clear: both;
    /*background-color: transparent;*/
    background-color: #ffffff;
    /*z-index: 998;*/
    z-index: 3;
    padding: 0;
    height: auto;
}

    .mainNav .navbar-nav {
        margin: 0;
        position: relative;
        padding: 0;
    }

.navbar-nav.header__menu .side-bar-only {
    display: none;
}

.navbar-expand-md .navbar-collapse {
    justify-content: flex-start;
}

.mainNav .nav.navbar-nav .nav-item {
    padding: 0 23px;
}

.mainNav .navbar-nav > .nav-item > .nav-link {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    font-style: normal;
}

.mainNav .account-links .nav-item .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.header__nav-panel {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: auto;
}

.header__menu-item {
    display: inline-block;
    margin-right: 7px;
    padding: 25px 0;
}

a.header__menu-link.header__menu-link_dropdown.main-nav-only {
    padding: 10px 1.5rem 10px 1rem;
}

.mainNav a.header__menu-link {
    position: relative;
    color: #5A6267;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding: 10px 1.4rem;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    font-style: normal;
}

.mainNav .lg-padding a.header__menu-link {
    padding-left: 7px;
}

.header__menu-item:hover .header__subnav {
    display: block;
}

.header__menu-link.is-active::after, .navbar-nav.header__menu .header__menu-item:hover .header__menu-link_dropdown:after {
    background-color: #009FAA;
    height: 3px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    opacity: 1;
    bottom: -5px;
}

.header__subnav {
    position: absolute;
    display: none;
    top: 49px;
    left: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 11px 18px 0 rgba(0,0,0,0.2);
    box-shadow: 0 11px 18px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.secondary-menu .header__subnav {
    position: absolute;
    display: none;
    /* top: 63px; */
    left: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 9;
    height: 100vh;
    top: 0;
    overflow-y: auto;
}

    .secondary-menu .header__subnav .header__subnav {
        top: 0;
        overflow-y: scroll;
    }

.header__subnav.is-visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header__subnav-menu {
    width: 100%;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 800px;
    padding: 0;
}

li.header__menu-item.shop-by .header__subnav {
    width: 950px;
    /* left: auto; */
    right: 0;
}

.secondary-menu__product-links li.header__menu-item.shop-by .header__subnav {
    width: -webkit-fill-available;
}

.header__menu-item.shop-by .header__subnav-menu {
    max-width: none;
}

li.header__menu-item.shop-by ul.header__submenu-col {
    -webkit-column-count: 4;
    column-count: 4;
}

.secondary-menu__product-links li.header__menu-item.shop-by ul.header__submenu-col {
    -webkit-column-count: auto;
    column-count: auto;
}

.header__subnav.column-1 {
    text-align: center;
    width: 400px;
}

.header__subnav.column-2 {
    text-align: center;
    width: 600px;
}

.column-1 .header__subnav-menu {
    width: 57%;
    -webkit-box-flex: 57%;
    -webkit-flex: 57%;
    -ms-flex: 57%;
    flex: 57%;
    max-width: 57%;
}

.header__catalog {
    width: 25%;
    -webkit-box-flex: 25%;
    -webkit-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    padding: 30px 24px 30px;
    border-left: 1px solid #ddd;
}

.header__subnav-item {
    cursor: pointer;
    padding: 15px 0;
    z-index: 99;
    width: 100%;
}

.mainNav a.header__subnav-link {
    color: #4b5259;
    padding: 0;
    display: block;
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    font-style: normal;
    padding-left: 20px;
    position: relative;
    position: relative;
    z-index: 99;
}

.mainNav a.header__subnav-link_has-submenu {
    background-image: url(../img/angle-gray-right.png);
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto;
    background-position: right center;
    padding-left: 0;
    padding-right: 19px;
    z-index: 99;
}

.header__subnav-link.header__subnav-link_has-submenu::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 1px solid #5A6267;
    border-bottom: 1px solid #5A6267;
    position: absolute;
    right: 0;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.column-1 .header__subnav-link.header__subnav-link_has-submenu::after {
    content: "";
    right: -10px;
}

.mainNav a.header__subnav-link.is-active {
    font-weight: bold;
}

.header__subnav-link.header__subnav-link_has-submenu.is-active::after {
    border-right: 2px solid #5A6267;
    border-bottom: 2px solid #5A6267;
}

.header__subnav-link_has-submenu {
    background-image: url(../img/angle-gray-right.png);
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto;
    background-position: right center;
}

.header__submenu {
    width: 75%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #fff;
    width: 100%;
    padding-left: 25%;
    -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.1);
}

.secondary-menu .header__submenu-col {
    overflow-y: visible;
    width: 100%;
    column-count: 1;
    height: 100%;
    background: #e9e9e9;
}

.column-1 .header__submenu {
    width: 43%;
    text-align: left;
    padding-left: 0;
}

.column-2 .header__submenu {
    width: 33%;
}

.header__submenu.is-visible {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header__submenu-col {
    padding: 20px 0px;
    overflow-y: auto;
    width: 100%;
    column-count: 4;
    height: 100%;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-after: always;
}

.tab-dropdown {
    display: none;
}

.return-link {
    display: none;
}

.cat-block {
    padding: 20px 0 10px;
    column-count: 2;
    text-align: center;
}

    .cat-block li a {
        font-style: normal;
        text-decoration: none;
        text-transform: uppercase;
        color: #5A6267;
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
    }

.secondary-menu .cat-block {
    display: none;
}

.header__submenu-item {
    padding: 7px;
    line-height: 17px;
    /* width: 97%; */
    margin: 0;
    min-height: 20px;
}

    .header__submenu-item:hover {
        background: #F7F8FA;
    }

.mainNav a.header__submenu-link {
    color: #4b5259;
    display: block;
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
    padding: 5px;
}

.dropdown-menu.first-level.show {
    display: none;
}

.account-links {
    margin-left: 153px;
}

    .account-links .nav-item {
        padding: 0 11px;
    }

#topcartlink {
    cursor: pointer;
    position: relative;
}

.flyout-cart {
    min-width: 300px;
    font-size: 14px;
}

#ModalAddToCart .modal-dialog {
    min-width: 800px;
}

#ModalAddToCart .close.cart-close {
    background: #5A6267;
    right: 16px;
}

#ModalAddToCart .modal-header {
    border-bottom: 0;
}

    #ModalAddToCart .modal-header h2 {
        font-weight: 400;
    }

#ModalAddToCart h3 a {
    font-size: 18px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

#ModalAddToCart .modal-content {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.add-cart_details .form-group {
    margin: 0;
    padding-bottom: 10px;
}

.add-cart_details label {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
}

#ModalAddToCart .btn-group {
    max-width: 420px;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    float: none;
}

.attributes {
    font-size: 18px;
    font-weight: 400;
    line-height: 15px;
}

    .attributes br {
        content: "";
        display: block;
        margin-bottom: 10px;
    }

#ModalAddToCart .btn-group button {
    margin-right: 10px;
}

    #ModalAddToCart .btn-group button:last-child {
        margin-right: 0;
        margin-left: 10px;
    }

#ModalAddToCart .modal-footer {
    -ms-flex-pack: center;
    justify-content: center;
    display: block;
    text-align: center;
    border-top: 0;
}

.add-cart_subtotal {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 39px;
    padding-bottom: 16px;
}

    .add-cart_subtotal > .text-danger {
        font-size: 22px !important;
        padding-left: 10px;
    }

.modal-footer .btn-text {
    padding: 30px 0 20px;
}

#uploadArtworkOrder .modal-footer {
    border: none;
}

.admin-links {
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

    .admin-links li {
        display: inline-flex;
        padding-right: 20px !important;
    }

        .admin-links li:last-child {
            padding-right: 0px !important;
        }

    .admin-links .nav-link {
        display: flex;
        position: relative;
    }

    .admin-links .upload-art {
        display: none;
    }

    .admin-links li a {
        text-decoration: none;
    }

ul.subnav li {
    padding: 0 !important;
    display: grid;
}

.nav-text {
    position: relative;
    width: 100%;
}

span.productcatalog-qty {
    right: -9px;
    left: auto;
    top: -13px;
}

#topcartlink .cart-qty, .wishlist-qty, span.wishlist-qty, .productcatalog-qty {
    border-radius: 100%!important;
    background: #DA4D72;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 12px;
    top: 1px;
    color: #fff !important;
    padding-top: 0;
}

.account-links__labels {
    padding-left: 10px;
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    padding-top: 3px;
    white-space: nowrap;
    font-style: normal;
}

.account-links {
    margin-left: 82px;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 0;
    align-items: center;
}

    .account-links #topcartlink > div > a {
        padding: 0;
        padding-right: 0px;
        color: inherit;
        padding-right: 0;
    }

#topcartlink .fly-cart-container .flyout-cart {
    position: absolute;
    right: -30%;
    top: 43px;
    width: 30%;
    height: calc(100vh - 43px);
    border: 1px solid #eee;
    border-right-color: rgb(238, 238, 238);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: 0;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .6s ease-in-out;
}

#topcartlink.fly-in .fly-cart-container .flyout-cart {
    position: absolute;
    right: 0;
}

.wishlist-label {
    padding-right: 0;
    padding-top: 1px;
    display: flex;
}

.fa-shopping-cart::before {
    content: "";
    color: #393f46;
}

.fly-close {
    z-index: 99999;
    position: absolute;
    right: 0;
    background: #17a2b8;
    color: #fff;
    height: 37px;
    padding-left: 0;
    padding-right: 0;
    width: 9.333333%;
}

/*.currency-selector .btn-group .btn, .tax-type-button .btn, .language-selector .btn, .store-selector .btn {
    height: 30px;
    background-color: transparent !important;
    color: #fff !important;
    border: 0;
    width: auto;
}
.currency-selector .btn-group .btn:hover, .tax-type-button .btn:hover, .language-selector .btn:hover, .store-selector .btn:hover {
    left:0;
}

.currency-selector .btn-group .btn {
    background-image: url('../images/icon_us_flag.png');
    background-repeat: no-repeat;
    background-position: 49%;
    width: auto;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.currency-selector .btn-group .btn:hover {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    left:0;
}*/
.currency-selector {
    padding: 10px 36px;
    background-image: url('../images/icon_world.svg');
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-left: 20px;
}

    .currency-selector .btn.dropdown-toggle.dropdown-toggle-split {
        padding: 0;
        display: inline-block;
        text-align: left;
        line-height: 28px;
        height: auto;
        text-transform: capitalize;
        font-weight: 400;
        color: #5A6267;
    }

    .currency-selector .dropdown-menu {
        border: 0 !important;
    }

    .currency-selector ul {
        padding: 10px;
        border: 0;
    }

.language-selector {
    padding: 15px 23px;
    position: relative;
}

.navbar-nav .language-selector {
    padding: 0 15px;
    margin-top: -6px;
}

#lang-selection {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 3px;
}

    #lang-selection span:last-child {
        padding-left: 12px;
        font-weight: 400;
        font-size: 14px;
        padding-top: 4px;
    }

.language-list {
    position: absolute;
    top: 38px;
    display: none;
    background: #fff;
    z-index: 99999;
    padding: 10px !important;
    width: 101px;
}

    .language-list li, .currency-selector li {
        padding: 10px 0;
    }

        .language-list li a, .currency-selector li a {
            text-decoration: none;
            font-style: normal;
            color: #5A6267;
            font-weight: 400;
        }

            .language-list li a span:last-child {
                padding-left: 13px;
            }

.currency-selector .btn-group .btn:hover, .language-selector .btn:hover {
    left: 0;
}

.scout-link a {
    color: #5A6267;
    text-decoration: none;
    padding-left: 10px;
    font-style: normal;
}

.container.aux-menu {
    position: relative;
}

body.open::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    min-height: 100vh;
    background: #000;
    z-index: 999;
    opacity: .5;
    height: 100%;
}

body.is-ready.open {
    /*position: fixed;*/
    height: 100vh;
    overflow: hidden;
}

.secondary-menu {
    position: fixed;
    background: #fff;
    z-index: 999;
    width: 300px;
    top: 0;
    bottom: 0;
    left: -300px;
    transition: all .25s ease-in-out;
}

    .secondary-menu.active {
        left: 0;
    }

.secondary-menu__header {
    background-color: #5A6267;
    color: #fff;
    padding: 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

    .secondary-menu__header .close {
        background-color: transparent;
        color: #fff;
        text-shadow: none;
        width: 45px;
        height: 37px;
        margin: 0;
        font-size: 38px;
        font-family: Source Sans Pro;
        font-weight: lighter;
        top: 0;
        right: 0;
        opacity: 1;
    }

    .secondary-menu__header .user-name {
        font-weight: 700;
    }

.secondary-menu__admin-links ul {
    padding: 15px 0;
    border-bottom: 1px solid #CCC;
    margin: 0;
}

.secondary-menu .nav-item {
    padding: 15px 20px
}

.secondary-menu .nav-link {
    display: block;
    padding: 0;
}

.secondary-menu .nav-link {
    display: flex;
    padding: 0;
    text-decoration: none;
    position: relative;
}

    .secondary-menu #topcartlink .nav-link .cart-qty, .secondary-menu #topcartlink .nav-link .productcatalog-qty, .secondary-menu .nav-link .wishlist-qty {
        top: -6px;
    }

.secondary-menu .account-links__labels {
    font-style: normal;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 17px;
}

.secondary-menu__product-links {
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}

    .secondary-menu__product-links ul {
        padding: 0;
    }

    .secondary-menu__product-links .header__menu-item {
        display: block;
        /* padding: 25px 20px; */
        padding: 1rem;
    }

        .secondary-menu__product-links .header__menu-item a {
            font-size: 1rem;
            font-weight: 400;
            line-height: 17px;
            text-transform: uppercase;
            font-style: normal;
            color: #5A6267;
            display: block;
            text-decoration: none;
        }

            .secondary-menu__product-links .header__menu-item a.header__menu-link_dropdown {
                background-image: url('../images/arrow-nav-right.png');
                background-repeat: no-repeat;
                background-position: 93% 50%;
            }

.secondary-menu .main-nav-only {
    display: none !important;
}

.secondary-menu .header__submenu-item {
    padding: 15px 0px 15px 20px;
}

.secondary-menu__product-links .header__submenu-item a {
    text-transform: capitalize;
}

.header__menu-link.is-active::after, .header__menu-item:hover .header__menu-link.header__menu-link_dropdown::after {
    display: none;
}

.secondary-menu .header__menu-item:hover .header__subnav {
    display: none;
}

.secondary-menu__product-links .small-search-box-form, .secondary-menu__product-links .search-icon {
    display: none;
}

.secondary-menu .return-link:first-child {
    background-color: #fff;
}

.secondary-menu .return-link {
    display: block;
    padding: 21px 0;
    background-image: url('../images/arrow-nav-left.png');
    background-repeat: no-repeat;
    background-position: 7% 50%;
}

    .secondary-menu .return-link a {
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        display: block;
        padding: 0 27px;
    }

.small-search-box-form {
    width: 100%;
    position: absolute;
    top: 0;
    height: 0;
    overflow: hidden;
}

    .small-search-box-form.open {
        height: 74px !important;
        overflow: visible !important;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }


.advanced-search-results.open {
    top: 76px;
}

.search-dd-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: white;
    border: 2px solid #F9F9F9;
}

.search-dd-label {
    margin: auto 10px;
    font-weight: 400;
}

select#searchType {
    margin: auto 10px;
    border: none;
    font-weight: 400;
    color: #5A6267;
}

.search-page-input-bar-container select#searchType {
    z-index: 1;
    margin: 0;
    background-color: #eee;
    height: 40px;
    display: inline-block;
    border-radius: 30px 0 0 30px;
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 0 15px;
}

.btn.btn-info.search-box-button.float-sm-right.d-inline-flex {
    background-image: url('../images/magnifying_glass.svg');
    background-repeat: no-repeat;
    background-position: 49%;
    background-color: transparent;
    border: none;
    z-index: 9;
    min-width: 50px;
    /* position: absolute;	
    right: 36px;
    left: auto;
    width: 16px;
    padding: 17px 15px;
    height: 16px;
    top: 20px; */
}

.inputs.search-page-input-bar-container {
    position: relative;
    height: 40px;
}

.search-bar-dd-label {
    margin: 8px 20px 8px 0;
    z-index: 1;
    font-weight: 400;
    display: inline-block;
}

.search-page-input-bar-container select {
    display: inline-block;
    margin: auto 10px auto 0;
}

input.form-control.search-text {
    width: 90%;
    display: inline-block;
}

.search-close a {
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #5A6267;
    padding: 4px 9px 5px;
    border-radius: 25px;
    position: absolute;
}

.mobile-search .material-icons {
    font-family: unset;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: inherit;
    -moz-osx-font-smoothing: inherit;
    background-image: url('../images/magnifying glass.png');
    color: transparent;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 100%;
}

.tax-type-button .btn::after, .store-selector .btn::after {
    content: "";
    display: block;
    align-self: center;
    margin-left: 5px;
    border-right: #5A6267 1px solid;
    border-bottom: 1px solid #5A6267;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    right: -28px;
    position: relative;
    top: -3px;
}

.language-selector .btn::after {
    right: -7px;
}

.language-selector .btn span {
    color: #5A6267;
}

/*    Home Hero Slider     */
.hero-slider {
    padding-bottom: 50px;
    position: relative;
    min-height: 360px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50%;
}

.slick-initialized .hero-slider__item {
    max-height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.hero-slider__heading-content {
    position: absolute;
    bottom: 62px;
    width: 100%;
    text-align: center;
}

.hero-slider__heading-band {
    background: rgba(51,51,51,.8);
    height: 150px;
    width: 100%;
}

.hero-slider__header {
    color: #FFFFFF;
    font-family: Source Sans Pro;
    font-size: 48px;
    font-weight: 400;
    line-height: 57px;
    text-align: center;
    text-transform: uppercase;
}

    .hero-slider__header strong {
        font-size: 72px;
        font-weight: bold;
        line-height: 86px;
        display: block;
    }

.hero-slider__btn {
    padding-top: 40px;
}

@media only screen and (min-width: 1200px) {
    .hero-slider {
        margin: 0 auto;
        max-width: 1365px;
    }

        .hero-slider .slick-list {
            max-width: 1365px;
        }

        .hero-slider video {
            width: 100%;
        }
}

.heading {
    text-align: center;
}

    .heading h2,
    .heading h2 a {
        font-family: Source Sans Pro;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5rem;
        position: relative;
        margin-bottom: 1.5rem;
        text-transform: capitalize;
        color: #5a6267;
        font-style: normal;
        text-decoration: none !important;
    }

        .heading h2:before {
            content: "";
            display: block;
            bottom: -10px;
            left: 0;
            right: 0;
            position: absolute;
            margin: 0 auto;
            height: 3px;
            width: 200px;
            background-color: #009FAA;
        }

.heading__pre-sub {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.heading.heading-proof-approval {
    padding-bottom: 40px;
}

.slick-dots {
    padding: 0;
    top: -5px;
    position: relative;
    display: table;
    width: 100%;
}

    .slick-dots li {
        list-style: none;
        margin-left: .2%;
        display: table-cell;
        border-right: 2px solid transparent;
    }

        .slick-dots li:last-child {
            border-right: 0px solid transparent;
        }

        .slick-dots li button {
            border: none;
            width: 100%;
            color: transparent;
            height: 5px;
            background-color: rgba(255,255,255,0.7);
            cursor: pointer;
        }

        .slick-dots li.slick-active button {
            border: none;
            width: 100%;
            color: transparent;
            height: 5px;
            background-color: #FFFFFF;
        }

/*    Home Featured Links     */

.featured-links {
    /* padding: 50px 0; */
}

    .featured-links .heading {
        text-align: center;
    }

.featured-links__content {
    display: flex;
    align-items: center;
    /* padding-top: 50px; */
}

    .featured-links__content a {
        display: contents;
    }

.featured-links__item {
    padding: 0 5px;
    text-align: center;
}

    .featured-links__item:first-child {
        padding-left: 0;
    }

    .featured-links__item:last-child {
        padding-right: 0;
    }

.featured-links__link h4 {
    padding-top: 15px;
    text-transform: uppercase;
    font-style: normal;
    color: #5a6267;
}

.featured-links__img .featured-color {
}

.featured-links__img:hover .featured-color {
    display: block;
}

.featured-links__img .featured-grey {
    display: none;
}

.featured-links__img img {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.featured-hover-box {
    overflow: hidden;
}

.feature-color img {
    display: inline-block;
}

.featured-links__img {
    overflow: hidden;
}

.featured-color img:hover {
    transform: scale(1.1);
}

/*    Home Featured Blog     */
.blog-featured {
    display: flex;
    align-items: center;
    padding: 30px 0;
    width: 90%;
}

.home-page .blog-featured__content .heading h2 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
}

.blog-featured__content {
    text-align: center;
}

.blog-featured__img {
    text-align: right;
}

    .blog-featured__img img {
        max-width: 100%;
    }

.blog-featured p {
    padding-top: 40px;
    max-width: 94%;
    margin: 0 auto;
}

.blog-featured .btn-gold {
    margin-top: 30px;
}

/*    Home Featured Product Slider     */
.home-page-product-grid {
    padding: 50px 0;
    margin-top: 0;
}

.product-container {
    /*padding: 0;
    padding-bottom: 10px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
    width: 33%;*/
    padding: 0 5px;
}

    .product-container:hover {
        box-shadow: 0 6px 20px 0 rgba(170,170,170,0.2);
        z-index: 9;
    }

.home-product__slider {
    padding: 40px 83px 0;
    align-items: center;
    width: 100%;
    overflow-x: hidden;
}

    .home-product__slider .slick-prev.slick-arrow {
        background-color: #333;
        color: transparent;
        border: none;
        height: 160px;
        width: 50px;
        opacity: .3;
        position: absolute;
        top: 38%;
        left: -25px;
        cursor: pointer;
    }

        .home-product__slider .slick-prev.slick-arrow::after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            transform: rotate(-45deg);
            position: absolute;
            top: 47%;
            left: 39%;
        }

        .home-product__slider .slick-prev.slick-arrow:hover {
            left: 0
        }

    .home-product__slider .slick-next.slick-arrow {
        background-color: #333;
        color: transparent;
        border: none;
        height: 160px;
        width: 50px;
        opacity: .3;
        position: absolute;
        top: 38%;
        right: -25px;
        cursor: pointer;
    }

        .home-product__slider .slick-next.slick-arrow::after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            transform: rotate(45deg);
            position: absolute;
            top: 47%;
            left: 39%;
        }

        .home-product__slider .slick-next.slick-arrow:hover {
            right: 0;
        }

    /* Product Page - Variant Product Slick Slider */
    .product-details-page .slick-track {
        display: flex;
    }

    .product-details-page .slick-prev:before,
    .product-details-page .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #6c757d;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .product-details-page .slick-prev:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 12px solid #6c757d;
    }
    .product-details-page .slick-next:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 12px solid #6c757d;
    }

    .product-details-page .slick-prev {
        left: -25px;
    }
    .product-details-page .slick-next {
        right: -25px;
    }
    .product-details-page .slick-prev,
    .product-details-page .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

        @media only screen and (max-width: 767px) {
            .slick-slider .product-variant-box.slick-slide {
                min-height: 160px!important;
            }
        }

.card.gen {
    padding-bottom: 0 !important;
    border: none !important;
}

.card-body-content {
    text-align: center;
}

.card.gen .card-body .card-body-content {
    background: transparent;
}

.card.gen .card-title {
    min-height: 66px;
    max-width: 69%;
    margin: auto;
    margin-bottom: auto;
    display: block;
    padding-bottom: 10px;
}

.card.gen .card-body-content .card-title a {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    font-style: normal;
}

.card-meta {
    display: block;
    align-items: center;
    margin-bottom: 8px;
}

.sku-tag {
    font-size: 18px;
    color: #5A6267;
    font-weight: 400;
    display: inline-block;
}

.home-product__slider .sku-tag {
    margin: 0 auto;
}

.card-alerts {
    display: inline-block;
    width: auto;
    padding: 0;
    margin-top: 0;
    margin-bottom: -1px;
    margin-left: 7px;
}

.home-product__slider .card-alerts {
    display: none;
}

.card-alerts li {
    display: inline;
    width: auto;
    padding-right: 5px;
}

.card.gen .card-alerts img {
    position: relative;
}

1

.flex-grid .card.gen a.picture {
    padding: 25px 50px 0;
}

.card.gen .card-options img {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.card-options {
    position: absolute;
    bottom: 8px;
    right: -8px;
}

.home-product__slider .card-options {
    display: none;
}

.ico-active, .ico-normal {
    display: none;
    height: 40px;
}

.product-container:hover .ico-normal, .prod-list:hover .ico-normal {
    display: block;
}

.card-zoom, .card-compare, .card-wishlist {
    padding-bottom: 10px;
    position: absolute;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.product-container:hover .card-zoom, .product-container:hover .card-compare, .product-container:hover .card-wishlist,
.prod-list:hover .card-zoom, .prod-list:hover .card-compare, .prod-list:hover .card-wishlist {
    position: relative;
    max-height: 50px;
}

.rating {
    position: relative;
    display: flex;
    align-items: center;
    width: 90px;
    height: 13px;
    line-height: 1;
    font-size: 15.4px;
    margin: 5px auto 10px;
    letter-spacing: 6.4px;
}

.review-scroll-button {
    font-weight: 400;
    font-style: italic;
    padding-left: 34px;
    text-align: left;
    text-transform: capitalize;
}

.rating-options label {
    padding-right: 10px;
}

.product-review-list .rating {
    position: relative;
    display: flex;
    align-items: center;
    width: 180px;
    height: 20px;
    line-height: 1;
    font-size: 15.4px;
    margin: 5px auto 10px;
    margin-left: auto;
    margin-left: auto;
    letter-spacing: 16px;
}

.product-review-box .rating {
    width: 144px;
    height: 20px;
    letter-spacing: 6.4px;
}

.card.gen .rating img, .card.gen .rating svg {
    position: relative;
    margin: 0;
    padding-right: 5px;
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    max-width: 100%;
    max-height: 100%;
}

.rating .rating-ghost, .rating .rating-real {
    line-height: 10px;
    height: auto;
}

.card-options button {
    -webkit-appearance: none;
    border: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
}

    .card-options button:hover .ico-normal, .card-options button:hover .ico-shopping-cart {
        display: none;
    }

    .card-options button:hover .ico-active {
        display: block;
    }

.card-body-content .product-attribute__attributes {
    width: 100%;
}

.card-body-content .color-squares {
    padding-left: 0;
    list-style: none;
    line-height: 0;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 28px;
}

.card-body-content .product-attribute__attributes .color-squares li, .prod-list .product-attribute__attributes .color-squares li {
    padding-bottom: 0;
    padding-left: 0;
    line-height: 0;
    font-size: 0;
}

.card-body-content .list-inline-item:not(:last-child), .prod-list .card-body-content .list-inline-item:not(:last-child) {
    margin-right: 15px;
}

.card-body-content .color-squares label, .prod-list .color-squares label {
    margin-bottom: 0;
    line-height: 0;
    font-size: 0;
}

.card-body-content .color-container, .prod-list .color-container {
    line-height: 0;
    font-size: 0;
}

.prod-list {
    padding-bottom: 20px;
}

    .prod-list:hover {
        border: 0;
        box-shadow: 0 6px 20px 0 rgba(170,170,170,0.2);
        z-index: 9;
    }

.card.gen .prod-list .card-body {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.product-container .color-container .color {
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    border: none !important;
    cursor: default;
    border-radius: 25px;
}

.prod-list .card-body {
    padding-top: 12px !important;
}

.prod-list .img-holder {
    position: relative;
    max-width: 310px;
    width: 100%;
}

.card-list-body {
    max-width: 66%;
    width: 66%;
    padding-left: 20px;
}

.card.gen .prod-list .card-title {
    margin: 0;
    line-height: 29px;
}

.prod-list h2.card-title a {
    font-style: normal;
    color: #5A6267;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

.prod-list .sku-tag {
    font-size: 18px;
    color: #5A6267;
    font-weight: 400;
    display: inline-block;
    margin-left: 0;
}

.prod-list .card-text {
    min-height: 66px;
}

.card.gen .prod-list .actual-price {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.prod-list .color-container .color {
    width: 12px !important;
    height: 12px !important;
}

.prod-list .color-squares {
    padding-top: 15px;
    text-align: center;
    line-height: 0;
    font-size: 0;
    margin-bottom: 15px;
}

.prod-list .discount-wrapper {
    text-align: center;
}

.prod-list .rating {
    position: relative;
    display: flex;
    align-items: center;
    width: 104px;
    height: 25px;
    line-height: 1;
    font-size: 25px;
    margin: 5px auto 10px;
}

.rating div {
    height: auto;
}

.prod-list .rating .rating-ghost {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    white-space: nowrap;
    color: #E1D299;
}

.prod-list .rating .rating-real {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    color: #E1D299;
    overflow: hidden;
    white-space: nowrap;
}

.prod-list .product-rating-box.list-group {
    padding-bottom: 20px;
}

.card.gen .prod-list .rating img {
    position: relative;
    margin: 0;
    padding-right: 20px;
}

    .card.gen .prod-list .rating img:last-child {
        padding-right: 0;
    }

.list-group .rating {
    margin: 5px 0 15px;
    width: 180px;
}

.list-group .product-rating-box a {
}

.card-subtitle {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

    .card-subtitle span {
        display: block;
        padding-bottom: 10px;
    }

.card.gen .actual-price {
    font-size: 18px;
    font-weight: 400;
    color: #5A6267;
}

.discount-wrapper {
    height: 30px;
}

.discount-box {
    background-image: url('../images/discount_tag.png');
    background-repeat: no-repeat;
    font-family: Source Sans Pro;
    display: inline-block;
    padding: 7px 10px 6px;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

    .discount-box span {
        padding: 0;
    }

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 50px 0 40px;
}

/* Product Detail  */
.promotions-banner {
    position: relative;
    background: #359EF2;
    /*height: auto;*/
    max-height: 140px;
}

.promo-content {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.promo-content__box {
    text-align: center;
    width: auto;
    display: inline-block;
}

    .promo-content__box p {
        color: #FFFFFF;
        margin: 0;
    }

.promo-content-header {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.promo-content-subheader {
    font-size: 16px;
    line-height: 24px;
}


.promo-content-quantity, .promo-content-validity {
    font-size: 12px;
    line-height: 12px;
}

.promo-content__box p.promo-pricing {
    font-size: 20px;
    line-height: 24px;
}

.promo-content__box p.promo-content-subheader, .promo-content__box p.promo-content-validity {
    font-size: 16px;
    line-height: 20px;
}

.promo-content-code {
    font-weight: 700;
}

.product-alert-banner {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    z-index: 3;
}

    .product-alert-banner .alert-banner__content {
        width: 100%;
    }

    .product-alert-banner span {
        padding-right: 10px;
        position: relative;
        top: -2px;
    }

.alert-item {
    padding: 0;
    margin: 0;
}

    .alert-item li {
        position: relative;
        padding: 16px 0;
    }

        .alert-item li .container {
            display: flex;
            align-items: center;
            line-height: 17px;
        }

            .alert-item li .container img {
                margin-right: 4px;
            }

.alert-banner__content p {
    color: #fff;
    display: inline-block;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
}

.options-bar {
    height: 85px;
    background-color: #424347;
    box-shadow: 0 0 14px 0 rgba(170,170,170,0.2);
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 2;
}

    .options-bar.product-print.internal-account-bar {
        top: 47px;
    }
/***************Sticky Search and menu bar******************/
nav.navbar.navbar-expand-md.mainNav.d-none.d-lg-flex {
    height: auto;
    box-shadow: 0 0 14px 0 rgba(170,170,170,0.2);
    position: sticky;
    top: -1px;
    z-index: 100;
}

.product-alert-content .alert-item, .product-alert-content .alert-item p, .product-alert-content .alert-item a {
    color: #C24756;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
}

    .product-alert-content .alert-item strong {
        text-transform: uppercase;
    }

    .product-alert-content .alert-item li::before {
        background-image: url('../images/icon_caution_red.svg');
        top: 6px;
    }

.closed-toggle {
    display: none;
}

.options-bar.closed {
    height: 20px;
}

    .options-bar.closed .closed-toggle {
        display: block;
    }

    .options-bar.closed .open-toggle {
        display: none;
    }

    .options-bar.closed ul {
        opacity: 0;
    }

.toggle-control {
    text-align: center;
    width: 100%;
    /* padding-top: 2.5%;
    padding-bottom: 1.5%; */
}

    .toggle-control a {
        color: #FFF;
        display: block;
        height: 15px;
    }

.toggle-text {
    display: inline-block;
    position: absolute;
    margin-left: 5px;
    font-size: 12px;
}

.options-bar ul {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    padding-left: 0;
    margin-top: 10px;
    .item-container.col.d-md-inline-flex.d-md-flex.px-0 padding: 0;
}

.options-bar li {
    text-align: center;
}

    .options-bar li a {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 400;
        line-height: 17px;
        text-decoration: none;
        font-style: normal;
    }

        .options-bar li a img {
            margin-bottom: 5px;
        }

    .options-bar li span {
        display: block;
    }

        .options-bar li span span {
            padding-top: 0px;
        }

.product-details-page .thumbnails {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 15px 0;
    flex-direction: column;
    align-items: start;
    vertical-align: top;
}

.product-details-page__manufacturer-logo img {
    max-width: 96px;
}

.item-container a {
    cursor: pointer;
}

.product-details-page .thumbnails img {
    margin-bottom: 20px;
    padding: 0;
}

.img-thumbnail {
    padding: 0;
}

.main-image {
    display: inline-block;
    margin: 0 auto;
}

    .main-image.ie11 {
        display: inline-block;
        margin: 0 auto;
        position: fixed;
        width: 100%;
        top: 0;
        background: #fff;
        z-index: 999;
        height: 100vh;
        left: 0;
        right: 0;
        max-width: 100%;
    }

.fullscreen11 {
    height: 800px !important;
    width: 800px !important;
}

.video-thumb {
    position: relative;
    display: inline-block;
    margin-bottom: -50%;
}

    .video-thumb::after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url('../images/video-thumb.svg');
        /* background-repeat: no-repeat; */
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: 50% 50%;
    }

    .video-thumb .img-fluid {
        width: 80px;
        height: 80px;
    }

.product-details-page .overview .generalTitle {
    font-family: Source Sans Pro;
    font-size: 48px;
    font-weight: bold;
    line-height: 57px;
    color: #5A6267;
}

.additional-details {
    margin-right: auto;
}

.product-details-page .short-description {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center;
    color: #5A6267;
    margin-bottom: 30px;
}

.additional-details .sku {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.delivery-date {
    color: #009FAA;
    font-family: Source Sans Pro;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    display: flex;
    align-items: center;
}
    /*.delivery-date::before {
    background-image: url('../images/icon_shipping.png');
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 52px;
    height: 23px;
    position: absolute;
    top: -1px;
    left: -57px;
}*/
    .delivery-date svg {
        margin-right: 10px;
        transform: scale(1);
        width: 10%;
    }

.overview-buttons {
    display: block;
}

    .overview-buttons .prices .actual-price, .associatedItem .actual-price, .catalog-product-price {
        /* font-size: 48px;
        font-weight: 500;
        line-height: 57px; */
        width: 100%;
        text-align: center;
        font-size: 2rem;
        font-weight: normal;
        line-height: 2rem;
    }

.product-attribute__group {
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}

    .product-attribute__group.group-radio .product-attribute__attributes li {
        display: flex;
    }

.custom-control.custom-radio {
    position: relative;
    display: flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    align-items: center;
    justify-content: center;
}

.product-attribute__title, .product-attribute__attributes {
    width: 50%;
    position: relative;
}

.product-attribute__group.group-colorsquares {
    display: block;
}

.product-details-page .attributes label.sr-only {
    display: none;
}

.group-colorsquares .product-attribute__title,
.group-colorsquares .product-attribute__attributes {
    width: 100%;
}

.hint-box {
    display: none;
}

.product-attribute__title .text-prompt:hover ~ .hint-box {
    display: block;
    opacity: 0.9;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    position: absolute;
    padding: 15px;
    z-index: 9;
}


.product-attribute__attributes .color-squares li {
    padding: 0;
    margin: -3px;
    position: relative;
}

    .product-attribute__attributes .color-squares li::before {
        display: none;
    }

.product-attribute__title .text-prompt {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 1rem;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 1rem;
    display: block;
}

    .product-attribute__title .text-prompt p {
        margin-bottom: 0;
    }

.product-dropdown.form-control {
    border-radius: 30px;
    border: 1px solid #ccc;
    padding: 0 41px 0 23px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 45px;
    width: 100%;
    color: #5A6267;
    -webkit-appearance: none;
    background-image: url('../images/select-arrow-down.png');
    background-position: 94% 50%;
    background-repeat: no-repeat;
}

    .product-dropdown.form-control:hover, .product-dropdown.form-control:active, .product-dropdown.form-control:focus {
        background-image: url('../images/select-arrow-down.png');
        background-position: 94% 50%;
        background-repeat: no-repeat;
    }

.product-attribute__group.group-dropdown select.form-control:not([size]):not([multiple]) {
    height: 40px;
}

.product-attribute__group.group-radio ul {
    display: block;
    align-content: center;
}

.product-attribute__group.group-radio li {
    display: inline-block;
    margin-right: auto;
}

    .product-attribute__group.group-radio li:last-child {
        margin-right: 0;
    }

.product-details-page .attributes label {
    border-radius: 25px;
    position: relative;
    padding: 4px;
}

.product-details-page .attributes li.selected-value[title="White"] label,
.product-details-page .attributes li.selected-value[title="Clear"] label,
.product-details-page .attributes li.selected-value[title="Cream"] label,
.product-details-page .attributes li.selected-value[title="Clear Sparkle"] label,
.product-details-page .attributes li.selected-value[title="Frost"] label,
.product-details-page .attributes li.selected-value[title="Solid White"] label,
.product-details-page .attributes li.selected-value[title="Silver"] label,
.product-details-page .attributes li.selected-value[title="Pearl White"] label,
.product-details-page .attributes li.selected-value[title="Frost White"] label {
    border: 2px solid #aaa !important;
    padding: 3px;
}

.product-details-page .attributes li.selected-value label {
    border: 2px solid #aaa !important;
    padding: 3px;
}

label .color-container .color {
    border: 1px solid #CCC !important;
}

.product-details-page .attributes li[title=White] label::after {
    border: 2px solid #aaa;
}

.product-details-page .attributes li[title=Clear] label::after {
    border: 2px solid #aaa;
}

.product-details-page .attributes .selected-value label::after {
    opacity: 1;
}

.color-container .color {
    display: inline-block;
    width: 40px !important;
    height: 40px !important;
    cursor: default;
    border-radius: 25px;
}

.color-container[title=White] .color, .color-container[title=Clear] .color {
    border: 1px solid #aaa !important;
}

.group-htmlcontentblock .product-attribute__attributes {
    width: 100%;
}

.sample-order-radio .product-attribute__attributes {
    width: 100%;
}

.sample-order-radio ul {
    display: flex;
    text-align: center;
}

.sample-order-radio li {
    display: inline;
    width: 50%;
    position: relative;
}

    .sample-order-radio li:first-child::before {
        content: "";
        display: block;
        height: 37px;
        width: 37px;
        background-image: url('../images/icon_customize.svg');
        background-repeat: no-repeat;
        margin: 0 auto;
    }

    .sample-order-radio li:last-child::before {
        content: "";
        display: block;
        height: 37px;
        width: 37px;
        background-image: url('../images/icon_sample.svg');
        background-repeat: no-repeat;
        margin: 0 auto;
    }

.sample-order-radio .custom-control-label {
    display: none;
}

@-moz-document url-prefix() {
    /* .sample-order-radio .custom-control-label {
        display: inline-block;
        height: 20px;
    } */
}

.sample-order-radio .custom-control-label::before {
    top: 3px;
}

.sample-order-radio li label {
    margin-bottom: 0;
}

.sample-order-radio ~ .group-htmlcontentblock {
    text-align: center;
}

.sample-order-radio li:first-child::before {
    content: "";
    display: flex;
    height: 32px;
    width: 32px;
    background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_customize.svg);
    background-repeat: no-repeat;
    position: unset;
    align-items: center;
    margin: auto 1rem;
    flex-basis: 32px;
    flex-grow: 0;
    flex-shrink: 0;
}

.sample-order-radio li:last-child::before {
    content: "";
    display: flex;
    height: 1.7rem;
    width: 1.8rem;
    background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_sample.svg);
    background-repeat: no-repeat;
    position: unset;
    align-items: center;
    margin: auto 1rem;
}

.sample-order-radio li:nth-child(2)::before {
    content: "";
    display: flex;
    height: 1.7rem;
    width: 1.8rem;
    background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_sample.svg);
    background-repeat: no-repeat;
    position: unset;
    align-items: center;
    margin: auto 1rem;
}

@-moz-document url-prefix() {
    /* .sample-order-radio li:first-child::before {
        content: "";
        display: inline-block;
        height: 2rem;
        width: 2rem;
        background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_customize.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 2.25rem;
        top: .75rem;
    }

    .sample-order-radio li:last-child::before {
        content: "";
        display: inline-block;
        height: 2rem;
        width: 2rem;
        background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_sample.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 2.25rem;
        top: .75rem;
    }

    .sample-order-radio li:nth-child(2)::before {
        content: "";
        display: inline-block;
        height: 2rem;
        width: 2rem;
        background-image: url(https://kg-uat-template.kooziegroup.com/Themes/BIC/Content/images/icon_sample.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 2.25rem;
        top: .75rem;
    } */
}
/* .sample-order-radio li:last-child {
    border-left: 1px solid #D8D8D8;
}
.sample-order-radio li:first-child {
    border-right: 1px solid #D8D8D8;
} */

span.custom-control-description {
    display: inline-block;
    margin: 0 5px 0 0;
    text-align: left;
}

@-moz-document url-prefix() {
    /* span.custom-control-description {
        display: inline-block;
        margin-left: 4.15rem;
        margin-top: 0;
    } */
}

.sample-order-radio li:last-child {
    margin-left: 1rem;
}

.sample-order-radio li:first-child {
    margin-right: 1rem;
}

.sample-order-radio li {
    border: 2px solid #add7db;
    border-radius: 5px;
    padding: 0.5rem 0;
    display: flex;
    color: #009FAA;
}

.sample-order-radio li, .sample-order-radio label {
    cursor:pointer;
}

    .sample-order-radio li:has(input[type=radio]:checked) {
        background-color: #dfdfdf;
        border-color: #009FAA;
        color: #009FAA;
}

    .sample-order-radio li:hover, .sample-order-radio li:active {
        border: 2px solid #add7db;
        color: #009FAA;
        background-color: #f5f5f5;
    }

@-moz-document url-prefix() {
    /* .sample-order-radio li {
        border: none;
        border-radius: 5px;
        padding: 0.5rem 0;
        display: flex;
        color: #009FAA;
    }

        .sample-order-radio li:hover, .sample-order-radio li:active {
            border: none;
            color: #009FAA;
            background-color: #f5f5f5;
        }

    li:has(input[type=radio]:checked) {
        border: none;
        background-color: #f5f5f5;
        color: #016767;
    } */
}

.price-description {
    text-align: center;
    margin: 0 auto;
    padding-top: 1rem;
}

    .price-description p {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        margin-bottom: 26px;
    }

    .price-description a {
        display: block;
    }

.price-label-alignment {
    text-align: center;
    width: 100%;
}

.product-feature-buttons ul {
    display: flex;
    justify-content: center;
    padding: 0;
}

.product-feature-buttons li {
    position: relative;
    padding: 0 24px;
}

.feature-description {
    position: absolute;
    width: 300px;
    left: -105px;
    text-align: center;
    top: 70px;
    background: #444;
    color: #fff;
    padding: 15px;
    z-index: 9;
    display: none;
}

    .feature-description strong {
        display: block;
    }

.product-feature-buttons .featured-links__img:hover ~ .feature-description {
    display: block;
}

.price-heading p {
    margin-bottom: 5px;
}

h3.pricing-table-title {
    font-weight: lighter;
}

.field-header {
    font-weight: bold;
}

/* table.blank-pricing-table td.field-header:first-child {
    width: 20%;
} */

#TotalCharges {
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 14px;
}

.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #5A6267;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #5A6267;
        background-color: #fff;
        border: none;
        border-bottom: solid 2px #009FAA;
        font-style: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border: none;
        border-bottom: solid 2px #009FAA;
    }

.topic-page .nav-tabs {
    border-bottom: 1px solid #eee;
}

.topic-page .tab-content {
    padding-top: 30px;
}

.topic-page .nav-tabs .nav-link {
    display: block;
    padding: .5rem 30px;
    font-weight: 400;
}

.topic-page .tab-content p {
    margin-bottom: 30px;
}

tbody {
    color: #5A6267;
    font-size: 1rem;
    line-height: 17px;
    font-weight:500;
}

.topic, table {
    border-bottom: none;
}

    table tr:nth-child(odd) {
        background-color: #F7F8FA;
    }

.table td, .table th {
    padding: 17px 12px 16px;
    vertical-align: top;
    border-top: none;
}

.input-group-btn .btn, .btn-group .btn {
    height: auto;
}

.btn-group.add-to-cart-btn {
    justify-content: center;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

#product-attributes {
    position: relative;
}

.generalAdToCart input {
    display: none
}

.btn-group.product-simple-share {
    position: relative;
    display: -ms-inline-flexbox;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    justify-content: center;
    width: 100%;
}

    .btn-group.product-simple-share button {
        padding: 7px 15px 7px 15px;
    }


.generalAdToCart .add-to-wishlist-button,
.generalAdToCart .add-to-compare-list-button,
.generalAdToCart .share-product-button,
.generalAdToCart .add-to-wishlist-button:active,
.generalAdToCart .add-to-compare-list-button:active,
.generalAdToCart .share-product-button:active {
    color: #5A6267;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: none;
    border: none;
    border-radius: 31px !important;
    padding: 7px 15px 7px 15px;
    background-color: #fff;
}

    .generalAdToCart .add-to-wishlist-button:hover,
    .generalAdToCart .add-to-compare-list-button:hover,
    .generalAdToCart .share-product-button:hover {
        background-color: #eee;
        border-radius: 31px !important;
    }

.generalAdToCart .ico-wishlist::after {
    background-image: url('../images/icon_wishlist.svg');
    width: 20px;
    height: 17px;
    display: block;
    content: "";
    margin-right: 10px;
    background-repeat: no-repeat;
}

.generalAdToCart .ico-compare:before {
    background-image: url('../images/icon_compare_product.svg');
    width: 18px;
    height: 15px;
    display: block;
    content: "";
    margin-right: 10px;
    background-repeat: no-repeat;
}

.generalAdToCart .ico-share:before {
    background-image: url('../images/icon_share_product.svg');
    width: 1rem;
    height: 1rem;
    display: block;
    content: "";
    margin-right: 10px;
    background-repeat: no-repeat;
    margin-top: .25rem;
}

.generalAdToCart .ico-catalog:before {
    background-image: url('../images/icon_catalog.svg');
    width: 18px;
    height: 16px;
    display: block;
    content: "";
    margin-right: 10px;
    background-repeat: no-repeat;
}

.product-details-page .product-tabs .nav-link, #pills-mobile-tab .nav-item .nav-link {
    position: relative;
    color: #5A6267;
    font-weight: 400;
    text-transform: uppercase;
    padding: 16px 33px;
    text-align: center;
}

.product-details-page #product_tab_content {
    margin-top: 40px;
}

.product-share {
    position: absolute;
    bottom: -16px;
    right: 0;
    text-align: right;
    display: none;
}

#info.tab-pane {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.tab-content h4 {
    margin-bottom: 20px;
}

.tab-content p, .tab-content ul {
    margin-bottom: 20px;
}

.product-details-page #internalPriceTabs.product-tabs .nav-item {
    width: 50%;
}

.product-details-page .product-tabs .nav-link.active::after, #pills-mobile-tab .nav-item .nav-link.active::after {
    display: none;
}

.tab-content p {
    padding-left: 20px;
}

.tab-content ul {
    padding-left: 30px;
}

.tab-content li {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 3px;
    position: relative;
    padding-bottom: 20px;
}

    .tab-content li::before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        background: #5A6267;
        border-radius: 25px;
        position: absolute;
        top: 9px;
        left: -9px;
    }
/* Filters */
.viewmode-icon {
    margin: 0 20px;
}

.items-per-page label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    color: #456FB2;
}

.items-per-page {
    align-items: baseline;
}

.catalog-selectors .sort-container label {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    color: #456FB2;
}

.categoryGrid a.viewmode-icon.grid {
    background-image: url('../images/ico_grid_sm.png');
    font-family: Source Sans Pro;
    width: 17px;
    height: 16px;
}

.categoryGrid a.viewmode-icon.selected.grid {
    background-image: url('../images/ico_grid_sm_active.png');
}

.categoryGrid a.viewmode-icon.list {
    background-image: url('../images/ico_grid_list.png');
    font-family: Source Sans Pro;
    width: 17px;
    height: 16px;
}

.categoryGrid a.viewmode-icon.selected.list {
    background-image: url('../images/ico_grid_list_active.png');
}

.categoryGrid a.viewmode-icon span {
    display: none;
}

.category-page #products-pagesize {
    padding-right: 20px;
    border: 0;
}


/* Pagination */
.category-page nav {
    text-align: center;
    padding-top: 42px;
}

.pagination {
    width: auto;
    box-shadow: none;
    margin: auto;
    padding: 21px 0 20px;
}

.individual-page.page-item {
    padding: 1px;
    margin: 0 5px;
}

.pagination .page-item .page-link {
    background-color: #fff;
    color: #424347;
    border-color: transparent;
    text-decoration: none;
    border-radius: 32px;
    font-style: normal;
}

.pagination .page-item.current-page .page-link {
    background: #eee;
    /*border: 1px solid #979797;*/
    color: #424347 !important;
    border-radius: 32px;
}

.pagination .page-item:hover .page-link, .pagination .page-item.current-page:hover .page-link {
    background-color: #eee;
    /*border: 1px solid #979797;*/
    color: #424347 !important;
    border-radius: 32px;
    width: 49px;
    height: 49px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px, 13px;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
    border: 1px solid #979797;
}

.individual-page.page-item a, .page-item.current-page a {
    width: 49px;
    height: 49px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px, 13px;
    display: block;
    padding: 14px 13px 10px;
    text-align: center;
}

.next-page.page-item a {
    background-image: url('../images/arrow-next.png');
    width: 49px;
    height: 49px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px, 13px;
    display: block;
}

.last-page.page-item a {
    background-image: url('../images/arrow-last.png');
    width: 49px;
    height: 49px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px, 13px;
    display: block;
}

.first-page {
    margin: 0 5px;
}

    .first-page a {
        background-image: url('../images/arrow-first.png');
        width: 49px;
        height: 49px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 8px, 13px;
        display: block;
        border-radius: 35px;
        border: 0;
    }

        .first-page a:hover {
            /*border: 1px solid #979797;*/
        }

.previous-page.page-item a {
    background-image: url('../images/arrow-prev.png');
    width: 49px;
    height: 49px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px, 13px;
    display: block;
}

/* Internal Substitute Products Pagination */
ul.pagination {
    padding-left: 0.5rem;
}

.pagination li::before {
    content: none;
}

.pagination li {
    cursor: pointer;
    color: #009FAA;
    margin: 0 .1rem;
}

    .pagination li.active {
        font-weight: bold;
    }

    .pagination li.no-cursor {
        cursor: default;
    }
/*  Category list Page  */
.manufacturer-banner {
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
}

    .manufacturer-banner .container {
        display: flex;
        align-items: center;
    }

.manufacturer-banner__content {
    max-width: 400px;
    text-align: center;
    padding-top: 0;
}

    .manufacturer-banner__content .brand-heading {
        margin-bottom: 10px;
        padding-top: 30px;
    }

    .manufacturer-banner__content strong {
        text-transform: uppercase;
    }

.manufacturer-banner-mobile {
    display: none;
}

.brand-description p strong {
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
}

.category-banner {
    height: 80px;
    justify-content: center;
    align-items: center;
}

.category-banner__content {
    justify-content: center;
    align-items: center;
}

    .category-banner__content h1 {
        color: #FFFFFF;
        font-family: Source Sans Pro;
        font-size: 48px;
        font-weight: 400;
        line-height: 57px;
        margin-bottom: 0;
    }

.generalLeftSide {
    margin-bottom: 50px;
    margin-top: 13px;
    box-shadow: 0 0 16px 0 rgba(170,170,170,0.1);
    padding: 0 !important;
    margin-right: 0;
}

.generalSideRight {
    padding-left: 30px !important;
}

.filterSectionHeader {
    padding-bottom: 4px;
}

.catalog-selectors {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 0;
}

#SelectedOptionsList li.list-group {
    font-size: 14px;
    line-height: 17px;
    color: #5A6267;
    padding-bottom: 10px;
}

#SelectedOptionsList a {
    margin-bottom: 0;
}

.filter-heading {
    background-color: #5A6267;
    color: #fff;
    font-family: Source Sans Pro;
    font-weight: 400;
    font-size: 24px;
    padding: 20px 20px 21px;
    position: relative;
}

    .filter-heading::after {
        content: "";
        display: block;
        background-image: url('../images/ico_filters.png');
        width: 44px;
        height: 46px;
        position: absolute;
        top: 16px;
        right: 5px;
    }

.filter-list li, .filter-list span {
    font-weight: 400;
}

.product-loading #loading {
    width: 500px;
    height: 150px;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 99999;
    text-align: center;
    background: #fff;
    right: 0;
    margin: auto;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: solid 2px rgb(40, 167, 69);
}

.product-loading .loading-text {
    font-size: 27px;
    color: #5A6267;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.product-loading .loader {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-radius: 50%;
    border-color: transparent;
    animation: 1s pulse infinite;
    animation-delay: 0s;
    animation-delay: 500ms;
}

#SelectedOptionsList .filter-clear a {
    color: #009FAA;
    font-style: italic;
    text-decoration: underline;
}

.generalLeftSide .viewBox {
    margin: 0;
}

.block-category-navigation, .block-manufacturer-navigation {
    padding: 22px 20px 13px;
}

    .block-category-navigation h2, .block-manufacturer-navigation h2 {
        font-family: Source Sans Pro;
        font-size: 18px;
        text-transform: uppercase;
        color: #5A6267;
        line-height: 22px;
        position: relative;
        margin-bottom: 20px;
    }

        .generalLeftSide .block-category-navigation h2 strong, .block-manufacturer-navigation h2 strong {
            font-weight: 700 !important;
        }

#category-new .filter-toggle.spnCategoryToggle {
    top: auto;  
}

.filter-toggle {
    cursor: pointer;
    background-image: url('../images/ico_open_filters.png');
    width: 46px;
    height: 46px;
    position: absolute;
    top: -12px;
    right: -10px;
}

    .filter-toggle.open {
        background-image: url('../images/ico_close_filters.png');
    }

    /* Algolia Category Facet Filter subcategory indicator */
    .ais-HierarchicalMenu-item--parent .ais-HierarchicalMenu-link--selected .filter-toggle.spnCategoryToggle {
        background-image: url('../images/ico_close_filters.png');
      }

.generalLeftSide .viewBox.listbox {
}

.viewBox ul.sublist {
    padding-left: 30px;
}

.generalLeftSide li a {
    color: #5A6267;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 15px;
    font-style: normal;
    text-transform: none;
}

.viewBox ul.sublist li {
    list-style: none;
}

.generalLeftSide .block-category-navigation li.last.active > .sublist > li a::before {
    display: none;
}

/* The container */
.listbox .checkbox-container {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

    /* Hide the browser's default checkbox */
    .listbox .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.listbox .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #AAA;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.listbox .checkbox-container:hover input ~ .checkmark {
    background-color: #009FAA;
    border-color: #009FAA;
}

.listbox .checkbox-container:hover {
    color: #009FAA;
}
/* When the checkbox is checked, add a blue background */
.listbox .checkbox-container input:checked ~ .checkmark {
    background-color: #5CA2DA;
    border-color: #5CA2DA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.listbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.quantity-selector {
    display: flex;
    padding-bottom: 13px;
    font-size: 16px;
    justify-content: space-between;
}

.quantity-container {
    width: 60%;
}

.product-attribute__attributes.quantity-selector {
    padding-right: 0;
    flex-direction: column;
}

    .product-attribute__attributes.quantity-selector .quantity-nav {
        right: 37px;
    }

.quantity-nav {
    position: absolute;
    top: 0;
    height: 41px;
}

.quantity-selector input[type=number]::-webkit-inner-spin-button,
.quantity-selector input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-selector input[type=number] {
    -moz-appearance: textfield;
}

.quantity-input, .quantity-input.form-control {
    border-radius: 30px;
    border: 1px solid #ccc;
    padding: 0 23px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 45px;
    width: 100%;
    color: #5A6267;
}

.quantity-inputLead, .quantity-inputLead.form-control {
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 0 23px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 45px;
    width: 50%;
    color: #5A6267;
}


.quantity-submit {
    display: flex;
    align-items: flex-end;
}

    .quantity-submit .btn.btn-gold {
        width: 100%;
        min-width: 0;
        padding: 10px 24px 9px;
        height: 45px;
    }


.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: -3px;
    border-bottom: none;
    width: 41px;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -3px;
    height: 50%;
    width: 41px;
}


.range-labels {
    display: flex;
    padding-bottom: 13px;
    font-size: 16px;
    justify-content: space-between;
}

.range-text {
    padding-top: 10px;
}

.range-low, .range-high, .range-submit {
    width: 25%;
}

.range-submit {
    display: flex;
    align-items: flex-end;
}

.range-labels input {
    max-width: 100%;
    border-radius: 30px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 45px;
    color: #5A6267;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

    .range-labels input[type=number]::-webkit-inner-spin-button,
    .range-labels input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.range-submit .btn.btn-gold {
    width: 100%;
    min-width: 0;
    padding: 10px 0 9px;
    height: 45px;
}

.quantity-error, .amount-error {
    display: none;
    font-size: 12px;
    color: red;
    margin-bottom: 0;
}

.range-labels span {
    margin-right: auto;
}

    .range-labels span:last-child {
        margin-right: 0;
    }

.range-slider .ui-widget.ui-widget-content {
    border: none;
    background-color: #eee;
    height: 10px;
    top: 2px;
}

.range-slider .ui-state-default {
    border: none;
    background: #FCB530;
    font-weight: normal;
    color: #454545;
    border-radius: 25px;
    top: -3px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

    .range-slider .ui-state-default::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border-radius: 32px;
        position: relative;
        top: 4px;
        left: 4px;
    }

.range-slider .ui-slider-horizontal .ui-slider-range {
    top: 0px;
    height: 10px;
    background-color: #FCB530;
}

.range-slider #amount {
    font-size: 12px;
    color: #AAA;
    margin-top: 12px;
}

.date-picker {
    padding-right: 25px;
}

#datepicker {
    border-radius: 30px;
    border: 1px solid #ccc;
    padding: 0 23px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 45px;
    width: 100%;
    color: #5A6267;
    background-image: url('../images/date_picker.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.ui-datepicker-calendar td {
    padding: 1px;
}

.color-selector {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 56px;
}

    .color-selector .check-container {
        display: flex;
        position: relative;
        margin-bottom: 18px;
        cursor: pointer;
        font-size: 14px;
        height: 56px;
        text-align: center;
        width: 100%;
        justify-content: flex-start;
        font-weight: 400;
        text-decoration: none;
        align-items: center;
        flex-direction: column;
    }

        /* Hide the browser's default checkbox */
        .color-selector .check-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .color-selector .checkmark {
        height: 27px;
        width: 27px;
        display: block;
        position: relative;
    }

.check-red {
    background-image: url('../images/red.png');
}

.check-orange {
    background-image: url('../images/orange.png');
}

.check-yellow {
    background-image: url('../images/yellow.png');
}

.check-green {
    background-image: url('../images/green.png');
}

.check-blue {
    background-image: url('../images/blue.png');
}

.check-purple {
    background-image: url('../images/purple.png');
}

.check-pink {
    background-image: url('../images/pink.png');
}

.check-white {
    background-image: url('../images/white.png');
}

.check-grey {
    background-image: url('../images/gray.png');
}

.check-patterns {
    background-image: url('../images/patterns.png');
}

.check-natural {
    background-image: url('../images/naturals.png');
}

.check-neons {
    background-image: url('../images/neons.png');
}

/* On mouse-over, add a grey background color */
.color-selector .check-container:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.color-selector .check-container input:checked ~ .checkmark {
    background-color: transparent;
}

.color-selector .color-label {
    display: none;
    bottom: 0;
    left: 0;
    text-align: center;
    right: 0;
    margin: 10px auto 0;
    width: auto;
    color: #979797;
    font-style: normal;
}

/* Show text label below the icon when checked */
.color-selector .check-container input:checked ~ .color-label {
    display: block;
}
/* Show text label below the icon when hovered */
.color-selector .check-container:hover input:checked ~ .color-label,
.color-selector .check-container:hover input ~ .color-label {
    display: block;
    color: #009FAA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.color-selector .checkmark:after {
    content: "";
    position: relative;
    display: none;
}

/* Show ring around the icon when checked */
.color-selector .check-container input:checked ~ .checkmark:after {
    display: block;
}
/* Show ring around the icon when hovered */
.color-selector .check-container:hover input:checked ~ .checkmark:after,
.color-selector .check-container:hover input ~ .checkmark:after {
    display: block;
    border-color: #009FAA;
}

/* Style the checkmark/indicator */
.color-selector .check-container .checkmark::after {
    left: -3px;
    top: -3px;
    width: 33px;
    height: 33px;
    border: 1px solid #979797;
    border-radius: 38px;
}

/** Topic Page Search Results  **/

.results-search.secondary-search .buttons {
    display: none !important;
}

.results-search {
    padding: 50px 0;
}

.search-input .inputs {
    position: relative;
}

.search-input .btn.search-button {
    top: 0;
    background: transparent;
    border: 0;
    width: 40px;
    height: 45px;
    padding: 5px;
    min-width: auto;
}

.search-input input {
    background: #eee;
}

.search-tabs ul {
    justify-content: center;
}

.search-tabs .nav-tabs .nav-link {
    padding: 20px 41px;
}

.search-tabs {
    padding-bottom: 50px;
}

#search-results-guide {
    padding-left: 1%;
    margin-bottom: 25px;
}

    #search-results-guide a, #search-results-by-topic-guide a {
        margin-left: 30px;
        font-size: 18px;
    }

.product-tags-all-page nav {
    text-align: center;
    padding-top: 30px;
}

.result-item {
    padding: 30px 28px;
    display: flex;
    margin: 10px 0;
}

    .result-item:hover {
        box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    }

.result-icon {
    padding-right: 20px;
}

.result-content h2, .result-content h2 a {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #5A6267;
}

/*    Dashboard Screens    */
.header-banner {
    background-image: url('../images/small_header_bg.png');
    background-size: cover;
}

.header-banner__content {
    padding: 20px 0 20px;
}

    .header-banner__content h1 {
        color: #fff;
        font-weight: 300;
        text-align: center;
        margin: 0;
        text-transform: uppercase;
    }

.external-authentication {
    /*display: block;*/
    display: none;
}

    .external-authentication .title {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        position: relative;
    }

        .external-authentication .title::before {
            content: "";
            display: block;
            height: 1px;
            width: 45%;
            background: #D8D8D8;
            top: 50%;
            position: absolute;
        }

        .external-authentication .title::after {
            content: "";
            display: block;
            height: 1px;
            width: 45%;
            background: #D8D8D8;
            top: 50%;
            right: 0;
            position: absolute;
        }

    .external-authentication .facebook-btn {
        display: inline-block;
        width: 100%;
        height: 50px;
        background-image: url('../images/social_icons/facebook-button.png');
        background-repeat: no-repeat;
        background-position: 26px 50%;
        background-color: #3C5A99;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        padding: 16px 0;
    }

        .external-authentication .facebook-btn:hover {
            background-position: 26px 50%;
        }

.new-user {
    margin-top: 10px;
    position: relative;
}

    .new-user a {
        color: #424347;
        font-size: 14px;
        font-style: normal;
        text-decoration: none;
    }

.bic-account-box {
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    padding: 20px 40px 26px;
    max-width: 400px;
    position: absolute;
    background: #fff;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35px;
    display: none;
    width: 400px;
}

.btn-box .btn.btn-gold {
    min-width: 0;
    max-width: 150px;
    padding: 11px 0 12px 0;
    width: 100%;
}

.btn-box {
    display: flex;
    justify-content: space-between;
}

.card {
    border: 0;
    border-left: 0;
    border-radius: 0;
}

.form-row > [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px;
}

.page.registration-page {
    margin: 50px 0;
}

.registration-page .h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.page.registration-page .card-body {
    padding-bottom: 38px;
}

.top-buttons {
    padding-bottom: 30px;
}

.required-tag {
    padding-bottom: 30px;
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.passowrd-requirements {
    display: none;
    padding: 20px 40px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    width: 425px;
    list-style-position: inside;
    margin-top: 10px;
    position: absolute;
    z-index: 9999;
}

    .passowrd-requirements ul {
        margin-bottom: 0;
        padding: 0;
    }

    .passowrd-requirements li {
        position: relative;
        font-size: 18px;
        color: #5A6267;
        font-weight: 400;
        line-height: 26px;
        padding-bottom: 20px;
        padding-left: 28px;
    }

        .passowrd-requirements li:last-child {
            padding-bottom: 0px;
        }

        .passowrd-requirements li::before {
            content: "";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            background-color: #424347;
            border-radius: 25px;
            left: 0;
            top: 10px;
        }

.buttons {
    max-width: 420px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

    .buttons .btn {
        min-width: 0;
        width: 200px;
        padding: 17px 0 16px;
    }

.card .card-header {
    background-color: transparent;
    border: 0;
    text-align: center;
}

.login-container {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0;
}

.section-heading {
    text-align: center;
    padding: 0px 0 30px;
}

    .section-heading h2 {
        font-size: 48px;
        line-height: 57px;
        padding-bottom: 0px;
        margin: 0;
    }

        .section-heading h2 ~ p {
            padding-top: 30px;
        }

    .section-heading p {
        margin-bottom: 0;
    }

.about-us-content {
    padding-top: 30px;
}

    .about-us-content h1 {
        text-align: center;
        font-size: 4.5em;
        line-height: inherit;
        font-weight: 400;
    }

        .about-us-content h1 strong {
            text-align: center;
            font-size: 2em;
            font-weight: bold;
            line-height: 90px;
        }

.breadcrumb-wrapper {
    padding-bottom: 30px;
}

/*   Manage Accounts   */
.page.account-page {
    padding-bottom: 50px;
}

.account-left {
    padding-top: 10px !important;
}

.account-main {
    padding-left: 30px;
}

.account-page .generalTitle {
    text-align: center;
}

h1.generalTitle {
    font-size: 40px;
    line-height: 40px;
}

.header-banner__content.banner-nav {
    padding: 47px 0 0;
}

.header-banner__content .block-account-navigation {
    padding-top: 10px;
}

    .header-banner__content .block-account-navigation h2 {
        display: none;
    }
/*.header-banner__content .block-account-navigation ul{
    flex-direction: unset;
    justify-content: center;
    flex-wrap: nowrap;
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
}
.header-banner__content .block-account-navigation .list li {
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 13px;
}
.header-banner__content .block-account-navigation .list li a {
    display: block;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    background-color: transparent;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 14px;
    padding: 0 15px 0 15px;
    line-height: 17px;
    height: auto;
    font-weight: 300;
    position: relative;
    right: 0;
    width: 100%;
    text-align: right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .5s ease;
    text-decoration: none;
    text-transform: uppercase;
    font-style: normal;
}
.header-banner__content .block-account-navigation .list li a.active::before, .header-banner__content .block-account-navigation .list li a:hover:before {
    display: block;
    content: "";
    height: 3px;
    width: 100%;
    background-color: #89b0d6;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.header-banner__content .material-icons {
	display: none;
}*/
.account-body {
    padding-top: 50px;
}

.block-account-navigation {
    padding: 0;
    margin-bottom: 20px;
}

    .block-account-navigation .h5 {
        margin-bottom: 25px;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 22px;
    }

    .block-account-navigation .list.viewBox {
        border-top: 1px solid #ccc;
    }

    .block-account-navigation .list li {
        position: relative;
        height: auto;
        margin-bottom: 0px;
        display: block;
    }

        .block-account-navigation .list li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            white-space: nowrap;
            background-color: #fff;
            color: #5A6267;
            border: 0px solid transparent;
            border-radius: 0;
            font-size: 14px;
            padding: 0 10px 0 10px;
            line-height: 30px;
            height: 40px;
            font-weight: 400;
            position: relative;
            right: 0;
            width: 100%;
            text-align: right;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: all 0s ease;
            text-decoration: none;
            font-style: normal;
        }

            .block-account-navigation .list li a:hover, .block-account-navigation .list li a.active {
                border: 0;
                color: #000000;
                /* font-weight: 600; */
                background: #E6E6E6;
            }

.list.viewBox.order-filters li a {
    justify-content: space-between;
}

    .list.viewBox.order-filters li a:before {
        display: block;
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50px;
        border: 1px solid #5A6267;
        background-color: transparent;
    }

.list.viewBox.order-filters li.active a:before {
    background-color: #5A6267;
}


.list.viewBox.order-filters li a.active[data-link="All"]:before, .list.viewBox.order-filters li a[data-link="All"]:hover:before {
    background-color: #007bff;
    border-color: #007bff;
}

.list.viewBox.order-filters li a.active[data-link="IN PRODUCTION"]:before, .list.viewBox.order-filters li a[data-link="IN PRODUCTION"]:hover:before {
    background-color: #5A6267;
    border-color: #5A6267;
}

.list.viewBox.order-filters li a.active[data-link="ORDER RECEIVED"]:before, .list.viewBox.order-filters li a[data-link="ORDER RECEIVED"]:hover:before {
    background-color: #ccc;
    border-color: #ccc;
}

.list.viewBox.order-filters li a.active[data-link="Entered"]:before, .list.viewBox.order-filters li a[data-link="Entered"]:hover:before {
    background-color: #998CE5;
    border-color: #998CE5;
}

.list.viewBox.order-filters li a.active[data-link="COMPLETED"]:before, .list.viewBox.order-filters li a[data-link="COMPLETED"]:hover:before {
    background-color: #289C5E;
    border-color: #289C5E;
}

.list.viewBox.order-filters li a.active[data-link="ON HOLD"]:before, .list.viewBox.order-filters li a[data-link="ON HOLD"]:hover:before {
    background-color: #5CA2DA;
    border-color: #5CA2DA;
}

.list.viewBox.order-filters li a.active[data-link="CANCELLED"]:before, .list.viewBox.order-filters li a[data-link="CANCELLED"]:hover:before {
    background-color: #C24756;
    border-color: #C24756;
}

.list.viewBox.order-filters li a.active[data-link="IN STORAGE"]:before, .list.viewBox.order-filters li a[data-link="IN STORAGE"]:hover:before {
    background-color: #6555C0;
    border-color: #6555C0;
}

.list.viewBox.order-filters li a.active[data-link="Partial Shipment"]:before, .list.viewBox.order-filters li a[data-link="Partial Shipment"]:hover:before {
    background-color: #FCB530;
    border-color: #FCB530;
}

.account-info ul {
    padding: 0;
    margin: 0;
}

.account-info li {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 15px;
}

    .account-info li strong {
        font-weight: 700;
    }

.account-info p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.myaccount-box {
    border: 1px solid #ccc;
    max-width: 48%;
    margin-right: 26px;
}

    .myaccount-box:last-child {
        margin-right: 0;
        margin-left: 26px;
    }

.account-header {
    background: #5A6267;
    color: #fff;
    padding: 21px 0 20px;
}

.myaccount-content {
    padding: 30px 0px;
}

.myaccount-nav__list {
    padding: 0;
}

.myaccount-nav__list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

    .myaccount-nav__list li {
        width: 50%;
        min-width: 50%;
        padding-bottom: 0px;
    }

        .myaccount-nav__list li a {
            font-size: 18px;
            line-height: 22px;
            font-style: normal;
            text-decoration: none;
            color: #5A6267;
            display: flex;
            align-items: center;
            padding: 25px 48px;
        }

            .myaccount-nav__list li a:hover {
                box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
            }

.myaccount-nav__img {
    width: 43px;
    text-align: center;
}

.myaccount-nav__list li a span {
    padding-left: 32px;
}

.myaccount-nav__orders {
    padding: 0 48px;
    display: flex;
    flex-wrap: wrap;
}

    .myaccount-nav__orders li {
        width: 50%;
        padding-right: 60px;
        padding-bottom: 30px;
    }

        .myaccount-nav__orders li:nth-child(even) {
            padding-left: 60px;
            padding-right: 0px;
        }

        .myaccount-nav__orders li a {
            font-size: 18px;
            line-height: 22px;
            font-style: normal;
            text-decoration: none;
            color: #5A6267;
            text-align: center;
            display: block;
            text-align: center;
            padding: 38px 0 39px;
            padding-right: 0px;
            border: 1px solid #ccc;
            border-radius: 5px;
            text-transform: uppercase;
        }

            .myaccount-nav__orders li a:hover {
                box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
                border-width: 0;
                border-top-width: 5px;
            }

            .myaccount-nav__orders li a span {
                display: block;
                font-size: 48px;
                font-weight: 700;
                line-height: 42px;
                padding-bottom: 20px;
            }

.my-commuication__row {
    padding: 15px;
    width: 100%;
}

.my-commuication__container {
    padding: 15px 0 50px;
}

.my-commuication__heading strong {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.my-commuication__event {
    width: 26%;
}

.my-commuication__notify {
    width: 25%;
}

.my-commuication__method {
    width: 15%;
}

.my-commuication__contact {
    width: 31%;
    text-align: center;
}

.my-commuication__disclaimer p {
    font-size: 14px;
}

/*   Form Fields   */
.col-md.text-align-rt {
    text-align: right;
}

.form-group {
    margin-bottom: 1rem;
}

.search-page-input-bar-container .form-control {
    border-radius: 0 30px 30px 0;
}

#search-input-block {
    width: 75%;
    display: inline-block;
    text-align: left;
    margin-left: -5px;
}

#search-dropdown-block {
    width: 15%;
    display: inline-block;
    text-align: right;
}

.form-control {
    border-radius: 30px;
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 0 25px 0 16px;
    font-weight: 400;
    font-family: Source Sans Pro;
    height: 40px;
    width: 100%;
    color: #5A6267;
    background: transparent;
    -webkit-appearance: none;
}

.qty-input-ro.form-control {
    padding: 0 5px;
}

textarea.form-control {
    height: 100px;
    border-radius: 3px;
}

select {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

select.custom-select {
    font-size: .85rem;
}

select#OrderSearchType, select#SelectedChildAccount {
    width: auto;
    vertical-align: baseline;
    display: inline-block;
    margin: 0 0 0 .5rem;
}

select.form-control:disabled {
    background-image: none;
    opacity: 1;
}

select.form-control:disabled:hover {
    background-image: none;
    opacity: 1;
}

select.form-control, select.form-control:focus, select.form-control:hover {
    background-image: url('../images/select-arrow-down.png');
    background-position: right 6px bottom 50%;
    background-repeat: no-repeat;
}

.registration-page .form-control {
    height: 50px;
}

.registration-page select.form-control:not([size]):not([multiple]) {
    height: 50px;
    background-position: 94% 55%;
}

.col-form-label {
    font-weight: 700;
    font-size: 14px;
    color: #5A6267;
    padding: 0 0 10px 0;
    text-transform: capitalize;
}

.form-fields.col-2-fields .form-group {
    display: flex;
}

    .form-fields.col-2-fields .form-group .col-form-label {
        width: 50%;
        min-width: 50%;
        text-align: right;
        padding-right: 12px;
    }

    .form-fields.col-2-fields .form-group .form-control {
        margin-left: 10px;
        max-width: 425px;
    }

    .form-fields.col-2-fields .form-group .custom-control.custom-checkbox {
        min-width: 100%;
        width: 100%;
        display: flex;
        align-content: center;
    }

        .form-fields.col-2-fields .form-group .custom-control.custom-checkbox .custom-control-description {
            min-width: 50%;
            width: 50%;
            text-align: right;
            padding-right: 24px;
            font-weight: 700;
        }

        .form-fields.col-2-fields .form-group .custom-control.custom-checkbox .custom-control-label::before {
            left: 0;
            top: 7px;
        }

.custom-select:hover, .custom-select:focus, .custom-select:active, .form-control:hover, .form-control:focus, .form-control:active {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
}

.custom-select:disabled, .form-control:disabled {
    background-color: #e9ecef;
    opacity: .7;
    box-shadow: none;
    border: 1px solid rgba(204, 204, 204, 1);
}

    .custom-select:disabled:hover, .custom-select:disabled:focus, .custom-select:disabled:active, .form-control:disabled:hover, .form-control:disabled:focus, .form-control:disabled:active {
        background-color: #e9ecef;
        opacity: .5;
        box-shadow: none;
        border: 1px solid rgba(204, 204, 204, 1);
    }

#products-pagesize {
    width: 110% !important;
    padding: .375rem 1.75rem .375rem .75rem !important;
    border: 1px solid #ced4da !important;
    -webkit-appearance: none !important;
}

.page-size select#products-pagesize {
    border: 0 !important;
    padding: .375rem 1rem .375rem 0rem !important;
}

    .page-size select#products-pagesize:hover, .page-size select#products-pagesize:active {
        box-shadow: none;
    }

.send-email {
    width: 300px;
    height: 50px;
    padding: 0px !important;
}

.login-container .buttons {
    text-align: center;
    width: 100%;
}

.product-attribute__attributes .custom-control-label {
    height: 24px;
}

    .product-attribute__attributes .custom-control-label::before {
        height: 24px;
        width: 24px;
        top: 2px;
        left: -30px;
    }

@-moz-document url-prefix() {
    /* .product-attribute__attributes .custom-control-label::before {
        height: 24px;
        width: 24px;
        top: 2px;
        left: 0;
    } */
}

.product-attribute__attributes .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    height: 30px;
    width: 30px;
    left: -33px;
    top: -1px;
}

@-moz-document url-prefix() {
    /* .product-attribute__attributes .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        height: 30px;
        width: 30px;
        left: -.2rem;
        top: -1px;
    } */
}

.custom-control-label::before {
    position: absolute;
    top: 3px;
    left: -1.5rem;
    display: inline-block;
    width: 14px;
    height: 14px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #aaa;
}

.terms-of-service .custom-control-label::before {
    position: absolute;
    top: auto;
    left: -1.5rem;
    display: inline-block;
    width: .85rem;
    height: .85rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #aaa;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #009FAA;
    border: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    border: 1px solid #009FAA;
    border-radius: 25px;
    width: 20px;
    height: 20px;
    top: 0px;
    left: -27px;
}

.custom-checkbox .custom-control-label::after {
    display: none;
}

.custom-icon-box {
    height: 36px;
    width: 36px;
    border-radius: 3px;
    background-color: #EEEEEE;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.forgot-password {
    display: inline-block;
    margin: 0 0 auto auto;
    padding: 0;
    line-height: initial;
}

.container-password-input {
    position: relative;
}

    .container-password-input .fa.fa-eye, .container-password-input .fa.fa-eye-slash {
        position: absolute;
        top: .75rem;
        right: 2rem;
    }

    .container-password-input .fa.fa-eye-slash {
        display: none;
    }

.field-validation-error {
    color: #D01716;
    background-color: rgba(194,71,86,0.1);
    display: block;
    border-radius: 5px;
    padding: 9px 35px 9px;
    font-size: 14px;
    line-height: 17px;
}

.bg-info, .badge-info {
    background-color: rgba(92,162,218,0.1) !important;
    color: #5CA2DA !important;
    border-radius: 5px !important;
    padding: 9px 35px 9px !important;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 30px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 76px;
    height: 26px;
    margin-bottom: 0;
}

.my-commuication__method .switch {
    width: 100px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.category-toggles {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .category-toggles .switch {
        height: 30px;
        width: 60px;
    }

    .category-toggles input:checked + .slider::before {
        -webkit-transform: translateX(29px);
        -ms-transform: translateX(29px);
        transform: translateX(29px);
    }

    .category-toggles .slider::before {
        height: 26px;
        width: 26px;
        left: 2px;
    }

    .category-toggles .slider::after {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaa;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 24px;
}

    .slider::before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

    .slider::after {
        content: 'No';
        color: white;
        display: block;
        position: absolute;
        top: 50%;
        right: 16px;
        font-size: 18px;
        font-weight: 400;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.my-commuication__method .slider::after {
    content: 'Fax';
}

input:checked + .slider::after {
    content: 'Yes';
    right: auto;
    left: 12px;
}

.my-commuication__method input:checked + .slider::after {
    content: 'Email';
}

input:checked + .slider {
    background-color: #456FB2;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.my-commuication__method input:checked + .slider:before {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
}

.my-commuication__toggles input.form-control::placeholder {
    opacity: 0;
}

.my-commuication__toggles input.form-control:-ms-input-placeholder {
    opacity: 0;
}

.my-commuication__toggles input.form-control::-ms-input-placeholder {
    opacity: 0;
}

.user-management__search {
    padding-bottom: 15px;
    padding-top: 30px;
}

.order__search .d-inline-flex {
    width: 100%;
}

.user-management__search form {
    width: 100%;
}

.user-management__search input.form-control {
    border: 0;
    background-color: #eee;
    border-radius: 30px 0px 0px 30px;
    width: 79%;
    min-width: 79%;
}

.user-management__search.order__search input.form-control {
    width: 100%;
}

.user-management__search select.form-control:not([size]):not([multiple]) {
    /* height: 45px; */
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background-color: #eee;
    border-radius: 0;
    width: 17%;
    min-width: 17%;
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 82% 53%;
    cursor: pointer;
}

.user-management__search.order__search select.form-control:not([size]):not([multiple]) {
    background-position: 92% 53%;
    cursor: pointer;
}

.user-management__search button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #eee;
    border: 0;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
    width: 42px;
    padding-right: 16px;
}

.user-management__search .form-control:focus, .user-management__search .form-control:hover, .user-management__search .form-control:active {
    border-color: transparent;
    background: #eee;
    box-shadow: none;
}

.account-page .breadcrumb {
    margin-top: 0;
    margin-bottom: 0;
}

.user-management__filters {
    padding-bottom: 30px;
}

    .user-management__filters a {
        font-size: 14px;
        text-transform: uppercase;
        color: #424347;
        text-decoration: none;
        font-style: normal;
        font-weight: 400;
        padding: 15px 0px;
        display: block;
        width: 200px;
        text-align: center;
        position: relative;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        transition: all 0s linear;
    }

        .user-management__filters .active a, .user-management__filters a:hover {
            font-weight: 700;
        }

            .user-management__filters .active a::after, .user-management__filters a:hover:after {
                content: "";
                display: block;
                width: 100%;
                height: 3px;
                background-color: #009FAA;
                bottom: 0;
                position: absolute;
            }
        /*.user-management__filters .active.filter-all a::after, .user-management__filters .filter-all a:hover:after {
    background-color: #FCB530;
}*/
        /*.user-management__filters .active.filter-active a::after, .user-management__filters .filter-active a:hover:after {
    background-color: #289C5E;
}
.user-management__filters .active.filter-deactive a::after, .user-management__filters .filter-deactive a:hover:after {
    background-color: #C24756;
}*/
        .user-management__filters a span {
            position: relative;
            display: inline-block;
            padding-left: 19px;
        }

            .user-management__filters a span::before {
                display: block;
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 25px;
                position: absolute;
                top: 3px;
                left: 0;
            }

    .user-management__filters .filter-all a span::before {
        background: #456FB2;
    }

    .user-management__filters .filter-active a span::before {
        background: #009FAA;
    }

    .user-management__filters .filter-deactive a span::before {
        background: #DA4D72;
    }

    .user-management__filters .filter-received a span::before {
        background: #9013FE;
    }

    .user-management__filters .filter-hold a span::before {
        background: #5CA2DA;
    }

    .user-management__filters .filter-cancelled a span::before {
        background: #DF068B;
    }

    .user-management__filters .filter-archived a span::before {
        background: #5A6267;
    }

a#filter-activedisabledordering {
    width: 10rem;
}

.user-row {
    display: none;
}

    .user-row .row {
        justify-content: space-evenly;
        align-content: center;
        border: 1px solid #ccc;
        padding: 15px 0 16px;
        margin: 0 0 20px;
        align-items: center;
    }

.order-row .row {
    justify-content: space-evenly;
    align-content: center;
    border: 1px solid #ccc;
    padding: 15px 20px 16px;
    margin: 0 0 20px;
    align-items: center;
}

    .user-row .row:hover, .order-row .row:hover {
        border-color: transparent;
        box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    }

.user-row:not(:first-child), .order-row:not(:first-child) {
    margin: 20px 0;
}

.user-row.user-active, .order-row.orderreceived {
    border-left: 5px solid #cccccc;
}

.order-row.inproduction {
    border-left: 5px solid #5A6267;
}

.order-row.onhold {
    border-left: 5px solid #5CA2DA;
}

.order-row.PartialShipment {
    border-left: 5px solid #FCB530;
}

.order-row.completed {
    border-left: 5px solid #289C5E;
}

.order-row.cancelled {
    border-left: 5px solid #C24756;
}

.order-row.preproduction {
    border-left: 5px solid #998CE5;
}

.order-row.instorage {
    border-left: 5px solid #6555C0;
}

.order-row.pending {
    border-left: 5px solid #98FB98;
}


.date-range {
    text-align: right;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
}

    .date-range .btn {
        background-image: url('../images/date_picker_white.svg');
        background-repeat: no-repeat;
        background-position: 19% 50%;
        min-width: 150px;
        width: 150px;
        padding: 11px 25px 11px 52px;
        height: 40px;
        font-size: 14px;
        text-transform: capitalize;
    }

input[name="daterange"] {
    height: 0px;
    width: 0px;
    visibility: hidden;
    position: absolute;
}

.daterangepicker {
    opacity: initial;
    visibility: visible;
    display: none;
    border: 0;
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
}

    .daterangepicker.dropdown-menu {
        max-width: 683px;
        z-index: 3000;
        padding: 20px 15px 10px;
    }

    .daterangepicker .calendar {
        display: inherit;
        max-width: 270px;
        margin: 4px;
        margin-right: 4px;
    }

    .daterangepicker .calendar {
        display: inherit;
        max-width: 219px;
        margin: 4px;
        margin-right: 4px;
        margin-right: 4px;
    }

    .daterangepicker .calendar-table {
        border: 0;
        padding: 4px;
        border-radius: 0px;
        background: #fff;
    }

    .daterangepicker .calendar td, .daterangepicker .calendar th {
        white-space: nowrap;
        text-align: center;
        min-width: 27px;
        height: 35px;
        font-weight: 400;
        color: #5A6267;
    }

        .daterangepicker .calendar td.off {
            color: #aaa;
        }

        .daterangepicker .calendar th.month {
            width: auto;
            font-weight: 700;
        }

    .daterangepicker table tr:nth-child(2n+1) {
        background-color: #fff;
    }

    .daterangepicker td.in-range {
        background: rgba(92,162,218,.1);
        border-radius: 0;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #5CA2DA;
        border-color: #5CA2DA;
        color: #fff;
    }

    .daterangepicker td.end-date, .daterangepicker td.start-date {
        border-radius: 0;
    }

    .daterangepicker .input-mini {
        border: 1px solid #ccc;
        border-radius: 0;
        color: #5A6267;
        display: block;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 0 5px;
        padding: 0 6px 0 6px;
        width: 100%;
        text-align: center;
        background-image: url('../images/date_picker.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
        font-size: 14px;
        font-weight: 400;
    }

    .daterangepicker th.prev.available {
        background-image: url('../images/arrow-date-left.svg');
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .daterangepicker th.next.available {
        background-image: url('../images/arrow-date-right.svg');
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .daterangepicker .ranges {
        width: auto;
        float: left;
        max-width: 180px;
        width: 180px;
    }

        .daterangepicker .ranges li {
            font-size: 14px;
            background: #fff;
            border: 0;
            color: #5A6267;
            padding: 9px 12px;
            margin-bottom: 0;
            border-radius: 0;
            cursor: pointer;
            font-weight: 400;
            text-align: center;
            justify-content: center;
        }

            .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
                background: #F7F8FA;
                border: 0;
                color: #5A6267;
            }

.range_inputs {
    display: flex;
    justify-content: space-between;
    width: 150px;
    margin: 10px auto 0;
}

    .range_inputs button {
        max-width: 70px;
        padding: 8px 0;
        min-width: 70px;
        font-size: 12px;
        color: #5A6267;
    }

.daterangepicker .range_inputs .btn-success {
    color: #5A6267;
    background-color: #FCB530;
    border-color: #FCB530;
}

.user-item.user-management__name {
    width: 15%;
}

.user-item.user-management__username {
    width: 17%;
}

.user-item.user-management__email {
    width: 17%;
}

.user-item.user-management__status {
    width: 9%;
}

.user-item.user-management__role {
    width: 15%;
    padding: 0 20px;
    text-align: center;
    white-space: unset;
}

.user-item.user-management__edit {
    padding: 0px !important;
}

.user-item a {
    font-style: normal;
}

.user-item, .order-item {
    text-align: center;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .user-item p, .order-item p {
        margin-bottom: 5px;
    }

    .user-item span, .order-item span {
        font-size: 1rem;
        line-height: 22px;
        font-weight: 700;
    }

.user-management__show-more,
.orders-show-more {
    padding-bottom: 25px;
}

    .user-management__show-more a,
    .orders-show-more a {
        font-size: 18px;
        line-height: 22px;
    }

.user-management__toggle .my-commuication__toggles {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 25px;
}

.user-management__toggle .mobile-label {
    margin-bottom: .5rem;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.user-management__permissions {
    background-color: #F7F8FA;
    margin: 0 auto;
    padding: 25px 15px 50px;
}

.user-management__permissions-container {
    max-width: 949px;
    margin: 0 auto;
}

.user-management__permissions h2 {
    font-weight: 400;
    padding: 30px 0;
}

.user-management__row {
    width: 100%;
}

.user-management__heading, .user-management__item {
    text-align: center;
    padding: 20px 0;
}

    .user-management__heading strong, .user-management__item strong {
        font-size: 14px;
        line-height: 17px;
    }

    .user-management__item strong {
        display: none;
    }

.user-management__role {
    /* min-width: 17%; */
    padding: 0;
    text-align: right;
}

.user-management__pricing {
    min-width: 14%;
}

.user-management__login-tools {
    min-width: 11%;
}

.user-management__order-tools {
    min-width: 16%;
}

.user-management__communications {
    min-width: 19%;
}

.user-management__login-reordering {
    min-width: 11%;
}

.user-management__order-profile-updates {
    min-width: 14%;
}

.user-management__item {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #5A6267;
}

.user-management__row:nth-child(2n) .user-management__item {
    color: #009FAA;
}

.user-management__row svg #User-Permissions {
    fill: #5A6267;
}

.user-management__row:nth-child(2n) svg #User-Permissions {
    fill: #009FAA;
}

.user-management__update h2 {
    padding-bottom: 30px;
}

.form-heading {
    padding-bottom: 20px;
}

    .form-heading h4 {
        margin: 0;
        text-transform: uppercase;
    }

.user-management__update .user-management__toggle {
    width: 25%;
    padding-top: 50px;
    padding-bottom: 20px;
}

    .user-management__update .user-management__toggle .my-commuication__toggles {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0;
        padding-bottom: 30px;
    }

.role-radio {
    padding-top: 47px;
    display: flex;
    justify-content: center;
    padding-left: 26px;
}

    .role-radio .custom-control {
        position: relative;
        display: inline-block;
        min-height: 1.5rem;
        padding: 0 75px;
    }

    .role-radio .custom-control-description {
        display: block;
        padding-top: 17px;
        font-weight: 400;
        line-height: 22px;
    }

    .role-radio .custom-control-input {
        top: -15px;
        z-index: 2;
    }

    .role-radio .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: 0;
    }

    .role-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        left: -3px;
    }

.button-row {
    padding: 50px 0;
}

    .button-row input {
        margin: 0 10px;
    }

.admin-grid {
    flex-wrap: wrap;
}

.admin-item {
    margin-bottom: 30px;
}

    .admin-item:hover {
        box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    }

.admin-item__box {
    padding: 30px 0;
}

.admin-initials {
    width: 100px;
    height: 100px;
    background-color: #009FAA;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: bold;
    margin: 0 auto;
}

.admin-content {
    padding-top: 20px;
}

    .admin-content p {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        text-align: center;
    }

        .admin-content p strong {
            text-transform: uppercase;
            padding-bottom: 10px;
            min-height: 44px;
            display: block;
        }

        .admin-content p span {
            display: block;
        }

.order-aux-bar {
    display: flex;
    align-items: center;
    padding-bottom: 26px;
}

.order-buttons {
    margin-right: auto;
}

    .order-buttons a:first-child {
        margin-right: 10px;
    }

    .order-buttons .btn-clear {
        padding: 11px 49px 12px 47px;
        display: inline;
        min-width: 0;
    }



.order-item {
    text-align: center;
    padding: 0;
}

.order__select {
    width: 68px;
    padding: 0 40px;
    padding-right: 13px;
    visibility: hidden;
}

.order-row .row:hover .order__select {
    visibility: visible;
}

.order-item.order__date {
    width: 14%;
    padding-left: 0;
    text-align: left;
}

.order-item.order__number {
    width: 19%;
}

.order-item.order__po {
    width: 17%;
}

.order-item.order__status {
    width: 19%;
}

.order-item.order__total {
    width: 13%;
    padding-right: 0;
}

.order-item.order__edit {
    width: 17%;
}

    .order-item.order__edit a {
        padding: 0;
        border-radius: 25px;
    }

    .order-item.order__edit:hover a {
        background: #eee;
    }

.order-action {
    width: auto;
}

.order-item.order__edit:hover .order-action {
    display: block;
    border-radius: 0;
}

    .order-item.order__edit:hover .order-action a {
        background: transparent;
    }

.order-action ul {
    display: flex;
    justify-content: space-evenly;
}

.order-action li {
    padding: 0;
}

    .order-action li:hover {
        background-color: #eee;
    }

.order-action a {
    color: #5A6267;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    text-decoration: none;
    border-radius: 0;
    background: transparent;
}

    .order-action a.btn {
        padding: 17px 0 16px;
        width: 100%;
        border-radius: 0;
    }

.order-item.order__edit:hover .order-action a.btn.btn-gold {
    background-color: #FCB530;
}

.order-action li:last-child:hover {
    background-color: transparent;
}


.order__print-actions {
    width: 325px;
    margin: 0 auto 30px;
}

.icon-btn span {
    position: relative;
}

.print-details span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    /*background-image: url('../images/icon_print.png');*/
    background-image: url('../images/icon-print-order.svg');
    position: absolute;
    top: 0px;
    left: -24px;
}

.pdf-invoice span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    /*background-image: url('../images/icon_invoice_pdf.png');*/
    background-image: url('../images/icon-view-invoice.svg');
    position: absolute;
    top: 4px;
    left: -24px;
}

.download-order span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/icon-download-order.svg');
    position: absolute;
    top: 0px;
    left: -24px;
}

.order__detail-actions {
    padding: 30px 0;
}

    .order__detail-actions .btn.btn-clear {
        width: 150px;
        text-align: center;
        padding: 12px 0 11px;
        min-width: 0;
    }

    .order__detail-actions ul {
        display: flex;
        justify-content: center;
    }

    .order__detail-actions li {
        padding: 0 10px;
    }

.order__item-row li {
    padding-bottom: 50px;
}

.order__detail-container h2 {
    font-weight: 400;
    margin-bottom: 20px;
}

.order__detail-items, .order__detail-info, .order__detail-shipping {
    padding: 20px;
    border: 1px solid #ccc;
}

.order__detail-column {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 34px;
}

.order__detail-info, .order__detail-shipping {
    width: 100%;
}

.order__detail-items {
    margin-right: 0px;
    width: 100%;
}

.order__detail-shipping {
    max-width: 450px;
}

.order__detail-info {
    margin-bottom: 0px;
    max-width: 450px;
}

.order-detail h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
}

.order__item-image {
    max-width: 150px;
    margin-right: 20px;
    text-align: center;
    width: 100%;
    display: block;
}

.order__btn {
    padding: 10px 12px 15px 12px !important;
    width: 150px !important;
    height: 40px !important;
}

.order__inline-list {
    display: flex;
    /*justify-content: flex-start;*/
    justify-content: center;
    padding-left: 0px !important;
    margin-top: 10px;
}

    .order__inline-list li {
        padding-right: 15px;
    }

.order__item-image img {
    max-width: 100%;
    padding-bottom: 10px;
    display: block;
    margin: auto;
}

.order__item-content {
    width: 100%;
    padding-right: 23px;
    max-width: 259px;
}

    .order__item-content h3 {
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

.order__item-content-left {
    width: 100%;
}

    .order__item-content-left span {
        word-wrap: break-word;
    }

.order__item-content-right {
    width: 60%;
}

.order__item-item-alert {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .order__item-item-alert img {
        max-width: 58px;
        margin-right: 10px;
    }

.alert-contact h2 {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding-bottom: 20px;
}

.alert-contact {
    font-size: 14px;
    font-family: Source Sans Pro;
    font-weight: 400;
    line-height: 17px;
}

.alert-message span {
    color: #C24756;
    font-size: 18px;
    line-height: 22px;
}

.alert-message {
    display: flex;
    width: 100%;
    align-items: center;
}

.order__item-content-box li {
    padding-bottom: 0;
}

.order__item-status-details li {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 5px;
}

.order__detail-shipping p {
    margin-bottom: 20px;
}

.order__artwork-directions .text-prompt {
    text-decoration: underline;
}

.order__item-status-details {
    padding-left: 0;
}

.order-status ul li {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 20px 0;
}

.span-file-added {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 39px;
}

.div-file-added {
    position: relative;
    top: 30%;
    padding-bottom: .5rem;
    transform: translateY(-50%);
}

#uploadArtworkOrder h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

#uploadArtworkOrder .dropzone {
    background-color: #F7F8FA;
}

#artworkLinkOrder dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

#artworkLinkOrder dl {
    max-width: 550px;
    margin: auto;
}

#artworkLinkOrder dd {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 30px;
}

#artworkLinkOrder .btn-grey {
    padding: 12px 33px 12px 26px !important;
    max-width: 200px !important;
    text-transform: none;
}

    #artworkLinkOrder .btn-grey span {
        color: white;
    }

#uploadArtworkOrder .btn-grey {
    text-transform: none;
}

#viewProofsOrder a {
    margin-right: 35%;
}

.div-file-added form {
    max-width: 470px;
}

#chkSaveToArtWork {
  height: auto;
  margin-right: .5rem;
}

#dvSaveToArtWork p {
    line-height: 1rem;
    font-size: 1rem;
    margin:0;
    display: inline-block;
}

#divArtworkMessage {
    font-weight: bold;
    padding:.25rem;
  }

.pdf-preview-placeholder {
    height: 400px;
    width: 500px;
    background-color: lightgray;
    margin: auto;
}

.pdf-preview-placeholder2 {
    height: 300px;
    width: 100%;
    background-color: lightgray;
    margin-bottom: 40px;
}

.btn-proofs {
    color: white !important;
    padding: 12px 30px 12px 25px;
    max-width: 250px;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.btn:disabled {
    opacity: 0.25;
    cursor: default;
}

.proof-comment-row {
    width: 100%;
}

.proof-comment
.proof-comment-row label {
    color: #5A6267;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

.proof-comment-row textarea {
    max-height: 75px;
}

.proof-confirmation label {
    padding-bottom: 10px !important;
}

.proof-confirmation .row {
    width: 100%;
}

.pdf-preview-placeholder span {
    position: relative;
    top: 30%;
    transform: translateY(-50%);
    color: #5A6267;
    font-size: 72px;
    font-weight: 400;
    line-height: 86px;
    text-align: center;
}

.order-status {
    position: relative;
    margin-top: 33px;
}

    .order-status ul {
        display: flex;
        justify-content: space-between;
        padding: 0px 30px;
    }

        .order-status ul li {
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            position: relative;
            padding: 20px 0;
        }

        .order-status ul::before {
            content: "";
            display: block;
            position: absolute;
            height: 5px;
            width: 100%;
            background-color: #eee;
            left: 0;
            top: 0;
        }

        .order-status ul::after {
            content: "";
            display: block;
            position: absolute;
            height: 5px;
            width: 0;
            background-color: #5CA2DA;
            left: 0;
            top: 0;
        }

        .order-status ul li.active {
            color: #5CA2DA;
            font-weight: 700;
        }

            .order-status ul li.active::before {
                content: "";
                position: absolute;
                height: 11px;
                width: 11px;
                background-image: url('../images/status-ball.svg');
                background-repeat: no-repeat;
                background-position: 100% 50%;
                top: -3px;
                left: 0;
                right: 0;
                margin: auto;
            }

            .order-status ul li.active:last-child::before {
                right: -93px;
            }

        .order-status ul::after {
            content: "";
            display: block;
            position: absolute;
            height: 5px;
            width: 0;
            background-color: #5CA2DA;
            left: 0;
            top: 0;
        }

        .order-status ul[data-status="hold"] {
            display: none;
        }

        .order-status ul[data-status="Received"]::after {
            width: 8%;
        }

        .order-status ul[data-status="Pre-Production"]::after {
            width: 24%;
        }

        .order-status ul[data-status="In Production"]::after {
            width: 43%;
        }

        .order-status ul[data-status="Awaiting Shipment"]::after {
            width: 63%;
        }

        .order-status ul[data-status="Shipped"]::after {
            width: 80%;
        }

        .order-status ul[data-status="Closed"]::after {
            width: 100%;
        }

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order-status ul[data-status="Received"]::after {
        width: 13%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 27%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 44%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 62%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 78%;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 100%;
    }
}

.product-internal-tables {
    box-shadow: 0 1px 4px 0 rgba(143,159,169,0.2);
}

.product-internal-tables {
    font-size: 14px;
    position: relative;
}

    .product-internal-tables th {
        font-weight: 400;
        height: 40px;
    }

.product-internal-net-column {
    font-weight: bold !important;
    width: 80px;
    text-align: center !important;
}

.product-internal-net-column-value {
    text-align: center !important;
}

.product-internal-tables .thead-dark th {
    background-color: #5A6267;
    border-color: #5A6267;
}

#pricing-includes {
    color: #5A6267;
    font-size: 14px;
    font-weight: 400;
}

.product-internal-list p {
    color: #5A6267;
    font-size: 14px !important;
    line-height: 17px;
}

.product-internal-list li {
    color: #5A6267;
    font-size: 14px !important;
    line-height: 17px;
}

#aSeeMoreCategories, #aShowHideImprintcolors {
    font-size: 14px !important;
    line-height: 17px;
    font-weight: bold;
    margin-left: 5px;
}

.notvisible {
    display: none
}

.product-internal-list li.visibility {
    display: none;
}

#divImprintColors.visibility,
.imprintPd.visibility {
    display: none;
}

/******** FAQs **********/
.faq-container {
    padding-top: 50px;
}

    .faq-container h2 {
        font-size: 48px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 50px;
    }

.faq-list {
    text-decoration: none;
    outline: none;
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 0;
}

    .faq-list li {
        color: #5A6267;
        padding: 30px 20px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 32px;
        transition: 0s;
        font-weight: 400;
        line-height: 39px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.faq-accordion {
    background-color: transparent;
    color: #5A6267;
    cursor: pointer;
    padding: 0;
    padding-right: 30px;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 32px;
    transition: 0s;
    font-weight: 400;
    line-height: 39px;
    display: inline-block;
    background-image: url('../images/icon-plus.svg');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    margin-bottom: 30px;
}

.faq-list .active {
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    margin-bottom: 30px;
    color: #456FB2;
    font-weight: bold;
}

    .faq-list .active .faq-accordion {
        background-image: url('../images/icon-negative.svg');
        color: #5CA2DA;
        font-weight: bold;
        margin-bottom: 30px;
    }

.faq-list li::marker {
}

.faq-list .active .faq-accordion, .faq-list li.active::marker {
    color: #456FB2;
    font-weight: 700;
    transition: 0s;
}

.panel {
    padding: 0px 133px 0 56px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/******** Shopping Cart **********/
.shopping-cart {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 15px;
    border: 0;
}

.shopping-cart .edit-item.mb-1.mt-1 {
    margin: 0 .5rem 0 0;
}

/* table.shopping-cart tr:nth-child(2n+1) {
    background-color: #5A6267;
} */
.shopping-cart thead tr {
    background-color: #5a6267;
}

.shopping-cart th {
    color: #fff;
    padding: 5px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
}

.shopping-cart .item-container:hover {
    box-shadow: 0 6px 20px 0 rgba(170,170,170,0.2);
    z-index: 9;
    transform: scale(1);
}

.shopping-cart tr:last-child td {
    border: none;
    border-right: none;
}

.shopping-cart td {
    /* background: #fff; */
    border-bottom: none;
    border-right: none;
    min-width: 30%;
}

    .shopping-cart td.product-picture {
        padding: 15px;
    }

    .shopping-cart td.product {
        padding-left: 0;
        padding-right: 5px;
        width: 350px;
        display: inline-block;
    }

    .shopping-cart td.unit-price {
        width: 120px;
        min-width: 120px;
    }

    .shopping-cart td.quantity {
        width: 205px;
        min-width: 205px;
        text-align: center;
        padding-top: 2rem;
    }

.shopping-cart .quantity .qty-input {
    padding: 0;
    border: 0;
    font-size: 18px;
}

.shopping-cart .quantity .plus, .shopping-cart .quantity .minus {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: 0;
}

    .shopping-cart .quantity .plus::after, .shopping-cart .quantity .plus::before, .shopping-cart .quantity .minus::before {
        content: "";
        width: 10px;
        height: 1px;
        background: #5A6267;
        position: absolute;
        left: 7px;
        top: 16px;
    }

.shopping-cart td.subtotal.text-center {
    width: 200px;
    min-width: 200px;
}

.shopping-cart td.edit-cart-controls {
    width: 230px;
    min-width: 230px;
    text-align: center;
    padding-top: 2rem;
}

.cart-action-buttons {
    display: flex;
    justify-content: center;
    width: 148px;
    margin: 0 auto;
    align-items: center;
}

.common-buttons.btn-group button {
    margin: 0 15px;
}

.deleteshoppingcartitem, .shareshoppingcartitem {
    background: transparent;
    border: 0;
    cursor: pointer;
    align-items: center;
}

    /* .deleteshoppingcartitem span, .shareshoppingcartitem span {
        padding-left: 10px;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: #5A6267;
    } */

.shopping-cart td.product .product-name {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #5A6267;
    line-height: 22px;
    padding: 0 0 5px 0;
    display: block;
}

.shopping-cart-page .continue-shopping-button, .shopping-cart-page .removeAll-cart-button {
    font-family: inherit;
    font-weight: 500;
    font-size: 1rem;
    font-style: normal;
    text-decoration: none;
}

.shopping-cart .sku-number, .shopping-cart .product-brand {
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
}

.shopping-cart .product-brand {
    display: block;
}

.shopping-cart .sku-number {
    padding-bottom: 5px;
}

.shopping-cart .attributes {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding-top: 4px;
}

    .shopping-cart .attributes br {
        content: "";
        display: block;
        margin-bottom: 5px;
    }

.shopping-cart .product-unit-price.price, .shopping-cart .product-subtotal.price, .shopping-cart .prod-total, .shopping-cart .unit-price {
    font-size: 14px;
    margin-left: 3px;
    font-weight: 400;
}

.shopping-cart-page .deals, .shopping-cart-page .estimate-shipping {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    padding: 0 1rem;
}

.shopping-cart-page .itemized-price {
    margin: 8px auto;
}

.deals .form-group {
    margin-bottom: 0;
}

.cart-collaterals .btn-lt-grey.btn-arrow {
    padding: 12px 69px 13px 15px;
    text-align: left;
}

    .cart-collaterals .btn-lt-grey.btn-arrow::after {
        width: 12px;
        height: 9px;
        right: 10px;
        position: absolute;
        top: 17px;
        content: "";
        display: block;
        background-image: url('../images/icon_arrow_cta.png');
    }

.cart-collaterals .h5, .cart-collaterals .title {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.cart-collaterals .col-form-label, .cart-collaterals .generalMarginSupporter {
    font-weight: 400;
    padding-bottom: 20px;
    display: block;
    margin-bottom: 0;
}

.estimate-shipping label {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.shipping select.form-control, .shipping select.form-control:hover, .shipping select.form-control:focus, .shipping select.form-control:active {
    -webkit-appearance: none;
    background-image: url('../images/select-arrow-down.png');
    background-position: right 12px bottom 50%;
    background-repeat: no-repeat;
}

.coupon-box .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 25px;
}

input.btn-arrow {
    /*    background-image: url('../images/icon_arrow_cta.png');
    background-repeat: no-repeat;
    background-position: 93% 49%;*/
}

/* Cart checkout totals */
.total-info td {
    padding: .25rem 0;
  }

.shopping-cart-page .totals table {
    border-bottom: 0;
    border: 0;
    border-radius: 0 !important;
    border-collapse: unset;
    width: 70%;
    margin: 0 auto;
}

.total-info table tr:nth-child(2n+1) {
    background-color: transparent;
}

.total-info .table-hover tbody tr:hover {
    background-color: transparent;
}

.total-info .cart-total-left span {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.total-info .cart-total-right span {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.card-danger-alert {
    background-color: rgba(194,71,86,0.1) !important;
    padding: 9px 1.25rem;
    border-radius: 5px;
}

.card-bodyquote::before {
    content: "";
    display: inline-block;
    /*background-image: url('../images/icon_alert-red.svg');*/
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.card-danger .card-body {
    padding: 9px 1.25rem;
}

    .card-danger .card-body blockquote {
        text-align: left;
    }

.card.card-danger.message-failure {
    color: #fff !important;
}

.terms-of-service {
    max-width: 75%;
    margin: auto;
    text-align: center;
    padding-top: .5rem;
}
.terms-of-service span, .terms-of-service a {
    line-height: .85rem;
    display: inline-block;
    font-size: .85rem;
}

.terms-of-service .custom-control-label {
    display: block;
}

.terms-text-block span {
    display: inline;
}

.c-offcanvas--right {
    width: 400px;
    transform: translate3d(100%, 0, 0);
}

.flyout-cart-header {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    padding: 5px;
    background: transparent;
    color: #5A6267;
    height: 100px;
}

.flyout-cart .name a {
    color: #5A6267;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    font-style: normal;
}

.mini-shopping-cart .product {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.flyout-cart .price, .flyout-cart .quantity {
    margin-bottom: 5px;
}

.flyout-cart .attributes {
    font-weight: 400;
    font-size: 14px;
    color: #5A6267;
}

    .flyout-cart .attributes br {
        content: "";
        display: block;
        margin-bottom: 5px;
    }

.flyout-cart .flyout-cart-bottom {
    padding: 0px;
    background-color: transparent;
    min-width: 300px;
    width: 100%;
}

    .flyout-cart .flyout-cart-bottom .totals {
        font-size: 32px;
        text-transform: capitalize;
        color: #5A6267;
        display: flex;
        flex-direction: row;
        padding: 0;
        align-items: center;
        justify-content: center;
        font-weight: 400;
    }

    .flyout-cart .flyout-cart-bottom strong {
        font-weight: 700;
        font-size: 32px;
        letter-spacing: normal;
    }

    .flyout-cart .flyout-cart-bottom .buttons {
        margin-top: 20px;
    }



/*=====================
Begin Freight Quote and Check Inventory popup styles
=====================*/
.show-info, .show-less {
    display: none;
}

.custom-modal-dialog.check-inventory-modal {
    height: auto !important;
    min-height: inherit !important;
}

    .custom-modal-dialog.check-inventory-modal .ui-dialog-content {
        height: auto !important;
        min-height: inherit !important;
    }

.inventory-bottom-text {
    text-align: center;
}

    .inventory-bottom-text p {
        font-size: 13px;
        font-weight: 100;
    }



.custom-modals .modal-dialog {
    max-width: 1000px;
}

    .custom-modals .modal-dialog .heading {
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .custom-modals .modal-dialog .table .thead-dark th {
        color: #fff;
        background-color: #5A6267;
        border-color: #5A6267;
        font-weight: lighter;
        font-size: 15px;
        font-family: Source Sans Pro;
    }

.custom-modals .modal-content {
    border-radius: 0;
}

.custom-modals .modal-header {
    border: none;
}

    .custom-modals .modal-header span {
        position: absolute;
        top: 0;
        left: 15px;
    }

    .custom-modals .modal-header .close {
        background-color: #5A6267;
        color: #fff;
        text-shadow: none;
        width: 50px;
        height: 50px;
        margin: 0;
        font-size: 42px;
        font-family: Source Sans Pro;
        font-weight: lighter;
        top: 0;
        right: 0;
        opacity: 1;
    }

.custom-modals .modal-body .form-control {
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: Source Sans Pro;
}

.virtual-sample {
    height: 550px;
    background-color: #353535;
}

.custom-modals .modal-body .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b9b9b9;
}

.custom-modals .modal-body .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #b9b9b9;
}

.custom-modals .modal-body .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #b9b9b9;
}

.custom-modals .modal-body .form-control:-moz-placeholder { /* Firefox 18- */
    color: #b9b9b9;
}


.custom-modals #calculateShippingModal .modal-body {
    padding: 0 45px 25px;
}

.custom-modals .heading h2 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1.3rem;
}

.custom-modals .modal-dialog .table tbody td {
    font-weight: 400;
    font-size: 1rem;
    font-family: Source Sans Pro;
}

#calculateShippingModal label {
    font-size: .85rem;
    margin-bottom: 0.8em;
    font-weight: 600;
}

#calculateShippingModal .btn-gold {
    background-color: #456FB2;
    color: #FFFFFF;
    text-align: center;
}

.offse-top-25 {
    margin-top: 25px;
}

.custom-modals .selectdiv:after {
    right: 30px;
    top: 12px;
}
/********* Check Inventory ************/

.custom-modals .checkInventory-footer {
    margin-top: 40px;
}

.custom-modals .green-text {
    color: #3EA66F;
}

.custom-modals .red-text {
    color: #C65361;
}

.custom-modals #checkInventory .red-text {
    color: #5A6267;
}
.product-details-page .gallery .zoom.mb-1.main-image {
    position: relative;
    width: 100%;
    height: 550px;
}


@media only screen and (max-width: 767px) {
    .custom-modals #checkInventory .modal-body {
        padding: 0 20px 60px;
    }
}
/*=====================
End Freight Quote and Check Inventory popup styles
=====================*/
/*=====================
View Template popup styles
=====================*/

.custom-modals #artTemplate .modal-body {
    padding: 0 30px 0px;
}

.art-template-pdf {
    width: 100%;
    height: 560px;
    margin-bottom: 30px;
    overflow: auto;
}

.art-template-desktop {
    display: block;
}

.art-template-mobile {
    display: none;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .art-template-desktop {
        display: block!important;
        height: 100%!important;
    }
    .custom-modals .modal-body {
        padding: 0 1rem 1rem!important;
    }
}

.custom-modals .modal-body {
    padding: 0 60px 66px;
}


/*=====================
Virtual Sample popup styles
=====================*/
.virtual-sample {
    height: 550px;
    background-color: #353535;
}


/*=====================
Email Page popup styles
=====================*/

.custom-modals .modal-body textarea.form-control {
    height: 187px !important;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-modals #emailPage .modal-body {
    padding: 0 45px 66px;
}

.email-modal-btn {
    padding: 0;
}

    .email-modal-btn #send-message-button {
        background-color: #456fb2;
        text-align: center;
        border: none;
        color: #ffffff;
        font-family: Source Sans Pro;
    }

    .email-modal-btn.btn-arrow::after {
        opacity: 0.6;
    }

#emailPage .field-validation-error {
    background: none;
    padding: 10px;
}

#emailPage #resMessage {
    margin-top: 10px;
    color: #008000;
}

.overflow-hidden {
    overflow: hidden;
}

#inventoryTable .table-responsive {
    margin-top: 0;
}

/*=====================
Virtual Template  popup styles
=====================*/
.custom-modals #virtualSample .modal-dialog {
    max-width: 1210px;
}

.custom-modals #virtualSample .modal-body {
    padding: 0 4px 60px;
    height: 850px;
}

/*Added for catalog CR*/
.custom-modals #virtualCatalog .modal-dialog {
    max-width: 1210px;
}

.custom-modals #virtualCatalog .modal-body {
    padding: 0 4px 60px;
    height: 850px;
}

@media only screen and (max-width: 992px) {
    .custom-modals .modal-dialog .heading {
        margin-bottom: 40px;
    }

    .custom-modals #emailPage .modal-body {
        padding: 0 20px 25px;
    }

    .promo-content__box {
        margin-left: 0px;
    }
}

/*=====================
Sales Assets Styling
=====================*/
.sales-assets-files {
    margin: 0px 20px 70px 20px;
}

.sort-by {
    color: #FCB530;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.sales-assets-url {
    text-decoration: none;
}

.sales-assets-card:hover {
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    margin-top: -5px;
}

.sales-assets-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
}

.sales-assets-card small {
    font-style: normal;
    color: #009FAA;
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

.sales-assets-card .card-img-top {
    height: 200px !important;
    position: relative;
}

.sales-assets-card img {
    margin: 0;
    position: absolute;
    max-height: 200px;
    max-width: 200px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.extension-title {
    font-style: normal;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 15px;
}

.sales-assets-group {
    display: none;
}

.current-category {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    font-style: normal;
    padding: 7px 15px 7px 15px;
    border-radius: 18px;
    /* These values are set with javscript 
    color: #FFFFFF;
    background-color: #5A6267;*/
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.file-name-asset {
    width: 90%;
    padding: 0px !important;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px !important;
}

.sale-assets .card {
    display: block;
}

.card-img-top {
    max-width: 100%;
    width: auto;
}
/*=====================
Check-Out Styling
=====================*/
.form-control:disabled:hover, .form-control[readonly]:hover {
    background-color: #e9ecef;
    opacity: .9;
}

.subtotal-title {
    font-size: 1.5rem;
    font-weight: bold !important;
    line-height: 39px !important;
    text-align: right;
}

.subtotal-amount {
    font-size: 1.75rem;
    font-weight: 300 !important;
    line-height: 39px;
    text-align: right;
}

.payment-method-page h2 {
    font-size: 48px;
    font-weight: 500 !important;
    line-height: 57px;
}

.order-confirm-page h2 {
    font-size: 38px;
    font-weight: 500 !important;
    line-height: 48px;
}

.address-rows {
    width: 100%;
}


/*=====================
Checkout Step Styling
=====================*/

.checkout-box {
    max-width: 75px;
    width: 50%;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.svg-container svg, .svg-container img {
    max-height: 40px;
    max-width: 40px;
  }

.checkout-active {
    background-color: #009FAA;
}

.checkout-box-label-disabled a {
    text-decoration: none !important;
}

.checkout-box-label a {
    text-decoration: none;
}

.checkout-inactive {
    background-color: white;
}

.complete-label {
    text-decoration: none;
}

.checkout-box-label p {
    font-style: normal;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-top: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    line-height: 12px;
    padding-top: 1rem;
}

.completed-step {
    font-weight: bold !important;
    color: white !important;
}

.checkout-box-label-disabled p {
    font-style: normal;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin: 0;
    margin-top: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    line-height: 12px;
    padding-top: 1rem;
}

.checkout-inactive .checkout-box-label-disabled p {
    color: #212529;
}

.checkout-box-icon {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-top: -15%;
    transform: translate(-50%, -50%);
}

#payment-SVG-active {
    display: none;
}

#payment-SVG-inactive {
    display: inline;
}

#confirm-SVG-active {
    display: none;
}

#confirm-SVG-inactive {
    display: inline;
}

#complete-SVG-active {
    display: none;
}

#complete-SVG-inactive {
    display: inline;
}

.checkout-active .inactive-svg {
    display: none;
}

.checkout-active .active-svg {
    display: inline;
}

.checkout-inactive .active-svg {
    display: none;
}

/*=====================
Artwork Upload Styling
=====================*/
#select_shipping_method_container {
  padding: 0;
}

#shipping-method-partial-container {
    min-height: 100px
}

.product-list {
    flex-wrap: wrap;
}

.product-artwork-box {
    border: 1px solid #EEEEEE;
    padding: 1rem;
    /* width: 24.7%; */
    margin-right: 1rem;
}

    .product-artwork-box:nth-child(4n) {
        margin-right: 0;
    }

.product-img img {
    max-width: 150px;
}

.product-img {
    padding-bottom: 20px;
}

.artwork-title h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 43px;
}

.artwork-controls .btn.btn-grey:disabled:hover {
    background-color: #eee;
    color: #5a6267;
}

.artwork-controls .btn-grey {
    background-color: #EEEEEE;
    /* max-width: 100px; */
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    padding: 5px 0;
    min-width: 100px;
    text-transform: capitalize;
    color: #5A6267;
    font-family: Source Sans Pro;
    margin-bottom: 10px;
    width: 100%;
}

.artwork-controls p {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.upload-artwork-modal h3 {
    padding-top: 20px;
}

.artwork-directions {
    padding-top: 21px;
}

    .artwork-directions .text-prompt {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        position: relative;
    }

.text-prompt:hover ~ .hint-box {
    display: block;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    width: 300px;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
}

#uploadArtworkOrder .text-prompt:hover ~ .hint-box {
    display: block;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    width: 215px;
    background: rgba(90,98,103, 0.9);
    padding: 10px;
    margin-top: 10px;
    bottom: 40px;
}

#modalArtwork .modal-dialog {
    max-width: 1000px;
    width: 100%;
    /*min-height: 760px;*/
    background: #fff;
}

#modalArtwork h3 {
    padding-top: 20px;
}

.upload-container {
    padding-top: 30px;
}

.dropzone {
    min-height: 250px;
    background: white;
    padding: .5rem;
    height: 300px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dz-filename {
    font-size: .8rem;
    font-size: .8rem;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow:hidden;
    line-height: .9rem;
}

.dz-message.needsclick {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.drop-title {
    font-size: 1rem;
    line-height: .85rem;
    color: #5A6267;
    font-weight: 700;
    font-family: Source Sans Pro;
}

.dz-success-mark, .dz-error-mark {
    display: none;
}

.btnRemoveArtworkImage {
    display: block;
    padding: 12px 58px 12px;
    margin-top: 10px;
    pointer-events: all !important;
    cursor: default !important;
}

.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete {
    text-align: center;
    padding-top: 8px;
}

.dz-max-files-reached {
    pointer-events: none;
    cursor: default;
}

.containerArtworkData {
    padding: 17px 20px;
    box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
    margin-bottom: 20px;
}

.art-filename {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.art-filesize {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 4px;
}

.art-radio_btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 0;
}

.art-radio_item {
    display: flex;
    align-items: center;
}

    .art-radio_item .custom-control-label::before {
        top: -5px;
    }

    .art-radio_item .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        top: -8px;
        left: -27px;
    }
/*=====================
Payment Method Styling
=====================*/

.checkout-subheader {
    font-size: 18px !important;
    font-weight: bold;
    line-height: 22px;
}

#poNumber {
    width: 425px;
}

.custom-control-description {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.product-attribute__attributes .custom-control-description {
    font-size: 16px;
}

.custom-control-simple-span {
    margin-top: 20px;
}

/*=====================
Shipping Address Styling
=====================*/
.shipping-address-page h2 {
    font-size: 48px;
    font-weight: 500;
}

.select-address {
    height: 50px !important;
}

.enter-address {
    margin-left: 15px;
}

/* .enter-address select {
        height: 50px !important;
    } */

/*=====================
Shipping Method Styling
=====================*/
.shipping-method h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 57px;
}

#deliveryInstructions {
    height: 5rem;
}

.shipping-method-page label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.estimate-shipping-button-wrapper {
    margin: inherit !important;
}

form#shipping-method .col-md-4, form#shipping-method .col-md-6, form#shipping-method .col-md-7, form#shipping-method .col-md-8, form#shipping-method .col-md-10, form#shipping-method .col-md-12 {
    float: none;
}


/********  Footer  **********/
.main-footer {
    background-color: #444444;
    padding: 50px 0;
}

    .main-footer h3 {
        color: #fff;
        font-style: italic;
        text-align: center;
    }

    .main-footer h4 {
        color: #fff;
        text-transform: uppercase;
    }

    .main-footer ul {
        padding: 0;
        column-count: 2;
    }

    .main-footer li {
        list-style: none;
        padding-bottom: 15px;
    }

        .main-footer li a {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            font-style: normal;
            text-decoration: none;
        }

    .main-footer p {
        color: #fff;
    }

.logo-column {
    text-align: center;
    padding-left: 75px;
}

    .logo-column img {
        max-width: 300px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .logo-column h3 {
        margin-bottom: 10px;
        font-weight: 500;
    }

    .logo-column p {
        margin-bottom: 40px;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
    }

    .logo-column a {
        color: #fff;
    }

.sub-footer {
    background-color: #333;
    padding: 23px 0 6px;
    border-bottom: 5px solid #456FB2;
}

    .sub-footer p {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }

    .sub-footer ul {
        padding-left: 20px;
        display: inline;
    }

    .sub-footer li {
        padding-right: 20px;
        list-style: none;
        display: inline-block;
    }

.sub-footer_col2 {
    text-align: right;
}

.social-link {
    cursor: pointer;
}

    .social-link .social-ico-hover {
        display: none;
    }

    .social-link:hover .social-ico {
        display: none;
    }

    .social-link:hover .social-ico-hover {
        display: inline-block;
    }

.forgot-your-username h2 {
    font-size: 32px !important;
    font-weight: 500 !important;
}

.test-documents-anchor {
    text-decoration: none;
    font-style: normal;
    font-size: 24px;
}

.art-template-pdf li {
    margin-top: 3%;
    margin-bottom: 3%;
}

.section-buffer {
    height: 150px;
}

.footer__col1 [title~="Link"] {
    line-height: 1rem !important;
    display: block !important;
}

.header__submenu-link[title~="Link"]:before {
    content: "Keep It. Give It.";
    display: block;
}


@media only screen and (min-width: 576px) {
    .container {
        max-width: 648px;
    }

    /* #search-input-block {
        width: 55%;
        display: inline-block;
    }
    
    #search-dropdown-block {
        width: 30%;
        display: inline-block;
    }

    .input.form-control.search-text {
        width: 85%;
    } */
}

@media only screen and (min-width: 768px) {
    .container {
        max-width: 864px;
    }
}

@media only screen and (min-width: 992px) {
    .container {
        max-width: 1152px;
    }

    .promo-content__box p {
        font-size: 12px;
        line-height: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    .promo-content__box p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1365px;
    }
}

@media only screen and (min-width: 1920px) {
    .manufacturer-banner {
        height: 450px;
        background-position: right;
        background-repeat: no-repeat;
    }

    .promo-pricing {
        font-size: 18px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 1600px) {
    .promo-content__box p.promo-content-subheader, .promo-content__box p.promo-content-validity {
        font-size: 14px;
        /*font-weight: 500;*/
        line-height: 18px;
    }
}

@media only screen and (max-width: 1400px) {
    .promo-content__box p {
        line-height: 18px;
    }

    .myaccount-box {
        max-width: 47%;
        margin-right: 31px;
    }

    .user-management__filters a {
        width: 188px;
    }
}

@media only screen and (max-width: 935px) {
    .manufacturer-banner {
        /* background-position: 25% 100%; */
        display: none;
    }

    .shopping-cart td.edit-cart-controls {
        width: 200px;
        min-width: 200px;
    }

    .shopping-cart td.subtotal.text-center {
        width: 125px;
        min-width: 125px;
        padding: 0;
    }

    .shopping-cart td.quantity {
        width: 175px;
        min-width: 175px;
    }

    .shopping-cart td.unit-price {
        width: 100px;
        min-width: 100px;
        padding: 0;
    }

    .user-management__permissions-container {
        max-width: 100%;
        margin: 0 auto;
        padding-right: 15px;
    }
}

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

    .logo-column img {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .promo-content__box p {
        font-size: 14px;
        line-height: 16px;
    }

    .promo-content-validity {
        font-size: 12px;
    }

    .promo-content__box {
        margin-left: 63px;
    }

    .myaccount-nav__orders li {
        width: 50%;
        padding-right: 20px;
        padding-bottom: 30px;
    }

        .myaccount-nav__orders li:nth-child(2n) {
            padding-left: 20px;
            padding-right: 0px;
        }

    .user-management__update .user-management__toggle {
        width: 40%;
    }

    .order__select {
        width: 49px;
        padding: 0 20px;
        padding-right: 13px;
    }

    .order-item.order__total {
        width: 12%;
    }

    .user-management__filters a {
        width: 154px;
    }

    .order__item-order {
        flex-wrap: wrap;
    }

    .order__detail-items {
        width: 644px;
        min-width: 644px;
    }

    .order__item-content-left {
        width: 100%;
    }

    .order__item-content-right {
        width: 100%;
        margin: 0 25px;
    }

    .order-status ul {
        padding: 0px;
    }

        .order-status ul[data-status="Received"]::after {
            width: 6%;
        }

        .order-status ul[data-status="Pre-Production"]::after {
            width: 22%;
        }

        .order-status ul[data-status="In Production"]::after {
            width: 43%;
        }

        .order-status ul[data-status="Awaiting Shipment"]::after {
            width: 66%;
        }

        .order-status ul[data-status="Shipped"]::after {
            width: 84%;
        }

        .order-status ul[data-status="Closed"]::after {
            width: 100%;
        }

        .order-status ul li.active:last-child::before {
            right: 0px;
        }

        .order-status ul li:last-child {
            right: -20px;
        }

    .order__item-item-alert {
        width: 100%;
        margin: 0 25px;
    }

        .order__item-item-alert h2 {
        }

    .shopping-cart tbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .shopping-cart td.product {
        padding-left: 0;
        padding-right: 5px;
        /* margin-bottom: 120px; Bottom margin to allow room for 4 rows of pricing (unit, decoration, proof, and setup) */
        width: 70%;
        min-width: 70%;
        float: right;
        margin-bottom: 1rem;
    }

    .shopping-cart tr {
        display: block !important;
        padding: 0;
    }

    table.shopping-cart tr:nth-child(2n+1) {
        background-color: transparent;
    }

    .shopping-cart td.unit-price {
        /* display: flex; */
        text-align: left;
        justify-content: center;
        flex-direction: column;
        min-width: 33%;
        padding: 0;
        padding-left: 10px !important;
        align-items: flex-start;
        float: none;
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 7rem;
    }

    .shopping-cart td.unit-price .itemized-price, .shopping-cart td.subtotal .itemized-price {
        margin:.5rem 0;
        text-align: left !important;
    }

    .shopping-cart td.quantity {
        padding: 0 !important;
        min-width: 33%;
        border: 0 !important;
        position: absolute;
        bottom: 71px;
        left: 0;
        right: 0;
        background-color: transparent;
        float: none;
        position: relative;
        height: auto;
        margin: 1rem auto auto auto !important;
        text-align: left !important;
        width: 92%;
        display: inline-block;
    }

    .shopping-cart td.subtotal.text-center {
        padding: 0 !important;
        min-width: 34%;
        padding-right: 10px !important;
        border: 0 !important;
        background: #fff;
        right: 0;
        bottom: 71px;
        background-color: transparent;
        float: none;
        position: relative;
        width: 92%;
        height: auto;
        display: inline-block;
    }

    .shopping-cart td.edit-cart-controls {
        width: 100%;
        min-width: 100%;
        padding-top: 17px;
        padding-bottom: 11px;
        margin-top: 20px;
        position: absolute;
        bottom: 0;
    }

    .cart-action-buttons {
        width: 148px;
        margin: 0 auto;
    }

    .deleteshoppingcartitem {
        position: relative;
        margin-top: -5px;
    }

    .shopping-cart .subtotal-text, .shopping-cart .unit-price-text {
        padding-bottom: 12px;
        font-size: 12px;
        font-weight: 400;
        color: #5A6267;
    }

    .shopping-cart .product-unit-price.price, .shopping-cart .product-subtotal.price, .shopping-cart .prod-total, .shopping-cart .unit-price del {
        font-size: 14px;
        margin-left: 0;
        font-weight: 400;
    }

    .shopping-cart .quantity .plus, .shopping-cart .quantity .minus {
        position: relative;
        cursor: pointer;
        width: 30px;
        height: 17px;
        border: 0;
    }

        .shopping-cart .quantity .plus::after, .shopping-cart .quantity .plus::before, .shopping-cart .quantity .minus::before {
            top: 9px;
        }

    .shopping-cart .quantity .qty-input {
        padding: 0;
        border: 0;
        font-size: 14px;
        height: 17px;
    }

    .shopping-cart .subtotal .prod-total {
        font-size: 14px;
    }

    .edit-cart-controls {
        background-color: #5A6267 !important;
    }

        .edit-cart-controls svg path {
            fill: #fff;
        }

    #modalArtwork .modal-dialog {
        max-width: 990px;
    }
}

@media only screen and (max-width: 991px) {
    #ModalAddToCart .modal-dialog {
        min-width: 700px;
    }

    .mobile-top-menu.container {
        order: 2;
        max-width: none;
        width: 75%;
        flex-wrap: nowrap;
    }

    .logo-mobile {
        display: flex;
        height: 51px;
        margin: 0 auto;
    }

    video#lottie, img#lottie {
        height: 2rem;
        margin: 0.65rem auto;
    }

    .mobile-search {
        cursor: pointer;
    }

    .nav.navbar-nav.header-links {
        max-width: none;
        width: 10%;
        order: 1;
        margin: 0;
        padding-left: 15px;
    }

    .header-links::before {
        display: none;
    }

    .header-links .admin-links {
        display: none;
    }

    .container.aux-menu {
        position: static;
    }

    .mainNav {
        visibility: hidden;
        height: 0;
        display: flex;
    }

    #custom-search-toggle img {
        width: 39px;
        height: 39px;
    }

    #custom-search-toggle #close-icon {
        display: none;
    }

    #custom-search-toggle.open #close-icon {
        display: block;
    }

    #custom-search-toggle.open #open-icon {
        display: none;
    }

    .mainNav.show {
        visibility: visible;
        height: auto;
        display: flex;
        /* position: absolute; */
        width: 100%;
        /* top: 86px; */
        background: white;
        z-index: 99;
        padding: 0 0 10px 0;
    }

    .navbar-collapse.header__nav-panel {
        display: none;
    }

    .mobile-aux-nav {
        position: relative;
        width: 100%;
    }

        .mobile-aux-nav::before {
            border-bottom: 1px solid #e0e0e0;
            content: "";
            width: 100%;
            position: absolute;
            top: -5px;
            right: 0;
            margin: auto;
            max-width: 1325px;
            display: block;
        }

    .aux-menu #topcartlink .c-button__text {
        flex-direction: row;
    }

    #mobile-menu-opener {
        width: 20px;
        height: 11px;
    }

        #mobile-menu-opener span {
            display: block;
            position: absolute;
            height: 1px;
            width: 100%;
            background: #5A6267;
        }

            #mobile-menu-opener span:nth-child(1) {
                top: 0;
            }

            #mobile-menu-opener span:nth-child(2) {
                top: 6px;
            }

            #mobile-menu-opener span:nth-child(3) {
                top: 12px;
            }

    .scout-desk {
        display: none;
    }

    .small-search-box-form {
        display: none;
    }

    #searchModal .small-search-box-form {
        display: block;
        overflow: visible;
    }

    #searchModal .search-box-text {
        height: 138px;
        margin-right: 0;
    }

    .btn.btn-info.search-box-button.float-sm-right.d-inline-flex {
        padding: 32px 15px;
        top: 41px;
    }

    .advanced-search-results.open {
        top: 76px;
        display: none;
    }

    .account-left {
        position: static;
    }

    .account-main {padding: 0;}

    .mobile-nav-triggers {
        width: 328px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto 50px;
    }

        .mobile-nav-triggers .btn {
            height: 50px;
            padding: 0;
            width: 150px;
            min-width: 150px;
            word-wrap: normal;
            overflow-x: hidden;
            white-space: normal;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .block-account-navigation .h5 {
        background-color: #5A6267;
        color: #fff;
        padding: 22px 0 23px;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .block-account-navigation {
        position: fixed;
        /* background: #fff; */
        z-index: 999;
        width: 300px;
        min-height: 100vh;
        left: 0;
        top: 0;
        display: none;
    }

    .promo-content .container {
        text-align: center;
    }

    .order__detail-column {
        display: block;
    }

    .order__detail-info, .order__detail-shipping {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .account-links {
        margin-left: 0;
        position: relative;
    }

        .account-links .nav-item {
            padding: 0;
            text-align: center;
            display: inline-block !important;
            margin: 0 auto;
        }

        .account-links.navbar-nav .nav-link {
            padding: 10px 0 6px;
        }

        .account-links #topcartlink > div > a {
            padding: 10px 0 6px;
            padding-right: 0px;
            padding-right: 0px !important;
            color: inherit;
            min-height: auto;
        }

        .account-links #topcartlink > div > a {
            color: inherit !important;
        }

        .account-links #topcartlink .cart-qty, .account-links #topcartlink .productcatalog-qty, .account-links .wishlist-qty {
            left: 32px;
            top: 5px;
        }

    .account-links__labels {
        padding-top: 5px;
    }

    .account-links a.nav-link {
        color: #5A6267;
        font-family: Source Sans Pro;
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        text-align: center;
        text-decoration: none;
    }

    .account-links .nav-link span {
        display: block;
        text-align: center;
        padding: 5px 0 0;
    }

    .logo-column img {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .header__menu-item a {
        color: #5A6267;
        font-family: Source Sans Pro;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        font-style: normal;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        display: block;
    }

    #pills-menu .navbar-nav.header__menu {
        border-top: 1px solid #EEEEEE;
    }

        #pills-menu .navbar-nav.header__menu .header__menu-item {
            list-style: none;
            padding: 25px 10px;
            position: static;
        }

    .tab-content #pills-menu .navbar-nav.header__menu li.header__menu-item::before {
        content: "";
        display: none;
    }

    #pills-menu .navbar-nav.header__menu .header__menu-item.show {
        position: absolute;
        width: 100%;
        background-color: #F9F9F9;
        text-align: center;
    }

    .header__subnav.is-visible {
        display: block;
        width: 100%;
    }

    .header__menu-item.show .header__subnav.is-visible {
        width: 100%;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 9;
        top: 72px;
        padding-left: 10px;
        z-index: 99;
    }

    .header__submenu.is-visible {
        width: 100%;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 9;
        top: 72px;
        padding-left: 10px;
        z-index: 99;
    }

    .header__subnav-menu, .header__submenu-col {
        width: 100%;
        max-width: 100%;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        text-align: left;
        column-count: 1;
    }

    .header__subnav-link.header__subnav-link_has-submenu {
        position: relative;
        width: 100%;
        display: block;
        padding: 25px 0;
        z-index: 9;
    }
    /*#pills-menu .navbar-nav.header__menu .header__subnav-link.header__subnav-link_has-submenu {
        position: relative;
        width: 100%;
        background-color: #F9F9F9;
        text-align: center;
        display: block;
        z-index: 9;
    }*/
    #pills-menu .navbar-nav.header__menu .header__subnav-link.header__subnav-link_has-submenu.is-active {
        position: absolute;
        width: 100%;
        background-color: #F9F9F9;
        text-align: center;
        display: block;
        z-index: 9;
        top: 0;
    }

    .header__subnav-link.header__subnav-link_has-submenu::after {
        right: 23px;
        top: 4px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 46%;
    }

    .header__subnav-link.header__subnav-link_has-submenu.is-active::after {
        border-right: none;
        border-bottom: none;
        border-left: 2px solid #5A6267;
        border-top: 2px solid #5A6267;
        left: 23px;
    }

    .header__subnav-item {
        padding: 25px 0;
    }

    li.header__submenu-item {
        padding: 15px 0;
    }

    #pills-menu .navbar-nav.header__menu .header__submenu-item::before {
        display: none;
    }

    .promotions-banner {
        background-color: #47a3f1;
        max-height: 150px;
        overflow: hidden;
    }

        .promotions-banner .desktopBannerVisibility {
            display: none !important;
        }

        .promotions-banner .mobileBannerVisibility {
            display: block;
        }

        .promotions-banner .mobileBannerBackground {
            min-width: auto;
        }

    /*.promo-content {
        position: relative;
        z-index: 1;
        width: 100%;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: center;
        padding: 18px 0;
    }*/
    .promo-content__box {
        margin-left: 0px;
    }

        .promo-content__box p {
            font-size: 18px;
            line-height: 31px;
        }

    .myaccount-box {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 50px;
    }

        .myaccount-box:last-child {
            margin-right: 0;
            margin-left: 0;
        }

    .my-commuication__container {
        padding: 30px 0;
        width: 100%;
    }

    .my-commuication__heading {
        display: none;
    }

    .my-commuication__toggles {
        width: 100%;
    }

        .my-commuication__toggles.my-commuication__event p {
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .my-commuication__toggles.my-commuication__notify, .my-commuication__toggles.my-commuication__method {
            display: inline-flex;
            align-items: center;
            padding-bottom: 20px;
        }

        .my-commuication__toggles .mobile-label {
            margin-right: auto;
        }

    .my-commuication__method .switch {
        width: 90px;
    }

    .slider::after {
        font-size: 14px;
    }

    .my-commuication__method input:checked + .slider::before {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    .my-commuication__disclaimer p {
        text-align: center;
    }

    .my-commuication__toggles input.form-control::placeholder {
        opacity: 1;
    }

    .my-commuication__toggles input.form-control:-ms-input-placeholder {
        opacity: 1;
    }

    .my-commuication__toggles input.form-control::-ms-input-placeholder {
        opacity: 1;
    }

    .user-management__filters a span::before {
        display: none;
    }

    .user-management__filters .active a::after, .user-management__filters a:hover::after {
        content: "";
        display: none;
    }

    .user-management__permissions {
        background-color: transparent;
    }

    .user-management__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .user-management__row {
        width: 100%;
        padding: 20px;
        background-color: #F7F8FA;
        margin: 10px 0 20px;
    }

    .user-management__heading, .user-management__item {
        text-align: center;
        padding: 10px 0;
    }

    .user-management__update .user-management__toggle {
        padding-bottom: 0;
    }

    .user-management__role {
        text-align: center;
        display: block;
    }

    .role-radio {
        padding-top: 15px;
        padding-left: 9px;
    }

    .user-management__item strong {
        display: inline-block;
    }

    .user-management__row:nth-child(2n) .user-management__item strong {
        color: #5A6267;
    }

    #order-select, #user-select {
        display: block;
        background: #eee;
        width: 100%;
        text-align: center;
        padding: 17px 0 16px;
        cursor: pointer;
        font-weight: 400;
        text-transform: uppercase;
    }

        #order-select span::after, #user-select span::after {
            content: "";
            display: block;
            background-image: url('../images/arrow-down.png');
            background-repeat: no-repeat;
            width: 10px;
            height: 5px;
            position: absolute;
            right: -27px;
            top: 47%;
        }

    .user-management__search input.form-control {
        width: 70%;
        min-width: 70%;
    }

    .user-management__search select.form-control:not([size]):not([multiple]) {
        width: 25%;
        min-width: 25%;
    }

    .user-management__filters {
        position: relative;
    }

    #order-select span, #user-select span {
        position: relative;
    }

    .user-management__filters ul {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9;
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
        top: 67px;
    }

    .user-management__filters li {
        position: relative;
        height: 50px;
        margin-bottom: 0;
    }

        .user-management__filters li a {
            display: block;
            justify-content: space-between;
            align-items: center;
            white-space: nowrap;
            background-color: transparent;
            border: none;
            border-radius: 0;
            font-size: 14px;
            line-height: inherit;
            height: 50px;
            right: 0;
            width: 100%;
            text-align: left;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: all .5s ease;
            position: relative;
            color: #5A6267;
            font-weight: 400;
            text-transform: uppercase;
            padding: 16px 33px;
            font-style: normal;
            text-decoration: none;
        }

            .user-management__filters li a:hover, .user-management__filters li.active a {
                border: none;
                background: #eee;
            }

    .user-management__search {
        padding-bottom: 30px;
    }

    .order-action ul {
        display: flex;
        justify-content: center;
    }

    .order-action li {
        padding: 10px 22px;
    }

    .order-item, .user-item {
        display: flex;
        align-items: center;
        align-content: inherit;
        width: 100% !important;
        padding: 10px 20px !important;
    }

        .order-item p, .user-item p {
            margin-right: auto;
        }

    .order-actions-mobile {
        text-align: center;
        padding-top: 10px;
    }

    .order-tools li {
        display: inline-block;
        padding: 11px 30px 0;
    }

    .user-item span, .order-item span {
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
    }

    .order-tools li a {
        font-size: 14px;
    }

    .user-row.user-active, .order-row.order-active {
        border-left: 0;
        border-top: 5px solid #289C5E;
    }

    .user-row.user-deactive, .order-row.order-deactive {
        border-left: 0;
        border-top: 5px solid #C24756;
    }

    .order-row.order-received {
        border-left: 0;
        border-top: 5px solid #9013FE;
    }

    .order-row.order-hold {
        border-left: 0;
        border-top: 5px solid #5CA2DA;
    }

    .order-row.order-cancelled {
        border-left: 0;
        border-top: 5px solid #DF068B;
    }

    .order-row.order-archived {
        border-left: 0;
        border-top: 5px solid #5A6267;
    }

    .order__detail-actions ul {
        flex-wrap: wrap;
    }

    .order__detail-actions li {
        margin-bottom: 12px;
        padding: 0 5px;
    }

    .order__detail-shipping {
        margin-bottom: 30px;
    }

    .order__detail-items {
        width: 100%;
        min-width: 0;
    }

    .order__item-image {
        max-width: 150px;
        text-align: center;
    }

        .order__item-image img {
            padding-bottom: 13px;
        }

    .order__item-content {
        max-width: 61%;
        padding-right: 0;
    }

    .order__detail-info ul, .order__detail-shipping ul {
        display: flex;
        flex-wrap: wrap;
    }

        .order__detail-info ul li, .order__detail-shipping ul li {
            width: 50%;
            word-wrap: break-word;
        }


    .order__item-content-right {
        width: 97%;
        margin: 0;
    }

    .order-status ul[data-status="Received"]::after {
        width: 4%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 22%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 42%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 63%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 83%;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 100%;
    }

    .order-status ul li.active:last-child::before {
        right: 0px;
    }

    .order-status ul li:last-child {
        right: -20px;
    }

    .toggle-control {
        display: none;
    }

    .options-bar {
        height: 90px;
        padding-top: 10px;
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 999;
        box-shadow: none;
    }

        .options-bar.product-print.internal-account-bar {
            /* height: auto; */
            padding-top: 10px;
            position: fixed;
            bottom: 0;
            top: auto !important;
            width: 100%;
            z-index: 999;
            box-shadow: none;
        }

        .options-bar ul {
            margin-bottom: 6px;
        }

    .options-bar {
        border-bottom: 2px solid #FDBA2C;
    }

        .options-bar img {
            max-height: 23px;
        }

        .options-bar li a {
            font-size: 10px;
            line-height: 12px;
        }

        .options-bar li span {
            padding-top: 10px;
        }

    .shopping-cart-page .totals table {
        width: 100%;
        margin: 0 auto;
    }

    .shopping-cart tr:last-child {
        margin: 0 0 2% 2% !important;
    }

    .cart-collaterals .btn-lt-grey.btn-arrow {
        padding: 12px 69px 13px 15px;
        text-align: left;
        min-width: 151px;
    }

    #modalArtwork .modal-dialog {
        max-width: 760px;
        width: 100%;
        min-height: 0;
        background: #fff;
    }

    .btn.btn-outline-info {
        color: #5A6267;
        background-color: #5A6267;
        background-image: none;
        border-color: #5A6267;
        width: 70px;
        height: 70px;
        padding: 0;
        min-width: 70px;
        justify-content: center;
        position: fixed;
        right: 0;
        left: auto;
        z-index: 990;
        top: 121px;
    }

        .btn.btn-outline-info .material-icons {
            font-family: unset;
            background-image: url('../images/ico_filters.png');
            width: 44px;
            height: 46px;
            color: #5A6267;
        }

        .btn.btn-outline-info .ml-3 {
            margin-left: 0 !important;
            display: none;
        }

    footer .main-footer .container > .row, footer .sub-footer .container > .row {
        margin: 0;
    }    
}

@media screen and (max-height: 820px) {
    .secondary-menu {
        position: absolute !important;
    }

    body.is-ready.open {
        position: relative;
        height: 100%;
        overflow: visible;
    }
}


@media only screen and (max-width: 768px) {
    .btn {
        position: relative;
        border-radius: 0;
        padding: .5rem;
        min-width: auto;
    }

    #ModalAddToCart .modal-dialog {
        min-width: 500px;
    }

    .cart-footer row {
        flex-direction: column;
    }

    .cart-collaterals, .cart-footer .totals {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .shopping-cart tr:last-child {
        margin: 0 0 0 0 !important;
    }

    .scrolling::-webkit-scrollbar {
        display: none;
        -webkit-overflow-scrolling: touch;
    }

    .sale-assets-filesize {
        padding-bottom: 30px !important;
    }

    .scrolling {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .sales-assets-files {
        margin: auto;
    }

    .current-category {
        display: inline-block
    }

    .sales-assets {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .shipping-address-page h2 {
        font-size: 24px !important;
    }

    .checkout-page h2 {
        font-size: 32px !important;
        line-height: 29px;
        font-weight: 500;
        font-family: Source Sans Pro;
    }

    .checkout-box-label p {
        display: inline;
        display: none;
    }

    .checkout-box-label-disabled p {
        display: none;
    }

    .svg-container {
        width: 50% !important;
    }

    .checkout-box-icon {
        display: inline-block;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        width: 95% !important;
        transform: translate(-50%, -50%);
        margin-top: 1% !important;
    }

    .confirmation-summary ul {
        padding-left: 0;
    }

    .product-artwork-box {
        width: 31%;
        margin-right: 15px;
        margin-bottom: 15px;
    }

        .product-artwork-box:nth-child(4n) {
            margin-right: 15px;
        }

    .product-details-page .product-tabs .nav-link, #pills-mobile-tab .nav-item .nav-link {
        padding: 16px 25px;
    }
}

@media only screen and (max-width: 935px) {
    a {
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }


    h4 {
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
    }

    p, p a {
        font-size: 14px;
        line-height: 17px;
    }

    .tab-content p, .tab-content ul {
        margin-bottom: 30px;
    }

    .tab-content li {
        font-size: 14px;
        line-height: 17px;
    }

    header {
        margin-bottom: 0px;
    }

    .account-links .nav-link span {
        display: block;
        text-align: center;
        padding: 5px 0 0;
    }

    .nav.navbar-nav.header-links {
        padding: 0;
    }

    .nav-item.col.upload-art {
        display: none !important;
    }

    .secondary-menu .nav-item.col.upload-art {
        display: block !important;
    }

    .nav-link span {
        color: #5A6267 !important;
    }

    .delivery-date .label, .delivery-date .value {
        font-size: 1rem;
    }

    .mainNav.show {
        /* top: 61px; */
    }

    .header-logo {
        max-width: 169px;
        height: auto;
    }

    .logo-mobile img {
        width: 169px;
        height: auto;
        padding-top: 9px;
        padding-bottom: 5px;
    }

    .header-links .nav-item {
        max-width: 90px;
        margin-left: 10px;
        margin-right: 13%;
        margin-top: 0;
        min-height: 13px !important;
    }

    .secondary-menu {
        position: fixed;
    }

    .breadcrumb {
        display: flex;
        margin: 50px 0 50px
    }

    .hero-slider {
        padding-bottom: 25px;
        background-size: 300%;
    }

    .hero-slider__item {
        height: 360px;
        background-position: 31%;
    }

    .hero-slider__heading-content {
        bottom: 37px;
    }

    .hero-slider__heading-band {
        height: 80px;
    }

    .hero-slider__header {
        font-size: 30px;
        line-height: 28px;
    }

        .hero-slider__header strong {
            font-size: 42px;
            line-height: 45px;
        }

    .hero-slider__btn {
        padding-top: 15px;
    }

        .hero-slider__btn .btn {
            padding: 10px 56px 10px 10px;
            font-size: 8px;
            line-height: 10px;
        }

        .hero-slider__btn .btn-arrow::after {
            top: 11px;
        }

    .heading h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 29px;
        margin-bottom: 10px;
    }

        .heading h2::before {
            bottom: -10px;
            width: 150px;
        }

    .featured-links__content {
        display: flex;
        align-items: center;
        -webkit-flex-flow: row wrap;
        justify-content: space-around;
    }

    .featured-links__item {
        padding-bottom: 10px;
        max-width: 30%;
    }

    .blog-featured {
        display: block;
        padding: 25px 0;
    }

    .home-page-product-grid {
        padding: 25px 0;
    }

    .product-alert-banner {
        font-size: 14px;
        line-height: 17px;
    }


    .overview-buttons {
        display: block;
        flex-wrap: nowrap;
    }

    .product-details-page .overview .generalTitle {
        font-size: 24px;
        line-height: 29px;
    }

    .additional-details .sku, .product-details-page .short-description {
        font-size: 14px;
        line-height: 17px;
    }

    .btn-group, .btn-group-vertical {
        position: relative;
        display: block;
        text-align: center;
    }

    .language-selector {
        text-align: left;
    }

    .product-simple-share button {
        padding: 10px 10px;
        text-align: center !important;
        margin: 10px auto !important;
        font-size: 14px;
        display: block !important;
    }

        .product-simple-share button span {
            display: inline-block;
        }

    .tab-dropdown {
        background: #eee;
        width: 100%;
        text-align: center;
        padding: 17px 0 16px;
        display: inline-block;
    }

    .nav-tabs {
        display: none;
    }

        .nav-tabs .nav-item {
            background: #eee;
            width: 100%;
            text-align: center;
        }

    .search-tabs ul {
        display: flex;
    }

        .search-tabs ul .nav-item {
            background: transparent;
            width: auto;
        }

    .result-item {
        padding: 15px;
    }

    .result-content h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .card-body-content .list-inline-item:not(:last-child), .prod-list .card-body-content .list-inline-item:not(:last-child) {
        margin-right: 10px;
    }

    .home-product__slider {
        padding: 40px 20px;
    }

    .card.gen .card-body-content .card-title a {
        font-size: 14px;
        line-height: 17px;
    }

    .product-container .color-container .color {
        width: 12px !important;
        height: 12px !important;
    }

    .sku-tag {
        font-size: 14px;
        line-height: 17px;
    }

    .product-feature-buttons li {
        position: relative;
        padding: 5px;
    }

    .product-details-page .thumbnails {
        vertical-align: middle;
    }

        .product-details-page .thumbnails img {
            margin-bottom: 20px;
            display: none;
        }

    .gallery .thumbnails a {
        display: block;
        width: 10px;
        height: 10px;
        background: #eee;
        border-radius: 25px;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .main-image {
        display: inline-block;
        width: 94%;
    }

    .manufacturer-banner-mobile {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: bottom;
        background-size: cover;
    }

    .manufacturer-banner-mobile img {
        max-height: 20vw;
        max-width: 60vw;
    }    

    .card.gen .actual-price {
        font-size: 14px;
        line-height: 17px;
    }

    .card-options {
        display: none;
    }

    .buttons .btn {
        min-width: 0;
        width: 170px;
        padding: 17px 0 16px;
    }


    .generalSideRight {
        padding-left: 0px !important;
    }

    .catalog-selectors .sort-container label {
        padding-bottom: 20px;
        color: #FDBA2C;
        font-size: 14px;
        font-weight: 700;
    }

    .catalog-selectors #items_statistics {
        display: none !important;
    }

    .sort-container {
        flex-direction: column;
        width: 50%;
        max-width: 50%;
        padding: 10px;
    }

    #custom-select {
        background-color: #eee;
        border: 0;
        border-radius: 0;
    }

    .sort-container.page-size div {
        width: 100%;
    }

    .filter-heading .btn.btn-outline-info {
        position: absolute;
        top: 3px;
    }

    .btn.btn-outline-info .material-icons {
        font-family: unset;
        background-image: url('../images/ico_filters.png');
        width: 44px;
        height: 46px;
        color: #5A6267;
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #5A6267;
        background-color: #5A6267;
        border-color: #5A6267;
    }

    .btn.btn-outline-info .ml-3 {
        display: none;
    }

    .page-size select#products-pagesize {
        border: 0 !important;
        padding: .375rem 23px !important;
        background-color: #eee;
        border-radius: 0;
    }

    .form-fields.col-2-fields .form-group .col-form-label {
        width: 100%;
        min-width: 50%;
        text-align: left;
        padding-right: 0;
    }

    .form-fields.col-2-fields .form-group .form-control {
        margin-left: 0;
        max-width: 100%;
    }

    .form-fields.col-2-fields .form-group .custom-control.custom-checkbox {
        padding-left: 0;
    }

        .form-fields.col-2-fields .form-group .custom-control.custom-checkbox .custom-control-label::before {
            left: 0;
            top: 4px;
        }

    .footer__col1, .footer__col2 {
        text-align: center;
        padding-bottom: 30px;
    }

    .main-footer h4 {
        font-size: 18px;
    }

    .logo-column {
        text-align: center;
        padding-left: 0;
    }

    .main-footer h3 {
        font-size: 18px;
    }

    .logo-column p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 30px;
    }

    .header-banner__content {
        padding: .5rem 0;
    }

        .header-banner__content h1.generalTitle {
            font-size: 1.5rem;
        }

    .breadcrumb-item a, .breadcrumb-item.active strong {
        font-size: 1rem;
    }

    .external-authentication {
    }

        .external-authentication .title {
            margin-top: 30px;
            font-size: 14px;
        }

            .external-authentication .title::before, .external-authentication .title::after {
                width: 40%;
            }

    .card-body {
        padding: 0;
    }

    .form-group {
        margin-bottom: 20px;
    }

        .form-group.mb-0 {
            margin-bottom: 20px !important;
        }

    .about-us-content h1 {
        line-height: 76px;
        padding-bottom: 20px;
    }

        .about-us-content h1 strong {
            text-align: center;
            font-size: 2em;
            font-weight: bold;
            line-height: 90px;
        }

    .section-heading {
        text-align: center;
        padding: 30px 0;
    }

        .section-heading h2 {
            font-size: 24px;
            line-height: 29px;
            padding-bottom: 0px;
            text-align: left;
        }

    .registration-page .card-body {
        padding-bottom: 18px;
    }

    .registration-page .buttons {
        margin-bottom: 30px;
    }

    .passowrd-requirements li {
        font-size: 14px;
        line-height: 20px;
    }

    .col-form-label {
        font-size: 14px;
        padding: 0 0 10px 0;
        line-height: 17px;
    }

    .account-info li {
        font-size: 14px;
    }

    .header-banner__content.banner-nav {
        padding: 35px 0;
    }

    .header-banner__content .block-account-navigation {
        padding-top: 10px;
        display: none;
    }

    .mobile-customer-navigation {
        margin-top: 0px;
    }

        .mobile-customer-navigation .block-account-navigation {
            text-align: center;
            position: relative;
        }

        .mobile-customer-navigation h2 {
            display: none;
        }

    #customer-select {
        display: block;
        background: #eee;
        width: 100%;
        text-align: center;
        padding: 17px 0 16px;
        cursor: pointer;
        font-weight: 400;
        text-transform: uppercase;
    }

        #customer-select span {
            position: relative;
        }

            #customer-select span::after {
                content: "";
                display: block;
                background-image: url('../images/arrow-down.png');
                background-repeat: no-repeat;
                width: 1rem;
                height: .5rem;
                margin: auto;
                /* position: absolute;
                right: -27px;
                top: 47%; */
            }

    .mobile-customer-navigation .viewBox {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9;
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(170,170,170,0.3);
        top: 67px;
    }

    .mobile-customer-navigation .block-account-navigation .list li {
        position: relative;
        height: 50px;
        margin-bottom: 0;
    }

        .mobile-customer-navigation .block-account-navigation .list li a {
            display: block;
            justify-content: space-between;
            align-items: center;
            white-space: nowrap;
            background-color: transparent;
            border: none;
            border-radius: 0;
            font-size: 14px;
            line-height: inherit;
            height: 50px;
            right: 0;
            width: 100%;
            text-align: left;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: all .5s ease;
            position: relative;
            color: #5A6267;
            font-weight: 400;
            text-transform: uppercase;
            padding: 16px 33px;
            font-style: normal;
            text-decoration: none;
        }

            .mobile-customer-navigation .block-account-navigation .list li a:hover, .mobile-customer-navigation .block-account-navigation .list li a.active {
                border: none;
                background: #eee;
            }

    .mobile-customer-navigation .material-icons {
        display: none;
    }

    .forgot-password {
        margin-top: 15px;
    }

    .sub-footer_col2 p {
        display: none;
    }

    .sub-footer_col2, .sub-footer_col1 {
        text-align: center;
    }

    .sub-footer_col2 {
        padding-bottom: 25px;
    }

    .myaccount-content {
        padding: 30px 15px;
    }

    .myaccount-nav__list li a span {
        padding-left: 10px;
    }

    .myaccount-nav__list li a {
        font-size: 14px;
        line-height: 17px;
        padding: 25px 0;
    }

    .myaccount-nav__orders {
        padding: 0;
    }

        .myaccount-nav__orders li a span {
            display: block;
            font-size: 32px;
            font-weight: 700;
            line-height: 42px;
            padding-bottom: 10px;
        }

        .myaccount-nav__orders li a {
            font-size: 14px;
            line-height: 17px;
        }

        .myaccount-nav__orders li {
            padding-right: 12px;
        }

            .myaccount-nav__orders li:nth-child(2n) {
                padding-left: 13px;
                padding-right: 0px;
            }

    .user-management__update h3 {
        font-size: 24px;
        line-height: 29px;
        font-weight: 400;
    }

    .user-management__search input.form-control {
        width: 45%;
        min-width: 45%;
    }

    .user-management__search select.form-control:not([size]):not([multiple]) {
        width: 43%;
        min-width: 43%;
    }

    .user-management__update .user-management__toggle {
        width: 100%;
    }

    .role-radio {
        padding-top: 15px;
        display: block;
        padding-left: 0;
    }

        .role-radio .custom-control {
            position: relative;
            display: block;
            min-height: 1.5rem;
            padding: 0 0 30px;
        }

        .role-radio .custom-control-label::before {
            left: -7px;
        }

        .role-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
            left: -10px;
        }

    .custom-control.custom-radio:last-child {
        padding-bottom: 0;
    }

    .order-status ul[data-status="Received"]::after {
        width: 5%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 22%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 42%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 65%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 83%;
    }

    .button-row {
        padding: 30px 0 30px;
    }

        .button-row input {
            margin: 0;
            width: 170px;
            padding: 17px 0 16px;
            display: inline-block;
            min-width: 0;
        }

    .admin-item {
        margin-bottom: 0;
    }

    .admin-item__box {
        padding: 25px 0;
    }

    .admin-initials {
        width: 70px;
        height: 70px;
        font-size: 24px;
    }

    .admin-content p {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        text-align: center;
    }

        .admin-content p strong {
            padding-bottom: 10px;
        }

    .checkout-controls .btn {
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .btn-group.product-simple-share {
        display: block;
    }

        .btn-group.product-simple-share button {
            padding: 10px 10px;
        }

    .art-template-desktop {
        display: none;
    }

    .art-template-mobile {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .order__detail-items, .order__detail-info, .order__detail-shipping {
        padding: 15px;
        border: 1px solid #ccc;
    }

    .order__item-image {
        margin-right: 15px;
    }

    .order__item-content {
        padding-right: 0;
        max-width: 50%;
        margin-right: auto;
        padding-bottom: 20px;
    }

    .order__item-content-right {
        width: 100%;
    }

    .order__item-status-bar {
        width: 42%;
        margin: 0 auto;
        max-width: 42%;
        left: -67px;
        position: relative;
    }

    .order-status ul {
        flex-direction: column;
        justify-content: start;
    }

        .order-status ul li {
            text-align: right;
            padding-right: 34px;
        }

        .order-status ul::before {
            content: "";
            display: block;
            position: absolute;
            height: 93%;
            width: 5px;
            background-color: #eee;
            left: auto;
            top: 0;
            right: 0;
        }

        .order-status ul::after {
            left: auto;
            top: 0;
            right: 0;
        }

        .order-status ul[data-status="Received"]::after {
            height: 9%;
            width: 5px;
        }

        .order-status ul[data-status="Pre-Production"]::after {
            width: 5px;
            height: 25%;
        }

        .order-status ul[data-status="In Production"]::after {
            height: 43%;
            width: 5px;
        }

        .order-status ul[data-status="Awaiting Shipment"]::after {
            height: 60%;
            width: 5px;
        }

        .order-status ul[data-status="Shipped"]::after {
            height: 76%;
            width: 5px;
        }

        .order-status ul[data-status="Closed"]::after {
            height: 93%;
            width: 5px;
        }

        .order-status ul li.active::before {
            top: 26px;
            left: auto;
            right: -3px;
            margin: 0;
        }

        .order-status ul li:last-child {
            right: auto;
        }

        .order-status ul li.active:last-child::before {
            right: -3px;
        }

    .order__item-item-alert {
        flex-direction: column;
    }

    .alert-message {
        padding-bottom: 20px;
        justify-content: center;
    }

    .order__item-item-alert h2 {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .nav-link {
        display: block;
        padding: .5rem .5rem;
    }

    .navbar .container ul.language-list li:nth-last-child(2) {
        float: none !important;
        text-align: left;
        margin-left: auto;
    }

    #ModalAddToCart .modal-dialog {
        min-width: auto;
        margin: auto;
    }

    .small-searchterms {
        display: none;
    }

    #searchModal .search-box-text {
        display: block;
    }

    .btn.btn-info.search-box-button.float-sm-right.d-inline-flex {
        padding: 32px 6px;
        min-width: 40px;
    }

    .c-offcanvas--left {
        width: 100%;
        overflow: scroll;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }

    .logo-column img {
        max-width: 208px;
    }

    .product-artwork-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .product-artwork-box:nth-child(4n) {
            margin-right: 0;
        }

    .shopping-cart-page .checkout-buttons {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #checkoutasguest {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .shopping-cart td.unit-price {
        bottom: 60px;
        top: auto;
    }

    .about-us-content h1 {
        line-height: 52px;
        padding-bottom: 20px;
        font-size: 3em;
    }

        .about-us-content h1 strong {
            text-align: center;
            font-size: 1.5em;
            font-weight: bold;
            line-height: 96px;
        }
}

@media only screen and (max-width: 450px) {
    #lang-selection span:last-child {
        display: none;
    }

    .order__item-content-right {
        width: 100%;
    }
}
/****************************************
*                                       *
*  Mobile Displays at 375px and 320px   *
*                                       *
*****************************************/
@media only screen and (max-width: 375px) {
    .flyout-cart {
        padding: 30px;
    }

    #about-us-title {
        font-size: 4.750em !important;
    }

    #about-us-subtitle {
        font-size: 2.5em !important;
    }

    .topic-details-title-image {
        padding-top: 5em !important;
    }

    .sort-container {
        margin-bottom: 5%;
    }

    .bic-account-box {
        padding: 10px 20px 16px;
        max-width: 275px;
    }

    #btn-box-yes {
        margin-right: 30px;
    }

    .account-main {
        padding-left: 0px !important;
    }

    .mfp-arrow {
        display: none !important;
    }

    .order__item-image {
        margin-right: 0;
        max-width: 100%;
    }

    .order__item-content {
        padding-right: 0;
        max-width: 100%;
        margin-right: auto;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .flyout-cart {
        padding: 30px;
        margin-left: 10%;
    }

    .topic-details-title-image {
        padding-top: 0em !important;
    }
}

/******** Search Page for Mobile **********/
@media only screen and (max-width: 500px) {

    #search-input-block {
        width: 100%;
        margin: 0;
    }

    .search-page-input-bar-container .form-control {
        border-radius: 30px;
    }

    #search-dropdown-block {
        width: 100%;
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
    }

    .search-page-input-bar-container select#searchType {
        border-radius: 30px;
        width: 100%;
    }

    .inputs.search-page-input-bar-container {
        position: relative;
        height: auto;
    }

    input.form-control.search-text {
        width: 85%;
    }

    .results-search {
        padding: 10px 0;
    }
}

/*****************************************
*                                        *
*Width Stylings to Images on Top Destails*
*                                        *
*****************************************/
.topic-details-image {
    width: 100%;
}

#about-us-map {
    width: 100%;
    height: 100%;
}

/*EI10 and IE11 Specific styling!*/
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .admin-links li {
    }

    select::-ms-expand {
        display: none;
    }

    #topcartlink {
        min-width: 74px;
    }

    .wishlist-container {
        min-width: 95px;
    }

    .small-search-box-form {
        left: 0px;
    }

    .ie-border-colors {
        border-color: rgb(192,192,192) !important;
    }

    .btn {
        padding: 17px 26px 16px;
    }

    .main-image {
        max-width: 65%;
    }

    .gallery {
        overflow: hidden;
    }

    .generalAdToCart .add-to-wishlist-button, .generalAdToCart .add-to-compare-list-button,
    .generalAdToCart .share-product-button, .generalAdToCart .add-to-wishlist-button:active,
    .generalAdToCart .add-to-compare-list-button:active, .generalAdToCart .share-product-button:active {
        max-width: 30%;
        font-size: 14px;
        padding: 8px 15px 8px 15px;
    }

    input[type=text]::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

    input[type=text]::-ms-reveal {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    /* clears the 'X' from Internet Explorer */
    input.hide-clear[type=text]::-ms-clear,
    input.hide-clear[type=text]::-ms-reveal {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media all and (max-width: 1200px) and (-ms-high-contrast: none) {
    .order-status ul[data-status="Received"]::after {
        width: 8%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 24%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 43%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 65%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 83%;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 100%;
    }
}

@media all and (max-width: 991px) and (-ms-high-contrast: none) {
    .order-status ul[data-status="Received"]::after {
        width: 10%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 26%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 43%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 63%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 80%;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 100%;
    }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none) {
    .order-status ul[data-status="Received"]::after {
        width: 8%;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 25%;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 43%;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 64%;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 82%;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 100%;
    }
}

@media all and (max-width: 600px) and (-ms-high-contrast: none) {
    .order-status ul[data-status="Received"]::after {
        width: 5px;
    }

    .order-status ul[data-status="Pre-Production"]::after {
        width: 5px;
    }

    .order-status ul[data-status="In Production"]::after {
        width: 5px;
    }

    .order-status ul[data-status="Awaiting Shipment"]::after {
        width: 5px;
    }

    .order-status ul[data-status="Shipped"]::after {
        width: 5px;
    }

    .order-status ul[data-status="Closed"]::after {
        width: 5px;
    }
}

.displayNone {
    display: none;
}

/********* Content Page Title *********/

.jk-title {
    margin: 2em auto;
    position: absolute;
    top: 9.3rem;
    left: 0%;
}

.jk-h1 {
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 59px;
}

.jk-about-headline {
    text-align: center;
    font-size: 8.750rem;
    font-weight: bold;
    line-height: 9rem;
    margin-top: 20px
}

.jk-about-subheadline {
    text-align: center;
    font-size: 4.5em;
    line-height: inherit;
}
/********* Content Page Title End *********/



/********* Content Page Breadcrumb *********/

.jk-brdcrmb-a {
    color: #5a6267;
    font-style: inherit;
    font-size: inherit;
    text-decoration: none;
}

    .jk-brdcrmb-a:hover {
        color: #5a6267;
        font-style: inherit;
        font-size: inherit;
        text-decoration: underline;
    } 
/********* Content Page Breadcrumb End *********/
.pager {
    text-align: center;
}

.jk-width-100 {
    width: 100%
}

.row-highlight:hover {
    box-shadow: 0px 0px 10px 0px rgba(170,170,170,0.3);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: -5px;
}

.no-blue-a {
    color: #5a6267;
    text-decoration: none;
    font-style: inherit;
    font-weight: 700;
}

.margin-desktop-mobile {
    margin-top: 1em;
    margin-bottom: 1em;
}

.mobile-display-only {
    display: none;
}

.desktop-display-only {
    display: block;
}

.jk-box {
    text-align: center;
    margin: 10px auto;
    display: block;
    text-decoration: none;
    padding: 20px;
}

.jk-box-a {
    display: block;
    color: #5a6267;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    margin-top: 1rem;
}
/********* Mobile *********/
@media only screen and (min-width: 576px) {
    .mobile-display-only {
        display: block;
    }

    .desktop-display-only {
        display: none;
    }

    .jk-about-headline {
        text-align: center;
        font-size: 3rem;
        font-weight: bold;
        line-height: 4rem;
        margin-top: 20px;
    }

    .jk-about-subheadline {
        text-align: center;
        font-size: 1.5em;
        line-height: 1rem;
    }
}
/********* Tablet *********/
@media only screen and (min-width: 501px) and (max-width: 767px) {
    #search-input-block {
        width: 50%;
        display: inline-block;
    }

    #search-dropdown-block {
        width: 35%;
    }

    .search-page-input-bar-container select#searchType {
        width: 100%;
    }

    input.form-control.search-text {
        width: 80%;
    }

    .inputs.search-page-input-bar-container {
        position: relative;
        height: 40px;
    }

    .results-search {
        padding: 10px 0;
    }

    .search-bar-dd-label {
        margin: 8px 10px 8px 0;
    }

    .jk-title {
        margin: 2em auto;
        position: absolute;
        top: 8.3rem;
        left: 0%;
    }

    .jk-h1 {
        font-weight: 400;
        text-align: center;
        color: #fff;
        line-height: 35px;
        font-size: 32px;
    }

    .margin-desktop-mobile {
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .jk-about-headline {
        margin-top: 20px;
        text-align: center;
        font-size: 6.75em;
        font-weight: bold;
        line-height: 7rem;
    }

    .jk-about-subheadline {
        text-align: center;
        font-size: 3.5em;
        line-height: 4rem;
    }
}

@media only screen and (min-width: 1100px) {
    .jk-width-100 {
        width: 100%
    }
}

#pErrorArtwork {
    color: red;
    margin-left: 15px;
}

.test-imprint-list {
    display: none;
}

ul.product-internal-list-colors {
    border-bottom: solid 1px #eee;
}

    ul.product-internal-list-colors li {
        margin: 1em 0 0 0;
    }

.product-internal-list-colors li::before {
    /*display: inline;*/
    content: none !important;
}

.product-interal-list-colors li {
    padding-right: 30px !important;
}

.color-container-label {
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.modalStandalone {
    max-width: 900px !important;
}

.imprint-list-label {
    font-size: 0.8em;
}

.imprint-list-border .color {
    border: #aaa 1px solid !important;
}

.redText {
    color: red;
}

.product-simple-share button {
    display: flex !important;
}

#modalTransitMap {
    width: 90%;
    height: 90%;
    margin-left: 7%;
}

.card-meta.product-box-list {
    display: block !important;
}

.product-list-btn-mobile {
    display: none;
}

.product-list-btn {
    display: block;
}

.card.gen.prod-list {
    padding-bottom: 30px !important;
}

@media only screen and (max-width:767px) {
    .product-list-btn-mobile {
        display: inline-flex;
        justify-content: center;
    }

    .product-list-btn {
        display: none;
    }
}

.small-searchterms {
    height: 74px;
    width: 270px;
    border-radius: 0;
    background-color: #F9F9F9;
    border: none;
    font-size: 32px;
    font-weight: 400;
    line-height: 39px;
}

.small-search-box-form.open, .small-search-box-form.open:hover, .small-search-box-form.open::selection {
    background-color: #F9F9F9 !important;
}

.color-quickview {
    cursor: default !important;
}

.modal-product-quickview {
    padding: 40px;
}

#termsofservice.custom-control-input {
    position: initial !important;
    display: block;
}

.containerArtworkData {
    min-height: 150px;
    padding: 54px 54px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.promo-pricing {
    color: #fff;
}

.big-price {
    font-size: 36px !important;
    line-height: 36px !important;
}

.product-pri-att-feature-buttons {
    position: relative;
}

.product-pri-att-feature-buttons ul {
    display: flex;
    justify-content: center;
    padding: 0;
}

.product-pri-att-feature-buttons li {
    position: relative;
    padding: 0 24px;
}

.product-pri-att__img .featured-color {
}

.product-pri-att__img:hover .featured-color {
    display: block;
}

.product-pri-att__img .featured-grey {
    display: none;
}

.product-pri-att__img img {
    max-width: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
    width: 1rem;
    cursor: pointer;
}

.product-pri-att-description {
    position: absolute;
    width: 300px;
    text-align: center;
    left: 2.5rem;
    top: 1.5rem;
    background: #666;
    /* left: 10px;
    top: -105px;
    background: #444; */
    color: #fff;
    padding: 15px;
    z-index: 9;
    display: none;
}

.product-pri-att-description-tier {
    background-color: #ddd;
    position: absolute;
    width: max-content;
    left: 1rem;
    bottom: 1rem;
    padding: 0 0 .5rem 0;
    z-index: 9;
    border: solid 1px #ddd;
    border-radius: 3px;
    font-size: 1rem;
    display: none;
}

.tooltip-container {
    display: inline-block;
    position: relative;
}

.product-pri-att-description-tier .tooltip-header {
    border-bottom: 1px solid #bbb;
    display: block;
    background-color: #eee;
    padding: 0.25rem 0.5rem;
    font-weight: bold;
}

.tooltip-header .fa.fa-close {
    float: right;
    cursor: pointer;
}

i.fa.fa-window-close:before {
    content: "\f00d";
}

.tab-content .product-pri-att-description-tier ul {
    padding-left: 1.25rem;
    margin: 0.25rem 0.5rem 0 0;
}

.tab-content .product-pri-att-description-tier li {
    padding-bottom: 0.25rem;
    font-size: 1rem;
}

.product-pri-att-description strong {
    display: block;
}

.product-pri-att-feature-buttons .product-pri-att__img:active ~ .product-pri-att-description, .product-pri-att__img:hover ~ .product-pri-att-description,
.product-pri-att__img-tier:hover ~ .product-pri-att-description-tier {
    display: block;
}


.outer {
    z-index: 1;
    background-image: url("../images/oos.svg");
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
    /*margin: 5px 0 0 5px;*/
    background-size: contain;
}

#product-attributes .list-inline-item label[disabled="disabled"]:hover {
    background-color: #ddd;
}

#product-attributes .list-inline-item label[disabled="disabled"] {
    cursor: url(../images/info_cursor_red.png), auto;
}


/************Order Status page*************/
.custom {
    background-color: #cccccc;
}

table.table.table-borderless.custom td strong {
    font-size: 20px;
}

.breadcrumb .order {
    margin: 25px 0 25px;
}

table.table.table-borderless.custom td {
    border-top: none;
    padding: 0 10px 0 10px;
}

.header {
    text-align: center;
    font-size: 24px;
}

#status, ul li, td li {
    list-style: none
}

    #status > li {
        height: auto;
        width: 10%;
        padding: 5px;
        text-align: center;
        float: left;
        margin: 0px;
        font-weight: bold;
        font-size: .8rem;
    }
        /* CHECK THIS DECLARATION FOR WIDTH ON MOBILE */
        #status > li.mobile-hide {
            width: auto;
        }

.row.status-line {
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #ddd;
    padding: 10px 0 10px 0;
    justify-content: center;
}

    .row.status-line h3 {
        font-size: 1.6rem;
        width: 100%;
        text-align: center;
    }

.status-gr {
    background-color: #038550;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    width: auto;
    font-size: x-large;
    font-weight: bold;
    padding: 3px;
    margin: 4% 0 3% 0;
}

.status-red {
    background-color: #B72325;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    width: auto;
    font-size: x-large;
    font-weight: bold;
    padding: 3px;
    margin: 4% 0 3% 0;
}

.status-link-red {
    text-align: center;
}

    .status-link-red a {
        color: #B72325;
    }

.status-ltgr {
    background-color: #4FBC85;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    width: auto;
    font-size: x-large;
    font-weight: bold;
    padding: 3px;
    margin: 4% 0 3% 0;
}

.status-link {
    padding: 8px;
}

.status-row {
    border: 1px solid #ddd;
}

.Seperator {
    margin-top: 50%;
}

/*Shipping Info table heading*/
td.info {
    vertical-align: text-top !important;
    text-align: center;
    font-size: 20px;
}

td.cust-info {
    vertical-align: top !important;
}

/*Collapse*/
a.tog {
    text-decoration: none;
    color: #5A6267;
    font-weight: bold;
}

/********Tooltip*******/
/*.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;*/
/* Position the tooltip */
/*position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }*/


/*************************Open Invoice Payment*****************************/
.col-md-12.text-center.cont {
    margin: 2% 0 0 0;
}

.col-md-12.text-center.cont.payment-nav-buttons .btn {
    display: inline-block;
}

input#InvoiceSearchTerm.form-control.dt-range, input#CreditsSearchTerm.form-control.dt-range, input#NonCalendarSearchTerm.form-control.dt-range {
    font-size: 1.5rem;
}

select#InvoiceSearchType.dt-range, select#CreditsSearchType.dt-range, select#NonCalendarSearchType.dt-range {
    font-size: 1rem;
}

.message-error.invoice {
    font-size: 1.4rem;
    font-weight: 500;
}

#invoice-grid table thead th, #credits-grid table thead th, #calendarorders-grid table thead th, #noncalendarorders-grid table thead th {
    font-weight: bold !important;
    color: #5A6267 !important;
    vertical-align: middle;
    white-space: normal;
}

/*****Ods Pre pay Order****/
p.col-4.prepay-amt {
    font-size: 20px;
    font-weight: 500;
}

input#btnsearch.invoiceorderbtn {
    margin: 1% 0 3% 0;
}


.user-management__search.order__search.orderinvoice select.form-control:not([size]):not([multiple]) {
    background-position: 93% 50%;
}



select#InvoiceSearchType.custom-select.form-control.dt-range {
    width: 30% !important;
    min-width: 30% !important;
    height: 40px !important;
}

select#CreditsSearchType.custom-select.form-control.dt-range {
    width: 30% !important;
    min-width: 30% !important;
    height: 40px !important;
}

select#NonCalendarSearchType.custom-select.form-control.dt-range {
    width: 30% !important;
    min-width: 30% !important;
    height: 40px !important;
}

input#CreditsSearchTerm.form-control.dt-range {
    width: 65% !important;
    min-width: 65% !important;
}

input#InvoiceSearchTerm.form-control.dt-range {
    width: 65% !important;
    min-width: 65% !important;
}

input#NonCalendarSearchTerm.form-control.dt-range {
    width: 65% !important;
    min-width: 65% !important;
}

.user-management__search input.form-control.dt-range {
    width: 70% !important;
    min-width: 70% !important;
}

button#btnnoncalendarpaymentFilter, button#btncreditspaymentFilter, button#btncalendarorderFilter {
    width: 50px !important;
}

button#btnInvoiceExcelExport {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background: #009FAA;
    color: #fff;
    padding: 0 10px 0 0px;
    border: none;
    margin-bottom: 0.5rem;
}

#btnInvoiceExcelExport .material-icons {
    font-size: 30px;
}

button#btnCreditsExcelExport {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background: #009FAA;
    color: #fff;
    padding: 0 10px 0 0px;
    border: none;
    margin-bottom: 0.5rem;
}

#btnCreditsExcelExport .material-icons {
    font-size: 30px;
}

#payment-totals th:last-child {
    width: 40%;
}

#payment-totals th {
    width: 20%;
    text-align: center;
}

#payment-totals td {
    font-weight: 700;
    font-size: 1.4rem;
    background-color: #fefde8;
    text-align: center
}

table#payment-total-checkboxes tr:nth-child(even) {
    background-color: #f0f9fd
}

#payment-total-checkboxes th {
    width: 20%;
}

#payment-total-checkboxes td:last-child {
    /* text-align: center; */
}

#payment-total-checkboxes label span {
    vertical-align: middle;
}

#payment-total-checkboxes input {
    height: auto;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/**********Payment Invoice Page*************/
/*********Scroll bar for tables********/
table.scroll tbody,
table.scroll thead tr {
    display: block;
}

table.scroll tbody {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

thead tr th {
    height: 30px;
    line-height: 30px;
}

/*****************My Account and Main SubNav On Hover CSS*************************/
a.account, a.main-nav-subnav {
    padding: 13px 10px 13px 10px;
    color: #5A6267;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    white-space: nowrap;
    font-style: normal;
}

    a.account:hover, a.main-nav-subnav:hover {
        background: #F7F8FA;
    }

/********Tooltip*******/
.nav-item .tooltip {
    z-index: 101;
}

.tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    opacity: 1;
    z-index: 1000;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: #ffffff;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        box-shadow: 0 11px 18px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    }

/****************Search Export Button********************/
button#btnExport {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    background: #009FAA;
    color: #fff;
    padding: 0 10px 0 0px;
    border: none;
}

#btnExport .material-icons {
    font-size: 36px;
}

#export-to-excel i.fa.fa-download {
    margin-right: .5rem;
}
/*********************Print Css For Product pages****************/
@media print {
    /*.product-print {
display: none;
}*/

    .btn-group.add-to-cart-btn.product-print {
        display: none !important;
    }

    a#aAdditionalCharges.product-print {
        display: none;
    }

    .btn-group.product-simple-share.product-print {
        display: none;
    }

    /*.nav-item {
display: none !important;
}*/

    .home-page-product-grid.generalMarginSupporter product-print {
        display: none;
    }

    .home-page-product-grid.generalMarginSupporter {
        display: none;
    }

    .main-footer {
        display: none;
    }

    .pager {
        display: none;
    }

    .sub-footer {
        display: none;
    }
    /*new print-css*/
    a.thumb-360-link img.img-thumbnail {
        display: none !important;
    }

    .product-price {
        display: none;
    }

    .product-alert-banner {
        display: none;
    }

    .price-description {
        padding-top: 0rem;
    }

        .price-description p {
            margin-bottom: 5px;
        }

    div#Catalog-Price td {
        padding: 5px 0 5px 0;
    }

    .product-internal-tables td, th {
        padding: 5px 10px 5px 10px !important;
    }
    /*Product Details for Print CSS*/
    div#divProductDetails {
        display: block !important;
    }

    .options-bar.product-print {
        display: none;
    }

    div#product_tab_content {
        display: none;
    }

    ul#myTab {
        display: none;
    }

    .product-attribute__group.sample-order-radio.product-print {
        display: none;
    }

    @page {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    * {
        -webkit-print-color-adjust: exact !important;
    }

    @page {
        size: auto;
        margin: 20px 0 20px 0;
    }

    body {
        margin: 0px;
    }

    .nav-item.product-print {
        display: none;
    }

    .nav-item.upload-art.product-print {
        display: none;
    }
}
/*Tob bar*/
span.spnCustPONumber {
    font-size: 1rem;
}

table.table.table-bordered.custom td strong {
    font-size: 1rem;
}

/*Product Details For Desktop*/
div#divProductDetails {
    display: none;
}

.rating .rating-real {
    z-index: 1;
}

#product-details-form .gallery {
    margin-bottom: 2rem;
}

#Catalog-Price {
    border-top: 1px solid #eee;
    margin-top: 5rem;
}

    #Catalog-Price h3.pricing-table-title {
        margin-top: 1rem;
    }

.additional-charges-container {
    background-color: #f0f0f0;
    padding: .5rem;
}


.subtotal-container:hover {
    background-color: #408f95;
}

.subtotal-container {
    background-color: #009FAA;
    padding: 1rem;
}

    .subtotal-container .subtotal-text {
        color: #fff;
    }

.subtotal-label {
    font-size: 1.25rem;
    font-weight: normal;
}

.subtotal-price-value {
    line-height: 40px;
    font-weight: bold;
    font-size: 2rem;
}

/******* 11/2/2023 - Product Thumbnail Options overlay buttons on hover **********/
.ico-active, .ico-normal, .ico-shopping-cart {
    display: none;
    height: 40px;
}

.product-container:hover .ico-normal, .prod-list:hover .ico-normal, .product-container:hover .ico-shopping-cart, .prod-list:hover .ico-shopping-cart {
    display: inline-block;
}

.product-container:hover .card-zoom, .product-container:hover .card-compare, .product-container:hover .card-wishlist, .prod-list:hover .card-zoom, .prod-list:hover .card-compare, .prod-list:hover .card-wishlist, .prod-list:hover .card-shopping-cart, .product-container:hover .card-shopping-cart {
    position: relative;
    max-height: 50px;
    display: inline-block;
    margin-right: 0.5rem
}

.prod-list .card-options {
    position: absolute;
    bottom: 0;
    left: 2.25rem;
    width: 100%;
}

.card-zoom, .card-compare, .card-wishlist, .card-shopping-cart {
    padding-bottom: 0 !important;
    position: absolute;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09), 0 4px 10px 0 rgba(0, 0, 0, 0.09);
}

.product-container .card-options {
    position: absolute;
    top: -3rem;
    right: 0;
    width: 100%;
    height: 50px;
}

/************Mobile Css for Product Category Level Page****************/
@media only screen and (max-width: 600px) {
    .picture .overstock, .picture .highstock, .picture .always-available, .picture .outofstock {
        font-size: .95rem;
    }
}

/*Fix for smaller Product Watermarks on mobile and desktop*/
.wmtop-block-sub {
    height: 1.75rem !important;
}

.product-container.algolia-product-container .picture .overstock,
.product-container.algolia-product-container .picture .highstock,
.product-container.algolia-product-container .picture .always-available,
.product-container.algolia-product-container .picture .outofstock,
.picture .promotion, .picture .madeInUsa {
    padding: .25rem .45rem !important;
}

.product-container.algolia-product-container .picture .overstock,
.product-container.algolia-product-container .picture .highstock,
.product-container.algolia-product-container .picture .always-available,
.product-container.algolia-product-container .picture .outofstock,
.picture .promotion, .picture .madeInUsa {
    font-size: .65rem !important;
}

.tag-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 0 0 5px;
}

.picture .madeInUsa {
    color: #fff;
}

@media screen and (max-width: 600px) {
    .category-banner__content h1 {
        font-size: 1.5rem;
    }
    .category-banner {
        height: 3rem;
    }

    #export-to-excel {
        font-size: .65rem;
        line-height: .65rem;
    }
    
    .product-container.algolia-product-container .wmtop-block {
        top: 0 !important;
        display: flex;
        flex-flow: column;
        padding-top: 100%;
    }
    .wmtop-block {
    }
    .card.gen .card-img-top {
        margin: .5rem auto;
    }
    .card.gen .picture::before {
        padding-top: 150%;
   }
}

/************Mobile Css for Product Details Page****************/
@media only screen and (max-width: 600px) {
    #Catalog-Price .table-responsive td {
        padding: .45rem;
        font-size: .85rem;
    }

    .sample-order-radio li:nth-child(2)::before, .sample-order-radio li:first-child::before {
        display: none;
    }

    .product-details-page .attributes .sample-order-radio label.custom-control {
        margin: 0 auto;
        padding: 0;
    }

    .product-attribute__attributes .custom-control-description {
        font-size: 1rem;
        text-align: center;
        margin: 0 auto;
    }

    .sample-order-radio li:first-child::before, .sample-order-radio li:last-child::before {
        content: none;
    }
}

/************Mobile Css for Alerts****************/
@media only screen and (max-width: 768px) {
    .alert-item li .container img {
        margin: 0px 4px -28px -14px;
    }

    .alert-item li .container {
        display: block;
    }

        .alert-item li .container strong {
            display: block;
            margin: 0 0 0 5px;
        }

        .alert-item li .container b {
            display: inline-block;
            align-items: center;
            margin: 0 0 0 5px;
        }

        /*Css for imprint image*/
        .alert-item li .container p img {
            margin: -8px 4px 3px 7px;
        }
}

/************Mobile Css for Order Status Page****************/
@media only screen and (max-width: 600px) {
    .Seperator {
        margin-top: 0%;
    }

    .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    #order-details-content #status > li {
        height: 5rem;
        width: 20%;
        padding: 5px;
        text-align: center;
        float: left;
        margin: 0px;
        font-weight: bold;
        font-size: .8rem;
    }
}

@media screen and (min-width:600px) and (max-width:900px) {
    #status > li {
        margin: -5px;
    }

    .Seperator {
        max-width: 60px;
        margin: 50% 5px 0 5px;
    }

    .col-sm-9.st {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-3.st {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media screen and (min-width:900px) and (max-width:1024px) {
    .col-sm-9.st {
        flex: 0 0 85%;
        max-width: 85%;
    }

    .col-sm-3.st {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

.modal-content.viewproofs {
    border: none;
}

.row.text-center.justify-content-center.proof-approval-preview {
    margin-bottom: 50px;
}


/*****************CSS Hover box of Artwork Requirements(Order status)***************/
.text-prompt:hover ~ .hint-box {
    display: block;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    width: 215px;
    background: rgba(90,98,103, 0.9);
    padding: 10px;
    margin-top: 10px;
    bottom: 40px;
}

button#id_backKoozieTracker {
    min-width: 100px;
    padding: 10px 0 10px 32px;
}

/* Product "Watermark" Labels */
.wmfull {
    height: 100%;
    width: 100%;
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

    .wmfull.gray {
        background-color: #ddd;
        opacity: 20%;
    }

    .wmfull.green {
        background-color: #7dc34e;
        opacity: 35%;
    }

.picture .pending {
    color: #888;
    font-size: .85rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: .9rem;
    z-index: 99;
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
}

.picture .discontinued {
    color: #e8505b;
    font-size: .85rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: .9rem;
    z-index: 99;
    height: 100%;
    width: 100%;
    background-color: #ddd;
}

.picture .unavailable, .picture .suspended {
    color: #e8505b;
    font-size: .85rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: .9rem;
    z-index: 999;
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
}

.picture .overstock, .picture .highstock, .picture .always-available, .picture .outofstock {
    color: white;
    font-size: .85rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: .9rem;
    z-index: 9;
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
}

.picture .customerexclusive {
    font-size: .85rem;
    text-align: center;
    padding: .1rem;
    font-weight: 700;
    line-height: .9rem;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
    color: #fffddd;
}

.picture .noincomingpo {
    color: #fff;
    font-size: .9rem;
    text-align: center;
    font-weight: bold;
    line-height: 1rem;
    z-index: 99;
    height: 100%;
    width: 100%;
    background-color: #fa7d05;
    opacity: 85%;
    display: grid;
    place-items: center;
}

.picture .moreontheway {
    color: #856404;
    font-size: .9rem;
    text-align: center;
    font-weight: bold;
    line-height: 1rem;
    z-index: 99;
    height: 100%;
    width: 100%;
    background-color: #fcf76f;
    opacity: 85%;
    display: grid;
    place-items: center; 
}

.wmtop {
    width: 100%;
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    height: 35px;
    margin-right: .25rem;
}

    .wmtop.green {
        background-color: #92BF6E;
        opacity: 90%;
    }

    .wmtop.blue {
        background-color: #456FB2;
        opacity: 85%;
    }

    .wmtop.bluesea {
        background-color: #01A8D4;
        opacity: 85%;
    }

    .wmtop.red {
        background-color: #e8505b;
        opacity: 80%;
    }

    .wmtop.gold {
        opacity: 80%;
        background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 35%, #8A6E2F 45%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 2%, #D1B464 35%, #5d4a1f 92.5%, #5d4a1f 100%);
        border: 1px solid #fee453;
        border-radius: 3px;
        box-shadow: 0px 0px 6px 0px rgba(95, 95, 100, 30);
    }

.alert-item li.gold {
    opacity: 80%;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 0%, #9f7928 35%, #8A6E2F 55%, transparent 100%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 2%, #D1B464 35%, #5d4a1f 92.5%, #5d4a1f 100%);
    border: 1px solid #fee453;
    border-radius: 3px;
    font-weight: 500;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
    color: #fff;
}

    .alert-item li.gold .container img {
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(1deg) brightness(110%) contrast(101%) drop-shadow(1px 1px 2px #111);
        -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(1deg) brightness(110%) contrast(101%) drop-shadow(1px 1px 2px #111);
        margin-right: 1rem;
    }

.picture .closeout {
    color: white;
    font-size: 1.1rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: 1rem;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.picture .promotion {
    color: WHITE;
    font-size: 1.1rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    line-height: 1rem;
    z-index: 9;
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
}

.wmfull.gray-unavailable {
    background-color: #ddd;
    opacity: 75%;
}

.wmtop-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    text-transform: uppercase;
}

    .wmtop-block:has(.noincomingpo), .wmtop-block:has(.pending) {
        left: 0;
        top: 0;
    }

.wmtop-block-sub {
    width: 100%;
    position: relative;
    height: 35px;
    width: auto;
    display: inline-block;
}

.colors-available {
    background-color: #efefef;
    font-weight: 600;
    border: 1px solid #bbb;
    border-radius: 4px;
}

/* ***** Customer Lookup ***** */
.portlet-body label.control-label {
    font-size: 16px;
}

.k-input.text-box {
    padding: 6px 12px;
    font-size: 16px;
}

    .k-input.text-box:active, .k-input.text-box:hover, .k-input.text-box:focus, button.btn.btn-default.filter-extend-button {
        border: 1px solid rgba(204, 204, 204, 1);
    }

.col-md-4.col-sm-4.mt-mobile-10.filter-search-col button {
    padding: 9px;
    margin-right: 25px;
}

.resetpassword {
    margin: 30px;
}

.customerlist-link {
    margin: 0px 0 0 30px;
    font-size: 16px;
}

    .customerlist-link i.fa.fa-arrow-circle-left {
        margin-right: 10px;
    }

    .customerlist-link a {
        font-size: 16px;
    }

td[role=gridcell] a.k-button.btn {
    padding: 10px;
    width: 150px;
    margin: 10px 0;
}

.make-admin-result .contents, .password-recovery-page .contents {
    margin: 30px;
    font-size: 20px;
}

/* Kendo Grid Tables overrides */
.k-grid.k-widget table tr:nth-child(odd) {
    background-color: #fff;
}

.k-grid tr td {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: lightgray;
}

/* Home Page Hero Banner Carousel */
.carousel-item {
    max-height: 360px;
    background-position: center;
    background-repeat: no-repeat;
}

    .carousel-item a {
        width: 100%;
        min-height: 360px;
        display: block;
    }

    .carousel-item img {
        display: none;
    }

.home-page .carousel-item {
    width: 100%;
}

/* When Mobile Display <img> for Hero Banner Carousel */
@media only screen and (max-width: 767px) {
    .carousel-item {
        max-height: none;
        height: calc(100vw - 30px);
    }

        .carousel-item img {
            display: block;
            height: auto;
            width: 100%;
        }
}

/* Product Details Main Image Horizontal Thumbnail Carousel */
#carouselProductSlider {
    height: 110px;
    padding-left: 0.75rem;
}

    #carouselProductSlider .carousel-inner {
        height: 110px;
        padding-right: 10px;
    }

        #carouselProductSlider .carousel-inner .active,
        #carouselProductSlider .carousel-inner .active + .carousel-item,
        #carouselProductSlider .carousel-inner .active + .carousel-item + .carousel-item,
        #carouselProductSlider .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
            display: block;
        }

        #carouselProductSlider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        #carouselProductSlider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        #carouselProductSlider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
        #carouselProductSlider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
            transition: none;
        }

        #carouselProductSlider .carousel-inner .carousel-item-next,
        #carouselProductSlider .carousel-inner .carousel-item-prev {
            position: relative;
            transform: translate3d(0, 0, 0);
        }

        #carouselProductSlider .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -25%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

    #carouselProductSlider .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselProductSlider .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselProductSlider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselProductSlider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #carouselProductSlider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #carouselProductSlider .carousel-inner .carousel-item-next.carousel-item-left {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #carouselProductSlider .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #carouselProductSlider .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselProductSlider .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselProductSlider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselProductSlider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #carouselProductSlider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }

.product-details-page #carouselProductSlider .thumbnails img {
    width: 80px;
    height: 80px;
    margin: 0;
    object-fit: contain;
}

.product-details-page #carouselProductSlider .carousel-item a {
    margin: 0;
    display: inline;
}

.product-details-page #carouselProductSlider .thumbnails {
    flex-direction: unset;
    width: 100%;
}

.product-details-page #carouselProductSlider .carousel-control-next, .product-details-page .carousel-control-prev {
    width: auto;
}

.custom-modals #checkInventory .red-text {
    color: #5A6267;
}

.product-details-page .gallery .main-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-details-page .gallery .zoom.mb-1.main-image {
    position: relative;
    width: 100%;
    height: 550px;
}

.product-details-page #carouselProductSlider .carousel-item img {
    display: inline-block;
}

.main-img-horiz-scroller {
    background-color: #efefef;
    border-radius: 5px;
    padding: 0 5px;
}

.product-details-page .gallery .zoom.mb-1.main-image .img-fluid {
    max-height: 550px;
}

.thumb-360-link img.img-thumbnail {
    height: 80px;
    width: 80px;
    object-fit: contain;
}

.thumb-video, .thumb-360 {
    display: block;
    width: 80px;
    height: 80px;
    margin: 15px;
}

@media only screen and (max-width: 767px) {
    .product-details-page #carouselProductSlider .thumbnails {
        margin: 1rem 0 1rem 1rem;
        width: 100%;
        max-height: 5rem;
    }

    .product-details-page .carousel-item {
        max-height: 5rem;
        height: auto;
        width: 25%;
        padding: 0 0rem;
    }

    .product-details-page .gallery .thumbnails a {
        display: inline-block;
        width: auto;
        height: auto;
    }
}

/* Order Details */
#order-details-content a {
    font-weight: normal;
}

ul#tracking-info td.cust-info, ul#tracking-info td.cust-info a {
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
}

    ul#tracking-info td.cust-info li {
        margin-bottom: 15px;
    }

        ul#tracking-info td.cust-info li strong {
            color: #038550;
        }

.account-order-details-section {
    margin-bottom: 0;
}

.line-item-details-section {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

    .line-item-details-section th.header {
        border-bottom: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }

        .line-item-details-section th.header:last-child {
            border-right: none;
        }

    .line-item-details-section td.cust-info {
        border-left: 1px solid #dee2e6;
        padding: 0;
    }
/* table.line-item-details-section tr:nth-child(odd) {
    background: none;
    border-bottom: 1px solid #dee2e6;
} */

/* EU Cookies Notification Bar */
.eu-cookie-bar-notification {
    background: rgba(0, 159, 170, .9);
}

#eu-cookie-bar-notification.generalNote p a {
    font-size: 14px;
    display: inline-flex;
    text-decoration: none;
}

#eu-cookie-bar-notification.generalNote p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

#eu-cookie-bar-notification.generalNote .pt-3 {
    text-align: center;
}

/* Product Details Tabs  */
#tab-link-anchor {
    position: absolute;
    top: -180px;
}

/* Product Details (Internal) tab - Substitute Products */
#internal .table th {
    padding: 0.75rem;
}

i.ctc {
    color: #009faa;
    cursor: pointer;
}

table#substitute-products tr {
    border-bottom: 1px solid #eee;
}

tr.collapse > td {
    padding: 1px 0 1em 0;
}

.subs-inventory-table, .internal-inventory-table {
    width: 100%;
    border: 1px solid #eee;
}

a#expandAllToggleSubstitutes, a#expandAllToggleIncomingInventory, a.expandAllToggle-btn {
    border: 1px solid #009FAA;
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
    background-color: #009FAA;
    font-weight: 500;
    color: #fff;
}

    a#expandAllToggleSubstitutes:hover, a#expandAllToggleIncomingInventory:hover, a.expandAllToggle-btn:hover {
        background-color: #2ac5c3;
    }

.expandAllToggle-btn i.fa {
    margin-left: 5px;
}

.aSubstituteProds {
    font-size: 18px;
    color: white;
}

    .aSubstituteProds:hover {
        /*text-decoration: none;*/
        color: white;
    }

/* Internal Floating Menu */
div#floating-menu-internal {
    position: sticky;
    top: 170px;
    z-index: 1;
}

#floating-menu-internal h5 {
    background-color: #b1d8db;
    padding: 10px;
    color: #333;
    text-align: center;
    font-size: 14px;
    margin: 0;
    cursor: move;
}

.floating-menu-container {
    padding: 15px 10px;
    text-align: center;
    background: #e4fcfe;
    border: 1px solid #add7db;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 1px #add7db inset;
}

    .floating-menu-container a {
        display: block;
        line-height: 1.4em;
        font-size: 1.2em;
    }

div#drag {
    position: absolute;
    right: 0;
    width: 15em;
}

a.hidden-anchors {
    position: absolute;
    top: -180px;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
}

/* Internal Tab - Internal Inventory */
table.internal-inventory-table {
    width: 100%;
    border: 1px solid #eee;
}

    table.internal-inventory-table th {
        border-bottom: 1px solid #eee;
        background-color: #ddd;
    }

/* Add To Wishlist Flow */
.generalAdToCart select#wishlistName {
    max-width: none;
    /* padding-right: 32px; */
    padding-right: 0rem;
}

.product-simple-share .simple-share-btn {
    border: 1px solid #ddd;
    /* width: 235px; */
    margin: 5px;
    min-width: 11rem;
    font-size: 1rem;
}

#wishlist-create-modal .btn-group {
    float: none;
}

.right-side {
    text-align: right;
    margin: 15px 0;
}

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

.th-move-to-wishlist {
    min-width: 175px;
}

.wishlist-table tfoot button, .wishlist-page .email-a-friend-wishlist-button {
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 0.8em;
    font-weight: normal;
}

.wishlist-page .tab button.active {
    background-color: #fff;
    border-bottom-style: solid;
    border-color: #456FB2;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.wishlist-page .tab {
    padding-left: 12px;
    box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px;
}

.wishlist-table tfoot button i, .wishlist-page .email-a-friend-wishlist-button .fa.fa-envelope {
    margin-right: 10px;
}

.action-btn-wishlist, .wishlist-page .email-a-friend-wishlist-button span {
    line-height: 2.5em;
}

.edit-item .btn {
    border-radius: 5px;
    padding: 5px;
    font-weight: normal;
}

.wishlist-content {
    width: 100%;
    overflow: auto;
}

.wishlist-page .btn {
    min-width: 100px;
}

.wishlist-content th.unit-price.text-center {
    font-size: initial;
}

.wishlist-content .wishlist-table td.product {
    min-width: 220px;
}

.wishlist-content .wishlist-table td.product {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wishlist-content .wishlist-table td.quantity {
    padding-top: 10px;
    padding: 10px;
}

.wishlist-content .wishlist-table td {
    padding: 10px;
}

.wishlist-content .wishlist-table tfoot td {
    text-align: center;
}

.wishlist-content .wishlist-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.wishlist-table td select {
    padding: 0 30px 0 5px;
    border-radius: 5px;
    width: auto;
}

.wishlist-content .wishlist-table .subtotal {
    min-width: 125px;
}

.mobile-hide {
    display: inline-block;
}

.mobile-hide-block {
    display: block;
}

.mobile-show {
    display: none;
}

.wishlist-table {
    width: 100%;
}

    .wishlist-table tbody td {
        display: table-cell;
    }

    .wishlist-table thead tr {
        background-color: #5A6267;
    }

    .wishlist-table th {
        color: #fff;
        padding: 5px;
        white-space: nowrap;
        font-weight: 400;
        font-size: 14px;
    }

.wishlist-content .wishlist-table td.product {
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wishlist-table td.product .product-name {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #5A6267;
    line-height: 22px;
    padding: 10px 0;
    display: block;
}

    .wishlist-table td.product .product-name:hover {
        color: #009FAA;
        text-decoration: underline;
    }

.wishlist-table .attributes {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding-top: 5px;
}

/* start wishlist checkbox styles */
.wishlist-table input[type='checkbox'].checkbox-u:checked + label:before {
    transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    background: #666;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wishlist-table input[type='checkbox'].checkbox-u + label:before {
    content: '';
    width: 10px;
    height: 2px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    margin: auto;
    background: transparent;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.wishlist-table input[type='checkbox'].checkbox-u:checked + label:after {
    transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    background: #666;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wishlist-table input[type='checkbox'].checkbox-u + label:after {
    content: '';
    width: 10px;
    height: 2px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    margin: auto;
    background: transparent;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
/* END wishlist checkbox styles */

/* MOVE NEXT 2 TO MOBILE? */
.wishlist-table .remove-from-cart input[type='checkbox'].checkbox-u + label {
    border: 1px solid rgba(0, 0, 0, .25);
    background: transparent;
    z-index: 996;
}

.wishlist-table .remove-from-cart input[type='checkbox'] + label {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto !important;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-indent: -999px;
    overflow: hidden;
    border: 1px solid #000;
    cursor: pointer;
    z-index: 99;
}

/* Style the buttons that are used to open the tab content */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }

.tabcontent {
    display: none;
}

.wishlist-table td p.remove {
    display: none;
}

.wishlist-table td.subtotal {
    text-align: center;
}

tfoot td.mobile-hide {
    display: table-cell;
}

.wishlist-table td.quantity input.qty-input {
    border-radius: 10px;
}

/* Wishlist Page - Mobile */
@media screen and (max-width: 600px) {
    .right-side {
        text-align: center;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: inline-block;
    }

    .wishlist-table thead {
        display: none;
    }

    .wishlist-table tbody td {
        display: flex;
    }

    /* .wishlist-table tbody td::before {
        content: attr(label);
        font-weight: bold;
        width: 120px;
        min-width: 120px;
    } */

    .wishlist-table tfoot td {
        display: flex;
    }

    .wishlist-table .remove-from-cart input[type='checkbox'] + label, .wishlist-table .add-to-cart input[type='checkbox'] label {
        margin: 0 10px 0 0;
        margin-right: 10px !important;
    }

    .wishlist-table .remove-from-cart input[type='checkbox'] + label {
        margin: 10px !important;
    }

    .wishlist-table td p.remove {
        font-weight: bold;
        margin: auto 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .wishlist-table td.product-picture, .wishlist-table td.product {
        display: inline-block;
        vertical-align: top;
    }

    .wishlist-table td.quantity {
        display: inline-block;
    }

    .wishlist-table td.unit-price {
        display: inline-block;
        vertical-align: middle;
    }

    .wishlist-table .remove-from-cart, .wishlist-table .add-to-cart, .wishlist-table .remove-from-cart input[type='checkbox'].checkbox-u + label, .wishlist-table .add-to-cart input[type='checkbox'].checkbox-u + label {
        display: inline-block;
        vertical-align: middle;
    }

    .wishlist-table td#wishlist-select select {
        width: 100%;
    }

    .wishlist-table td.quantity div.d-inline-flex {
        vertical-align: middle;
    }

    td.mobile-hide {
        padding: 0 !important;
    }
}

/* Manage Communications Preferences */

.myaccount-page h2 {
    font-size: 24px;
}

.communication-set {
    margin-bottom: 50px;
    width: 100%;
}

.communication-row {
    border-bottom: 1px #666 solid;
    margin: 10px 0;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

    .communication-row .communication-title {
        flex: 70%;
    }

    .communication-row .communication-checkboxes {
        flex: 30%;
        text-align: left;
    }

    .communication-row .communication-radios {
        flex: 30%;
        text-align: right;
    }

.communication-title, .communications-info, .communications-info input {
    font-size: 16px;
    font-family: Source Sans Pro;
    font-weight: 400;
    padding-top: 5px;
}

.communications-label {
    font-size: 16px;
    font-family: Source Sans Pro;
    font-weight: 500;
    padding-top: 5px;
}

.communications-info input, .account-level-table-items input {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 5px 0 5px;
}

.communication-checkboxes, .communication-radios {
    padding-top: 5px;
}

    .communication-checkboxes label, .communication-radios label {
        display: inline-block;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.radio-btn {
    /*display: inline-block;
	vertical-align: middle;*/
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-select {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

input.radio-btn:hover ~ .radio-select {
    background-color: #ccc;
}

input.radio-btn:checked ~ .radio-select {
    background-color: #2196f3;
}

.radio-select:after {
    content: "";
    position: absolute;
    display: none;
}

input.radio-btn:checked ~ .radio-select:after {
    display: block;
}

.communication-radios label .radio-select:after {
    /*  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
*/
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.communication-email-input-section {
    visibility: hidden;
    display: inline-block;
}

    .communication-email-input-section input {
        border-radius: 5px;
        border: 1px solid rgba(204, 204, 204, 1);
        padding: 0 10px;
    }

        .communication-email-input-section input:hover, .communication-email-input-section input:active {
            box-shadow: 0 0 10px 0 rgb(170 170 170 / 30%);
        }

@media screen and (max-width: 600px) {
    .communication-row > div {
        flex: 100%;
    }

    .communication-row .communication-checkboxes {
        flex: 100%;
        text-align: unset;
        margin-bottom: 20px;
    }
}

.grid-container {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

#contact-type-ckbxs {
    grid-column: span 2;
}

.grid-container .user-communications-info {
}

.ckbx, #divSavetoAddressBook .check-box, #AllowSaveToAddressBook.check-box {
    /*display: inline-block;
	vertical-align: middle;*/
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

input.ckbx:hover ~ .checkmark, #divSavetoAddressBook input.check-box:hover ~ .checkmark {
    background-color: #ccc;
}

input.ckbx:checked ~ .checkmark, #divSavetoAddressBook input.check-box:checked ~ .checkmark {
    background-color: #2196f3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

input.ckbx:checked ~ .checkmark:after, #divSavetoAddressBook input.check-box:checked ~ .checkmark:after {
    display: inline-block;
}

.communication-checkboxes label .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.communication-checkboxes label {
    margin: 0 5px 7px 5px;
    vertical-align: top;
    width: 30%;
}

/* Manage Account Level Communications */
.col-1, .col-2, .col-7 {
    display: inline-block;
}

.row-0-margin {
    margin: 0;
}

.account-level-header-labels {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
}

.account-level-table-items {
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
}

    .account-level-table-items .col-1, .account-level-table-items .col-3, .account-level-table-items > .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

        .account-level-table-items .col-1.actions, .col-1.actions {
            padding-left: 0px;
            padding-right: 0px;
        }

.row-0-margin .col-8, .row-0-margin .col-4 {
    padding: 0 5px;
}

.actions {
    display: flex;
    align-items: center;
}

    .actions .btn.btn-primary, .actions .btn.btn-secondary, .actions .btn.btn-edit {
        min-width: 65%;
        padding: 5px;
        font-size: 12px;
        border-radius: 3px;
    }

    .actions .btn.btn-remove {
        min-width: 30%;
        padding: 5px;
        font-size: 12px;
        border-radius: 3px;
        margin-left: 5%;
    }

.account-level-table-items-new .actions .btn.btn-remove {
    min-width: 100%;
    margin-left: 0;
}

.col-2.col-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
}

.col-checkbox input[type="checkbox"] {
    height: 20px;
    width: 20px;
}

.btn-edit {
    background-color: #ccc;
    color: #666;
    border-color: #666;
    border: 0;
}

    .btn-edit:hover {
        background-color: #dfdfdf;
    }

.btn-remove {
    border: 0;
}

.btn-add {
    min-width: 100%;
    width: 100%;
}

.account-level-table-items input:disabled {
    background: none;
    border: 0;
    text-align: center;
}

.account-level-table-items input[type="text"], .account-level-table-items input[type="email"], .account-level-table-items input[type="tel"] {
    width: inherit;
    text-align: center;
}

.btn-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.50;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Inventory On Demand / Future Inventory / Incoming Inventory */
.inventory-on-demand {
    text-align: center;
    width: 100%;
    background-color: #eee;
    border-radius: 5px;
    padding: 10px;
}

    .inventory-on-demand a {
        font-weight: 500;
    }

.internal-notification {
    display: block;
    text-align: center;
    border-radius: 5px;
    background-color: #fde5e5;
    margin: 0 0 5px 0;
    padding: 10px;
    font-weight: bold;
}

.col-button {
    margin-top: 33px;
}

    .col-button input.search-button {
        width: 100%;
        height: 40px;
        padding: 0;
        border-radius: 5px;
    }

#highinvdiv {
    margin-top: 20px;
}

#resultdiv {
    background-color: #fafafa;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    margin: 25px 0;
}

#resultloaddiv {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    margin: 25px 0;
}

#selectedPartId.form-control, #selectedQty.form-control {
    height: 40px !important;
    font-size: 16px;
    padding: 0 23px 0 15px;
}

/* Order Details Page - Carrier Reference */
#carrier-reference {
    width: 100%;
}

    #carrier-reference td {
        border: none;
        padding: 0 5px;
    }
/* Order Details Page - More Order Details */
.more-details-section-title {
    padding: 10px 0;
    font-weight: bold;
}

.more-details-section-sub-title {
    padding: 10px 0;
    font-weight: normal;
}
/*Table Css for More details*/
.panel-body table.table.table-striped.table-bordered, .more-details-section-title {
    width: 90%;
    margin: 0 0 0 10%;
}

.panel-body table.table-striped td:first-child {
    font-weight: lighter;
}

.panel-body table.table.table-striped td {
    padding: 5px 0px 5px 10px;
    border-left: none;
    border-right: none;
}

/* Category page */
.card-body {
    padding: 0;
}

.row .col-md-8.text-right, .row .col-md-4.text-left {
    display: none;
}

.generalLeftSide {
    margin-top: 0;
}

ol.breadcrumb {
    margin: 20px 0;
    align-items: baseline;
}

/******* 11/2/2023 - Category Level Product Thumbnail Options overlay buttons on hover **********/
.ico-active, .ico-normal, .ico-shopping-cart {
    display: none;
    height: 40px;
}

.product-container:hover .ico-normal, .prod-list:hover .ico-normal, .product-container:hover .ico-shopping-cart, .prod-list:hover .ico-shopping-cart {
    display: inline-block;
}

.product-container:hover .card-zoom, .product-container:hover .card-compare, .product-container:hover .card-wishlist, .prod-list:hover .card-zoom, .prod-list:hover .card-compare, .prod-list:hover .card-wishlist, .prod-list:hover .card-shopping-cart, .product-container:hover .card-shopping-cart {
    position: relative;
    max-height: 50px;
    display: inline-block;
    margin-right: 0.5rem
}

.prod-list .card-options {
    position: absolute;
    bottom: 0;
    left: 2.25rem;
    width: 100%;
}

.card-zoom, .card-compare, .card-wishlist, .card-shopping-cart {
    padding-bottom: 0 !important;
    position: absolute;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09), 0 4px 10px 0 rgba(0, 0, 0, 0.09);
}

.product-container .card-options {
    position: absolute;
    top: -3rem;
    right: 0;
    width: 100%;
    height: 50px;
}


/* General Message Alert Popup */
.do-not-display-again-section {
    text-align: center;
    margin-top: 1.5em;
}

.donotdisplayagain-ckbx {
    vertical-align: middle;
}

input#closemessage-button {
    margin: 0 auto;
    display: block;
}

.modal-header.heading {
    display: inline-block;
}

    .modal-header.heading h2::before {
        display: none;
    }

    .modal-header.heading h2 {
        margin-bottom: 0;
        font-size: 2rem;
        line-height: 2rem;
    }

.general-popup .modal-dialog {
    max-width: 90%;
    width: fit-content;
}

/* Order Details - Accordian */
.line-item-details-section a.tog {
    margin-left: .5em;
}

.tog.collapsed i.fa.fa-chevron-down.expand-it, .tog i.fa.fa-chevron-up.collapse-it {
    display: inline-block;
}

.tog i.fa.fa-chevron-down.expand-it, .tog.collapsed i.fa.fa-chevron-up.collapse-it {
    display: none;
}

i.fa.fa-chevron-down.expand-it, i.fa.fa-chevron-up.collapse-it {
    width: 1.5em;
    color: #777;
}

.clar-accordion-link-section {
    padding: 17px 12px 16px;
}

td.col-2 {
    max-width: 15%;
    display: table-cell;
}

.panel-collapse .panel-body {
    padding: 15px;
}

table.line-item-details-section tr.accordian-strip {
    border-top: 1px solid #dee2e6;
    background: #F7F8FA;
}

.line-item-details-section table.more-details-data-table tr {
    background: white;
}

.more-details-section-title {
    margin-bottom: 10px;
}

/* CUSTOM CHECKBOX ON PRODUCT PAGE */
/* For Disabled/Default options - pre-checked */
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #dedede;
    content: '\2714 \fe0e';
    color: #aaa;
    FONT: normal normal normal 22px/1 FontAwesome;
    content: '\f00c';
    border: 1px solid #bbb;
}
        
/* Estimate Shipping Calculator */
.frquote .table .thead-dark th {
    color: #fff;
    background-color: #5A6267;
    border-color: #5A6267;
    font-weight: lighter;
    font-size: 1rem;
}

.frquote .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b9b9b9;
}

.frquote .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #b9b9b9;
}

.frquote .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #b9b9b9;
}

.frquote .form-control:-moz-placeholder { /* Firefox 18- */
    color: #b9b9b9;
}

.frquote .table tbody td {
    font-size: 1rem;
}

.shipping-estimate-disclaimer {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.warning-postalcode {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 1em;
    color: #dc3545;
}

#FreightQuoteForm-modal label, #FreightQuoteForm label {
    font-weight: bold;
}

    #FreightQuoteForm-modal label.radio, #FreightQuoteForm-modal label.checkbox, #FreightQuoteForm label.radio, #FreightQuoteForm label.checkbox {
        font-size: 1rem;
        font-weight: normal;
    }

#FreightQuoteForm-modal input#ItemType, #FreightQuoteForm input#ItemType {
    height: 0.7rem;
    margin-right: 0.25rem;
}

button#btnSearchFQProduct {
    padding: 0.7rem 1rem;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.form-vert-align-center {
    display: grid;
    align-items: center;
    text-align: right;
    margin: 0;
}

/* Privacy Policy */
.normal-list ul li {
    list-style-type: circle;
}

.normal-list li {
    list-style-type: disc;
}

/* Internal Account Select */

#internal-account-select {
    text-align: center;
    font-weight: bold;
    position: sticky;
    z-index: 102;
    top: 0;
    font-size: .9rem;
    margin: 0;
}

    #internal-account-select.alert {
        padding: .3rem;
    }

    #internal-account-select .btn.btn-light, #internal-account-select .btn.btn-primary {
        padding: .5rem 1rem;
        min-width: auto;
        margin: 0 0 0 1rem;
        font-size: .65rem;
        width: 5rem;
        display: inline-block;
        line-height: 1.7rem;
    }

#AccountPopup .btn.btn-primary {
    padding: .5rem 1rem;
    min-width: auto;
    margin: 0;
}

#AccountPopup h2 {
    text-align: center;
    font-size: 1.5rem;
}

.internal-account-search {
    margin-bottom: 1rem;
}

#divaccountswitchgrid .table th, #divaccountswitchgrid .table td {
    padding: .5rem;
    font-size: .8rem;
}

nav.navbar.navbar-expand-md.mainNav.d-none.d-lg-flex.internal-account-bar {
    top: 45px;
}

/* Boostrap Update Patches */
.btn-group > .btn {
    flex: 0 1 auto;
}

#carouselProductSlider .thumbnails .carousel-item {
    margin-right: auto;
}

/*********FOR LANDING PAGE ULs*************/
.blog-featured__content ul li {
    text-align: left;
    list-style-type: disc;
    margin-left: 3rem;
    color: #f3931f;
    font-weight: bold;
    margin-top: 0.5rem;
}

/*The Viking Collection Menu reorder CSS*/
ul.navbar-nav.header__menu li.header__menu-item div.header__subnav-menu ul.header__submenu-col li.header__submenu-item:nth-child(39) a:before {
    content: "The ";
}

/* Jan 2024 Mobile update */


@-moz-document url-prefix() {
    select#searchType {
        -moz-appearance: none;
        background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat 99% 35%;
    }
}


@media screen and (max-width: 600px) {
    #searchModal .input-group-append {
        background-color: #f1f1f1;
        border-left: 2px solid #ddd;
        width: 13%;
    }

    .search-dd-container {
        width: 25%;
    }

    select#searchType {
        width: 95%;
        margin: auto;
    }

    .delivery-date.mobile svg {
        width: 15%;
    }

    .short-description.generalMarginSupporter {
        text-align: left;
    }

    .product-details-page .gallery .zoom.mb-1.main-image {
        height: auto;
    }

    #Catalog-Price {
        margin-top: 2rem;
    }
}

/******FIX FOR SMALLER DESKTOP MENU HOVER***************/
@media only screen and (max-width: 1235px) {
    .mainNav a.header__menu-link {
        padding: 10px .85rem !important;
    }

    .header__menu-item {
        margin-right: 0 !important;
    }
}

/* Additional Bootstrap Button Styles */
div .btn-info-link {
    border: solid 1px #ccc;
    border-radius: 5px;
    color: #009FAA;
    font-weight: bold;
    margin: 0 4rem 0 0;
    padding: .5rem;
    text-transform: none;
}

/* Repeat Order Configurator */
.row-product-configurator {
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}

    .row-product-configurator select {
        margin-left: 2rem;
        width: auto;
        display: inline-block;
    }

.group-radio .product-attribute__attributes {
    padding-left: 1.5rem;
}

.product-attribute__attributes label.custom-control.custom-checkbox {
    padding-left: 2rem;
}

.row-product-configurator label .custom-control-description {
    margin-left: .5rem;
}

#repeatorder-input-container {
    display: inline-block;
}

.repeatorder-form-container {
    background-color: #e4fcfe;
    padding: .75rem;
    border-radius: 10px;
}

    .repeatorder-form-container input, .repeatorder-form-container select, .repeatorder-form-container .form-control:hover, .repeatorder-form-container .form-control:focus, .repeatorder-form-container .form-control:active {
        background-color: #fff;
        font-weight: 400;
    }

    .repeatorder-form-container p {
        color: #333;
        font-weight: 400;
    }

input#btnRepeatOrderValidation.btn.btn-grey {
    width: 100%;
    padding: .5rem 1rem;
    margin: .5rem 0 0 0;
    font-weight: bold;
    border-radius: 5px;
}

div#divInputRepeatOrder {
    display: flex;
    align-items: center;
}

select#ddlRepeatOrderSelectedValue {
    width: -webkit-fill-available;
    width: -moz-available;
}

#repeatorder-input-container {
    width: 100%;
}

.text-prompt.optional {
    font-weight: normal;
}

#divcustom-repeatorder-posoNumber .product-attribute__title {
    align-self: normal;
    padding-top: .5rem;
}

#product-attributes .list-inline-item label:hover {
    background-color: #009faa;
}

/* Multicolor swatches */
.two-color, .one-color {
    border-radius: 25px;
    /* border-right-color: blue;
    border-top-color: yellow;
    border-bottom-color: blue;
    border-left-color: yellow; */
    border-width: 12px;
    border-style: solid;
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    /* To rotate */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.three-color {
    border-radius: 25px;
    /* border-top-color: yellow;
    border-left-color: yellow;
    border-bottom-color: blue;
    border-right-color: red; */
    border-width: 20px;
    border-style: solid;
    width: 25px !important;
    height: 25px !important;
    display: inline-block;
    /* To ratate */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
li .circle {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    overflow: hidden;
    display: inline-block;
    /* vertical-align: bottom; */
  }
  .product-attribute__attributes .color-squares li .circle span {
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: -5px;
    width: 70%;
    height: 70%;
    transform-origin: 0% 100%;
  }
  .circle span:first-child {
    transform: rotate(0deg) skewY(30deg);
  }
  .circle span:nth-child(2) {
    transform: rotate(120deg) skewY(30deg);
  }
  .circle span:nth-child(3) {
    transform: rotate(240deg) skewY(30deg);
  }

.four-color {
    position: relative;
    border: 1px solid #CCCCCC;
    padding: 0;
    width: 40px !important;
    height: 40px !important;
    display: inline-block;
    border-radius: 25px;
    list-style: none;
    overflow: hidden;
    transform: rotate(-15deg);
    margin: 0;
}

    .four-color li {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
        transform-origin: 0% 100%;
    }

        .four-color li:first-child {
            -webkit-transform: rotate(0deg) skewY(-30deg);
            -ms-transform: rotate(0deg) skewY(-30deg);
            transform: rotate(0deg) skewY(-30deg);
            /* background: yellow;  */
        }

        .four-color li:nth-child(5) {
            -webkit-transform: rotate(240deg) skewY(-30deg);
            -ms-transform: rotate(240deg) skewY(-30deg);
            transform: rotate(240deg) skewY(-30deg);
            /* background: yellow; */
        }

        .four-color li:nth-child(6) {
            -webkit-transform: rotate(300deg) skewY(-30deg);
            -ms-transform: rotate(300deg) skewY(-30deg);
            transform: rotate(300deg) skewY(-30deg);
            /* background: yellow; */
        }

        .four-color li:nth-child(2) {
            -webkit-transform: rotate(60deg) skewY(-30deg);
            -ms-transform: rotate(60deg) skewY(-30deg);
            transform: rotate(60deg) skewY(-30deg);
            /* background: blue; */
        }

        .four-color li:nth-child(3) {
            -webkit-transform: rotate(120deg) skewY(-30deg);
            -ms-transform: rotate(120deg) skewY(-30deg);
            transform: rotate(120deg) skewY(-30deg);
            /* background: red; */
        }

        .four-color li:nth-child(4) {
            -webkit-transform: rotate(180deg) skewY(-30deg);
            -ms-transform: rotate(180deg) skewY(-30deg);
            transform: rotate(180deg) skewY(-30deg);
            /* background: orange; */
        }
.mystery-color {
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 2rem;
    line-height: 2.3rem;
    border-radius: 25px;
}

img.custom-color {
    height: 40px; 
    width: 40px; 
    vertical-align:bottom;
}

/* Added from GN CSS Admin plugin tool */
#openInvoicePaymentForm label.custom-control.custom-checkbox {
    width: 250px;
    display: inline-block;
}
.sample-order-radio li, .sample-order-radio label {
    cursor:pointer;
    }
    .sample-order-radio li:has(input[type=radio]:checked) {
        background-color: #dfdfdf;
        border-color: #009FAA;
        color: #009FAA;
    }
/* Delete addThis.js button from site */
button#share-product-button {
    display: none!important;
}
/******11/29/2023   DRG numbered lists style***************/
ol.numbered-list { list-style-type: decimal;}
.tab-content ol.numbered-list li::before {display:none;}
/******* 11/2/2023 - Product Thumbnail Options overlay buttons on hover **********/
.ico-active, .ico-normal, .ico-shopping-cart {
    display: none;
    height: 40px;
}
.product-container:hover .ico-normal, .prod-list:hover .ico-normal, .product-container:hover .ico-shopping-cart, .prod-list:hover .ico-shopping-cart {
    display: inline-block;
}
.product-container:hover .card-zoom, .product-container:hover .card-compare, .product-container:hover .card-wishlist, .prod-list:hover .card-zoom, .prod-list:hover .card-compare, .prod-list:hover .card-wishlist, .prod-list:hover .card-shopping-cart, .product-container:hover .card-shopping-cart {
    position: relative;
    max-height: 50px;
    display: inline-block;
    margin-right: 0.5rem
}
.prod-list .card-options {
    position: absolute;
    bottom: 0;
    left: 2.25rem;
    width: 100%;
}
.card-zoom, .card-compare, .card-wishlist, .card-shopping-cart {
    padding-bottom: 0!important;
    position: absolute;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09), 0 4px 10px 0 rgba(0, 0, 0, 0.09);
}
.product-container .card-options {
    position: absolute;
    top: -3rem;
    right: 0;
    width:100%;
    height:50px;
}
/*********FOR LANDING PAGE ULs*************/
.blog-featured__content ul li {
    text-align: left;
    list-style-type: disc;
    margin-left: 3rem;
    color: #f3931f;
    font-weight: bold;
    margin-top: 0.5rem;
}
/***** PROMO FLYERS MOBILE *******/
@media only screen and (max-width: 767px) {
    .flyers-jump-menu-section {
    margin:0;
    }
    .flyers-jump-menu-section .jump-link a {
        font-size: 1rem;
        width: 30%;
    }
    .d-md-none.mobile-customer-navigation {
    display:none;
    }
    .flyers-category h2 {
    padding-top:0!important;
    }
    .flyers-category.container {
        margin: 0!important;
    }
}
/*The Viking Collection Menu reorder CSS*/
ul.navbar-nav.header__menu li.header__menu-item div.header__subnav-menu ul.header__submenu-col li.header__submenu-item:nth-child(39) a:before {
    content: " "!important;
}
.footer__col1 [title~="Link"] {
    line-height: 1rem!important;
    display: block!important;
}
.header__submenu-link[title~="Link"]:before {
    content: "Keep It. Give It.";
    display:block;
}
/*REMOVE BANNER FOR GUEST MONTHLY PAYMENT SCREEN*/
.my-account-body .col-lg-12.col-12.account-main.pr-0 .category-banner.d-flex {
    display: none!important;
}
.product-attribute__attributes ul li label.custom-control.custom-checkbox {
padding-left:3rem;
}
/* BEST BRANDS CSS */
.bestbrands-logo-block {
    display: inline-block;
    margin: 0 1rem 2rem 1rem;
    max-width: 130px;
}
.block img {height:auto!important;}
    

        
/**TEMPORARY UNTIL UAT FIX IS IN PRODUCTION FOR FAVORITE ADDRESS BOOK*/
#frmAddressEdit .label-myaccount, #frmAddressCreate .label-myaccount {
    float: left;
    width: 20%;
        text-align: right;
        margin-left:0;
    }
    #frmAddressEdit input.form-control, #frmAddressCreate input.form-control {
        width: 50%;
        border-radius: 5px !important;
    }
    #frmAddressEdit select.input-myaccount, #frmAddressCreate select.input-myaccount {
        width: 49%!important;
        border-radius: 5px !important;
        margin-left: 1rem;
        height: 2rem;
    }
    
    
/** Temp Fix until Color selector Patch is released in Prod **/
#product-attributes .list-inline-item label {
    margin: 4px 3px;
        background-color: #eee;
        height: 32px;
        width: 32px;
    }
    .attributes .color-label {
        margin-bottom: .5rem;
    }
    
    
/*** TEMP CSS FOR SHOPBY NAV ITEMS **/
    li.header__menu-item.shop-by ul.header__submenu-col {
        -webkit-column-count: 4!important;
        column-count: 4!important;
    }
    
    /*****FIX FOR STATIC PRODUCT MENU BAR********/
    .options-bar.product-print.internal-account-bar {
        top: 0!IMPORTANT;
    }
    
    
    /******FIX FOR SMALLER DESKTOP MENU HOVER***************/
    @media only screen and (max-width: 1235px) {
    .mainNav a.header__menu-link {
    padding: 10px .85rem!important;
    }
    .header__menu-item {
    margin-right:0!important;
    }
    }
    
    .ais-Panel .color-selector .check-black{
        background-color: #000; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-blue {
        background-color: #007FFF; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-blue {
        background-color: #007FFF; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-red {
        background-color: #FF0000;
        background-image: none;
    }
    .ais-Panel .color-selector .check-orange {
        background-color: #FF6C00; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-yellow {
        background-color: #FFEB00; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-green {
        background-color: #00FF00; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-purple {
        background-color: #8000FF; 
        background-image: none;
    }
    .ais-Panel .color-selector .check-pink {
        background-color: #F24EAC;
        background-image: none;
    }
    .ais-Panel .color-selector .check-natural {
        background-color: #F4E4C0;
        background-image: none;
    }
    .ais-Panel .color-selector .check-white {
        background-color: #FFF; 
        border: 1px solid #707070;
        background-image: none;
    }
    .ais-Panel .color-selector .check-camo {
        background-image: linear-gradient(to right, rgb(126, 116, 80, 1), rgb(96, 100, 62, 1), rgb(76, 82, 59, 1));
        border: 1px solid #707070;
    }
    .ais-Panel .color-selector .check-brown {
      background-color: #964B00;
      background-image: none;
    }
    .ais-Panel .color-selector .check-gray, .ais-Panel .color-selector .check-grey {
      background-color: #808080;
      background-image: none;
    }
    
    .ais-Panel .color-selector .check-white:after, .ais-Panel .color-selector .check-natural:after, .ais-Panel .color-selector .check-yellow:after {
        border:solid #707070;
        border-width: 0 2px 2px 0;
    }
    .ais-Panel .color-selector .check-patterns {
        background-color: transparent;
        background-image: url('../img/patterns_icon.svg');
    }
    .ais-Panel .color-selector .check-neons {
        background-color: transparent;
        background-image: url('../img/neon_icon.svg');
    }
    
    select.ais-HitsPerPage-select {
      border-radius: 50px;
      border: solid 1px #979797;
      padding: 0px 3px;
    }

    /** CALC SHIPPING FONT WEIGHT*****************/
    .helpButton {
        margin-right: 4rem;
    }
    
    
    
    /** TEMP FIX for Mobile Order Status page Menu NOT COLLAPSING**/
    @media only screen and (max-width: 991px) {
    .block-account-navigation {
            background: none!important;
    }
    }

/* ORDER CLAIMS */
li.order-row.order-active .row:hover {
    box-shadow: none;
    background-color: #efefef;
}


/* EDIT SAVED ADDRESSES*/
@media only screen and (max-width: 500px) {
    td[role=gridcell] a.k-button.btn.k-grid-delete {
        width: 100%;
    }

    #customer-addresses-grid td {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

li.custom-alert-banner {
    max-height: 200px;
}

li.custom-alert-banner img.desktopBannerBackground.desktopBannerVisibility {
    position: absolute;
    top: 0;
    z-index: -1;
}

li.custom-alert-banner .container {
    z-index: 1;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}


/* Algolia Image search Upload */
#divImagesearch input#camera-input {
    display: none;
}
#divImagesearch label#result {
    display: none;
}
i.camera-icon.fa.fa-image.fa-2x {
    margin: auto .5rem;
    /* top: 25%;
    position: absolute; */
}

/* Custom Alert Banners */
li.custom-alert-banner .container img, li.custom-alert-banner .container .custom-alert-banner-content {
    z-index: 1;
    position: relative;
}
li.custom-alert-banner img.desktopBannerBackground {
    position: absolute;
    top: 0;
}

.desktopBannerVisibility {
    display: block;
}

.mobileBannerVisibility {
    display: none;
}

.desktopBannerBackground {
    z-index: 0;
    width: 100%;
}

.mobileBannerBackground {
    height: auto;
    z-index: 0;
    min-height: 128px;
    right: auto;
    left: -150px;
    margin: auto;
    margin-left: auto;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

li.custom-alert-banner.custom-alert-banner-height {
    height: 152px;
}

.alert-item li.custom-alert-banner .container img {
    margin: 0px .5rem 1rem 0;
    float: left;
}
@media only screen and (max-width: 767px) {
    .desktopBannerVisibility {
        display: none;
    }
    
    .mobileBannerVisibility {
        display: block;
    }

    li.custom-alert-banner.custom-alert-banner-height {
        height: 135px;
    }
}


/* Skeleton Loader modifers */
.sm-loading .sm-input {
    margin: 0 auto;
    max-width: calc(100% - 30px);
}

.sm-loading .sm-round30 {
    border-radius: 30px;
}

.sm-loading .sm-round5 {
    border-radius: 5px;
}

.sm-loading .sm-round10 {
    border-radius: 10px;
}

.sm-loading .sm-round15 {
    border-radius: 15px;
}

.sm-loading .sm-mb1 {
    margin-bottom: 1rem;
}

.sm-loading .sm-50 {
    width: 50%;
}
.sm-loading .sm-bold {
    height: 1.5rem;
}

.sm-loading .sm-100 {
    width: 100%;
}

.sm-loading .sm-75 {
    width: 75%;
}

.sm-loading .sm-mb2 {
    margin-bottom: 2.5rem;
}

.sm-loading .sm-mb3 {
    margin-bottom: 3.5rem;
}

.sm-loading .sm-mb4 {
    margin-bottom: 4.5rem;
}

.sm-loading .sm-mb5 {
    margin-bottom: 5.5rem;
}

/* DOC SEARCH ON PRODUCT PAGE */
button.DocSearch.DocSearch-Button {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

#docsearch {
    margin-top: 1rem;
}

/* FULL PAGE LOADER */
.main-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
}

.lds-ellipsis div {
    position: absolute;
    top: 66px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #FFF;
    animation-timing-function: linear;
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis4 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis4 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}