/*
    ================
    Order History
    ================
*/
#MainBody {
    background-color: #ffffff !Important;
}

.oh-DatePicker {
    text-align: center;
    margin-right: 0px;
    padding: 15px;
    padding-bottom: 30px;
}

legend {
    border-bottom: 1px solid #dadada;
}


.order-history-btn {
    font-size: 12px;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    margin-top: 3px;
    margin-left: 10px;
}

@media (max-width:991px) {
    .order-history-btn {
        font-size: 12px;
        padding: 5px 10px 5px 10px;
        margin: auto;
        margin-bottom: 10px;
    }
}

.plus-order {
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}

.oh-Summary {
    border-bottom: 0.5px solid #dadada !important;
    font-size: 13px
}

.oh-Toggle {
    border-right: 1px;
}

.oh-SummaryHeader {
    text-transform: uppercase;
    font-size: 10px;
    color: #585858
}

.oh-SummaryDetail {
    text-align: center;
    line-height: 18px;
}

.oh-Item {
    border: 0.5px solid #dadada !important;
    border-top: 0px !important;
    padding: 15px;
}

.oh-ItemPurchase {
    text-align: right;
}

/*
    ================
    My Account Menu
    ================
*/

.container-menu-my-account {
    height: 29px;
    width: 100%;
    background-color: #dadada;
    padding: 9px 0;
    height: auto;
    overflow: visible;
}

.menu-my-account {
    list-style: none;
    height: auto;
    overflow: visible;
    margin: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    text-align: center;
}

.container-menu-my-account div a {
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}

.menu-my-account li {
    display: inline;
    min-height: 29px;
    line-height: 29px;
    padding: 0 16px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: visible;
    text-align: center;
}

.normal-menu li.active:after {
    top: 38px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 115, 0, 0);
    border-top-color: #dadada;
    border-width: 12px;
    margin-left: -12px;
    z-index: 999;
}

.france-menu li.active:after {
    top: 67px !important;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 115, 0, 0);
    border-top-color: #dadada;
    border-width: 12px;
    margin-left: -12px;
    z-index: 999;
}


.menu-my-account li:first-child {
    padding-left: 0px;
    border-right: solid 1px #b2b2b2;
}

.menu-my-account li a {
    color: black;
}

/*
    ================
    My Account Page
    ================
*/

.france-menu li.active, .normal-menu li.active {
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif;
}

.my-account-banner-container {
    background-color: #efefef;
    height: auto;
    padding-bottom: 1px;
}


.my-account-container {
    background-color: white;
}

.my-account-banner {
    height: auto;
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: white;
}

@media (max-width:991px) {

    .my-account-banner {
        padding-left: 15px
    }
}





.my-account-banner-container h1 {
    text-align: left;
}

