::selection {
    background: #ffb7b7; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #ffb7b7; /* Gecko Browsers */
}

.green {
    color: rgb(76, 174, 76);
}

.ltgray {
    color: rgba(93, 93, 93, 0.5);
}

.blue {
    color: rgb(95,158,160);
}

.red {
    color: red;
}

.digital-catalog-list .table-container {
    width: 100%;
    height: 100%;
}

    .digital-catalog-list .table-container table {
        margin: 0 auto;
    }

.catalog-top-info p {
    border: 1px solid #e3dede;
    padding: 14px;
    border-radius: 3px;
    background: #efefef;
    margin-bottom: 12px;
    color: #787878;
    font-size: 15px;
}

    .catalog-top-info p strong {
        cursor: pointer;
        color: #6666af;
    }


table.scanItemBulkEntry {
    width: 100%;
}

    table.scanItemBulkEntry thead, table.scanItemBulkEntry tbody, table.scanItemBulkEntry tr, table.scanItemBulkEntry td, table.matin th {
        display: block;
    }

        table.scanItemBulkEntry tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        table.scanItemBulkEntry thead th {
            height: 30px;
            /*text-align: left;*/
        }

    table.scanItemBulkEntry tbody {
        overflow-y: auto;
    }

    table.scanItemBulkEntry thead {
        /* fallback */
    }

#previewCartItems-container {
    overflow: auto;
    max-height: 500px;
}


    #previewCartItems-container .spinner-text {
        text-align: center;
        font-weight: 600;
        color: #777;
        margin-top: 7px;
    }

table.scanItemBulkEntry tbody td:nth-child(1), table.scanItemBulkEntry thead th:nth-child(1) {
    width: 40%;
    float: left;
}

table.scanItemBulkEntry tbody td:nth-child(2), table.scanItemBulkEntry thead th:nth-child(2) {
    width: 40%;
    float: left;
}

table.scanItemBulkEntry tbody td:nth-child(3), table.scanItemBulkEntry thead th:nth-child(3) {
    width: 20%;
    float: left;
}

table.scanItemBulkEntry tbody td:last-child, table.scanItemBulkEntry thead th:last-child {
    width: 20%;
    float: left;
}

table.scanItemBulkEntry .showVueColorBackground {
    background-color: purple;
    color: #FFF;
}

.scanItemBulkEntry .showVueColorBackground .remove {
    color: #c78f8f;
}

.scanItemBulkEntry .showVueColorBackground .item {
    color: purple;
    font-weight: 600;
}

table.scanItemBulkEntry tbody tr:hover {
    background: #eee;
}

.scanItemBulkEntry .remove {
    text-align: center;
    font-size: 22px;
    color: #8b0000;
}

    .scanItemBulkEntry .remove:hover {
        color: red;
        cursor: pointer;
    }

table.scanItemBulkEntry > thead > tr > th {
    border: none;
    background: #d6d6d6;
    color: #757575;
}

#keyboard {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

    #keyboard li {
        float: left;
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        border: 1px solid #f9f9f9;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #eee;
    }

        #keyboard li:hover {
            position: relative;
            top: 1px;
            left: 1px;
            border-color: #e5e5e5;
            cursor: pointer;
        }
/* ========== CUSTOM CATEGORY MENU NAVIGATION ==================== */
.myCustomSubmenu {
    left: 30px;
}

.rotate90 {
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.search-product-container {
    top: 28%;
    height: 38px;
    color: #fff;
    position: fixed;
    width: 0px;
    text-align: center;
    line-height: 40px;
    left: -15px;
    transition: 0.5s ease-in-out;
    z-index: 10000;
}

    .search-product-container.active {
        transition: 0.5s ease-in-out;
        width: 200px;
    }


.veritcalSearchInput {
    left: 20px;
    z-index: 799;
    top: 38%;
    position: fixed;
    padding: 6px 3px;
    text-transform: uppercase;
    opacity: 0.966;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: inline-block;
}

.searchProductInput {
    width: 179px;
    border-radius: 0px;
    background: #FFF;
}

.toggle-backBtn {
    width: 100%;
    color: #777;
}

.myCustomNavigation.active {
    -webkit-transform: translate(1px,0px);
    -moz-transform: translate(1%,0px);
    -ms-transform: translate(1%,0px);
    -o-transform: translate(1%,0px);
    transform: translate(1%,0px);
    box-shadow: 2px 2px 1px -1px rgba(240,240,240,1);
}

.myCustomNavigation {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
    transition: 2.5s ease-in-out;
    position: fixed;
    left: 0;
    top: 465px;
    z-index: 10000;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translate(-200px,0px);
    -moz-transform: translate(-200px,0px);
    -ms-transform: translate(-200px,0px);
    -o-transform: translate(-200px,0px);
    transform: translate(-200px,0px);
}

.myCustomNavigation {
    width: 13em;
    background: rgba(255, 255, 255, 0.966);
    /*background: #333333;*/
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    transition: 0.5s ease-in-out;
    zoom: 1;
    border: 1px solid #ececec;
}

    .myCustomNavigation ul,
    .myCustomNavigation ul li,
    .myCustomNavigation ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .myCustomNavigation ul {
        position: relative;
        z-index: 500;
        float: left;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .myCustomNavigation ul li {
            float: left;
            min-height: 0.05em;
            line-height: 1em;
            vertical-align: middle;
            position: relative;
        }

            .myCustomNavigation ul li.hover,
            .myCustomNavigation ul li:hover {
                position: relative;
                z-index: 510;
                cursor: default;
            }

        .myCustomNavigation ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0px;
            z-index: 520;
            width: 100%;
        }

            .myCustomNavigation ul ul li {
                float: none;
            }

            .myCustomNavigation ul ul ul {
                top: 0;
                right: 0;
            }

        .myCustomNavigation ul li:hover > ul {
            visibility: visible;
            border: 1px solid #ececec;
            box-shadow: 2px 2px 1px -1px rgba(240,240,240,1);
        }

        .myCustomNavigation ul ul {
            top: 0;
            left: 99%;
        }

        .myCustomNavigation ul li {
            float: none;
        }

        .myCustomNavigation ul ul {
            margin-top: 0.05em;
        }



    .myCustomNavigation:before {
        content: '';
        display: block;
    }

    .myCustomNavigation:after {
        content: '';
        display: table;
        clear: both;
    }

    .myCustomNavigation a {
        display: block;
        padding: 0.3em 0.7em;
        color: #ffffff;
        text-decoration: none;
    }

    .myCustomNavigation > ul {
        width: 13em;
    }

    .myCustomNavigation ul ul {
        width: 13em;
    }

    .myCustomNavigation > ul > li > a {
        color: #908e8e;
    }

        .myCustomNavigation > ul > li > a:hover {
            color: #9c9c9c;
        }

    .myCustomNavigation > ul > li a:hover,
    .myCustomNavigation > ul > li:hover a {
        background: rgba(248, 248, 248, 0.95);
        font-weight: 400;
    }

    .myCustomNavigation li {
        position: relative;
    }

    .myCustomNavigation ul li.has-sub > a:after {
        content: '›';
        position: absolute;
        right: 1em;
    }

    .myCustomNavigation ul ul li.first {
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
    }

    .myCustomNavigation ul ul li.last {
        -webkit-border-radius: 0 0 3px 0;
        -moz-border-radius: 0 0 3px 0;
        border-radius: 0 0 3px 0;
        border-bottom: 0;
    }

    .myCustomNavigation ul ul {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

        .myCustomNavigation ul ul a {
            color: #9c9c9c;
        }

            .myCustomNavigation ul ul a:hover {
                color: #9c9c9c;
            }

        .myCustomNavigation ul ul li:hover > a {
            background: #ffffff;
            color: #9c9c9c;
        }

    .myCustomNavigation.align-right > ul > li > a {
        border-left: 0.3em solid #34A65F;
        border-right: none;
    }

    .myCustomNavigation.align-right {
        float: right;
    }

        .myCustomNavigation.align-right li {
            text-align: right;
        }

        .myCustomNavigation.align-right ul li.has-sub > a:before {
            content: '+';
            position: absolute;
            top: 50%;
            left: 15px;
            margin-top: -6px;
        }

        .myCustomNavigation.align-right ul li.has-sub > a:after {
            content: none;
        }

        .myCustomNavigation.align-right ul ul {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: -100%;
            z-index: 598;
            width: 100%;
        }

            .myCustomNavigation.align-right ul ul li.first {
                -webkit-border-radius: 3px 0 0 0;
                -moz-border-radius: 3px 0 0 0;
                border-radius: 3px 0 0 0;
            }

            .myCustomNavigation.align-right ul ul li.last {
                -webkit-border-radius: 0 0 0 3px;
                -moz-border-radius: 0 0 0 3px;
                border-radius: 0 0 0 3px;
            }

        .myCustomNavigation.align-right ul ul {
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
        }




/* ========== CUSTOM CATEGORY MENU NAVIGATION ENDS HERE ==================== */














input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

input[type="search"]::-webkit-search-cancel-button {
    /* Remove default */
    /*-webkit-appearance: none;*/
    /* Now your own custom styles */
    height: 10px;
    width: 10px;
    background: red;
    /* Will place small red box on the right of input (positioning carries over) */
}

@-webkit-keyframes reducetime {
    0% {
        width: 20%;
    }

    100% {
        width: 100%;
    }
}

#myCustomSearch {
    border: none;
    box-shadow: none;
    float: right;
}

    #myCustomSearch:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(60, 118, 61);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(60, 118, 61);
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: reducetime;
    }

.printOrderYesBtn {
    background: #99ab79;
    color: #FFF;
    min-width: 72px;
}

.buyerName-input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}

#paragraphs .clickHere {
    border: 1px solid #a7a7a7;
    padding: 8px;
}

.clear-search {
    position: absolute;
    right: 31px;
    top: 5px;
    font-size: 16px;
    font-weight: 900;
    color: #959292;
    opacity: 0.8;
    cursor: pointer;
    padding-left: 6.5px;
    padding-right: 6.5px;
    border: 2px solid #c6c6c6;
    border-radius: 38%;
    z-index: 100;
}

.main-header .myBadge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px;
    margin-left: 5px;
}

.bgColorGreen {
    background-color: #0F9B0F;
    color: #FFF;
}

.bgColorBlack {
    background-color: black;
    color: #FFF;
}

.bgColorBlue {
    background-color: mediumblue;
    color: #FFF;
}

.bgColorRed {
    background-color: red;
    color: #FFF;
}

.bgColorPurple {
    background-color: purple;
    color: #FFF;
}

.bgColorOrange {
    background-color: orange;
    color: #FFF;
}

.bgColorBrown {
    background-color: #B39767;
    color: #FFF;
}

.bgColorSoftGreen {
    background-color: #59915a;
    color: #FFF;
}

.bgColorYellow {
    background-color: #e5d512;
    color: #FFF;
}

.FontColorYellow {
    color: #e5d512;
}

.FontColorGreen {
    color: #0F9B0F;
}

.FontColorSoftGreen {
    color: #59915a;
}

.FontColorBlack {
    color: black;
}

.FontColorBlue {
    color: mediumblue;
}

.FontColorRed {
    color: red;
}

.FontColorPurple {
    color: purple;
}

.FontColorOrange {
    color: orange;
}

.FontColorBrown {
    color: #B39767;
}

iframe {
    width: 100%;
    height: 500px;
}

a:hover {
    font-weight: 600;
}
/*overrides of other styles*/
.cart .main-nav-postLogIn-container {
    height: 84px;
}


/*start with mobile/global styles*/
h4 {
    color: #3C763D;
}

