/* Index Page */
#chart-header {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: dashed 1px gainsboro;
}

.chart-header-title {
    font: 22px heebo,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
}

.chart-header-info {
    background-color: #31b0d5 !important;
    color: white;
}

.chart-header-img {
    background-color: #5a6268 !important;
    color: white;
}

.chart-header-refresh {
    background-color: #0462be !important;
    color: white;
}

.chart-header-export {
    color: white !important;
}

#chart {
    padding-top: 10px;
}

.card-filter-number {
    float: left;
    font-weight: bold;
    font-size: 16px;
    width: 80%;
}

.card-body {
    margin-bottom: 20px;
}

.form-req {
    color: red !important;
    cursor: pointer !important;
    padding-right: 3px !important;
}

.no-pricing-data {
    color: #a94442;
}

.ofheader {
    background-image: url('/assets/images/banner-images/polarization-optics.jpg');
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 20px;
    background-position: bottom right;
    border-bottom: 5px solid#fdcd00;
}

.oftitle {
    width: 90% !important;
    margin-top: -30px;
}

#polarizer-selections div.form-group:first-child {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.header-desc {
    width: 90% !important;
}

.back-link {
    background-color: #0571fd;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    font-size: 11px;
    border-radius: 20px;
    border: none;
}

    .back-link:hover {
        color: #ffffff;
    }

.card-footer {
    text-align: right;
    padding-top: 0px !important;
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
}

.btn-sm {
    text-transform: uppercase;
    font-weight: bold !important;
    background-color: #fdcd00;
    box-shadow: 3px 3px 4px #dadada;
    margin-left: 40px;
    margin-top: -5px;
    margin-right: 12px;
}

    .btn-sm:hover {
        top: 2px;
        position: relative;
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #dadada;
        background-color: #fdd01c;
        font-weight: bold !important;
        color: #000 !important;
    }

.btn-continue {
    text-transform: uppercase;
    font-weight: bold !important;
    background-color: #fdcd00;
    box-shadow: 3px 3px 4px #dadada;
}

    .btn-continue:hover {
        top: 2px;
        position: relative;
        text-decoration: none !important;
        box-shadow: 5px 3px 4px #dadada;
        background-color: #fdd01c;
        font-weight: bold !important;
        color: #000 !important;
    }

.card-price {
    color: green;
    text-align: center;
    margin-right: 5px;
    /*float: right;*/
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    /* The actual popup (appears on top) */
    .popup .popuptext {
        visibility: hidden;
        width: 400px;
        background-color: #555;
        color: #fff;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        white-space: normal;
        font-size: 12px;
        width: 200px;
        padding: 5px;
    }

    /* Toggle this class when clicking on the popup container (hide and show the popup) */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

#packingType-popup {
    width: 400px !important;
    /*top: -370px !important;*/
    top: -280px !important;
    max-height: 450px;
    overflow-y: scroll;
}

#axis-popup {
    width: 500px !important;
    /*top: -370px !important;
    top: -280px !important;*/
    max-height: 500px;
}

#chart-img-popup {
    width: 600px !important;
    /*top: -370px !important;
    top: -280px !important;*/
    max-height: 600px;
}

#panel-chart {
    width: 80% !important;
}

#panel-pricing {
    width: 80% !important;
}

#panel-quote {
    width: 80% !important;
}

.tbl-heading-row {
    background: #fffbeb;
}

.lbl-customer-detail-greeting {
    font-size: 16px;
    font-weight: bold !important;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px !important;
}

#dvPricingData {
    padding-top: 10px;
}

/* Quote Submitted Page */
#main-row {
    padding-bottom: 20px !important;
}

#details-row {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}


/* Overrides */
.alert-danger {
    background-color: #F8D7DA !important;
}

.bg-dark {
    background-color: black !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.frm-entry {
    min-width: 200px !important;
}

.nodisplay {
    display: none
}

.grayBkgd {
    font-weight: normal !important;
}

p.holiday-h {
    margin-top: 0px !important;
    padding-top: 35px !important;
}

.table-hover tbody tr:hover {
    background-color: #b8daff !important;
}

.tolerances-card {
    border-radius: 0px !important;
    /*max-width: 300px !important;*/
}

.tolerances-hdr {
    font-weight: bold !important;
    font-size: 13px !important;
    padding: 8px !important;
    background: #fffbeb;
}

.tolerances-body {
    font-size: 12px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.tolerances-tbl {
    margin: 0px !important;
    border: solid 1px #dee2e6 !important;
}

.tolerances-tbl-bold {
    font-weight: bold !important;
}

.alert-link-wh {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

.glass-type-list-sm {
    list-style-type: none;
    padding-inline-start: 5px;
    margin-block-end: 0px;
    margin-block-start: 0px;
    text-align: left !important;
    font-size: 12px;
}

.shipping-note {
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 auto;
}

.btn-other {
    margin-left: 0px !important;
}

#lblCertify {
    font-weight: normal !important;
}

.cert-lbl {
    font-size: 13px !important;
    font-weight: normal !important;
}

.cert-dualuse {
    cursor: help;
}

.img-thumbnail
{
    width: 200px !important;
}

@media (max-width: 991px) {
    #panel-chart {
        width: 100% !important;
    }

    .oftitle {
        width: 90% !important;
        padding-left: 15px;
    }

    .ofheader {
        height: 420px
    }

    .header-desc {
        width: 90% !important;
        padding-left: 15px;
    }

    .btn-other {
        width: 50%;
    }
}

@media (max-width: 450px) {
    .ofheader {
        background-image: none !Important
    }
}

@media (max-width: 1300px) {
    .titlepd {
        padding-left: 35px
    }
}
@media (max-width: 991px) {
    .titlepd {
        padding-left: 0px
    }
}