.my-account-banner .btn {
    background-color: #7286a8;
    border-radius: 0px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.my-account-banner .fa {
    color: #fccd00;
    font-size: 45px
}

.my-account-banner h4 {
    margin: 0;
    line-height: normal;
}

.my-account-banner-1 {
    width: 400px;
}

.my-account-banner-2 {
    width: 370px;
    text-align: center;
    margin-right: 30px;
}

.my-account-banner-3 {
    width: 370px;
    text-align: center;
}



.my-account-section {
    height: 200px;
    background-color: white;
    margin-bottom: 30px;
    vertical-align: top;
    cursor: pointer;
    padding-left: 15px;
    padding-top: 15px;
    border: 1px solid #dadada;
    border-radius: 25px;
    padding: 30px !important;
    margin-right: 20px;
}

    .my-account-section:first-child {
        margin-left: 0;
    }


@media (max-width: 665px) {
    .my-account-section {
        max-width: 100%;
    }
}

.vip-callout {
    background-size: cover;
    background-image: url('https://www.edmundoptics.com/media/1o2pb131/imagingresourceguidebannerv6.png');
    background-repeat: no-repeat;
    background-size: 151%;
    background-color: #000 !important;
    background-position: right bottom !important;
    height: 400px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.edu-callout {
    background-image: url('https://www.edmundoptics.com/media/dk2hwb4j/bythenum.jpg');
    text-align: center;
    color: #fff;
    height: 400px;
    padding-top: 30px;
    background-size: 251%;
}

.my-account-section h4 {
    margin: 0 0 16px 0;
    line-height: normal;
}

.start-callout {
    background-size: cover;
    background-image: url('https://www.edmundoptics.com/media/1nkaia1h/su-banner.jpg');
    background-repeat: no-repeat;
    background-size: 134%;
    background-color: #000 !important;
    background-position: right bottom;
    height: 400px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.my-account-section .fa {
    color: #fccd00;
    font-size: 24px;
    margin-right: 10px;
    top: -2px;
    position: relative;
}

.my-account-support-links {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .my-account-support-links ul {
        list-style: none;
    }

        .my-account-support-links ul li {
            float: left;
            padding: 15px 75px;
            font-weight: bold;
            border-radius: 25px;
            background-color: #fff;
            margin-right: 15px;
            margin-bottom: 30px;
        }

            .my-account-support-links ul li a {
                color: #0462be;
            }


/*
    ================
    Address Book
    ================
*/

.address-pop-button {
    display: inline-block !important;
    width:40%;
    max-width:200px;
}


@media (max-width:1170px) {
    .respdmyaccount {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.address-container {
    border: solid 1px #dadada;
    margin-right: 1rem;
    margin-bottom: 1rem;
}


.address-buttons {
    display:flex;
}

.address-button {
    flex: 1;
    padding: .25rem;
    letter-spacing: .5px;
    font-size:10px;
    text-transform:uppercase;
    text-align:center;
}


@media (max-width:550px) {
    .add-address-button {
        display: inline-block;
        position: inherit;
        width: 100%;
        text-align: center;
    }
}

.address-edit-links {
    font-size: 12px;
    text-align: right;
    padding: .25rem 1rem .5rem;
}


.address-fields p {
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
    margin: 0 !important;
}

.address-fields input, .address-fields select {
    width: 50%;
    float: right;
}

.address-checkboxes {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 26px;
    height: auto;
    overflow: hidden;
}

/*
    =======================
    Tax Exempt Certificates
    =======================
*/

/* tax exempt - upload section */
.taxUploadLabel {
    font-weight: normal !important;
}

.taxUpload-file {
    position: relative;
    overflow: hidden;
    padding-left: 2px !important;
    padding-top: 3px !important;
}

.taxUpload-wrapper {
    width: 100% !important;
    border: solid 1px #ccc !important;
    border-radius: 3px !important;
    line-height: 1.5 !important;
    height: 30px !important;
}

#UploadCertificateFiles {
    padding-left: 2px !important;
    padding-top: 3px !important;
    /* IE mods: */
    width: 100% !important;
    top: -2px !important;
    left: -1px !important;
}


/* tax exempt - grid */
.tax-cert-view {
    width: 50px;
}

.tax-cert-btn {
    padding: 0 !important;
}


/*
    ==================
    Customer Profile
    ==================
*/
.profile-required {
    font-style: italic;
    font-weight: normal !important;
    padding-bottom: 20px;
}

.profile-form-label {
    font-weight: normal !important;
}

#profile-industries {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-left: 0px !important;
}

@media (max-width: 767px) {
    #profile-industries {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .savedList-header-controls {
        height: 150px !important;
    }
}

#profile-industries li {
    display: table;
    padding-bottom: 0px;
    margin-right: 20px;
    list-style: none;
}

.profile-deactivate-link {
    color: blue;
    text-decoration: underline !important;
}


/*
    ==================
    Saved Lists
    ==================
*/
.savedList-menu {
    list-style: none;
    padding-left: 0px !important;
    padding-top: 15px;
    background-color: #fff;
    border: 1px solid #dadada;
    padding-bottom: 10px;
}

    .savedList-menu li {
        background-color: transparent;
        padding-left: 10px;
    }

        .savedList-menu li a {
            background-color: transparent;
            color: black;
            text-decoration: none;
            padding-left: 5px !important;
        }

        .savedList-menu li.active {
            background-color: #006dcc;
        }

            .savedList-menu li.active:after {
                content: "";
                position: absolute;
                height: 0;
                width: 0;
                border: 10px solid transparent;
                border-left: 14px solid #03335d;
                margin-top: 16px;
                margin-left: 140px;
                margin-top: 2px;
            }

@media (max-width:991px) {
    .savedList-menu li.active:after {
        display: none;
    }
}

@media (min-width:1200px) {
    .savedList-menu li.active:after {
        display: none;
    }
}

@media (max-width:991px) {
    .savedlistm {
        margin-top: 10px !important;
    }
}

.savedList-menu li.active a {
    background-color: #006dcc;
    color: white !important;
    text-decoration: none;
    padding-left: 5px !important;
}

.savedList-new-list {
    background-color: steelblue;
}

    .savedList-new-list .panel-body {
        padding: 0px !important;
        text-align: center;
    }

#savedList-add-btn {
    color: white;
}

.btn-create-list {
    width: 100% !important;
}

.savedList-items-container {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

/* Header - Add Product Section */
.savedList-items-header {
    border: solid 1px #dadada;
    background-color: #efefef
}

.savedList-header-controls {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    height: 79px;
}

/*
    ==================
    Dividers
    ==================
*/
.divied-20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.divied-40 {
    width: 100%;
    height: 40px;
    clear: both;
}

.fa-times {
    color: #000000;
}

.fa-check {
    color: green;
}

/*
    ================
    7.24.19
    ================
*/

@media (max-width: 1000px) {
    div.k-window {
        left: 45% !important;
    }
}

@media (max-width: 790px) {
    div.k-window {
        left: 43% !important;
        width: 70% !important;
        border: 1px solid #dadada !important;
    }
}

@media (max-width: 679px) {
    div.k-window {
        width: 80% !important;
    }
}

@media (max-width: 595px) {
    div.k-window {
        left: 55% !important;
    }

    div.k-window-content {
        overflow: hidden !important;
    }
}

@media (max-width: 400px) {
    div.k-window {
        top: 30% !important;
        left: 76% !important;
    }

    .address-button {
        width: 120px;
    }
}

.CountrySpecificPhoneNumber a {
    color: #fff
}

#dashboard-message {
    background-color: #0462be;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}


@media (max-width: 991px) {
    h1, .h1 {
        padding-left: 0px !important
    }
}

@media (max-width: 575px) {
    .profile-form-label {
        text-align: left !important;
    }
}

@media (max-width: 1199px) {
    .text-right {
        text-align: left !important;
        margin-bottom: 5px;
    }
}

.new-product-2 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url('/media/jych3xgx/e-pro-vv6.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.new-product-1 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url(/media/ndcduyhf/square_lab-component.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.new-product-3 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url(/media/ujsixzc1/lab-kit.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.othercleaningproducts {
    border-radius: 30px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    text-align: center;
    padding: 15px;
    padding-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 20px !Important
}

/*NEW ACCOUNT CSS*/



* {
    box-sizing: border-box
}

.tab {
    height: auto;
}

    .tab a {
        display: block;
        color: #585858;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 20px;
        background: inherit;
        padding: .75rem;
    }

        .tab a i {
            margin-top: 4px;
            opacity: .25
        }

        .tab a span {
            float: left;
            width: 30px;
            text-align: center;
            margin-right: 15px;
        }

        .tab a:hover {
            color: #000
        }

            .tab a.active i, .tab a:hover i {
                opacity: 1
            }



        .tab a.active {
            color: #000;
            text-decoration: underline;
        }

.tabcontent {
    padding: 22px 16px;
    height: auto;
}

input[type="checkbox"], input[type="radio"] {
    top: 2px;
    position: relative;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 0px;
    }
}

div#MyProfile ul {
    list-style-type: none;
}