/* This got changed to a color: Who ever did it... Why?*/
/*a {color: rgb(76, 174, 76)}*/

label {
    color: rgb(119, 119, 119);
    font-weight: normal;
}

p {
    font-size: 1.25em;
    line-height: 1.5;
}


/*Style scrollbar ends here*/

/* 
section {
/*Line below commented out to fix the issue of having gutter on the left side of video section*/
/*padding: 100px 0 0 50px;
margin-top: -3em;*/
}

input[type=email] { /*max-width:300px;*/
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    height: 18px;
    width: 13px;
    left: 37px;
    top: 5px;
}

.small-checkbox {
    height: 18px;
    width: 13px;
    left: 37px;
    top: 0px;
    position: absolute;
    margin-left: -20px;
    margin: 4px 0 0;
}
/*Line below commented out to fix the position of the Copyright text*/
/*footer span.copyright {float: left; white-space:nowrap;}*/
footer .list-inline > li {
    white-space: nowrap;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

    .row .side-border {
        margin: 20px 0;
        padding: 10px 0 40px 0;
        border-top: 1px solid rgba(93, 93, 93, 0.5);
        border-bottom: 1px solid rgba(93, 93, 93, 0.5);
        clear: both;
    }


#PostNavbar .multipleGroup {
    margin-bottom: 5px;
}

#notification-container {
    position: fixed;
    z-index: 20000;
    top: 89px;
    right: 47px;
    width: 350px;
}

.my-info {
    background: #f9f9f9 !important;
}

.productList-item-cart-quantity .itemCartQty {
    padding: 0px 6px;
    border-radius: 3px;
    color: #FFF;
}

.cartQty-icon {
    font-size: 14px;
    margin-right: -2px;
    padding: 2.5px;
    border-radius: 3px;
    color: #FFF;
}

.my-info p {
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 600;
}

.my-img i {
    font-size: 30px;
    color: #777;
    float: right;
    padding-top: 5px;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternative;
    -moz-animation-direction: alternative;
    -ms-animation-direction: alternative;
    -o-animation-direction: alternative;
    animation-direction: alternative;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

form {
    margin-bottom: 60px;
}

.form-horizontal .form-group {
    margin-right: 20px;
    margin-left: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 35px;
}

.text-danger, .validation-summary-errors {
    color: #e74c3c;
}

.order-download {
    border: 1px solid #dedede;
    margin-bottom: 5px;
    padding: 10px;
}

.help-block {
    margin-left: 20px;
}

.wait-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 1.0;
    z-index: 500;
    /*display: none;*/
}

.home .wait-container {
    opacity: 1.0 !important;
}

.chromeRecommend {
    text-align: center;
    color: #7a7876;
    background: #ffd800;
}

#wait-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: .99;
    z-index: 1000;
    /*display: none;*/
}

    #wait-container .message {
        padding-top: 100px;
        margin-left: -35px;
        /* font-size: 20px; */
        color: gray;
    }

.okBtn {
    width: 100px;
    background-color: #81cbff;
    color: #fff;
}

.catalog-1.selected, .catalog-2.selected, .catalog-3.selected {
    border: 4px solid #99AB79;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
}

.wait-indicator {
    /*background-image: url('../images/wait-64.GIF');*/
    background-image: url('../images/forms/spinner-1-64.gif');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 50%;
    margin-top: 20%;
    z-index: 501;
    position: fixed;
}

.algolia-wait-indicator {
    /*background-image: url('../images/wait-64.GIF');*/
    background-image: url('../images/forms/spinner-1-32.gif');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 50%;
    margin-top: 20%;
    z-index: 501;
    position: fixed;
}

.slick-spinner {
    background-image: url('../images/forms/spinner-1-64.gif');
    background-repeat: no-repeat;
    position: fixed;
    left: 54%;
    bottom: 12%;
}

form#contactForm {
    margin-bottom: 60px;
}

.intro p {
    font-size: 25px;
    line-height: 1.75;
}

#page-container {
    margin-top: 120px;
}

#contact-addresses {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.contact h4 {
    margin-top: 30px;
}

/*Line below commented out to change the background color of About section to white*/
/*.about, .contact {background-color: #f7f7f7;}*/

.about h3,
.contact h3,
.trade h3 {
    text-align: center;
}

.trade input#password {
    width: 200px;
    /* float: right; */
    position: relative;
    top: -34px;
    left: 180px;
}

.trade #password + a {
    position: relative;
    top: -20px;
    left: 200px;
}

.about img.img-responsive.center-block,
.contact img.img-responsive.center-block,
.trade img.img-responsive.center-block {
    margin-bottom: 20px;
}

/*removed padding of trade page buttons*/
/*.trade .col-xs-12.col-md-4,
.trade .col-xs-12.col-md-6 {
padding-left: 35px;
}*/

#show-schedule {
    width: 450px;
    font-size: 1.25em;
    line-height: 1.5em;
}

.schedule-item .title {
    margin-bottom: 20px;
}

.emphisis, .date, .location {
    font-weight: bold;
}

.location {
    margin-bottom: 10px;
}

.date {
    float: left;
}

.details {
    margin: 0 0 20px 100px;
}


#message-box {
    position: fixed;
    top: 140px;
    left: 100px;
    z-index: 100;
    display: none;
}

#message-container {
    border: 1px solid #8a8a8a;
    min-width: 300px;
    background-color: #fff;
}

#message-title {
    padding: 10px;
    background-color: #8a8a8a;
    color: #fff;
    font-weight: bold;
}

#message-body {
    padding: 10px;
}

#message-buttons {
    text-align: right;
    padding: 10px 20px;
}

    #message-buttons button {
        padding: 5px;
        margin-left: 15px;
        z-index: 2000;
    }

/*product styles*/

.row.product {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
}

.row.product, #product-results, #product-filter {
    bottom: 90px;
}

.product-search button {
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.product-search input {
    font-weight: normal;
}

.product footer {
    /*removed the postion so that the footer stays at the bottom of the page*/
    position: relative;
    left: 0;
    right: 0;
    bottom: 0px;
}

.product-pager-container.row {
    position: relative;
    clear: both;
    height: 72px;
}

    .product-pager-container.row .btn-left {
        position: absolute;
        top: 20px;
    }

    .product-pager-container.row .btn-right {
        position: absolute;
        right: 0;
        top: 20px;
    }

.product-pager-products {
    position: absolute;
    left: 90px;
    right: 80px;
    overflow: hidden;
    height: 72px;
}

.product-banner {
    display: table;
    height: 75px;
    width: 95%;
    text-align: center;
}

.product-banner-text {
    display: table-cell;
    vertical-align: middle;
    border: 2px dashed #999;
    width: 100%;
    padding: 10px;
}


.product-item-specs td {
    padding-right: 5px;
}

#filter-list {
    /*margin-left: -10px;*/
}

#product-filter {
    /*position: fixed;
top: 130px;
/*width: 250px;*/
    /*margin:0;
padding:0;
border-right: 1px solid  rgba(93, 93, 93, 0.5);
overflow-y:auto;
overflow-x:hidden;*/
    /*left: 20px;*/
    padding-right: 0.5em;
    border-right: 1px solid #EFECEC;
}

#product-side-bar {
    /*border-right: 1px solid  rgba(93, 93, 93, 0.5);*/
    /*overflow-y:scroll;
height: 100%;*/
    /*width: 250px;*/
    float: left;
    max-height: 100%;
    height: 100%;
    direction: rtl;
}

.Chrome #product-side-bar, .Safari #product-side-bar {
    overflow-y: overlay;
}

.Edge #product-side-bar, .Firefox #product-side-bar, .Opera #product-side-bar, .IE #product-side-bar {
    overflow-y: auto;
}

#product-side-bar.scroll-inactive {
    /*margin-left: 12px;*/
}

#product-side-bar-container {
    /*position: fixed;*/
    height: 65%;
    /*top: 130px;*/
    width: 100%;
    overflow: hidden;
}

#product-side-bar .filter-list {
    height: 100%;
}


#product-side-bar ul ul > li {
    /*color:#61B36B;*/
}

#filter-list, #filter-list-signage {
    direction: ltr;
    padding-left: 15px;
    cursor: pointer;
}

#product-side-bar:hover {
    /*overflow-y: overlay;*/
}

#product-filter {
    position: fixed;
    top: 160px;
    width: 180px;
    height: 100%;
    overflow: overlay;
    padding-left: 5px;
    padding-right: 5px;
    transition: top .8s ease-out 0s;
}

    #product-filter.shrink {
        top: 40px;
        transition: top .8s ease-out 0s;
    }

.product-breadcrumb {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 3px;
    line-height: 35px;
    margin-bottom: 10px;
}

.product-list-message {
    text-align: center;
}

#product-left-side-bar-fixed {
    margin-left: 11px;
}

    #product-left-side-bar-fixed li {
        border: 1px solid #EFECEC;
        text-align: center;
        margin-bottom: 5px;
        background-color: #F9F9F9;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #333;
    }

        #product-left-side-bar-fixed li:hover {
            border: 1px solid #DEDEDE;
            text-align: center;
            margin-bottom: 5px;
            background-color: #F9F9F9;
            padding-top: 5px;
            padding-bottom: 5px;
            color: #3C763D;
            cursor: pointer;
        }

        #product-left-side-bar-fixed li:last-child {
            border: none;
            text-align: center;
            background-color: #FFF;
        }

#product-side-bar li ul li {
    /* border: 1px solid gray;*/
    text-align: center;
    margin-bottom: 5px;
    /* background-color: #F2F5FF;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

#product-side-bar .filter-item {
    border: 1px solid #EFECEC;
    text-align: center;
    margin-bottom: 5px;
    background-color: #F9F9F9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}

    #product-side-bar .filter-item:hover {
        border: 1px solid #DEDEDE;
        text-align: center;
        margin-bottom: 5px;
        background-color: #F9F9F9;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #333;
        font-size: 13px;
    }

#product-filter ul {
    list-style: none;
}

#product-side-bar #filter-signage a {
    color: #8E8E8E;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 600;
}

    #product-side-bar #filter-signage a:hover {
        color: #3C763D;
    }

#product-side-bar ul li {
    /*padding:5px 10px;*/
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    /*font-weight:600;*/
}

#product-side-bar .category-name {
    border: 1px solid #EFECEC;
    text-align: center;
    margin-bottom: 5px;
    background-color: #F9F9F9;
    padding: 5px;
    padding-bottom: 5px;
    color: #333;
    font-size: 14px;
    /*font-weight:600;*/
}

    #product-side-bar .category-name:hover {
        border: 1px solid #DEDEDE;
        text-align: center;
        margin-bottom: 5px;
        background-color: #F9F9F9;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #3C763D;
    }

    #product-side-bar .category-name.selected {
        border: 1px solid #CACACA;
        text-align: center;
        margin-bottom: 5px;
        background-color: #ddd;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #777;
        font-weight: 600;
        font-size: 13px;
    }

#product-left-side-bar-fixed .input-group {
    border: 1px solid #EFECEC;
}

#product-left-side-bar-fixed #filter-searchString {
    -webkit-box-shadow: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    #product-left-side-bar-fixed #filter-searchString:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-color: #3C763D;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    }

.greenBorder {
    border: 2px solid #72d872 !important;
    border-radius: 0px;
}

#product-left-side-bar-fixed .input-group:hover {
    border: 1px solid #DEDEDE;
}

#product-left-side-bar-fixed #filter-search-button i {
    color: #A0A0A0;
}

    #product-left-side-bar-fixed #filter-search-button i:hover {
        color: #777;
    }

