.no-break-message,
.product-quantity-breaks.detail > div:first-child {
    display: none;
}

.req {
    color:red;
}

#section-before-content {
    margin-bottom:10px;
}

.btn {
    border-radius:  0 !important;
}

#Menu {
    border-bottom: 1px solid #eee;
}

input[type=date].input-alternate:focus, input[type=date].input-alternate:hover, input[type=datetime-local].input-alternate:focus, input[type=datetime-local].input-alternate:hover, input[type=email].input-alternate:focus, input[type=email].input-alternate:hover, input[type=number].input-alternate:focus, input[type=number].input-alternate:hover, input[type=password].input-alternate:focus, input[type=password].input-alternate:hover, input[type=search-md].input-alternate:focus, input[type=search-md].input-alternate:hover, input[type=search].input-alternate:focus, input[type=search].input-alternate:hover, input[type=tel].input-alternate:focus, input[type=tel].input-alternate:hover, input[type=text].input-alternate:focus, input[type=text].input-alternate:hover, input[type=time].input-alternate:focus, input[type=time].input-alternate:hover, input[type=url].input-alternate:focus, input[type=url].input-alternate:hover, textarea.md-textarea.input-alternate:focus, textarea.md-textarea.input-alternate:hover
{
    border:1px solid white !important;
}

input[type=date].input-alternate, input[type=datetime-local].input-alternate, input[type=email].input-alternate, input[type=number].input-alternate, input[type=password].input-alternate, input[type=search-md].input-alternate, input[type=search].input-alternate, input[type=tel].input-alternate, input[type=text].input-alternate, input[type=time].input-alternate, input[type=url].input-alternate, textarea.md-textarea.input-alternate
{
    box-shadow: none !important;
    border: 1px solid #ddd;
    margin: 1px;
}

.product_preview .part-number {
    font-size: 12px !important;
}

#TopBarLeft,
.account-links #account-links-navbar {
    width:100%;
}

.account-links #account-links-navbar .navbar-nav
{
    display:block;
    width:100%;
}

.account-links #account-links-navbar .navbar-nav .nav-item.title {
    display:inline;
}

.account-links #account-links-navbar .navbar-nav .nav-item:not(.title) {
    float:right;
}

.account-links #account-links-navbar .navbar-nav .nav-item:nth-child(2) {
    font-weight: bold;
}

.account-links #account-links-navbar .navbar-nav .nav-item:nth-child(2)::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    float: left;
    margin-left:10px;
}

.shop-now-menu-item {
    font-weight: bold;
    color: #00b0e4 !important;
}

.company-phone {
    position: absolute;
    top: 0;
    right: -30px;
    padding-right: 30px;
    font-size: 26px;
    font-weight: bold;
    color: #888;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    transition-delay: 0.5s;
    display:inline-block;
    white-space: nowrap;
}

body.scrolled .company-phone {
    opacity: 0;
    -webkit-transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out;
    transition-delay: 0s;
    padding-right: 0;
    display:none;
}

.phone-label {
    display:none;   
}

.view {
        box-shadow:     none;
}

#top-bar,
#wrapper {
    max-width: 1300px;
    padding:0 30px;
    margin:0 auto;
}

#section-before-wrapper {
    margin: 2px auto;
}

#HeaderQuickAdd {
    padding-left: 10%;
    padding-right: 11px;
    min-width: 422px;
}

#HeaderCarts {
    position: relative;
}

#HeaderCarts,
#HeaderQuoteCart {
    display:inline;
    padding-top: 37px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.ajax_quote_preview_topbar i {
    display:none;
}

.ajax_quote_preview_topbar a {
    color:white !important;
    white-space: nowrap;
}

#quote_cart_preview_products,
#cart-icon .item-count {
    display: inline;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    padding: 0 5px;
    margin-left: 4px;
    color: #00b0e4;
    font-size: 13px !important;
    font-weight: bold;
}

#cart-icon .item-count {

}

#quote_preview {
    padding: 0;
}

#quote_preview button {
    margin: 0;
    padding: 13px 10px !important;
    box-shadow: none;
}