#Dashboard a {
    color: #0068D6 !important;
    cursor: pointer;
}

    #Dashboard a:hover {
        color: #0068D6 !important;
        cursor: pointer;
        text-decoration: underline !important;
    }

/*
        ================
        Order History
        ================
    */
#MainBody {
    background-color: #ffffff !Important;
}

.oh-DatePicker {
    text-align: center;
    margin-right: 0px;
    padding: 15px;
    padding-bottom: 30px;
}

legend {
    border-bottom: 1px solid #dadada;
}


.order-history-btn {
    font-size: 12px;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    margin-top: 3px;
    margin-left: 10px;
}

@media (max-width:991px) {
    .order-history-btn {
        font-size: 12px;
        padding: 5px 10px 5px 10px;
        margin: auto;
        margin-bottom: 10px;
    }
}

.plus-order {
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}

.oh-Summary {
    border-bottom: 0.5px solid #dadada !important;
    font-size: 13px
}

.oh-Toggle {
    border-right: 1px;
}

.oh-SummaryHeader {
    text-transform: uppercase;
    font-size: 10px;
    color: #585858
}

.oh-SummaryDetail {
    text-align: center;
    line-height: 18px;
}

.oh-Item {
    border: 0.5px solid #dadada !important;
    border-top: 0px !important;
    padding: 15px;
}