#product-left-side-bar-fixed #filter-search-button:focus {
    border: none;
}

#product-left-side-bar-fixed #filter-search-button {
    border: 1px solid #afafaf;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

#product-left-side-bar-fixed li.selected {
    border: 3px solid #CACACA;
    text-align: center;
    margin-bottom: 5px;
    background-color: #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #777;
    font-weight: 600;
}

.product-side-bar-sub-menue {
    border: none !important;
    text-align: center;
    margin-bottom: 5px;
    background-color: #FFF !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .product-side-bar-sub-menue:hover {
        background-color: #ECECEC !important;
    }

    .product-side-bar-sub-menue li {
        border: none !important;
        text-align: center;
        margin-bottom: 5px;
        background-color: #FFF;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

#product-filter .filter-item.selected {
    background-color: #777 !important;
    color: #FFF;
}

#product-filter div.filter-item:hover {
    /*background-color: rgb(210, 210, 210);*/
}


#product-results {
    /*position: fixed;
top: 130px;
left: 260px;
right:1px;
overflow-y:auto;*/
    overflow-x: visible;
    padding: 0 20px;
}

.collection-items-image {
    height: 105px;
}

    .collection-items-image img {
        max-height: 100px;
    }

.rankOrder-note {
    background: #ffffbb;
    padding: 5px;
    font-weight: 600;
    color: #bf8e33;
    border-left: 3px solid orange;
}

.collection-items-item {
    /*width: 180px;*/
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.collection-items-container {
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    direction: ltr;
    width: 250px;
}

.collection-items-pnumber {
    /*width: 180px;*/
    word-wrap: break-word;
    font-size: 14px;
    text-align: center;
}

.product-item-container {
    float: left;
    border: 1px solid transparent;
    /*margin-right: 40px;*/
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    /*Uncommented line below to make the product items responsive in large screens*/
    /*width:300px;*/
    /* MM - 12/17 - don't want images responsive*/
    /*height: 200px;*/
    width: 200px;
}

    .product-item-container.center-block:hover {
        /*border: 1px solid #99AB79;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);*/
    }

table.product-item-qty {
    margin-left: 2px;
}

.categories-container {
    margin-bottom: 20px;
    margin-left: 35px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

.category-item-title {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    color: #777;
}

.product-related-title {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    color: #777;
}

#slick-container1 .slick-slide img {
    margin-left: auto;
    margin-right: auto;
}

.product-item-container:hover {
    /*background-color: rgb(221, 221, 221);*/
}

.product-item-image {
    min-height: 300px;
}


.product-detail-container-table .product-item-pnumber {
    text-align: left;
}

.price-list {
    height: 50px;
}

#product-list-container .product-item-container.center-block {
    background-color: white !important;
    height: 400px;
    width: 201px;
}

.product-item-image:hover, .product-item-item:hover, .product-item-pnumber:hover, .product-item-item2:hover, .product-item-detail:hover, .price-qty:hover, .price-list-1:hover, .price-list-2:hover, .price-list-3:hover {
    cursor: pointer;
}

.product-item-container:hover, .product-item-image {
}

.product-item-upc {
    margin: 2px;
}

.product-item-item {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    /*min-height:55px;*/
    font-size: 14px;
}

    .product-item-item.hyperlink-like {
        max-height: 55px;
    }

.product-item-title {
    text-align: center;
    font-size: 1.1em;
}

.homartRed {
    color: #8B0000;
}

.product-item-container:hover .product-item-title {
    /*color: #4cae4c;*/
    font-weight: bold;
}

.product-item-container.center-block.selected {
    /*background-color: rgb(221, 221, 221);*/
}

.product-item-images img {
    height: 50px;
    float: left;
    margin: 10px;
    border: 1px solid rgba(93, 93, 93, 0.5);
    cursor: pointer;
}

    .product-item-images img.selected, .view-larger-content img.selected {
        border: 2px solid #e47911;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(179, 124, 124);
    }

.product-pager-container .selected {
    border: 1px solid rgb(95,158,160);
    padding: 10px;
}

.product-pager-container img {
    cursor: pointer;
}

#filter-collections:after {
    content: "";
}

#filter-my-products:after {
    content: "";
}

.rollOverCall {
    cursor: default;
}

.rollOverCall, .viewLarger {
    margin: 9px 0 0;
}

    .rollOverCall span, .viewLarger span {
        text-transform: uppercase;
        color: #777;
        font-size: 12px;
    }

    .rollOverCall i, .viewLarger i {
        padding-right: 4px;
        color: #777;
        font-size: 15px;
    }

.product-category-img {
    /*max-height: 200px;*/
    /*margin-bottom: 30px;*/
}

.collection-item-detail, .companion-item-detail, .collection-item-item2 {
    font-size: 11px;
}

.product-item-title {
    text-align: center;
    margin: 20px 0 30px 0;
    /*background-color: #eee;*/
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #777;
}

.product-category-name {
    text-align: center;
    margin: 20px 0 30px 0;
    /*background-color: #eee;*/
    padding: 5px;
    font-size: 17px;
    font-weight: 600;
    color: #777;
    text-transform: uppercase;
}

.collection-item-prices, .companion-item-prices {
    font-size: 14px;
    margin-left: 20%;
}

.collection-description, .companion-description {
    min-height: 65px;
}
/*log on/ banner styles*/
.navbar-nav > li div {
    /*margin-left:15px;*/
    padding-top: 0;
}

    .navbar-nav > li div > a {
        text-decoration: none;
    }

.modal .row {
    margin: 0;
}

#logon-container {
    /*position:absolute;*/
}

#banner-display-name {
    display: inline;
    color: #4cae4c;
    padding-right: 10px;
}

#banner-company-container {
    background-color: rgba(95,158,160, 0.5);
    border: 1px solid #333;
    color: #333;
    padding: 5px;
    /* position: absolute;*/
    /*width: 200px;*/
    /* height: 50px;*/
    top: 0;
    /*right: 400px;*/
}

    #banner-company-container div {
        margin: 0;
        padding: 0;
        text-align: center;
    }

#banner-multimode {
    position: absolute;
    top: 50px;
    right: 418px;
}

    #banner-multimode button {
        padding: 5px 16px;
        font-size: 15px;
    }

#banner-cart-container {
    /*position: absolute;*/
    /*top: 20px;*/
    right: 0;
    text-align: right;
    top: 0;
    /*width:300px;*/
}

    #banner-cart-container div {
        position: absolute;
    }

    #banner-cart-container .cart-items {
        /*top:-8px;*/
        top: -4px;
        /*right:4px;*/
        right: 19px;
        font-weight: 600;
        font-size: 10px;
        z-index: 10;
        border-radius: 45%;
        padding: 3px;
    }

    #banner-cart-container img.cart {
        content: url('../images/cart-24.png');
        float: right;
    }

#banner-facebook img.facebook {
    content: url('../images/facebook.png');
    width: 30px;
}

#banner-cart-container .cart-text {
    /*top: -3px;*/
    top: 0px;
    /*right: 40px;*/
    right: 60px;
    font-weight: 600;
}

#banner-cart-container .number-carts {
    /*top: -3px;*/
    top: 0px;
    /*right: 110px;*/
    right: 130px;
    font-weight: 600;
}

#banner-cart-container .active-cart {
    top: 18px;
    right: 4px;
    font-weight: 600;
}

.quickSearchProduct-dropDown {
    max-height: 250px;
    margin-bottom: 0px !important;
    overflow: auto;
}

#banner-promo {
    color: rgb(95,158,160);
    position: absolute;
    top: 55px;
    right: 50px;
    width: 400px;
    text-align: right;
}

.download-options-table {
    margin-left: 35%;
}

    .download-options-table tr > td {
        float: left;
        padding-left: 5px;
    }

#banner-facebook {
    position: absolute;
    top: 65px;
    right: 4px;
    z-index: 10;
}

#collapseAccountSummary .fixed-table-container {
    border: none;
}

#collapseAccountSummary table {
    border-bottom: none;
}
/* cart styles */
#cart-container .row {
    margin-left: -15px;
    margin-right: -30px;
}

.panel-footer {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#cart-container #view-actions {
    margin-top: 30px;
}

#view-actions {
    margin-bottom: 10px;
}

#cart-list {
    /*height: 60px;
display: flex;*/
    overflow-y: hidden;
    overflow-x: auto;
    /*border-bottom: 1px solid #DAD5D5;*/
    margin-bottom: 2px;
}

.cart-tab-delete {
    float: right;
    position: relative;
    top: -15px;
    right: -9px;
    font-weight: normal;
}

    .cart-tab-delete .fa {
        font-weight: normal;
        color: #BFBFBF;
    }

.tab-plus {
    color: #BFBFBF;
}

    .tab-plus:hover {
        color: #777;
    }

.cart-tab-delete .fa:hover {
    /*color: #4cae4c;*/
    color: #777;
}

.cart-tab {
    background-color: #EFEFEF;
    border: 1px solid #A9A9A9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 16px;
    float: left;
    white-space: nowrap;
    margin-bottom: 0.5px;
}

    .cart-tab.selected, .cart-tab.selected:hover {
        color: #4cae4c;
        font-weight: bold;
        background-color: white;
        /*border-bottom: none;*/
    }

        .cart-tab.selected:not(:first-child) {
            border-right: 2px solid gray;
            border-left: 2px solid gray;
        }

        .cart-tab.selected:first-child {
            border-right: 2px solid gray;
        }

        .cart-tab.selected, .cart-tab.selected:hover {
            color: #4cae4c;
            font-weight: bold;
            background-color: white;
            /*border-bottom: none;*/
        }

.homepage-image-info {
    background: #b7b7b7;
    padding: 11px 14px;
    border: 3px solid red;
}

    .homepage-image-info span {
        padding: 3px 5px;
        color: #FFF;
        border-radius: 2px;
    }

.cart-tab:hover {
    background-color: #eee;
}

#active-cart-items {
    clear: both;
}


.cart-tab-shipwhen {
    font-size: .8em;
}



.cart-table {
    width: 100%;
}

    .cart-table tbody {
    }

    .cart-table tr {
        /*border-bottom: 1px solid #ddd;*/
    }



    .cart-table tbody tr:hover {
        background-color: #eee;
    }

    .cart-table thead td {
        padding: 5px;
        vertical-align: bottom;
    }

    .cart-table tbody td {
        /*padding: 5px 10px;*/
        vertical-align: top;
    }

        .cart-table tbody td.quantity {
            width: 120px;
        }

        .cart-table tbody td button {
            float: left;
            margin-left: 5px;
            font-size: 12px;
            padding-top: 3px;
            padding-bottom: 3px;
            text-transform: uppercase;
            font-weight: 600;
        }

.cart-item-quantity, .cart-item-unit-price, .cart-item-extended-price {
    text-align: right;
}

.cart-image {
    height: 100px;
}

.cart-item-quantity {
    width: 40px;
    height: 25px;
    float: left;
    border: 1px solid #ddd;
    padding-right: 5px;
}

.cart-item-price-input {
    width: 67px;
    height: 25px;
    float: left;
    border: 1px solid #ddd;
    padding-right: 5px;
    text-align: right;
}

.cart-items-quantity .cart-items-label {
    width: 80px;
    float: left;
}

.cart-header-label {
    display: inline-block;
    width: 150px;
}

.cart-items-price {
    text-align: right;
}

#active-cart-header h3 {
    font-size: 1.1em;
    margin-top: 5px;
}

.noLink:hover {
    font-weight: 400;
    cursor: default;
}