body.scrolled #HeaderCarts,
body.scrolled #HeaderQuoteCart {
    padding-top: 0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.manufacturers-logo-carousel {
    max-width: 703px;
    margin: 0 auto;
    margin-top: 68px;
    margin-bottom: 60px;
}


#quoteCart {
    float:right;
    background-color: #a8c1d0;
    border-radius: 6px;
    width: 44px;
    text-align: center !important;
}

#HeaderSearch {
    padding-right: 10px;
}

#cartApp {
    float:right;
    text-align: center !important ;
    z-index: 100000;
}

#quoteCart #cart-icon,
.search-bar-form .input-group-btn button {
    background-color: #00b0e4;
    box-shadow: none;
}

#add-all-to-cart {
    clear:both;
}

#cartApp #cart-icon:hover,
#quoteCart #cart-icon:hover {
    background-color: #5fceef;
}


#cart-icon {
padding: 7px 9px 7px 6px !important;
    background-color: #00b0e4;
    color: white;
    margin-left: 4px !important;
    display: inline-block;
}
#cart-icon .count-price {
    display:inline-block;
    vertical-align: text-bottom;
}
#quoteCart #cart-icon {
    padding: 9px !important;
        margin-left: 0 !important;

}


#cart-icon i {
    font-size: 1.5rem;
    line-height: 1.5rem;
        -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.quick-entry {
    float: right;
    margin-top: 38px;
    -webkit-transition: margin .5s ease-in-out;
    -moz-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out;
}

body.scrolled .quick-entry {
    margin-top: 0px;
    -webkit-transition: margin .5s ease-in-out;
    -moz-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out;
}

.quick-entry .title {
    display:none;
}

.quick-entry input[type="text"],
.quick-entry input[type="number"] {
    background-color: white;
    padding: 6px 12px;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    border: none;
}

h1 {
    font-size: 34px;
    color: #00b0e4 !important;
    font-weight: bold;
}

/*body:not(.home) #content {
 padding-top:   30px;
}*/

.flex-grow-1 {
    flex-grow:1;
}
#quick-entry-form .qty-container .qty {
    max-width:  50px;
}

#quick-entry-form div {
    float:left;
    margin-right:6px !important;
}

#quickEntryAddToCart {
    font-size: 19px;
    margin: 0;
    padding: 8px 20px;
}

#quick-entry-criteria {
    max-width: 105px;

}

#quick-entry-criteria,
#quick-entry-form .qty-container .qty {
        box-shadow: none;
    border: 1px solid #ddd;
            padding: 2px 12px
}

.home_page_grid {
    margin-top: 12px;
}

.content-cards {
    width:100%;
}

.content-cards.content-card-align-bottom .content-card-content span {
    color: white;
    font-size: 16px;
    background-color: #00b0e4;
}

.content-cards.content-card-align-bottom .content-card-content span p {
    margin-bottom:0;
}

.home_page_grid .featured-image {
    min-width: 67.1%;
    flex-basis: 67.1%;
    flex-shrink: 0;
}

.home_page_grid .stacked-images {
    min-width: 31.8%;
    flex-basis: 31.8%;
    flex-shrink: 0;
}

.home_page_grid .bottom-row {
    margin-top:8px;
}


#account-links-navbar ul li > a {
    text-decoration: underline;
}

#account-links-navbar ul li.title {
    font-weight: bold;
    margin-right:10px;
}


#HeaderRight {
    min-width: 650px;
}

#account-links-navbar h3 {
    font-size: 14px;
    font-weight: bold;
    font-family: inherit !important;
    margin: 5px 0 4px 0;
}

#top-bar {
    min-height:28px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


body.scrolled #top-bar {
    min-height:0px;
    height:0px;
    padding:0 auto;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#custom-testimonials-carousel {
    margin:30px 0;
}

#custom-testimonials-carousel .carousel-inner {
    padding:10px 1px;
}

#custom-testimonials-carousel .carousel-inner .card-up {
    background-color: #00b0e4 !important;
}

.testimonial-card-wrapper {
    width:100%;
}

.testimonial-card {
    height: 100%;
}

body.scrolled .modal-backdrop {
    display:none;
}

body.scrolled #cart-modal {
    background-color: rgba(0,0,0,0.5);
}