.oh-ItemPurchase {
    text-align: right;
}

/*
        ================
        My Account Menu
        ================
    */

.container-menu-my-account {
    height: 29px;
    width: 100%;
    background-color: #dadada;
    padding: 9px 0;
    height: auto;
    overflow: visible;
}

.menu-my-account {
    list-style: none;
    height: auto;
    overflow: visible;
    margin: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    text-align: center;
}

.container-menu-my-account div a {
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}

.menu-my-account li {
    display: inline;
    min-height: 29px;
    line-height: 29px;
    padding: 0 16px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: visible;
    text-align: center;
}

.normal-menu li.active:after {
    top: 38px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 115, 0, 0);
    border-top-color: #dadada;
    border-width: 12px;
    margin-left: -12px;
    z-index: 999;
}

.france-menu li.active:after {
    top: 67px !important;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 115, 0, 0);
    border-top-color: #dadada;
    border-width: 12px;
    margin-left: -12px;
    z-index: 999;
}


.menu-my-account li:first-child {
    padding-left: 0px;
    border-right: solid 1px #b2b2b2;
}

.menu-my-account li a {
    color: black;
}

/*
        ================
        My Account Page
        ================
    */

.france-menu li.active, .normal-menu li.active {
    font-family: 'Sofia W01 Bold', Helvetica, Arial, sans-serif;
}

.my-account-banner-container {
    background-color: #efefef;
    height: auto;
    padding-bottom: 1px;
}


.my-account-container {
    background-color: white;
}

.my-account-banner {
    height: auto;
    padding-bottom: 60px;
    padding-top: 30px;
    background-color: white;
}

@media (max-width:991px) {
    .my-account-banner {
        padding-left: 15px
    }
}





.my-account-banner-container h1 {
    text-align: left;
}