#active-cart-header .btn.order {
    width: 100%;
    margin: 10px 0;
    height: 50px;
    color: white;
    background-color: green;
    font-size: 25px;
}

.withBottomBorder {
    border-bottom: 1px solid #eee;
}

.withOutBottomBorder {
    border-bottom: none;
}

.withBottomBorder td:nth-child(3) {
    /*height: 130px !important;*/
}

.withOutBottomBorder td:nth-child(3) {
    height: 10px !important;
}

.cart-tab-fixed {
}

.cart-quickSearch-fixed {
}

.dotdotdot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

td.cart-items-image {
    width: 130px;
}

td.cart-items-description {
    width: 400px;
}

td.cart-items-quantity {
    width: 120px;
}

table thead th.cart-items-unit-price {
    width: 150px;
}

td.cart-items-unit-price {
    width: 150px;
}

td.cart-items-price {
    width: 150px;
}

td.cart-items-checkbox {
    width: 5px;
    /*vertical-align:middle !important;*/
}

.items-content input[type=checkbox] {
    transform: scale(1.25);
}

#no-active-cart {
    margin: 20px;
    font-size: 1.2em;
}

.product-item-specs tbody td {
    /*Commented below based on Pam's request on 5/8/2018*/
    /*text-transform: lowercase;*/
}

.vertical-top {
    vertical-align: top;
}

td.vertical-top {
    width: 110px;
}
/*#cart-header {
position: static;
right: 45px;
top: 120px;
float: right;
}
*/
#cart-header {
    position: absolute;
    right: 6px;
    top: 45px;
    /*transition: top .2s ease-out 0s;*/
}

div[class^='header'] {
    border: 1px solid #777;
    padding: 10px;
    margin-bottom: 5px;
}

#cart-header-note {
    width: 100%;
    /*height: 100px;
overflow-y: auto;*/
}

#cart-header-vip-message {
    width: 100%;
    height: 60px;
    overflow-y: auto;
}

#cart-header-shipping { /*height: 120px;*/
}

.cart-address-label {
    display: inline-block;
    width: 50px;
}

.modal-link {
    float: right;
    position: relative;
    top: -5px;
}

#modal-note {
    height: 200px;
}

.headerTitle {
    font-weight: 600;
    color: #777;
}

.mobile-table-first-row {
    /*background: whitesmoke;*/
}

.mobile-table-container {
    border-top: 1px solid #ddd;
}

.bg-whitesmoke {
    background: whitesmoke;
}

.header-notes textarea {
    width: 100%;
    height: 150px;
    padding: 3px;
}

.credit-card-list i.fa {
    color: #4cae4c;
    cursor: pointer;
    font-size: 24px;
}

    .credit-card-list i.fa.fa-trash {
        color: #e74c3c;
        cursor: pointer;
    }

.form-horizontal input[type=checkbox] {
    transform: scale(1.2);
    width: 20px;
    float: left;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    margin-right: 5px;
}

.credit-card-list tr.selected {
    /*background-color:  rgba(210, 210, 210,.8);*/
}

.credit-card-list tr td {
    text-align: center;
    padding: 5px;
}

    .credit-card-list tr td:nth-of-type(2) {
        text-align: left;
    }

.credit-card-list tr:hover {
    background-color: rgba(210, 210, 210,.8);
}

.credit-card-list tr td.preferred {
    background-image: url('../images/check-mark-green-24.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.credit-card-list tr td.notpreferred {
    background-image: url('../images/check-mark-gray-24.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.credit-card-edit {
    /*border: 1px solid #777;*/
    padding: 10px;
}

    .credit-card-edit h4 {
        text-align: center;
        /*border-top: 1px solid #777;
padding-top: 10px;*/
    }

#card-edit-number {
    width: 200px;
}

#card-edit-month {
    width: 70px;
    float: left;
}

#card-edit-year {
    width: 90px;
    float: left;
}

#card-edit-code {
    width: 80px;
    float: left;
}

.form-group div {
    line-height: 21px;
}

    .form-group div label {
        margin-left: 15px;
    }

    .form-group div img {
        height: 50px;
    }

.select-address div {
    margin-left: 50px;
    position: relative;
    top: -20px;
    font-size: 1.2em;
}

.select-address .AddressType {
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
    color: #777;
}

.select-address .addressText {
    font-size: 14px;
    color: #777;
}

.textInputAndBtnGroup {
    display: inline-table;
}
/*end of cart styles*/

@media (max-width: 768px) {
    .navbar-fixed-top .container ul li a {
        color: #777 !important;
    }

    .wait-indicator {
        margin-top: 30%;
    }
}

/*adjust style for larger screens*/
@media (min-width: 992px) {
    section {
        border-top: none;
    }

    form#contactForm {
        /*margin-bottom: 0;*/
    }

    #contact-addresses {
        width: 200px;
    }

    .row {
        /*margin-right: -15px;
margin-left: -15px;*/
    }

        .row .side-border {
            padding: 0;
            border-left: none;
            border-right: none;
            border-left: 1px solid rgba(93, 93, 93, 0.5);
            border-right: 1px solid rgba(93, 93, 93, 0.5);
            border-top: none;
            border-bottom: none;
            padding: 0 15px;
        }

    .about .row .col-xs-12.col-md-3 .row,
    .contact .col-md-3.hidden-xs {
        margin-top: 20px;
    }

    .row.product, #product-results, #product-filter {
        bottom: 95px;
    }
}

.main-content {
    margin-top: 10px;
}

/* below CSS is for having customized scroll style only on chrome safari firefox*/
/*::-webkit-scrollbar {
width: 0.2em;
height: 0.8em;
}
::-webkit-scrollbar-button {
background: #FFF;
}
::-webkit-scrollbar-track-piece {
background: #FFF;
}
::-webkit-scrollbar-thumb {
background: gray;
}*/

/* Scroll CSS ends here*/

body {
    margin: 0 0 100px;
    bottom: 100px;
}

html {
    position: relative;
    min-height: 100%;
}

.fixed-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
    overflow: hidden;
    color: #a9a9a9;
    font-size: 15px;
    z-index: -1;
}

    .fixed-footer .copyright {
        font-size: 14px;
        line-height: 15px;
    }

.hyperlink-like:hover {
    font-weight: bold;
}

.digital-catalog {
    width: 90%;
    border: none;
    align-content: center;
}

.cart-items-statusInfo {
    width: 150px;
}

.cart-items-statusNext {
    width: 180px;
}

.cart-items-remove {
    width: 50px;
    text-align: center;
}

.cart-items-statusInfo .statusText {
    color: #636363;
    font-weight: 600;
    padding-left: 5px;
}

.icon-hover-red {
    color: #777;
}

.cart-items-statusInfo .statusTextNext {
    color: #636363;
    font-weight: 200;
    padding-left: 34px;
}

.statusInfo .statusText {
    color: #636363;
    font-weight: 600;
    padding-left: 5px;
}

.quickEntryItemTable {
    margin-bottom: 0px;
}

    .quickEntryItemTable .image {
        border: 1px solid #DEDEDE;
    }

    .quickEntryItemTable tbody td:nth-child(n+2) {
        padding-left: 40px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .quickEntryItemTable tbody tr:nth-child(n+2) > td {
        padding-left: 40px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .quickEntryItemTable > tbody > tr > td {
        border: none;
    }

.carts-table thead > tr > th:first-child {
    padding-left: 18px;
    width: 100px;
}

.carts-table tbody > tr > td:first-child {
    width: 80px;
    padding-left: 34px;
}

.carts-table tbody td:nth-child(n+2) {
    padding-left: 74px;
}

#QuickEntryForm .carts-table tbody td:nth-child(n+2) {
    padding-left: 74px;
    text-align: left;
}

.cart-table > tbody > tr > td, .cart-table > tbody > tr > th, .cart-table > tfoot > tr > td, .cart-table > tfoot > tr > th, .cart-table > thead > tr > td, .cart-table > thead > tr > th {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

.order-cart-qty {
    padding: 1px 7px 1px 4px;
    border-radius: 4px;
}

    .order-cart-qty a:hover {
        font-weight: 400;
        color: #FFF;
    }

.cart-table.with-image td:nth-child(3) {
    height: 130px;
}

.cart-table td:nth-child(3) {
    position: relative;
    height: 30px;
}

.top-elm, .bot-elm {
    position: absolute;
}

.top-elm {
    top: 0;
}

.bot-elm {
    bottom: 0;
    padding-bottom: 2px;
}

    .bot-elm:hover {
        font-weight: 600;
    }

.price-qty {
    padding-left: 20px;
}

.cart-item-name {
}

    .cart-item-name .cart-no-images {
        font-weight: bold;
    }

.cart-item-description {
    font-weight: bold;
    color: black;
}

    .cart-item-description .cart-no-images {
        font-weight: normal;
        font-size: 14px;
        color: #636363;
    }

.logo-small-nav {
    height: 30px;
    display: none;
}

#about .email-exists {
    color: #FFFDF8;
    font-size: 20px;
    border: 1px solid #E09B01;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E09B01;
}

.existsAccount-options {
    padding-left: 20px;
}

    .existsAccount-options .title {
        padding-left: 15px;
        font-size: 14px;
    }

    .existsAccount-options input[type=radio] {
        border: 0px;
        width: 3%;
        height: 1em;
    }

.myproduct-content-panel {
    padding: 20px;
    margin-bottom: 25px;
    background-color: #fff;
    /*-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;*/
}

.myproduct-content-option-panel {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

select:hover, select:focus, select:active, select option {
    background-color: #FFF;
}

.myproduct-content-panel-sm {
    padding: 20px;
    margin-bottom: 22px;
    background-color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 1px solid #eee;
    /*border-top-left-radius:6px;
border-top-right-radius:6px;*/
}

#summaryInfo .content-panel-sm {
    padding: 20px;
    margin-bottom: 22px;
    background-color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.notAuthorized {
    color: #b0b0b0;
    font-size: 40px;
    font-weight: 600;
    margin-top: 100px;
}

.myproduct-result .title-info {
    font-size: 15px;
    font-weight: 600;
    color: #777;
}

    .myproduct-result .title-info .period {
        font-size: 15px;
        font-weight: 600;
        color: #3C763D;
        background-color: #ddd;
        padding: 5px;
        padding-left: 15px;
        padding-right: 16px;
        border-radius: 90px;
    }

    .myproduct-result .title-info .orderNum {
        font-size: 15px;
        font-weight: 600;
        color: #3C763D;
        background-color: #FFF;
        padding: 5px;
        padding-left: 15px;
        padding-right: 16px;
        border-radius: 90px;
        border: 1px solid #C7C7C7;
    }

        .myproduct-result .title-info .orderNum:hover {
            cursor: pointer;
            background-color: #eee;
            color: #105F12;
        }

.myproduct-item-container:hover {
    border: 1px solid #d3d7cd;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(137, 137, 137);
}

.cartQty-OnMenu {
    display: none;
}

.myproduct-item-container {
    /*float: left;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 25px;
    cursor: pointer;
    width: 200px;*/
    border: 1px solid transparent;
    float: left;
    margin-bottom: 39px;
    margin-left: 1px;
    margin-right: 39px;
    /*cursor: pointer;*/
    width: 248px;
}

    .myproduct-item-container.size12 {
        margin-right: 29px;
        width: 189px;
    }

    .myproduct-item-container.size10 {
        margin-right: 30px;
        width: 220px;
    }

    .myproduct-item-container.size9 {
        margin-right: 40px;
        width: 245px;
    }

    .myproduct-item-container.size8 {
        margin-right: 40px;
        width: 225px;
    }

    .myproduct-item-container.size7 {
        margin-right: 40px;
        width: 205px;
    }

    .myproduct-item-container.size6 {
        margin-right: 29px;
        width: 187px;
    }

    .myproduct-item-container.size5 {
        margin-right: 20px;
        width: 205px;
    }

    .myproduct-item-container.size4 {
        margin-right: 32px;
        width: 275px;
    }

    .myproduct-item-container.size3 {
        margin-right: 39px;
        width: 240px;
    }

    .myproduct-item-container.size2 {
        margin-right: 29px;
        width: 220px;
    }

    .myproduct-item-container.size1 {
        margin-right: 29px;
        width: 205px;
    }

    .myproduct-item-container.size0 {
        margin-right: 17px;
        width: 196px;
    }

    .myproduct-item-container.size-xs {
        margin-right: 17px;
        width: 100%;
    }

    .myproduct-item-container .Discontinued {
        font-size: 14px;
        color: #900;
        font-weight: 600;
        padding-right: 5px;
        position: relative;
        top: -2px;
    }

    .myproduct-item-container .discontinued-container {
        margin-bottom: 43px;
        margin-top: 42px;
    }

    .myproduct-item-container .item-name-info {
        height: 100px;
    }

    .myproduct-item-container .item-price-qty-info {
        height: 100px;
    }

.current-cart-qty {
    /*height:50px;*/
}

.result-info .number {
    /*border:2px solid #777;*/
    background-color: #ddd;
    color: #3C763D;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 90px;
}

.MyProduct-item-cart-quantity {
    height: 30px;
}

.topFilterContainer.size12 {
    margin-right: 35px;
}

.result-info.size12 {
    margin-right: 35px;
}

#collapseOrderStatus .info-notice {
    color: #ea9c0b;
    text-align: center;
}

#collapseOrderStatus .extra-info {
    color: green;
    text-align: center;
}

