@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter/Inter_18pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Arial';
    src: url('/fonts/arial/arial.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.govpath-theme {
    --gov-green: #113534;
    --cloud-white: #f2f2f2;
    --beacon-lime: #66dc83;
    --sand: #dac293;
    --trust-blue: #143860;
    --approachable-red: #862c31;
    --strong-gray: #5b636c;
    --park-green: #4a6935;
    --white: #ffffff;
    --cui-body-bg: var(--cloud-white);
    --cui-tertiary-bg: var(--cloud-white);
    --cui-body-color: var(--gov-green);
    --cui-card-color: var(--gov-green);
    --cui-header-footer-bg: #ffffff;
    --cui-link-color: var(--gov-green);
    --cui-nav-link-hover-color: var(--gov-green);
    --cui-input-bg: #ffffff;
    --cui-input-color: var(--gov-green);
    --cui-input-border-color: var(--strong-gray);
    --cui-input-focus-border-color: #4a4a4a;
    --cui-input-placeholder-color: var(--strong-gray);
    --cui-input-disabled-bg: var(--sand);
    --cui-date-picker-bg: var(--cloud-white);
    --cui-date-picker-color: var(--gov-green);
    --cui-sidebar-nav-group-toggle-show-color: white;
    --bs-sidebar-nav-group-toggle-show-color: white;
    --font-body: "Inter", sans-serif;
    --font-h1: "Arial", sans-serif;
    --font-h2: "Arial", sans-serif;
    --font-h3: "Inter", sans-serif;
}



h1 {
    color: black !important;
}

body,
p,
h2, h3,
span,
li,
a,
label,
input,
textarea,
select,
.text-muted,
.text-center,
.small,
 .mb-2, .mb-3, .mb-4, .mb-5,
.mt-1, .mt-2, .mt-3, .mt-4, .mt-5 {
    color: white !important;
}

    body.govpath-theme,
    body.govpath-theme p,
    body.govpath-theme h2,
    body.govpath-theme h3,
    body.govpath-theme span,
    body.govpath-theme li,
    body.govpath-theme a,
    body.govpath-theme label,
    body.govpath-theme input,
    body.govpath-theme textarea,
    body.govpath-theme select,
    body.govpath-theme .text-muted,
    body.govpath-theme .text-center,
    body.govpath-theme .small,
    body.govpath-theme .mb-2,
    body.govpath-theme .mb-3,
    body.govpath-theme .mb-4,
    body.govpath-theme .mb-5,
    body.govpath-theme .mt-1,
    body.govpath-theme .mt-2,
    body.govpath-theme .mt-3,
    body.govpath-theme .mt-4,
    body.govpath-theme .mt-5 {
        color: var(--gov-green) !important;
    }

        body.govpath-theme button,
        body.govpath-theme .itembox {
            color: inherit !important;
        }


.rounded-t-sm {
    color: white;
    border-radius: 10px;
}

hr {
    border-color: white;
    background-color: white;
}

body.govpath-theme hr {
    border-color: black;
    background-color: black;
}





.govpath-theme h1 {
    font-family: var(--font-h1);
    font-weight: 300;
}

.govpath-theme h2 {
    font-family: var(--font-h2);
    font-weight: 400;
}

.govpath-theme h3 {
    font-family: var(--font-h3);
    font-weight: 500;
}

    .govpath-theme body,
    .govpath-theme p {
        font-family: var(--font-body);
        font-weight: 400;
    }

.btn-secondary {
    color: black !important;
    background-color: white !important;
    border-color: black !important;
}




.btn-primary {
    background-color: #816536;
    color: white ;
    border-color: #816536;
}

.govpath-theme .btn-primary {
    background-color: var(--beacon-lime);
    color: var(--gov-green);
    border-color: var(--beacon-lime);
}

    .govpath-theme .btn-primary:hover {
        background-color: #4dbd68;
        color: var(--gov-green);
        border-color: var(--beacon-lime);
    }

    .govpath-theme .btn-primary:focus,
    .govpath-theme .btn-primary:active {
        background-color: #4dbd68;
        color: var(--white);
        border-color: var(--beacon-lime);
    }

    .govpath-theme .btn-secondary,
    .govpath-theme .btn-outline-secondary,
    .govpath-theme .btn-outline-primary,
    .govpath-theme .btn-ghost-primary,
    .govpath-theme .btn-info {
        --cui-btn-bg: transparent;
        --cui-btn-color: var(--gov-green);
        --cui-btn-hover-bg: var(--gov-green);
        --cui-btn-border-color: var(--gov-green);
        --cui-btn-hover-border-color: var(--gov-green);
        color: var(--gov-green) !important;
        background-color: transparent !important;
        border: 1px solid var(--gov-green) !important;
        transition: all 0.3s ease;
    }

        .govpath-theme .btn-secondary:hover,
        .govpath-theme .btn-outline-secondary:hover,
        .govpath-theme .btn-outline-primary:hover,
        .govpath-theme .btn-info:hover {
            color: var(--white) !important;
            background-color: var(--gov-green) !important;
            border-color: var(--gov-green) !important;
        }

        .govpath-theme .btn-secondary i,
        .govpath-theme .btn-outline-secondary i,
        .govpath-theme .btn-outline-primary i,
        .govpath-theme .btn-info i {
            color: var(--gov-green);
            transition: color 0.3s ease;
        }

        .govpath-theme .btn-secondary:hover i,
        .govpath-theme .btn-outline-secondary:hover i,
        .govpath-theme .btn-outline-primary:hover i,
        .govpath-theme .btn-info:hover i {
            color: var(--white);
        }

    .govpath-theme .btn-danger {
        --cui-btn-color: var(--approachable-red);
        --cui-btn-bg: transparent;
        --cui-btn-border-color: var(--approachable-red);
        --cui-btn-hover-bg: var(--approachable-red);
        --cui-btn-hover-border-color: var(--approachable-red);
        color: var(--approachable-red) !important;
        background-color: transparent !important;
        border: 1px solid var(--approachable-red) !important;
        transition: all 0.3s ease;
    }

        .govpath-theme .btn-danger:hover {
            color: var(--white) !important;
            background-color: #661d22 !important;
            border-color: #661d22 !important;
        }

    .govpath-theme .btn {
        font-size: 1.2rem;
    }