.my-account-banner .btn {
    background-color: #7286a8;
    border-radius: 0px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.my-account-banner .fa {
    color: #fccd00;
    font-size: 45px
}

.my-account-banner h4 {
    margin: 0;
    line-height: normal;
}

.my-account-banner-1 {
    width: 400px;
}

.my-account-banner-2 {
    width: 370px;
    text-align: center;
    margin-right: 30px;
}

.my-account-banner-3 {
    width: 370px;
    text-align: center;
}



.my-account-section {
    height: 200px;
    background-color: white;
    margin-bottom: 30px;
    vertical-align: top;
    cursor: pointer;
    padding-left: 15px;
    padding-top: 15px;
    border: 1px solid #dadada;
    border-radius: 25px;
    padding: 30px !important;
    margin-right: 20px;
}

    .my-account-section:first-child {
        margin-left: 0;
    }


@media (max-width: 665px) {
    .my-account-section {
        max-width: 100%;
    }
}

.vip-callout {
    background-size: cover;
    background-image: url('https://www.edmundoptics.com/media/1o2pb131/imagingresourceguidebannerv6.png');
    background-repeat: no-repeat;
    background-size: 151%;
    background-color: #000 !important;
    background-position: right bottom !important;
    height: 400px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.edu-callout {
    background-image: url('https://www.edmundoptics.com/media/dk2hwb4j/bythenum.jpg');
    text-align: center;
    color: #fff;
    height: 400px;
    padding-top: 30px;
    background-size: 251%;
}

.my-account-section h4 {
    margin: 0 0 16px 0;
    line-height: normal;
}

.start-callout {
    background-size: cover;
    background-image: url('https://www.edmundoptics.com/media/1nkaia1h/su-banner.jpg');
    background-repeat: no-repeat;
    background-size: 134%;
    background-color: #000 !important;
    background-position: right bottom;
    height: 400px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.my-account-section .fa {
    color: #fccd00;
    font-size: 24px;
    margin-right: 10px;
    top: -2px;
    position: relative;
}

.my-account-support-links {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .my-account-support-links ul {
        list-style: none;
    }

        .my-account-support-links ul li {
            float: left;
            padding: 15px 75px;
            font-weight: bold;
            border-radius: 25px;
            background-color: #fff;
            margin-right: 15px;
            margin-bottom: 30px;
        }

            .my-account-support-links ul li a {
                color: #0462be;
            }


/*
        ================
        Address Book
        ================
    */




@media (max-width:1415px) {
    .address-popup .col-md-12 {
        width: 95%;
        margin-bottom: 15px;
    }
}

@media (max-width:791px) {
    .address-popup .col-xs-12 {
        width: 95%;
        margin-bottom: 15px;
    }
}

@media (max-width:1170px) {
    .respdmyaccount {
        padding-left: 15px;
        padding-right: 15px;
    }
}



@media (max-width:550px) {
    .add-address-button {
        display: inline-block;
        position: inherit;
        width: 100%;
        text-align: center;
    }
}



.address-fields p {
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
    margin: 0 !important;
}

.address-fields input, .address-fields select {
    width: 50%;
    float: right;
}

.address-checkboxes {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 26px;
    height: auto;
    overflow: hidden;
}

/*
        =======================
        Tax Exempt Certificates
        =======================
    */

/* tax exempt - upload section */
.taxUploadLabel {
    font-weight: normal !important;
}

.taxUpload-file {
    position: relative;
    overflow: hidden;
    padding-left: 2px !important;
    padding-top: 3px !important;
}

.taxUpload-wrapper {
    width: 100% !important;
    border: solid 1px #ccc !important;
    border-radius: 3px !important;
    line-height: 1.5 !important;
    height: 30px !important;
}

#UploadCertificateFiles {
    padding-left: 2px !important;
    padding-top: 3px !important;
    /* IE mods: */
    width: 100% !important;
    top: -2px !important;
    left: -1px !important;
}


/* tax exempt - grid */
.tax-cert-view {
    width: 50px;
}

.tax-cert-btn {
    padding: 0 !important;
}


/*
        ==================
        Customer Profile
        ==================
    */
.profile-required {
    font-style: italic;
    font-weight: normal !important;
    padding-bottom: 20px;
}

.profile-form-label {
    font-weight: normal !important;
}

#profile-industries {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-left: 0px !important;
}

@media (max-width: 767px) {
    #profile-industries {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .savedList-header-controls {
        height: 150px !important;
    }
}

#profile-industries li {
    display: table;
    padding-bottom: 0px;
    margin-right: 20px;
    list-style: none;
}

.profile-deactivate-link {
    color: blue;
    text-decoration: underline !important;
}


/*
        ==================
        Saved Lists
        ==================
    */
.savedList-menu {
    list-style: none;
    padding-left: 0px !important;
    padding-top: 15px;
    background-color: #fff;
    border: 1px solid #dadada;
    padding-bottom: 10px;
}

    .savedList-menu li {
        background-color: transparent;
        padding-left: 10px;
    }

        .savedList-menu li a {
            background-color: transparent;
            color: black;
            text-decoration: none;
            padding-left: 5px !important;
        }

        .savedList-menu li.active {
            background-color: #006dcc;
        }

            .savedList-menu li.active:after {
                content: "";
                position: absolute;
                height: 0;
                width: 0;
                border: 10px solid transparent;
                border-left: 14px solid #03335d;
                margin-top: 16px;
                margin-left: 140px;
                margin-top: 2px;
            }