#collapseOrderStatus .update-info {
    color: #8B0000;
    text-align: center;
    background: #e3e3e3;
}

.qty-dropDown {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-color: #eee;
}

    .qty-dropDown:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(153, 171, 121);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(153, 171, 121);
    }

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    min-width: 180px;
    margin: -15px 0 0;
}

.dropdownQty {
    width: 120%;
    height: 25px;
    padding: 2px;
}

#EditAddress-spinner {
    position: fixed;
    left: 49%;
    bottom: 12.3%;
}

#customerCreditCards-tbody .creditCartd-icon {
    color: #a1a1a1;
}

.Myproduct-item-history {
    margin-top: 5px;
}

.price-list-1 {
    height: 50px;
}

.price-list-3 {
    display: none;
}

.price-list-5 {
    display: none;
}

.dropdownInSlick {
    position: relative;
}

.orderInfoIcon {
    font-size: 22px;
    margin-top: 2px;
}

.group-btn {
    margin-left: 3px;
    border-left: 1px solid #bbbbbb;
    border-radius: 4px;
}

.group-btn-bottom {
    margin-top: -22px;
    margin-left: 187px;
}

.orderInfoText {
    position: absolute;
    top: 18%;
    right: 163px;
    z-index: 10;
    background-color: #FFF;
    padding: 0px 10px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    color: #4f4d4d;
    display: none;
    font-size: 14px;
}

#cd-signup .email-exists {
    color: #FFFDF8;
    font-size: 20px;
    border: 1px solid #E09B01;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    background-color: #E09B01;
    display: none;
}

.product-item-swatches img {
    max-width: 45px;
    max-height: 45px;
    display: inherit;
}

.product-item-swatches-product-list img {
    max-width: 25px;
    display: inherit;
}

.product-item-swatches img.active {
    border: 2px solid #e47911;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(179, 124, 124);
}

.swatch-color {
    width: 30px;
    height: 30px;
}

ul.swatch {
    list-style: none;
    padding: 20px 0;
    width: 50%;
}

.swatch li {
    color: #000000;
    display: inline;
    float: left;
    height: 30px;
    width: 27px;
    text-indent: -9999px;
    text-align: center;
    margin-right: 22px;
    margin-bottom: 5px;
}

    .swatch li div:hover {
        cursor: pointer;
    }

    .swatch li div.active {
        border: 2px solid #e47911;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(179, 124, 124);
    }

.swatch-color-product-list {
    background-color: white;
    width: 25px;
    height: 25px;
}

ul.swatch-product-list {
    list-style: none;
}

.swatch-product-list li {
    color: #000000;
    display: inline;
    float: left;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 3px;
}

.product-item-swatches-product-list-slick {
    float: left;
}

    .product-item-swatches-product-list-slick img {
        max-width: 20px;
        display: inherit;
    }

.swatch-color-product-list-slick {
    width: 15px;
    height: 15px;
}

ul.swatch-product-list-slick {
    list-style: none;
}

.swatch-product-list-slick li {
    color: #000000;
    display: inline;
    float: left;
    height: 15px;
    width: 15px;
    text-indent: -9999px;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 3px;
}

#order-limit {
    color: #777;
    padding-left: 5px;
    padding: 5px;
    font-weight: 600;
    /*border-left:3px solid #777;*/
    font-size: 12px;
}

.warning-blink {
    color: #8B0000 !important;
    padding-left: 5px;
    /*background-color: #FFF;
padding: 5px;
font-weight:500 !important;
border-left:3px solid orange !important;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid #EAEAEA;*/
}


/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-push:focus, .hvr-push:active {
        -webkit-animation-name: hvr-push;
        animation-name: hvr-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}



.product-search-vertical-btn {
    position: fixed;
    padding: 15px 20px;
    background-color: #424242 !important;
    text-transform: uppercase;
    opacity: 0.7;
    -webkit-transform-origin: 0%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform-origin: 0;
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin: 0;
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin: 0;
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0;
    transform: rotate(-90deg) translate(-50%, 50%);
    left: 0;
    top: 40%;
    z-index: 799;
}

.veritcalSearchInput span {
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    font-size: 14px;
    line-height: 17px;
    color: #a2a2a2;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.drag-arrow {
    color: #FFF;
    font-size: 20px !important;
    padding-left: 45%;
    padding-top: 5px;
}

.push-arrow {
    font-size: 20px;
    color: #fff;
    padding-left: 21px;
}


.btn-bg-gray {
    background: #fff;
    color: #868383;
}

.btn-bg-red {
    background-color: #f1f1f1;
    color: #ff0707;
}

.btn-bg-green {
    background: #99ab79;
    color: #fff;
}

.tempList-table tbody td:nth-child(1), .tempList-table tbody td:nth-child(2),
.tempList-table tbody td:nth-child(3), .tempList-table tbody td:nth-child(4),
.tempList-table > thead > tr > th:nth-child(1), .tempList-table > thead > tr > th:nth-child(2),
.tempList-table > thead > tr > th:nth-child(3), .tempList-table > thead > tr > th:nth-child(4) {
    width: 250px;
}

.tempList-table tbody > tr:hover {
    background-color: #eee;
}
/*.search-product-container:after{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:20px dotted transparent;
    border-left: 20px dotted #99ab79
}*/
.encoded-text {
    white-space: pre-wrap;
}

.video-Iframe {
    height: 380px;
}

#table-container-topSeller {
    margin-left: 55px;
}

.rank-order-input {
    height: 26px;
    font-size: 12px;
    padding: 2px;
    color: #777;
    width: 50px;
}

#table-container-topSeller .remove-icon {
    color: #777;
    padding-left: 22px;
}

    #table-container-topSeller .remove-icon:hover {
        color: #8B0000;
        cursor: pointer;
    }

#content_wrapper #SuccessMsg {
    color: green;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #content_wrapper #SuccessMsg i {
        font-size: 20px;
        padding-right: 5px;
    }

#content_wrapper .success-message {
    height: 50px;
}

.myBtn {
    color: #777;
    border: 1px solid #E0E0E0;
    opacity: 0.8;
    background-color: #FFF;
    margin-left: 5px;
}

    .myBtn:hover {
        opacity: 1;
        color: #3C763D;
    }

#text-area-pnumbers, #text-area-productStats {
    height: 300px;
    /*width:200px;*/
}

.min-password {
    position: absolute;
    right: 23px;
    top: 18px;
    height: 3.42857em;
    line-height: 3.42857em;
    color: #8B0000;
    font-size: 14px;
}

.vertical-middle {
    vertical-align: middle;
}

#assign-cart .my-check {
    margin-bottom: 20px;
    padding-left: 110px;
}

.myCustomTab li {
    cursor: pointer;
}

.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.meter {
    border: 1px solid #A79F9F;
    height: 15px;
    width: 106px;
    /* position: relative; */
    /* margin: 60px 0 20px 0; */
    /* background: #AFAFAF; */
    -moz-border-radius: 25px;
    /* -webkit-border-radius: 25px; */
    /* border-radius: 25px; */
    padding: 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

    .meter > span {
        display: block;
        height: 100%;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
        background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }

.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-color: #FD0505;
    background-image: -moz-linear-gradient(top, #FD0505, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FD0505),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#FD0505, #f36d0a);
}


.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    -moz-animation: none;
    background-image: none;
}

.customerTable .customers:hover {
    background-color: #eee;
}

.gauge-td {
    width: 80px;
    padding-left: 0px !important;
    vertical-align: middle;
}

.customerTable .nested-table {
    width: 100%;
}

.customerTable .cartOpen {
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 15px;
}

.customerTable .YTD {
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
    padding-right: 40px;
}

.customerTable .LY {
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
    padding-right: 40px;
}

.customerTable .lastOrder {
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.customerTable .gauge {
    width: 80px;
    vertical-align: middle;
}

.customerTable .action {
    text-align: center;
    vertical-align: middle;
}

.customerTable > tbody > tr > td {
    padding-bottom: 5px;
    padding-top: 5px;
}

.customerTable {
    font-size: 14px;
    line-height: 18px;
    color: #797979;
    border: 1px solid #eee;
    margin-top: 10px;
}

.table-responsive > .table.category-summary > tbody > tr > td,
.table-responsive > .table.category-summary > tbody > tr > th,
.table-responsive > .table.category-summary > tfoot > tr > td,
.table-responsive > .table.category-summary > tfoot > tr > th,
.table-responsive > .table.category-summary > thead > tr > td,
.table-responsive > .table.category-summary > thead > tr > th {
    white-space: normal !important;
}

.no-margin-top {
    margin-top: -15px !important;
}

.table-center {
    margin: 0 auto;
    text-align: right;
}

#mobile-cartView-container {
    padding: 25px;
    border: 1px solid #eee;
    background: #ffffff;
}

    #mobile-cartView-container .invoice-qty-table .number {
        width: 80px;
        text-align: center;
    }

    #mobile-cartView-container .description {
        font-weight: 600;
        color: black;
    }

    #mobile-cartView-container .scrollable-menu {
        margin: -10px -100px 0;
    }

ul.horizontal-icons-left {
    height: 20px;
}

    ul.horizontal-icons-left > li.menu {
        float: left;
    }

ul.horizontalIconsRight > li.menu {
    float: right;
}

ul.horizontalIconsRight {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    height: 26px;
}

ul.horizontal-icons-left, ul.horizontalIconsRight {
    list-style: none;
    padding: 0px !important;
}

    ul.horizontal-icons-left > li.menu a {
        display: block;
        padding: 2px 7px;
        text-decoration: none;
        color: #8E8D8D;
        font-size: 16px;
    }

    ul.horizontalIconsRight > li.menu a {
        display: block;
        padding: 2px 7px;
        text-decoration: none;
        color: #8E8D8D;
        font-size: 16px;
    }

    ul.horizontalIconsRight .dropdown-menu > li > a {
        padding: 3px 20px;
        color: #777;
    }