body.scrolled #section-before-main {
    z-index:1000;
    position:fixed;
    top:0;
    background-color: white;
    border-bottom: 4px solid #00b0e4 !important;
    padding: 13px 0 12px 0;
}

#section-before-main .logo img {
    width: 376px;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}


body.scrolled #section-before-main .logo img {
     width:220px;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}

#HeaderLeft {
    width:376px;
}

#section-before-main {
    padding: 37px 0 13px 0;
}

.search-bar {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
    padding-top: 37px;
    float: right;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

body.scrolled #section-before-main .search-bar {
    padding-top: 0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

body.scrolled #ui-id-1 {
    position: fixed;
    top:0 !important;
    margin-top: 53px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.search-bar-form .input-group {
    width:100%;
}

.search-bar-form input[type="text"] {
    background: white;
    margin:0;
    padding:0px 20px;
    height:40px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.search-bar-button {
    margin:0;
    font-size: 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

button.search-bar-button {
    padding: 0 17px;
    background-color: #00b0e4;
}

.modal-dialog .modal-content .col-lg {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

#section-after-wrapper .justify-content-between {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 33px 20px 33px;
}

#searchAppCarousel0 {
    background-color: #00b0e4 !important;
    padding:4px 0;
}

.custom-footer-message {
    font-size: 13px;
    margin-top: 20px;
}

.product_preview .product_short_description a {
    color: #555 !important;
    font-size: 14px;
    font-weight: bold;
}

.preview-list-item > div:nth-child(5) {
    width: 300px;
}

.preview-list-item .product-pricing {
    width: 413px;
}

.product_list.list img {
    max-width: 120px;
}

.footer-copyright {
    font-size: 11px;
    margin-top: 10px;
}

#resultsCarousel39 .product_preview > .card {
    box-shadow: none;
    border-bottom: 3px solid #bbb;
}

.teaser-left {
    left: -41px;
}

.teaser-right {
    right: -33px;
}

.cart-not-visible {
    display: inline-block;
    background-color: #00b0e4 !important;
    color: white;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 5px;
}



#searchAppCarousel39 {
    margin-top:70px;
    margin-bottom: 30px;
}

.header-slogan {
    white-space: nowrap;
    margin-top: 4px;
}

.search-header .search-view-link {
    color: white;
    bottom: 9px;
    margin-right:10px;
}

.homepage-blog-posts-container .title,
.search-header {
    background-color: #00b0e4 !important;
    color: white;
    text-transform: uppercase;

    font-family: "Montserrat" !important;
}

.search-header {
    margin-bottom: 38px;
    padding:0;
    padding-left:18px;
}

.search-header .search-header-title,
.homepage-blog-posts-container .title h3 {
    font-size: 40px;
    line-height: 40px;
    padding-left:6px !important;
}

.megamenu {
    background: none;
    margin: 0 auto;
    left: auto;
    box-shadow: none;
    margin-top:-1px;
}

.top-nav-link {
    color:#666;
    margin-right: 7px;
    font-weight: bold;
}

.navbar-toggleable .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}


#mainMenuNavigationRmiordermenuApp .nav-item {
    padding:5px;
    margin-right: 23px;
}


#mainMenuNavigationRmiordermenuApp .drop-down-column .nav-item {
        padding: 0 14px;
        font-size: 14px;
        margin:0;
}

.megamenu-nav-column {
    padding:10px 0;
    background-color: #0299d9 !important;
    font-size: 15px;
    width: 200px;
    min-width: 200px;
}

.megamenu-nav-column a {
    color: white;
}

.megamenu-nav-column a:hover {
    color: #3474b4 !important;
}

.megamenu-nav-column,
.megamenu-content-column {
    min-height: 515px;
    max-height: 530px;
}

.megamenu-content-column {
    border:1px solid #ddd;
    padding:6px;
   background-size: 54%;
    background-position-y: 58px;
}

.megamenu-content-column .megamenu-content-container {
    width: 400px;
    max-height: 100%;
    margin-left: 6px;
    margin-right: 8px;
}