@media (max-width:991px) {
    .savedList-menu li.active:after {
        display: none;
    }
}

@media (min-width:1200px) {
    .savedList-menu li.active:after {
        display: none;
    }
}

@media (max-width:991px) {
    .savedlistm {
        margin-top: 10px !important;
    }
}

.savedList-menu li.active a {
    background-color: #006dcc;
    color: white !important;
    text-decoration: none;
    padding-left: 5px !important;
}

.savedList-new-list {
    background-color: steelblue;
}

    .savedList-new-list .panel-body {
        padding: 0px !important;
        text-align: center;
    }

#savedList-add-btn {
    color: white;
}

.btn-create-list {
    width: 100% !important;
}

.savedList-items-container {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

/* Header - Add Product Section */
.savedList-items-header {
    border: solid 1px #dadada;
    background-color: #efefef
}

.savedList-header-controls {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    height: 79px;
}

/* Body - Items Section */
.savedList-item {
    height: auto;
    overflow: hidden;
}

.savedList-item-stocknum-label {
    font-weight: bold;
}

.savedList-item-stocknum {
}

.savedList-name-row {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.savedList-price-row {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.savedList-item-price {
    color: #007200;
    font-size: 12px;
    padding-left: 0px;
    font-weight: bold;
}

.savedList-cmds_row {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    text-decoration: underline !important;
}

.savedList-item-cmds {
    font-size: 12px;
}

.savedList-item-quantity {
    float: right;
    display: inline-flex;
}

.savedList-item-qty-text {
    height: 30px;
    width: 38px;
    border: solid 1px #dbdbdb;
    text-align: center;
    display: block;
    padding-left: 0px !important;
}

/* Footer Section */
.savedList-items-footer {
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
}

.savedList-footer-cmds {
    padding-top: 30px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 12px;
    text-decoration: underline !important;
}

.sharedList-footer-print {
    text-align: right;
    padding-bottom: 25px;
}


/*
        ==================
        Dividers
        ==================
    */
.divied-20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.divied-40 {
    width: 100%;
    height: 40px;
    clear: both;
}

.fa-times {
    color: #000000;
}

.fa-check {
    color: green;
}

/*
        ================
        7.24.19
        ================
    */

@media (max-width: 1000px) {
    div .k-window {
        left: 45% !important;
    }
}

@media (max-width: 790px) {
    div .k-window {
        left: 43% !important;
        width: 70% !important;
        border: 1px solid #dadada !important;
    }
}

@media (max-width: 679px) {
    div .k-window {
        width: 80% !important;
    }
}

@media (max-width: 595px) {
    div .k-window {
        left: 55% !important;
    }

    div.k-window-content {
        overflow: hidden !important;
    }
}

@media (max-width: 400px) {
    div .k-window {
        top: 30% !important;
        left: 76% !important;
    }

    .address-button {
        width: 120px;
    }
}

.CountrySpecificPhoneNumber a {
    color: #fff
}

#dashboard-message {
    background-color: #0462be;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}


@media (max-width: 991px) {
    h1, .h1 {
        padding-left: 0px !important
    }
}

@media (max-width: 575px) {
    .profile-form-label {
        text-align: left !important;
    }
}

@media (max-width: 1199px) {
    .text-right {
        text-align: left !important;
        margin-bottom: 5px;
    }
}

.new-product-2 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url('/media/jych3xgx/e-pro-vv6.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.new-product-1 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url(/media/ndcduyhf/square_lab-component.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.new-product-3 {
    position: relative;
    overflow: hidden;
    background-color: #000;
    background-image: url(/media/ujsixzc1/lab-kit.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #000;
}

.othercleaningproducts {
    border-radius: 30px;
    aspect-ratio: 1 / 1;
    background-size: cover;
    text-align: center;
    padding: 15px;
    padding-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 20px !Important
}

span.contactus {
    position: relative;
    top: -1px;
}

body > div.container {
    width: 100%;
    background-color: #fff;
}

.btn-cart {
    /* override - causing button to be pushed down instead of inline w/ controls */
    margin-top: 0px !important;
    margin-bottom: 0px;
    margin-left: 15px;
}

.inventory-label {
    padding-right: 10px;
}

.k-widget.k-window {
    /* override - remove the box surrounding the modal window */
    background: transparent !important;
    border: 1px solid transparent !important;
    padding: 0px !important;
    height:fit-content !important;
}

#newList_window {
    width: 630px !important;
    height: 500px !important;
}

.savedList-item-qty-text {
    height: 41px;
}

#emailList_window {
    height: 320px !important;
    overflow: hidden;
}

#moveList_window {
    overflow: hidden;
    height: 320px !important;
}


.my-acc-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .my-acc-desktop, .my-acc-mobile .tab {
        display: none;
    }

    .my-acc-mobile {
        display: block !important;
    }

    .tab button {
        padding: .75rem 1.25rem;
    }

    .tabWrapper {
        padding: 0 1rem;
        display: block;
    }

    .my-acc-mobile-header {
        height: 50px;
        background: #fff;
        color: #000;
    }

    .my-acc-mobile h1 {
        padding-top: .5rem;
        margin-bottom: 0px;
        font-size: 22px !important;
        display: inline-block;
    }

    button#menuToggle {
        display: inline-block;
        border: none;
        width: 50px;
        height: 50px;
        font-size: 22px;
        background: #ffcd00;
        color: #000;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    div .my-acc-mobile-header > div {
        padding: 0 1rem !important
    }
}