.searchInputForm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding: 0px 15px !important;
}

.customerTable > thead > tr > th {
    vertical-align: middle;
    background-color: #eee;
}

    .customerTable > thead > tr > th:first-child {
        width: 300px;
    }

    .customerTable > thead > tr > th:nth-child(2) {
        width: 50px;
        text-align: center;
    }

    .customerTable > thead > tr > th:nth-child(3) {
        width: 300px;
    }

    .customerTable > thead > tr > th:nth-child(4) {
        width: 100px;
    }

    .customerTable > thead > tr > th:nth-child(5) {
        text-align: center;
    }

    .customerTable > thead > tr > th:nth-child(13) {
        text-align: center;
    }

.product-item-upc-list tbody td:nth-child(1) {
    width: 150px;
}

.product-item-upc-list tbody td:nth-child(2), .product-item-upc-list tbody td:nth-child(3), .product-item-upc-list tbody td:nth-child(4) {
    width: 100px;
}

.product-item-upc-list tbody tr:not(:first-child) td:nth-child(4) {
    padding-left: 20px;
}

.product-item-msrp {
    padding-top: 15px;
}

.nested-table tbody td:nth-child(1) {
    width: 300px;
}

.nested-table tbody td:nth-child(2) {
    width: 50px;
}

.nested-table tbody td:nth-child(3) {
    width: 200px;
}

.nested-table tbody td:nth-child(4) {
    width: 100px;
}

.nested-table tbody td:nth-child(5) {
    width: 150px;
    text-align: center;
}

.customerTable > thead > tr > th:nth-child(1) {
    width: 300px;
}

.customerTable > thead > tr > th:nth-child(2) {
    width: 50px;
}

.customerTable > thead > tr > th:nth-child(3) {
    width: 200px;
}

.customerTable > thead > tr > th:nth-child(4) {
    width: 100px;
}

.customerTable > thead > tr > th:nth-child(5) {
    width: 150px;
}


.customerTableContainer {
    /*overflow-y: auto;
height: 800px;*/
}

#no-active-cart .spinner-text {
    text-align: center;
    color: #ADADAD;
    font-weight: 600;
    margin-top: 20px;
}

.product-category-image:hover {
    cursor: pointer;
}

.contact-us {
    margin: 30px;
}

.ETA-header {
    display: inline;
}

.next-ETA-header {
    display: none;
}

.next-header {
    display: none;
}

.holder-divider {
    width: 200px;
    position: relative;
    margin: 10px;
}





#promoList .promo-title {
    background: #979797;
    color: #fff;
    padding: 5px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}

.mask {
    position: absolute;
    top: -1px;
    left: 7px;
    width: 80%;
    height: 1px;
    background-color: #fff;
}

.category-summary .level1 {
    background-color: #fbfbfb;
    border: 2px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .category-summary .level1:hover {
        background-color: #fbfbfb;
    }

.category-summary .level2 {
    background-color: #FFF;
}

.category-summary .level3 {
    background-color: #f1f1f1;
}

.category-summary .level4 {
    background-color: #979797;
}
/*TEST NAV HEADER*/
.main-header {
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    /*min-height:108px;*/
}

.totalPrice {
    /*text-shadow: 1px 1px 0px black;*/
    font-size: 30px;
}

.cart-header .accordion-toggle .fa-angle-up {
    display: block;
}

.cart-header .accordion-toggle .fa-angle-down {
    display: none;
}

.cart-header .accordion-toggle.collapsed .fa-angle-up {
    display: none;
}

.cart-header .accordion-toggle.collapsed .fa-angle-down {
    display: block;
}

.btn-default.order {
    border-radius: 0px;
}

.MulticartQtyDropDown tr > td {
    padding: 0px !important;
}

.searchInput-spinner {
    position: absolute;
    right: 7px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #777;
    opacity: 0.8;
    cursor: pointer;
}

#multiCartsForm .carts {
    color: #c0bebe;
}

    #multiCartsForm .carts.selected {
        background-color: #eee;
        color: #777;
    }

#multiCartsForm .resultMessage {
    margin-top: 5px;
    font-weight: 600;
    color: #8B0000;
}

input[type=text], textarea {
    -webkit-user-select: text;
}

#multiCartsForm .cartListTable thead > tr > th {
    padding: 0px;
}

#multiCartsForm .cartListTable > tbody > tr > td {
    vertical-align: top;
    font-size: 12px;
    height: 42px;
}

#multiCartsForm hr {
    border: 0;
    border-top: 2px dotted #e3e3e3;
}

#multiCartsForm .cartListTable {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 0px;
}

    #multiCartsForm .cartListTable > tbody > tr:first-child {
        background: #DDD;
    }

        #multiCartsForm .cartListTable > tbody > tr:first-child td {
            vertical-align: top;
            font-weight: 600;
            padding-bottom: 0px;
            height: 37px;
        }

    #multiCartsForm .cartListTable > tbody > tr.carts:hover {
        background: #EEE;
    }

    #multiCartsForm .cartListTable > tbody > tr:last-child {
        border-bottom: 1px solid #ddd;
    }

#multiCartsForm .foundItem {
    margin-top: 5px;
    padding: 5px;
}

    #multiCartsForm .foundItem .first {
        width: 50px;
    }

    #multiCartsForm .foundItem .item-img {
        height: 40px;
        margin-top: 5px;
    }

    #multiCartsForm .foundItem .text {
    }

.promotion-header-top {
    background: #00abbb;
    background: black;
    color: white;
    line-height: 1.375;
    display: block;
    max-height: 25px;
}

    .promotion-header-top .grid {
        margin: 0;
    }

    .promotion-header-top .block {
        padding: 0;
    }

    .promotion-header-top p {
        text-align: center;
    }

    .promotion-header-top a {
        display: block;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
    }

.main-header .SubHeaderOne-Content {
    margin-top: 0;
    margin-top: -10px;
}

    .main-header .SubHeaderOne-Content .sec-one {
        min-height: 50px;
    }

    .main-header .SubHeaderOne-Content .sec-two {
        min-height: 50px;
    }

    .main-header .SubHeaderOne-Content .sec-three {
        min-height: 50px;
    }

        .main-header .SubHeaderOne-Content .sec-three .multipleGroup {
            list-style: none;
            direction: rtl;
        }

            .main-header .SubHeaderOne-Content .sec-three .multipleGroup li {
                min-height: 20px;
            }

            .main-header .SubHeaderOne-Content .sec-three .multipleGroup .order {
                margin-top: 23px;
            }

        .main-header .SubHeaderOne-Content .sec-three .icons-menu {
            margin-top: 1px;
        }

            .main-header .SubHeaderOne-Content .sec-three .icons-menu span {
                margin-left: 10px;
                font-size: 16px;
            }

.main-header .SubHeaderTwo-Content {
    margin-top: 0;
    background-color: #eee;
    margin-top: -9px;
}

.banner-icons-showVue {
    padding-right: 15px;
    margin: 5px;
}

.banner-icons-general {
    padding-right: 15px;
}

.main-header .SubHeaderTwo-Content .sec-one {
    background-color: #F37C7C;
    height: 30px;
}

.main-header .MainLogo {
    display: block;
    max-width: 100%;
    max-height: none;
    vertical-align: middle;
    margin: auto;
    padding-top: 35px;
}

.multipleGroup .icons-menu i {
    cursor: pointer;
    color: #777;
}

    .multipleGroup .icons-menu i.facebook {
        font-size: 18px;
    }

    .multipleGroup .icons-menu i.facebook {
        color: #435f9c;
    }

    .multipleGroup .icons-menu i.pinterest {
        color: #bd081c;
    }

    .multipleGroup .icons-menu i.twitter {
        color: #56b0e4;
    }

    .multipleGroup .icons-menu i:hover {
        color: black;
    }

.mainMenu-container nav {
    padding: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 5px 7px -3px rgba(218, 217, 217, 0.66);
}


    .mainMenu-container nav.shrink {
        border-bottom: 1px solid #d5d1d1;
        background-color: rgba(255, 255, 255, 0.7);
    }

#main-menu-navbar-collapse ul li {
    height: 29px;
}

    #main-menu-navbar-collapse ul li:hover {
        /*border-bottom : 2px solid green;*/
    }

    #main-menu-navbar-collapse ul li a {
        margin-bottom: 0px;
        bottom: 10px;
    }
/* END TEST NAV HEADER*/

.overlayBody {
    overflow: hidden;
}

.scroller-container {
    width: 101px;
    float: left;
}

.scroller-container {
    position: relative;
}

.vertical .scroller {
    height: 365px;
    width: 101px;
}

.scroller-container.vertical .scroller {
    margin: 0 0 5px 0;
    overflow: auto;
}

.scroller-container .scroller {
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

    .scroller-container .scroller .panel {
        position: relative;
        overflow: hidden;
        padding: 0 20px 0 0;
        list-style: none;
    }

.scroller-container.vertical .scroller .panel li {
    margin-bottom: 12px;
}

.scroller-container .scroller .panel li {
    position: relative;
    font-family: Lato,Helvetica,Arial,sans-serif;
}

    .scroller-container .scroller .panel li a.active img {
        outline: 1px solid #000;
    }

    .scroller-container .scroller .panel li a img {
        outline: none;
        margin: 1px;
        height: 100%;
        width: 100%;
    }

#larger-view-image {
    margin-left: 110px;
    position: relative;
}

    #larger-view-image img.viewLargerImage,
    .largerView-image img.viewLargerImage {
        max-height: 638px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        object-fit: contain;
    }

.notification .title {
    font-weight: 600;
    color: #777;
    text-align: center;
}

.notification .name {
    font-weight: 600;
    color: black;
    text-align: center;
}

.notification i {
    padding-left: 10px;
}

.acc-title {
    font-size: 20px;
    color: #777;
    margin-bottom: 20px;
}

.shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.shake-small {
    animation: shake 0.82s cubic-bezier(.16,.07,.01,.09) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 100px;
}