.govpath-theme .card-header {
    background-color: white !important;
}


    .govpath-theme .bg-cloud-white {
        background-color: var(--cloud-white);
    }

    .govpath-theme .card {
        background-color: var(--white);
        margin: 10px;
    }

    .govpath-theme #background,
    .govpath-theme body {
        background-color: var(--gov-green);
    }

    .govpath-theme .form-check-input:checked {
        background-color: var(--beacon-lime) !important;
        border-color: var(--beacon-lime) !important;
    }

    .govpath-theme input:disabled,
    .govpath-theme select:disabled,
    .govpath-theme textarea:disabled,
    .govpath-theme .form-control:disabled,
    .govpath-theme .form-select:disabled {
        background-color: var(--sand) !important;
        border-color: var(--sand) !important;
        cursor: not-allowed;
        color: var(--gov-green) !important;
        opacity: 0.7;
    }


    .govpath-theme .time-picker-roll-cell.selected {
        background: var(--cloud-white);
        color: var(--gov-green);
    }

    .govpath-theme .table-info {
        background-color: var(--sand);
    }

    .govpath-theme .bg-sand tr {
        background-color: var(--gov-green) !important;
    }

/
    .govpath-theme .toast-success {
        background-color: var(--beacon-lime) !important;
        color: var(--gov-green) !important;
    }

        .govpath-theme .toast-success c-toast-header,
        .govpath-theme .toast-success c-toast-body {
            background-color: var(--beacon-lime) !important;
            color: var(--gov-green) !important;
        }

        .govpath-theme .toast-success p {
            color: var(--gov-green) !important;
        }

        .govpath-theme .toast-success .btn-close {
            filter: brightness(0.3);
        }

        .govpath-theme .toast-success c-progress {
            --cui-progress-bar-bg: var(--white) !important;
        }

        .govpath-theme .toast-success c-progress-bar {
            background-color: var(--gov-green) !important;
        }

    .govpath-theme .toast-danger {
        background-color: var(--approachable-red) !important;
        color: var(--white) !important;
    }

        .govpath-theme .toast-danger c-toast-header,
        .govpath-theme .toast-danger c-toast-body {
            background-color: var(--approachable-red) !important;
            color: var(--white) !important;
        }

            .govpath-theme .toast-danger c-toast-body p {
                color: var(--white) !important;
            }

        .govpath-theme .toast-danger .btn-close {
            filter: brightness(1000%) !important;
            opacity: 1 !important;
        }

        .govpath-theme .toast-danger c-progress {
            --cui-progress-bar-bg: var(--white) !important;
        }

        .govpath-theme .toast-danger c-progress-bar {
            background-color: var(--gov-green) !important;
        }


    .govpath-theme .grid-menu .btn {
        width: 90%;
        border: none;
    }

.itembox .btn-secondary {
    border: 1.5px solid #715a32;
    color: #715a32;
    font-weight: 600;
    background-color: white;
    justify-content: center;
    align-items: center;
}

.selected .itembox .btn-secondary {
    background-color: #816536;
    color: white;
}

button.itembox.btn-secondary:hover {
    background-color: #9c845a !important;
    color: white !important;
}

.govpath-theme .itembox {
    border-color: var(--gov-green);
    color: var(--gov-green);
    background-color: white;
}

.govpath-theme .selected .itembox {
    background-color: var(--beacon-lime);
    color: white;
}

.govpath-theme .itembox:hover {
    background-color: var(--gov-green);
    color: white;
}


    .govpath-theme .record-item.selected .btn {
        background-color: var(--beacon-lime);
        color: white;
    }

    .govpath-theme .selected .itembox.btn-secondary {
        background-color: var(--sand) !important;
        color: var(--gov-green) !important;
        border-color: var(--sand) !important;
    }

    .govpath-theme .bg-info {
        background-color: var(--trust-blue) !important;
    }

    .govpath-theme .hover-white:hover {
        color: white !important;
    }

    .govpath-theme .fa {
        color: var(--icon-color);
    }

    .govpath-theme #schedule-button:disabled {
        background-color: var(--cloud-white);
        color: black;
        border: 1px solid black;
    }

body.govpath-theme #site {
    background-color: white;
}