/*NEW MOBILE CSS*/

.tab {
    padding: 0;
    margin: 0;
}

    .tab a {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 12px 16px;
        text-decoration: none;
        color: #333;
        font-weight: 500;
        border-bottom: 1px solid #eee;
        transition: background-color 0.3s;
        flex-direction: row-reverse;
    }

        .tab a:hover,
        .tab a.active {
            background-color: #f2f2f2;
        }

    .tab aspan {
        margin-left: 10px;
    }

/* Desktop: Vertical tabs */
@media (min-width: 768px) {
    .tab {
        display: flex;
        flex-direction: column;
        width:100%;
        height: 100%;
        max-width:250px;
    }

    .hamburger {
        display: none;
    }
}

@media (max-width: 991px) {
    .hamburger {
        display: inline-block;
        font-size: 24px;
        padding: 12px;
        cursor: pointer;
        color: #333;
        margin-top: 8px;
        float: left;
    }

    div.col-3:has(nav#tabMenu) {
        display: none;
    }


    .tab {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
    }


        .tab.show {
            display: flex;
        }

        .tab a {
            border: none;
            border-bottom: 1px solid #ddd;
        }
    .my-account-support-links ul li {
        width: 90%;
        margin: .5rem auto;
        padding-left: 2rem;
    }

}

@media (min-width: 992px) {
    .tab {
        display: flex !important
    }
}

/*
================
 Quote History
================
*/
#quotesContainer {
    margin-bottom: 50px;
}

.qh-min-padding {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.qh-clear-btn {
    background-color: #0571fd !important;
    color: #fff !important;
    border: none;
    margin-right: 10px;
    box-shadow: none !important;
    width: fit-content !important;
}

.qh-cart-btn {
    margin-left: 5px !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
    background-color: #d97d00 !important;
}

    .qh-cart-btn:hover {
        color: white !important;
        background-color: #993300 !important;
        border-color: #d39e00 !important;
        opacity: 0.8;
    }

.qh-requote-btn {
    margin-left: 5px !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
}

    .qh-requote-btn:hover {
        color: #212529 !important;
        background-color: #e0a800 !important;
        border-color: #d39e00 !important;
    }

.qh-customer-comments {
    cursor: pointer;
    color: #0099CC;
}

.qh-to-lbl {
    margin-right: 5px !important;
    margin-top: 5px !important;
}

.qh-form-control {
    padding: 4px !important;
}

.dt-input {
    min-width: 100px !important;
}

.tbl-portal {
    width: 100%
}

    .tbl-portal thead {
        border-bottom: solid 3px black;
        margin-top: 15px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .tbl-portal tbody tr {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 10px;
        height: 40px
    }