.megamenu-content-column .megamenu-content-container span {
    max-width: 90%;
    width: 90%;
    display: inline-block;
    margin-bottom: 3px;
}
/*
.megamenu-content-column {
    max-height: 515px;
}*/

#mainMenuNavigationHeaderMenuApp {
    position: relative;
}
#main-menu-navigation-header-menu {
    padding-top:5px;
}

#main-menu-navigation-header-menu .nav-item > a {
    color: white;
    margin-right: 29px !important;
    padding-bottom: 5px;
}


.megamenu-content-container a {
    padding:0;
}

.megamenu-content-container.megamenu-link {
    line-height: 13px;
    margin-bottom:6px;
}

.megamenu-content-column > div > a {
    font-weight: bold;
}

.megamenu-content-column a {
    padding-left:3px;
}

.megamenu-content-column a:hover,
#mainMenuNavigationRmiordermenuApp .drop-down-column .nav-item:hover  {
    background-color: #e5e7e8;
}

#mainMenuNavigationRmiordermenuApp .drop-down-column .nav-item:hover a {
        color: #3474b4 !important;
}

#mainMenuNavigationRmiordermenuApp .nav-link.dropdown-toggle {
    color:#666 !important;
    font-weight: bold;
}

.dropdown .dropdown-menu {
    padding:0;
    margin-top:5px;
}

.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .dropdown-item a {
    font-size: 14px;
    padding:0 6px;
}

#main-menu-navigation-header-menu > nav > ul > ng-include > span:nth-child(2) > span > li > div > div.drop-down-column {
    max-height: 713px;
    width: 1057px;
}

.drop-down-column {
    background-color: #0299d9 !important;
    padding:7px 0;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:active,
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color: #e5e7e8 !important;
    box-shadow: none !important;
    color: #292b2c !important;
}

.drop-down-column a {
    color: white !important;
    padding:0 !important;
}


.megamenu-content-column > div > span > a {
    color: #3474b4 !important;
    font-weight: bold;
    margin-top:4px;
}

.megamenu-content-column > div > span > div > div span a {
    font-size: 13px;    
    line-height: 14px;  
    color: black;
}

.megamenu-nav-column .dropdown-item {
    padding-top:3px;
    padding-bottom: 3px;
    font-size: 14px;
}

.dropdown-item {
    padding: 3px 17px;
}


#FooterLeft {
    width: 25%;
        font-size: 14px;
}

#FooterMiddle {
    width: 25%;
        font-size: 14px;
}

#FooterRight {
    width: 50%;
        font-size: 14px;
}



.search-group-by,
.search-limit,
.search-sort-by {
    float:left;
}

.search-total-hits {
    float:right;
    padding: 6px;
    margin-top: 6px;
}

#grid-list-view-toggle-container {
    margin: 0;
    float: right;
    padding: 5px !important;
}

.search-submit button {
    white-space: nowrap !important;
}


.flex-fill {
    flex-grow: 1;
    margin: 4px;
}

.testimonials {
    font-style: italic;
    margin-top: 50px;
    font-weight: bold;
    color: #888;
}

.testimonials > div {
        padding:0 36px;
}

.testimonials .author {
    font-size: 12px;
    font-style:     normal; 
    text-align:     right;
}
    

.testimonials .author-company {
    font-size: 12px;
    text-align:     right;
    
}

.homepage-post h4 {
    color: #00b0e4;
}


.homepage-post .date-author-container {
    font-size: 12px;
        margin-top: -7px;
}

.homepage-post .author-name {
    font-weight:    bold;
}

.homepage-post .read-more {
        text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #00b0e4;
    margin-top: 10px;
}


.homepage-post .details {
    margin-top: 10px;
    font-size: 14px;
}

.social-media-icons {
    text-align:     right;
}
.social-media-icons i {
    font-size:     41px;
    margin-left: 6px;
}

.add_product_to_cart .regular_price {
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    margin-top: 5px;
    min-height: 53px;
}

.product_preview .add_to_cart_container {
    max-width: 100%;
    text-align: center;
}

.product_list:not(.list) .product_preview .image.flex-center a,
.product-configurator-category .image.flex-center {
    flex-basis:100%;
}

