/* =========================
   Rebrand_County.css (Merged)
   ========================= */

/* --- NEW REBRAND (Primary) --- */
/* (This is your current new file as-is) */

:root {
    --kendo-color-primary: #132048;
    --kendo-color-primary-on-surface: #132048;
}

/* Brand tokens & theme-level adjustments (Kendo/Telerik) */

/* Primary button hover/focus branding */
.k-button:hover, .k-button:focus {
    text-decoration: underline;
    text-decoration-color: #ffffff;
    text-underline-offset: 3px;
}

/* Toolbar buttons for grids (brand color) */
.k-grid-toolbar .k-button {
    background-color: var(--kendo-color-primary);
    border-color: var(--kendo-color-primary);
    color: #fff;
}

/* Pager button appearance (brand-aware) */
.k-pager-numbers .k-button {
    background-color: #fff !important;
    color: var(--kendo-color-primary) !important;
}

    .k-pager-numbers .k-button.k-selected {
        background-color: #e0e0e0 !important;
        border-color: #e0e0e0 !important;
        color: var(--kendo-color-primary) !important;
    }

/* Date/time picker & input-button brand */
.k-datepicker .k-input-button,
.k-datetimepicker .k-input-button {
    background-color: var(--kendo-color-primary);
    color: #ffffff;
    border-color: var(--kendo-color-primary);
}

    .k-datepicker .k-input-button:hover,
    .k-datetimepicker .k-input-button:hover {
        background-color: #0f1a3a;
        color: #ffffff;
    }

/* Ensure input icons / svg use white on brand buttons */
.k-input-button .k-icon,
.k-input-button svg {
    color: #ffffff;
    fill: #ffffff;
}

/* Input spinner brand */
.k-input-spinner {
    background-color: var(--kendo-color-primary);
}

    .k-input-spinner .k-spinner-increase,
    .k-input-spinner .k-spinner-decrease {
        background-color: var(--kendo-color-primary);
        color: #ffffff;
        border-color: var(--kendo-color-primary);
    }

        .k-input-spinner .k-spinner-increase:hover,
        .k-input-spinner .k-spinner-decrease:hover {
            background-color: #0f1a3a;
            color: #ffffff;
        }

    .k-input-spinner svg {
        fill: #ffffff;
    }

/* Dropdown/picker icon fills for neutral pickers */
.k-dropdownlist .k-input-button svg,
.k-picker .k-input-button svg {
    fill: var(--kendo-color-primary);
    background-color: #e0e0e0;
}

/* Picker shell */
.k-picker {
    background-color: #e0e0e0;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

    .k-picker:hover {
        background-color: #e0e0e0;
    }

        .k-picker:hover .k-input-button {
            background-color: #e0e0e0;
        }

/* Calendar "today" nav highlight */
.k-calendar .k-calendar-nav-today {
    color: var(--kendo-color-primary) !important;
}

.k-timepicker .k-input-button {
    background-color: #132048;
    border-color: #132048;
    color: #ffffff;
}

    .k-timepicker .k-input-button svg {
        fill: #ffffff;
    }

/* Focus ring / accessibility focus color */
.k-focus,
.k-input:focus,
.k-button:focus,
.k-picker:focus,
.k-picker.k-focus,
.k-dropdownlist.k-focus,
.k-numerictextbox.k-focus,
.k-datepicker.k-focus,
.k-datetimepicker.k-focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--kendo-color-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}

/* Links and list selection (brand color) */
.k-link,
.k-link .k-link-text {
    color: var(--kendo-color-primary);
}

.k-list-item.k-selected {
    background-color: var(--kendo-color-primary);
    color: #ffffff;
}

.k-list-item:hover,
.k-list-item.k-focus {
    background-color: #e0e0e0;
    color: var(--kendo-color-primary);
}

.k-list-item.k-selected .k-list-item-text {
    color: #ffffff;
}

.k-list-container .k-list-item.k-selected {
    background-color: var(--kendo-color-primary) !important;
    color: #ffffff !important;
}

/* Small Kendo list sizing used across site (kept here as theme-level) */
.k-list-md {
    font-size: .85rem;
    line-height: 1.5;
}

/*General*/
.content {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.7em;
    color: #000000;
}

.headerDiv {
    background-color: #F3F3F3;
    height: 117px;
}

.headerBigText {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 3.0em;
    color: #132048;
}

.headerSmallText {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.0em;
    color: #132048;
}

#Menu .navbar-toggler {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1000;
}

/* Prevent it from affecting layout */
#Menu .row {
    position: relative;
}

/* Fix logo positioning */
.navbar-brand {
    margin-top: 10px !important;
    display: inline-block;
}

svg {
    height: 15px;
    width: 15px;
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 2.0em;
    color: #132048;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    color: #132048;
}

h3 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    color: #333333;
}

.nav-link {
    background-color: #F3F3F3;
    font-size: 13px;
}

.button:hover {
    text-decoration: underline;
    text-decoration-color: white;
    text-underline-offset: 3px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #132048;
    color: white;
    z-index: 500;
}

.footerImage {
    float: left;
    padding: 10px 20px 10px 20px;
}

.footerText {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 1.0em;
    padding-top: 40px;
}

.footerLink, .footerLink:active,
.footerLink:visited, .footerLink:focus {
    color: white;
    text-decoration: underline;

}

    .footerLink:hover {
        color: #059BFF
    }

/*dropdown*/
.dropdown-item.active, .dropdown-item:active {
    background-color: #132048;
}

