:root {
    zoom: 90%;
}

html {
    height: 100%;
}

body {
    height: 90%;
}

.body {
    height: 100%;
}

.content {
    height: inherit;
    display: flex;
    flex-direction: column;
}

/*There are some dropdowns that have been condensed and this is 
    used to apply to regular dropdowns to put their padding back to normal
*/
.dropdown-padding-regular{
    padding: 7px !important;
}

.rz-tabview-panel {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-bottom: 0.20rem;
    padding-top: 0.20rem;
    min-height: 100%;
    display: flex;
}

#QuoteProductsTabs .rz-tabview-panel {
    display: block !important;
}

#QuoteProductsTabs .rz-spinner.model-home-program > input{
    padding: inherit !important;
    color: rgb(0, 0, 255) !important;
}

#QuoteProductsTabs .rz-spinner input[type=text].model-home-program {
    padding: inherit !important;
    color: rgb(0, 0, 255) !important;
}

.spinner {
    border: 6px solid silver;
    border-top: 6px solid #337AB7;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 700ms linear infinite;
}

.spinner-lg {
    border: 6px solid silver;
    border-top: 6px solid #337AB7;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 700ms linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.rz-calendar .rz-inputtext {
    height: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
}

rz-dropdown-label rz-inputtext {
    height: unset !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.rz-cell-data {
    color: inherit !important;
}

.high-priority {
    color: red !important;
}

.rz-selectable .rz-datatable-even.rz-state-highlight .rz-cell-data,
.rz-selectable .rz-datatable-odd.rz-state-highlight .rz-cell-data {
    color: blue !important;
}

.rz-dropdown{
    padding: 2px 5px
}

@page {
    size: auto;
}

@media print {

    .pace-report-header {
        display: none !important;
    }

    .pace-report-grid {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    .rz-group-header {
        display: none !important;
    }

    .pace-report-grid .rz-cell-data {
        font-size: 4px !important;
        line-height: 1px !important;
        padding: 0px !important;
    }

    .noprint {
        visibility: hidden;
    }

    .print-window {
        position: absolute;
        top: -51px;
        left: -250px;
    }

    .break {
        page-break-inside: avoid;
    }

    app:has(div.rz-dialog-wrapper) div.rz-body{
        display: none !important;
    }

    .rz-dialog {
        width: 100% !important;
        height: 100% !important;
    }

    div.rz-dialog-mask {
        background-color: white !important;
        opacity: inherit !important;
    }

    /* Target the specific detail text class or all text */
    [id*="Quote"] .rz-cell-data,
    [id*="Quote"] .rz-textbox,
    [id*="Quote"] .rz-textarea,
    [id*="Quote"] .rz-inputtext {
        color: #000000 !important; /* Pure black */
        font-weight: 600 !important; /* Slightly bolder for better legibility */
        -webkit-print-color-adjust: exact; /* Forces the browser to respect colors */
        print-color-adjust: exact;
    }

    /* Optional: Remove backgrounds that might interfere with text clarity */
    .rz-datatable-data td {
        background-color: transparent !important;
    }
}

/*this overwrites some padding issues that was making text unreadable. If changes are needed to be made check all referrences to this class*/

.rz-dropdown {
    padding: 2px 5px;
}

.pace-report-header {
    display: flex;
}

.b4ugo-totals-row span {
    color: black !important;
    font-weight: bold;
}

meter#one, meter#two {
    width: 100%;
    border: none;
    display: none;
    height: 71px;
}

#color-block {
    margin-top: -18px;
}

@supports (font: -apple-system-body) and (-webkit-appearance: none) {
    #color-block {
        margin-top: 0px !important;
    }

    meter#one, meter#two {
        width: 100%;
        height: 38px !important;
        border: none;
        display: none;
    }
}

meter#one::-webkit-meter-bar {
    background-image: linear-gradient(
        to right,
        black 0% 14.2%,
        red 14.2% 28.6%,
        pink 28.6% 42.8%,
        yellow 42.8% 57.1%,
        blue 57.1% 71.4%,
        green 71.4% 85.7%,
        #800020 85.7% 100%
        );
    background-size: 100% 100%;
}

meter#two::-webkit-meter-bar {
    background-image: linear-gradient(
        to right,
        black 0% 16.6%,
        red 16.6% 33.3%,
        yellow 33.3% 49.9%,
        blue 49.9% 66.6%,
        green 66.6% 83.3%,
        #800020 83.3% 100%
        );
    background-size: 100% 100%;
}

meter::-webkit-meter-optimum-value {
    background:unset;
    border-right: 3px solid black; /* Border around the optimum value section */
}

meter::-webkit-meter-suboptimum-value {
    background:unset;
    border-right: 3px solid white; /* Border around the suboptimum value section */
}

#popup-ddlProducts.rz-popup {
    width: 800px !important;
}

body {
    overflow: auto !important;
}