.product-configurator-category .product_image {
    flex-shrink: 0;
}

.product_list h3 div {
    font-weight: bold;
    color: #00b0e4;
    text-transform: uppercase;
    margin: 30px 0px;
    letter-spacing: 1px;

}

.add_to_cart i.fa-cart-plus::before {
    font-family: sans-serif;
    font-weight: 400;
    content:"ADD TO CART";
}

.add_product_to_cart input[type=number] {
    height: 2rem;
}

.add_product_to_cart .col-5 {
    flex: 0 0 60%;
    max-width: 60%;
}

.add_product_to_cart .col-7 {
    flex: 0 0 40%;
    max-width: 40%;
    text-align: left;
    padding-top: 20px;
    padding-left: 3px;
}

/*.add_to_cart .fa-cart-plus {
    display: none;
}*/
/*.product_list:not(.list) .product_preview .product_short_description {
    height: 90px;
}*/

.product_list:not(.list) .product_preview .card > div:nth-child(3) {
    max-height: 96px;
    min-height: 96px;
    overflow: hidden;
}

.product_list:not(.list) .product_preview .card .product-pricing {
    margin-bottom:  7px;
}

.product_list.list .product_preview .add_to_cart_container {
    margin:0px;
}

.product_list:not(.list) .product_preview .product_quantity_breaks {
    padding: 0 !important;
}


.product_list.list .product_preview .quantity-break-column {
    margin:0;
}

.product_preview .quantity-breaks-grid-view {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.product_list:not(.list) .product_preview .quantity-breaks-grid-view {
    width:100%;
}

.add_product_to_cart {
    max-width: 177px;
    margin: 0 auto;
    margin-bottom: 6px;
    min-width: 140px;
}

#searchApp > .view.overlay.hm-white-slight #product_code_image_id {
        max-width: 354px;
    margin-right: 10px;
}

#searchApp > .view.overlay.hm-white-slight {
        display: inline-block;
    float: left;
        margin-bottom: 41px;
        margin-right:20px;

}

#searchApp > .view.overlay.hm-white-slight .manufacturer-image {
    border:1px solid #bbb;
    padding:20px;
}

#searchApp > form:1st-child {
    clear: both;
    padding-top: 19px;
}

#searchApp .zs-clear-left {
    clear:both;
}

.browse_sub_categories {
    clear:both;
    width:100%;
}

.browse_sub_categories {
        margin-top: 30px;
    display: inline-block;
}

.product_category h4 {
    display:none;
}

.product_category {
    text-align: center;
    height: 100%;
    line-height: 22px;
    padding: 6px;
    font-size: 15px;
}

.browse_sub_categories .row-eq-height {
        margin-bottom:  24px;
}

.footer-icons {
    text-align: center;
    margin: 60px 0 30px 0;
}

.footer-icons img {
    max-width: 600px;
}

.product-price.list-price .text-danger {
    color: #444 !important;
}

#configurator-product-image {
    display: inline-block;
}

#productConfiguratorApp #font-size {
    border: 1px solid #ccc !important;
}

.sign-builder-message {
    text-align: center;
    border:1px solid #3c763d;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 20px 20px 5px 10px;
}

a.ui-menu-item-wrapper {
    display: inline-block;
    width: 100%;
}

a.ui-menu-item-wrapper .flex-row > div {
    padding: 0;
}

.ui-widget.ui-widget-content {
    max-height: 400px;
    overflow-y: scroll;
}


.manufacturers .manufacturer .manufacturer-name {
    width: 100%;
}

.carousel-arrow-next {
        width: 38px;
}

#oo_filter,
#wo_filter,
#io_filter {
    margin-top: 8px !important;
}

#checkout-warning-modal .modal-header {
    background-color: black;
}

#checkout-warning-modal .modal-body .text-danger {
    color: black !important;
}

.checkout-sticky {
    font-size: 12px;
}

.checkout-sticky hr {
    display: none;
}

.checkout-sticky {
    top:68px !important;
    background-color: white;
}


.checkout-sticky .card-title {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: bold;
}

.checkout-sticky > div:nth-child(2) {
    margin-top: 16px !important;
    box-shadow: none;
}