.borders-not-bottom {
    border-top: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.product-detail-container-table .metrix {
    width: 100px;
}

.product-detail-container-table .Info {
    width: 500px;
    word-wrap: break-word;
}

.borders-not-top {
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.wrapper-custom-dropdown {
    position: relative;
    width: 100%;
    margin: -1px auto;
    padding: 4.8px;
    padding-left: 8px;
    /*border-radius: 3px;*/
    border: 1px solid rgba(119, 111, 111, 0.35);
    /*box-shadow: 0 1px 1px rgba(50,50,50,0.1);*/
    cursor: pointer;
    outline: none;
    font-weight: bold;
    color: #9E9E9E;
    margin-right: 3px;
}

.input-group-addon {
    border: 1px solid rgba(150, 150, 150, 0.35) !important;
}

.ownership-dropdown {
    width: 100%;
    padding: 8px 11px;
    margin: 5px 0px 4px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .ownership-dropdown li {
        padding-bottom: 6px;
    }

        .ownership-dropdown li:hover {
            background-color: #eee;
        }

        .ownership-dropdown li a:hover {
            font-weight: 400;
        }

        .ownership-dropdown li a {
            font-size: 11px;
        }

.cityStateZip {
    font-size: 11px;
    color: #7774f7;
}

.wrapper-custom-dropdown.active {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
}

.display-inline-block {
    display: inline-block;
}

.wrapper-custom-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #9E9E9E transparent;
}

.wrapper-custom-dropdown .myCustomDropDown {
    position: absolute;
    top: 108%;
    left: -1px;
    right: 0;
    background: white;
    border-radius: inherit;
    border: 1px solid rgb(187, 187, 187);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.3s ease-in;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    max-height: 200px;
    overflow-x: hidden;
    border-top: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
}

    .wrapper-custom-dropdown .myCustomDropDown li span {
        /*float :left;*/
    }

    .wrapper-custom-dropdown .myCustomDropDown li:first-child {
        background: #bbb;
        padding: 5px;
    }

    .wrapper-custom-dropdown .myCustomDropDown li:not(:first-child) a, .myCustomAutoFillList li:not(:first-child) {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #9E9E9E;
        border-bottom: 1px solid #e6e8ea;
        box-shadow: inset 0 1px 0 rgba(255,255,255,1);
        transition: all 0.3s ease-out;
    }

.selectedCustomers {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 7px;
    background: #bbb;
}

.wrapper-custom-dropdown .myCustomDropDown li.selected, .myCustomAutoFillList li.selected {
    background: #eee;
    /*border-left: 3px solid #3C763D;*/
}

    .wrapper-custom-dropdown .myCustomDropDown li.selected a, .myCustomAutoFillList li.selected a {
        border-radius: 0px !important;
    }

.wrapper-custom-dropdown .myCustomDropDown li i, .myCustomAutoFillList li i {
    float: right;
    color: inherit;
}

.wrapper-custom-dropdown .myCustomDropDown li:not(:first-child) i:hover {
    color: #8B0000;
}

.wrapper-custom-dropdown .myCustomDropDown li.edit-section a {
    padding: 10px;
    color: #FFF;
}

.wrapper-custom-dropdown .myCustomDropDown li:last-of-type a, .myCustomAutoFillList li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}

.priceList-red {
    color: #8B0000;
    font-weight: 600;
}

.wrapper-custom-dropdown .myCustomDropDown li:not(:first-child):hover a {
    background: #f3f8f8;
}

.wrapper-custom-dropdown .myCustomDropDown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.wrapper-custom-dropdown .myCustomDropDown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
}

.wrapper-custom-dropdown.active .myCustomDropDown {
    opacity: 1;
    pointer-events: initial;
}

.custom-dropdown {
    direction: ltr;
    padding-top: 5px;
}

    .custom-dropdown .search-Btn i {
        color: #9e9e9e;
        font-size: 22px;
        cursor: pointer;
    }

.enterKey-whitinInput {
    padding-left: 13px;
    padding-right: 10px;
    padding-top: 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.large-checkbox {
    transform: scale(1.35);
}

.custom-dropdown .search-Btn i:hover {
    color: #777;
}

.search label {
    font-size: 0.75em;
    font-weight: bold;
    color: #333;
    text-indent: -9999em;
    display: block;
    float: left;
}

#customerSearchForm .panel-body {
    min-height: 260px;
}

.search input[type="text"] {
    text-indent: 1px;
    width: 0;
    height: 22px;
    border: 1px solid #333;
    color: #999;
    line-height: 20px;
    /*font-weight:bold;*/
    -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.125);
    -webkit-transition: width 0.5s ease-in-out;
    /*-moz-transition:margin 0.5s ease-in-out;
-webkit-transition:margin 0.5s ease-in-out;*/
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.125);
    -moz-transition: width 0.5s ease-in-out;
    cursor: pointer;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}

    .search input[type="text"]:focus {
        width: 350px;
        outline: none;
        cursor: text;
        border-color: #eee;
        outline: 0;
        float: right;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    }


#customCustomerSearch .customSearchInput {
    width: 30px;
    height: 31px;
    float: right;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -webkit-animation-duration: 1s;
    text-indent: 1px;
    border: 1px solid #333;
    color: #999;
    line-height: 20px;
    cursor: pointer;
    padding: 13px;
    background: rgba(246,241,241,0.1);
    /*border-radius: 3px;*/
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}

    #customCustomerSearch .customSearchInput:focus {
        width: 282px;
        -webkit-animation-duration: 1s;
        -webkit-animation-name: reducetime;
        float: right;
        outline: none;
        cursor: text;
        border-color: #eee;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    }

#customCustomerSearch i {
    color: #9E9E9E;
    cursor: pointer;
    /*position: absolute;
    top: 53px;
    right: 54px;*/
}

.customerListContainer {
    position: absolute;
    top: 49px;
    z-index: 111;
    background: #fff;
    width: 77%;
    right: 86px;
}

.icons-menu .action-icon {
    float: left;
    margin-left: 5% !important;
}

.search i {
    margin-left: -22px;
    color: #9E9E9E;
    cursor: pointer;
}

.search .notFound {
    margin-left: -92px;
    color: #8B0000;
}

#customCustomerSearch .notFound, #addQuickCustomerListForm .notFound {
    right: 80px;
    position: absolute;
    top: 7px;
    color: #8b0000;
    z-index: 11;
}

#customCustomerSearch .clearInput {
    position: absolute;
    right: 45px;
    top: 5px;
    font-size: 16px;
    font-weight: 900;
    color: #959292;
    opacity: 0.8;
    cursor: pointer;
    padding-left: 6.5px;
    padding-right: 6.5px;
    border: 2px solid #c6c6c6;
    border-radius: 38%;
    z-index: 11;
}

.radioGroup {
    width: 20px;
    height: 17px;
}
/*Customer sreach on Cart */

div.myCustomAutoFillWrapper {
    /*display: inline-block;*/
    position: relative;
    vertical-align: top;
    float: right;
    width: 92%;
}

#MainLogo-XL, #SecondLogo-XL {
    max-height: 112px;
    padding-top: 6px;
}

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

.icon:before {
    font-family: 'linecons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2em;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bulb i.fa-info-circle {
    font-size: 62px;
    margin-top: 2px;
}

div.myCustomAutoFillWrapper > ul {
    position: absolute;
    right: 0;
    z-index: 1;
    /*min-width:353px;*/
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    border-radius: .3em;
    /*margin: 2.4em 0 0;*/
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    text-shadow: none;
    max-height: 200px;
    overflow-x: hidden;
}

    div.myCustomAutoFillWrapper > ul:before {
        content: "";
        position: absolute;
        top: -.43em;
        left: 1em;
        width: 0;
        height: 0;
        padding: .4em;
        background: white;
        border: inherit;
        border-right: 0;
        border-bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    div.myCustomAutoFillWrapper > ul > li {
        position: relative;
        padding: .2em .5em;
        cursor: pointer;
    }

        div.myCustomAutoFillWrapper > ul > li:hover {
            background-color: #eee;
            font-weight: 600;
        }

.myCustomAutoFillWrapper table tr:hover {
    background-color: #eee;
    cursor: pointer;
}

.selectedCustomersTable tr:hover {
    background-color: #eee;
}

#modal-customerSearch .clearAll {
    margin-top: 0px;
    margin-bottom: 18px;
    text-align: center;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

@media (min-width: 768px) {

    .navbar-default {
        padding: 25px 0 0;
    }

    .content-wrapper-OV {
        position: relative;
        left: 0px;
        padding-top: 10px;
    }
}

.scroller-80 {
    height: 80px;
    overflow: auto;
}

.scroller-100 {
    height: 100px;
    overflow: auto;
}

.scroller-110 {
    height: 110px;
    overflow: auto;
}

.scroller-120 {
    height: 120px;
    overflow: auto;
}

.scroller-130 {
    height: 130px;
    overflow: auto;
}

.scroller-140 {
    height: 140px;
    overflow: auto;
}

.scroller-150 {
    height: 150px;
    overflow: auto;
}

.scroller-160 {
    height: 160px;
    overflow: auto;
}

.scroller-170 {
    height: 170px;
    overflow: auto;
}

.scroller-180 {
    height: 180px;
    overflow: auto;
}

.scroller-190 {
    height: 190px;
    overflow: auto;
}

.scroller-200 {
    height: 200px;
    overflow: auto;
}

.scroller-210 {
    height: 210px;
    overflow: auto;
}

.scroller-315 {
    height: 315px;
    overflow: auto;
}

.taskTable tbody tr td {
    padding: 2px;
}

.title-borderBottom {
    border-bottom: 3px solid #ddd;
    padding-bottom: 8px;
    margin-right: 17px;
}

.nav-tabs.OV > li.active > a, .nav-tabs.OV > li.active > a:focus, .nav-tabs.OV > li.active > a:hover {
    color: #94630e;
    cursor: default;
    background-color: #eee;
    border: 2px solid #e8e2d7;
    border-bottom-color: transparent;
}

.small-panel-bg {
    background-color: #FFF;
    padding-left: 20px;
    padding-top: 2px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.content-wrapper-OV .content-panel {
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 27px;
    margin-right: 27px;
}

.OV-footer-menue span {
    background: #e1e7fb;
    padding: 5px;
    margin: 0px 2px 0 1px;
    color: #5f5959;
    cursor: pointer;
}

    .OV-footer-menue span:hover {
        background: #778fe0;
        padding: 5px;
        margin: 0px 2px 0 1px;
        color: #FFF;
        cursor: pointer;
    }

    .OV-footer-menue span i {
        padding: 10px;
    }

        .OV-footer-menue span i.prev {
            transform: rotate(180deg);
        }

select.btn-mini {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 2px;
    outline: none;
    border: 1px solid rgba(0,0,0,0.15);
}

    select.btn-mini:focus {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    }

.content-wrapper-OV .customInput {
    height: 31px;
    text-indent: 1px;
    border: 1px solid #333;
    color: #999;
    line-height: 20px;
    padding: 13px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    width: 105px;
}

    .content-wrapper-OV .customInput:focus {
        outline: none;
        cursor: text;
        border-color: #eee;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(60, 118, 61);
    }

.LookForName {
    background: #caf3ca;
    padding: 11px;
    font-weight: 600;
}

.font-weight-600 {
    font-weight: 600;
}

.row-content-bg {
    background: #caf3ca;
    padding: 10px;
    border: 1px solid rgb(228, 228, 228);
}

.panel-menu-border {
    border-left: 2px solid #e8e2d7;
    border-right: 2px solid #e8e2d7;
    border-bottom: 2px solid #e8e2d7;
    background: rgb(238, 238, 238);
}

#customerList table tbody tr:hover {
    background-color: #EEE;
}

#showVueOrders ul.myCustomTab li.filterOrders {
    float: right;
}

#showVueOrders .myCustomTab > li {
    margin-bottom: -2px;
}

#showVueOrders {
    margin-top: 40px;
    margin-bottom: 10px;
}

.myCustomTab .selected {
    border: 1px solid #ddd;
    border-bottom: none;
    font-weight: 600;
    background-color: #FFF;
}

#showVueOrders h1 {
    margin-bottom: 20px;
}

#showVueOrders .table tbody > tr {
    cursor: pointer;
}

#showVueOrders .table > thead > tr > th {
    border-bottom: none;
}

#showVueOrders #orders-section .table-responsive, #showVueOrders #cart-section .table-responsive, #showVueOrders #deletedCart-section .table-responsive {
    background-color: #FFF;
    margin-top: 10px;
    padding-top: 10px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#showVueOrders ul li:hover {
    color: black;
    cursor: pointer;
}

.static-header .first-panel ul, .static-header .second-panel ul {
    list-style: none;
}

    .static-header .first-panel ul li {
        margin-bottom: 5px;
    }

.static-header .first-panel ul {
    border-left: 6px solid #f7e98a;
    padding-left: 20px;
}

.static-header .second-panel ul {
    border-left: 6px solid #f7e98a;
    margin-top: 18px;
}

    .static-header .second-panel ul div.grid span {
        padding: 10px;
        width: 20px;
    }

.orders-table tbody tr td {
    padding: 2px;
}

