<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 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;
}

.chart-header-info {
    background-color: #31b0d5 !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;
}

.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/optical-filters-guide.jpg');
    background-repeat: no-repeat; 
    padding-top: 60px;
    padding-bottom: 30px;
    background-position: bottom right;
    border-bottom: 5px solid#fdcd00;
}

.oftitle {
    width: 50% !important;
    margin-top:-10px;
}

#glass-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: 70% !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;
    }

#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: none !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;
}

@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
    }
}

table.tolerances-tbl &gt; tbody &gt; tr &gt; td {
    padding:10px !important;
}

div.table-responsive-md table &gt; tbody &gt; tr &gt; td {
    padding:10px !important;
}
.table.table-sm &gt; tbody &gt; tr &gt; td {
    padding:10px !important;
}</pre></body></html>