:root .light {
    --bg-gray: #F1F2F6 !important;
    --bg-section: #FFFFFF;
    --fg-gray: #E7E7E7;
    --bs-white-rgb: 255 255 255 !important;
    --bs-body-disabled-bg: #43425138;
    --fg-wizard-hightlight: #ff0000;
}

body.light {
    background: var(--bg-gray) !important;
    color: var(--fg-light-text);
}

    body.light .dashboard-container {
        color: var(--fg-light-text);
    }

        body.light .dashboard-container .text-white,
        body.light .dashboard-container .text-white h1,
        body.light .dashboard-container .text-white h3,
        body.light .dashboard-container .text-white h4,
        body.light .dashboard-container .text-white p,
        body.light .dashboard-container .service-link,
        body.light .dashboard-container .service-link:hover {
            color: var(--bg-eztax) !important;
        }

        body.light .dashboard-container .bg-vireo-black {
            background: var(--bg-gray);
        }

    body.light:has(.wizard-container),
    body.light:has(.review-wizard-container),
    body.light .wizard-container form > .row,
    .light .bg-dark {
        background: var(--bg-gray) !important;
    }

.light .wizard-section,
.light .wizard-block,
.light .wizard-block div,
.light section.show-section {
    background: var(--bg-section) !important;
    background-color: var(--bg-section) !important;
}

.light .form-control {
    background: var(--fg-gray);
    border: none;
}

.light input.form-control,
.light textarea.form-control,
.light .white-input,
.light .custom-form-input {
    border: none !important;
}

.light input.form-control:focus,
.light textarea.form-control:focus,
.light .white-input:focus,
.light .custom-form-input:focus,
.light input.form-control:focus-visible,
.light textarea.form-control:focus-visible,
.light .white-input:focus-visible,
.light .custom-form-input:focus-visible {
    border: none !important;
    box-shadow: none;
}

.light .pagination,
.light .pagination .paginate_button,
.light .page-item {
    color: var(--bg-eztax) !important;
}

.light .paginate_button.page-item {
    background: rgb(var(--bs-white-rgb)) !important;
}

.light a.page-link,
.light .pagination .paginate_button a {
    background: rgb(var(--bs-white-rgb)) !important;
    color: var(--bg-eztax) !important;
    border-color: rgba(12, 11, 23, 0.2) !important;
}

.light .pagination .page-item.next a,
.light .pagination .page-item.previous a {
    color: var(--bg-eztax) !important;
}

.light .pagination .paginate_button.active,
.light .pagination .paginate_button.active a,
.light .pagination .page-item.active a {
    background: var(--v-ezixio-primary) !important;
    color: rgb(var(--bs-white-rgb)) !important;
    border-color: var(--v-ezixio-primary) !important;
}

.light .pagination .page-item.disabled a,
.light .disabled > .page-link,
.light .page-link.disabled {
    background: var(--fg-gray) !important;
    color: rgba(12, 11, 23, 0.45) !important;
    border-color: rgba(12, 11, 23, 0.12) !important;
}

.bg-vireo-black {
    background-color: rgba(0, 0, 0, 0.1);
}

    .bg-vireo-black a {
        color: var(--v-primary);
        text-decoration: underline;
        font-weight: bold;
    }