.static-header .second-panel table thead tr th {
    padding: 0px 15px 0px 15px;
}

.static-header .second-panel table tbody tr td {
    padding: 15px;
}

#wrapper, .bar {
    margin: 0;
    padding: 0;
    height: 20px;
}

#wrapper {
    width: 100%;
}

.update-reminder {
    color: #fa8d1a;
    padding-bottom: 5px;
    font-weight: 600;
    text-align: center;
}

.bar {
    float: left;
    width: 20%; /* must never add up to more than 100% */
}

.LightGreenBg {
    background-color: #c9f3b8;
}

.LightYellowBg {
    background-color: #f5f29e;
}

.LightOrangeBg {
    background-color: #f7d530;
}

.OrangeBg {
    background-color: #f7ac81;
}

.LightRedBg {
    background-color: #f18383;
}



#signatureparent {
    color: darkblue;
}

#signature {
    border: 1px solid #d5d5d5;
    background-color: whitesmoke;
    margin-top: 6px;
}

html.touch #content {
    float: left;
    width: 92%;
}

html.touch #scrollgrabber {
    float: right;
    width: 4%;
    margin-right: 2%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==);
}

html.borderradius #scrollgrabber {
    border-radius: 1em;
}

.arrowRight a {
    position: fixed;
    z-index: 100;
    right: -5px;
    top: 90%;
    padding: 0px 6px;
    background: rgba(93, 93, 93, 0.5) url("../../../../img/cd-top-arrow.svg") no-repeat center 50% !important;
    visibility: hidden;
}

.arrowNav a {
    background: rgba(0,0,0,0.3);
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border-radius: 2px;
    height: 43px;
    width: 43px;
}

.arrowRight a:hover {
    right: 0;
}

.back-to-top.cd-is-visible,
.back-to-top.cd-fade-out,
.no-touch .back-to-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.back-to-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

#page-top {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.panel-group .panel {
    border-radius: 0px;
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
}

#signInForm .promo-message {
    padding: 11px 0px 2px 8px;
    background-color: #99ab79;
    color: #FFF;
}

#signInForm .showVue-message {
    padding: 11px 0px 2px 8px;
    background-color: #000;
    color: #FFF;
    text-align: center;
    margin-bottom: 10px;
}

.showVue-message .showVueDate {
    color: #99ab79;
    font-weight: 600;
}

.square-border {
    border-radius: 0px;
}

.icon-stack:hover, .icon-stack-1x:hover {
    color: #565555;
}

.icon-stack-3x:hover {
    color: #565555;
}

.cart-header #accordion .panel-body {
    padding: 6px;
}

.cart-header #accordion .btn.order {
    /*margin-top:5px;*/
}

.cart-header #accordion .cart-haeder-content {
    font-family: sans-serif;
    color: #777;
    font-size: 13px;
}

.cart-header #accordion .item-selector {
    background-color: transparent;
    border: none;
}

.cart-header #accordion .table > thead > tr > th {
    border: 0px;
}

.cart-header #accordion .panel-title {
    font-size: 14px;
}

.cart-header #accordion .panel-heading {
    padding: 8px 15px;
}

.cart-header #accordion .panel {
    margin-bottom: 7px;
}

.cart-header #accordion .custom-panel-title {
    margin-top: -3px;
}

.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: 0;
    /* width: 100%; */
    text-align: center;
    border: 3px solid #a5a0a0;
    /*border-radius: 5px;*/
    padding: 2px;
}

.icon-stack-1x {
    position: absolute;
    left: 17px;
    top: 15px;
    text-align: center;
    background-color: #fff;
    border-radius: 57%;
    padding: 2px 4px;
}

.icon-stack-1x {
    line-height: inherit;
}

.no-touch .back-to-top:hover {
    background-color: rgba(93, 93, 93, 0.8);
    opacity: 1;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #333;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

#mainDailyBooking .fa-expand, #mainDailyBooking .fa-compress {
    padding: 9px 12px;
    background-color: #ddd;
    cursor: pointer;
}

    #mainDailyBooking .fa-expand:hover, #mainDailyBooking .fa-compress:hover {
        color: #fff;
        background-color: #a1a1a1;
    }

#backToSummary {
    margin: 1px 2px;
}

#onlineUsers {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #d2cfcf;
    min-width: 50px;
    text-align: center;
    padding: 5px;
}

#backToSummary i {
    background-color: #a09b9b;
    color: #f1f1f1;
    font-size: 21px;
    padding: 1px 8px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.answer-section .answer {
    margin-bottom: 10px;
    margin-top: 70px;
}

#backToSummary i:hover {
    color: #fff;
    background-color: #a1a1a1;
}

#summaryByorder .content {
    background-color: #FFF;
}

.summary-date thead > tr > th, #summaryByorder table thead > tr > th {
    text-align: center;
}

.summary-date tbody > tr:hover, .orders-list tbody > tr:hover {
    background-color: #eee;
}

.orders-list tbody > tr > td:nth-child(1) {
    width: 50px;
}

.orders-list tbody > tr > td:nth-child(2), .orders-list tbody > tr > td:nth-child(3) {
    width: 120px;
}

.orders-list tbody > tr > td:nth-child(4) {
    width: 120px;
}

.orders-list tbody > tr > td:nth-child(5) {
    width: 400px;
}

.orders-list tbody > tr > td:nth-child(6) {
    width: 350px;
    text-align: left;
    padding-left: 50px;
}

.orders-list tbody > tr > td:nth-child(7) {
    width: 100px;
}

.carts-list tbody > tr > td:nth-child(1) {
    width: 50px;
}

.carts-list tbody > tr > td:nth-child(2) {
    width: 200px;
}

.carts-list tbody > tr > td:nth-child(3) {
    width: 300px;
}

.carts-list tbody > tr > td:nth-child(4) {
    width: 200px;
}

.carts-list tbody > tr > td:nth-child(5) {
    width: 200px;
}

.carts-list tbody > tr > td:nth-child(6) {
    width: 120px;
}

.carts-list tbody > tr:hover {
    background: #eee;
}

.carts-list .cartAmount {
    padding-right: 70px !important;
}

.summary-date tbody > tr > td:nth-child(1) {
    width: 280px;
}

.summary-date tbody > tr > td:nth-child(2) {
    width: 80px;
    font-size: 15px;
    font-weight: 600;
    font-family: Lato-Ligt, sans-serif;
}

.summary-date tbody > tr > td:nth-child(3) {
    width: 120px;
    font-size: 15px;
    font-weight: 600;
    font-family: Lato-Ligt, sans-serif;
}

.summary-date tbody > tr > td:nth-child(4) {
    width: 45px;
    color: #777;
    font-size: 11px;
}

.summary-date tbody > tr > td:nth-child(5) {
    width: 200px;
}

.summary-date tbody > tr > td:nth-child(6) {
    width: 180px;
}

.summary-date tbody > tr > td:nth-child(7) {
    width: 180px;
}

.summary-date tbody > tr > td:nth-child(8), .category-summary tbody > tr > td:nth-child(4), .collection-summary tbody > tr > td:nth-child(6), .customer-summary tbody > tr > td:nth-child(4), .staff-summary tbody > tr > td:nth-child(5) {
    width: 100px;
}

.summary-date tbody > tr > td:nth-child(9), .category-summary tbody > tr > td:nth-child(5), .collection-summary tbody > tr > td:nth-child(7), .customer-summary tbody > tr > td:nth-child(5), .staff-summary tbody > tr > td:nth-child(6) {
    width: 45px;
    color: #777;
    font-size: 11px;
}

.summary-date thead > tr > th:nth-child(2),
.summary-date thead > tr > th:nth-child(3),
.summary-date thead > tr > th:nth-child(4),
.summary-date thead > tr > th:nth-child(5),
.summary-date thead > tr > th:nth-child(6),
.summary-date thead > tr > th:nth-child(7),
.summary-date thead > tr > th:nth-child(8),
.summary-date thead > tr > th:nth-child(9) {
    text-align: right !important;
}

.summary-date tbody > tr > td:nth-child(10) {
    font-size: 15px;
    font-weight: 600;
    font-family: Lato-Ligt, sans-serif;
}

#summaryPageContent .panel-default > .panel-heading {
    background-color: #fbfbfb;
}

.bcontent > div {
    position: relative;
    left: 110%; /* Added to avoid the width issue pointed out by DRP96 */
}

.bcontent {
    width: 100%;
    overflow: hidden; /* added to make the content hidden initially and avoid scroll-bar */
}

.selectedPrinters-container {
    padding: 5px;
    border: 1px solid #d2e0ea;
    margin-bottom: 5px;
    min-height: 50px;
}

.selectedPrinter {
    display: inline-block;
    background-color: #E8E8E8;
    color: rgba(0,0,0,.6);
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    font-size: 1em;
    padding: 0.1em 0.785714em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
}

    .selectedPrinter:hover {
        background-color: #d4d4d4;
    }

    .selectedPrinter i {
        cursor: pointer;
        margin-right: 0;
        margin-left: .5em;
        font-size: .92857143em;
        opacity: .5;
        -webkit-transition: background .1s ease;
        transition: background .1s ease;
    }

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.downloados {
    box-shadow: 0px 0px 3px 0px #AAAAAA;
    padding: 10px;
    margin-bottom: 15px;
    background: whitesmoke;
    display: block;
    max-width: 440px;
    border-top: 1px solid #F8F8F8;
    height: 106px;
}

    .downloados span.windows {
        background-image: url(../images/windows.png);
    }

.boxshadow:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .50);
}

.downloados span {
    width: 50px;
    height: 50px;
    margin: 15px 0 0 15px;
}

.downloados div {
    margin-left: 90px;
}

.lead {
    margin-top: 25px;
}

    .lead a {
        color: #454545;
    }

.downloados span.osx {
    background-image: url(../images/osx.png);
}

.row.product-stats-buttons {
    margin-top: -25px;
    margin-bottom: 10px;
}

.product-stats-image-button {
    margin-left: 100px;
    float: left;
    width: 20px;
    font-size: 24px;
    cursor: pointer;
}

.product-stats-map-button {
    float: right;
    align-content: center;
    width: 175px;
    margin-right: 75px;
    text-align: center;
}

.product-stats-tandc {
    font-size: 12px;
}

.product-stats.wait-container {
    background-color: transparent;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}


@media print {
    @page {
        margin: 15px;
    }

    @page :first {
        margin-top: -50px;
    }

    #printableLogo {
        visibility: visible;
        max-width: 100px;
    }

    .sec-three .multipleGroup, #tab-container, .fixed-footer, .cart-items-description .bot-elm, .cart-items-checkbox, #cart-container .searchInput, #varticalSerachProduct, #searchContainer, #horizentalRigthIconeContainer, .horizontal-icons-left, .btn.btn-default, .cart-items-remove {
        display: none;
    }


    #container #content #main {
        width: 90%;
        margin: 0px;
        padding: 0px;
    }


    #cart-header {
        position: relative !important;
    }

    .top-elm a:after, .cart-items-image a:after, #trackingInfo a:after {
        content: "";
    }

    .cart-items-image {
        width: 550px;
    }

    #MainLogo-XL {
        visibility: visible;
    }

    .sec-two {
        position: absolute;
        left: 20%;
        top: 128%;
    }

    .cart-item-description, .cart-items-statusInfo .statusText, .cart-item-name {
        font-weight: 400 !important;
    }

    * {
        color: #000;
        background-color: #fff;
        @include box-shadow(none);
        @include text-shadow(none);
    }

    a:after {
        content: "( "attr(href)" )";
    }
}