.checkout-sticky > div:nth-child(3) {
    margin-top: 0px !important;
    box-shadow: none;
}

.checkout-sticky > div:nth-child(2) .card-body ,
.checkout-sticky > div:nth-child(3) .card-body {
    padding:0px !important;
}



.pricing_and_discounts .form-check-label {
    padding-left: 0;
    text-align: left;
}

#po_num {
    border: 1px solid rgba(0,0,0,.15);
    margin-top:10px;
}

.order-item .product-qty {
    height: 17px;
    border: 1px solid #ccc;
    margin: 0;
    border-right: none;
    padding: 8px 11px;
    max-width: 52px;
}

.order_review_table .card-footer {
    border: none;
    text-align: right;
    padding: 0;
}

.order_review_table .card-footer .form-check-label {
    font-size: 12px;
    padding-left: 24px;
}
.order_review_table hr {
    border-color: #bbb;
}

.breadcrumb {
    background-color: #eee;
    padding: 3px;
    margin-top:0;
    margin-bottom: 38px;
}


#productConfiguratorApp {
    padding-right: 0px;
    padding-left: 0px;
}


.MappingDiagrams .product-area {
    background: none;
    border-radius: 50%;
}

.MappingDiagrams .product-area:hover,
.MappingDiagrams .product-area.product-area-selected {
  -moz-box-shadow:    0 0 4px 4px red;
  -webkit-box-shadow: 0 0 4px 4px red;
  box-shadow:         0 0 4px 4px red;
}

.MappingDiagrams .step-indicator .choose-1,
.MappingDiagrams .step-indicator .choose-2,
.MappingDiagrams .step-indicator .choose-5 {
    color: white !important;
    background-color: #ff3b3b;
    display: inline !important;
    font-size: 12px;
    padding: 2px 4px;
}

.MappingDiagrams .step-indicator .step-label-1,
.MappingDiagrams .step-indicator .step-label-2,
.MappingDiagrams .step-indicator .step-label-3,
.MappingDiagrams .step-indicator .step-label-4,
.MappingDiagrams .step-indicator .step-label-5 {
    display:block !important;
}

.MappingDiagrams .product_preview .quantity-break-information {
    min-width:  250px;
}

.MappingDiagrams .product_preview .card {
    text-align: center; 
}

.MappingDiagrams #mapping-diagram-right {
    font-size: 13px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#mapping-diagram-right .product-pricing {
    white-space: nowrap;
}

.diagram-selectors-list > div:nth-child(3),
.diagram-selectors-list > div:nth-child(4) {
    margin-top:24px;
}

.diagram-container .container {
    width: 100%;
}

.MappingDiagrams .step-indicator {
    color: #00b0e4 !important;
}

.MappingDiagrams .no-diagram-container {
    font-size: 32px;
    color: #00b0e4;
}

.search-controls input[type=text] {
    border: 1px solid #bbb;
    padding: 0 7px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.add-product-to-favourite .fas.fa-heart {
    font-weight: 400;
}

.add-product-to-favourite.is-favourite .fas.fa-heart {
    font-weight: 900;
}

.live-area-index {
    display:none;
}

.enhanced-colour-filters .enhanced-filter {
    max-width: 132px;
    height: 30px;
}

.enhanced-image-filters .enhanced-filter.selected {
    border: 2px solid #00b0e4;
}

.enhanced-filters .enhanced-filter .enhanced-filter-text span {
    font-size: 12px;
}

 .enhanced-image-filters .enhanced-filter {
    margin:0;
 }

.search-controls label {
    width: 100%;
    padding: 3px 10px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #00b0e4 !important;
    color: white;
}

.step-1---choose-cylinder-type .enhanced-filters .enhanced-filter .enhanced-filter-text,
.step-2---choose-collar-shape .enhanced-filters .enhanced-filter .enhanced-filter-text,
.choose-paint-type .enhanced-filters .enhanced-filter .enhanced-filter-text {
    display: none;
}

.collar-search-actions {
    display: none;
}

.productImages .image {
    border: none;
}

.qb_pricing {
    font-size: 14px;
    font-weight: bold;
}

.qb_ranges {
    font-size: 14px;
    font-weight: 500;
}

/*//Product Details//*/

#details-tabs .nav-item {
    font-size: 20px;
    margin: 0 10px;
}