/*Kendo*/
.k-button:hover, .k-button:focus {
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

.k-grid-toolbar .k-button {
    background-color: #132048;
    border-color: #132048;
    color: #fff;
}

.k-pager-numbers .k-button {
    background-color: #fff !important;
    color: #132048 !important;
}

    .k-pager-numbers .k-button.k-selected {
        background-color: #e0e0e0 !important;
        border-color: #e0e0e0 !important;
        color: #132048 !important;
    }

.k-datepicker .k-input-button,
.k-datetimepicker .k-input-button {
    background-color: #132048;
    color: #ffffff;
    border-color: #132048;
}

    .k-datepicker .k-input-button:hover,
    .k-datetimepicker .k-input-button:hover {
        background-color: #0f1a3a;
        color: #ffffff;
    }

    .k-datepicker .k-input-button svg,
    .k-datetimepicker .k-input-button svg,
    .k-input-spinner svg {
        fill: #ffffff;
    }

.k-checkbox {
    accent-color: #132048;
}


    .k-checkbox:checked {
        background-color: #132048;
        border-color: #132048;
    }

.k-input-spinner svg {
    fill: #ffffff;
}

.k-input-spinner {
    background-color: #132048;
}

    .k-input-spinner .k-spinner-increase,
    .k-input-spinner .k-spinner-decrease {
        background-color: #132048;
        color: #ffffff;
        border-color: #132048;
    }

        .k-input-spinner .k-spinner-increase:hover,
        .k-input-spinner .k-spinner-decrease:hover {
            background-color: #0f1a3a;
            color: #ffffff;
        }

    .k-input-spinner svg {
        fill: #ffffff;
    }

.k-dropdownlist .k-input-button svg,
.k-picker .k-input-button svg {
    fill: #132048;
    background-color: #e0e0e0;
}

.k-picker {
    background-color: #e0e0e0;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

    .k-picker:hover {
        background-color: #e0e0e0;
    }

        .k-picker:hover .k-input-button {
            background-color: #e0e0e0;
        }

.k-calendar .k-calendar-nav-today {
    color: #132048 !important;
}

.k-focus,
.k-input:focus,
.k-button:focus,
.k-picker:focus,
.k-picker.k-focus,
.k-dropdownlist.k-focus,
.k-numerictextbox.k-focus,
.k-datepicker.k-focus,
.k-datetimepicker.k-focus {
    outline: none;
    box-shadow: 0 0 0 2px #132048 !important;
    border-color: #132048 !important;
}

.k-picker .k-input-button {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #132048;
}

    .k-picker .k-input-button svg {
        fill: #132048;
    }

.k-link,
.k-link .k-link-text {
    color: #132048;
}

/* Dropdown selected item */
.k-list-item.k-selected {
    background-color: #132048;
    color: #ffffff;
}

.k-list-item:hover,
.k-list-item.k-focus {
    background-color: #e0e0e0;
    color: #132048;
}

.k-list-item.k-selected .k-list-item-text {
    color: #ffffff;
}

.k-list-container .k-list-item.k-selected {
    background-color: #132048 !important;
    color: #ffffff !important;
}

.k-combobox .k-input-button.k-button.k-icon-button,
.k-multicolumncombobox .k-input-button.k-button.k-icon-button,
.k-combobox .k-select.k-button.k-icon-button,
.k-multicolumncombobox .k-select.k-button.k-icon-button {
    background-color: var(--kendo-color-primary) !important;
    border-color: var(--kendo-color-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

    .k-combobox .k-input-button.k-button.k-icon-button svg path,
    .k-multicolumncombobox .k-input-button.k-button.k-icon-button svg path,
    .k-combobox .k-select.k-button.k-icon-button svg path,
    .k-multicolumncombobox .k-select.k-button.k-icon-button svg path {
        fill: #fff !important;
    }

.k-dropdownlist .k-input-button,
.k-dropdownlist .k-select,
.k-dropdownlist .k-input-button.k-button,
.k-dropdownlist .k-select.k-button {
    background-color: #e0e0e0 !important;
    background: #e0e0e0 !important;
    border-color: #dee2e6 !important;
    color: var(--kendo-color-primary) !important;
    box-shadow: none !important;
}

    .k-dropdownlist .k-input-button svg,
    .k-dropdownlist .k-select svg,
    .k-dropdownlist .k-input-button svg path,
    .k-dropdownlist .k-select svg path {
        fill: var(--kendo-color-primary) !important;
    }


    .k-dropdownlist .k-input-button:hover,
    .k-dropdownlist .k-select:hover {
        background-color: #e0e0e0 !important;
    }


.k-textbox:focus,
.k-textarea:focus {
    outline: 2px solid #005fcc; /* High-contrast blue outline */
    outline-offset: 2px;
    background-color: #e6f0ff; /* Optional: subtle background change */
    box-shadow: 0 0 0 2px #b3d4fc; /* Optional: soft glow */
}

.k-input-inner:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
    background-color: #e0e0e0; /* Optional */
    box-shadow: 0 0 0 2px #b3d4fc; /* Optional */
}

a,
a:visited {
    color: #003366; /* Replace with your dark blue */
}

    a:focus,
    a:hover {
        text-decoration: underline;
        outline: 2px solid #005fcc; /* Optional: visible focus */
    }

/* =========================
   OLD REBRAND DIFFERENCES
   ========================= */

/* None — all rules from the old file already exist in the new file */