#details-tabs .nav-link:not(.active) {
    background-color: rgba(255,255,255,.07);
}


.row-label {
    text-transform: none;
    font-size: 17px;
    color: #555;
    font-weight: 500;
    margin-top: 0px;
}

.detail {
    margin: 16px 0 0;
}

.detail .col-12.col-lg-3 {
    margin-left: 14%;
}

.qb_vertical {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 0 !important;
}

.qb_vertical .row {
        margin: 0;
}

.qb_ranges,
.qb_pricing {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 3px 10px;
    white-space: nowrap;
}

#product-details .product_short_description {
    color: #00b0e4 !important;
}

#product-details .add_product_to_cart {
    float:right;
    clear:both;
}

.view_all_favourites_link a.footnote,
.product-details-available-pack-sizes a {
    color: #00b0e4;
}


.product-details-available-pack-sizes a:hover {
    color: #024c77;
}


#availablepacksizes-products {
    padding-top:36px;
}

.quote_submission_message {
    color: #00b0e4;
}

.header-contact {
    text-align: right;
    font-size: 12px;
    color: #00b0e4;
    clear: both;
    position: absolute;
    top: 89px;
    right: 0;
}

.header-contact a {
    color: #00b0e4;
    font-weight: bold;
    padding: 2px;
    white-space: nowrap;
}

body.scrolled #section-before-main .header-contact {
    top: 51px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#content .logout a {
    color: white;
    background-color: #00b0e4;
    padding: 10px;
}

@media print {

    @page {
        margin:1cm;
    }

    html,body {
        height:100vh;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden;
    }

    body a,body p,body span,body div {
        font-family:Arial,Helvetica,sans-serif !important;
        font-size:12px;
    }

    div {
        page-break-inside:avoid;
    }

    #cart-modal {
        position:absolute;
        left:0;
        top:0;
        right:0;
        overflow:hidden
    }

    * {
        overflow:visible!important;
    }

    #cart-modal .modal-header {
        display: none;
    }

   .cart-item img {
        max-width: 100px;
    }

    .cart-item a {
        text-decoration: none;
    }
    
    #cart-added-products {
        display: none;
    }

    .cart-item input[type=number] {
        max-width: 50px;
        float:right;
    }

    .modal-cart-controls {
        display:none;
    }
}

.home #content .row .col {
    position: relative
}

.home #content .row .col .search-bar,.home #content .row .col .widget.quick-entry {
    position: absolute;
    top: 150px;
    width:39%;
    transition: none
}

.home #content .row .col .search-bar {
    left: 10%
}

.home #content .row .col .widget.quick-entry {
    right: 10%;
    padding-top: 37px;
    margin-top: 0px
}

.home #content .row .col .widget.quick-entry #quick-entry-form {
    background-color: white;
    border-radius: 100px
}

.home #content .row .col .widget.quick-entry #quick-entry-criteria {
    width: 100%;
    max-width: unset;
    border: none;
    height: 40px;
    padding-left: 30px
}

.home #content .row .col .widget.quick-entry #quick-entry-qty {
    padding-top: 5px;
    border: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee
}

.home #content .row .col .widget.quick-entry #quick-entry-form .qty_info {
    margin-left: auto
}

.home #content .row .col .widget.quick-entry #quickEntryAddToCart {
    background: transparent !important;
    box-shadow: none;
    color: #0081cc !important
}

.home #content .row .col .widget.quick-entry input[type="text"] {
    background-color: transparent
}

.home #content .row .col .search-bar .search-bar-form {
    background-color: white;
    border-radius: 100px;
    height: 45px
}

.home #content .row .col .search-bar .search-autocomplete.form-control {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-color: transparent
}

.home #content .row .col .search-bar .search-autocomplete.form-control:hover,.home #content .row .col .search-bar .search-autocomplete.form-control:focus {
    box-shadow: none !important;
    border: none !important
}

.home #content .row .col .search-bar .search-bar-button {
    background-color: transparent !important;
    color: #0081cc !important
}