/* ============================================================
   Government Green Theme Override
   Replaces the purple/blue (#593bdb, #5D78FF) primary palette
   with the deep green government scheme used on the Financial
   Overview page.

   Load this AFTER style.css and quixnav.css.
   ============================================================ */

:root {
    --primary: #0a6238;
    --secondary: #06462a;
}

/* -------------------------------------------------------
   Links
   ------------------------------------------------------- */
a {
    color: #0a6238;
}

a:hover,
a:focus,
a.active {
    color: #04321c;
}

/* -------------------------------------------------------
   btn-primary
   ------------------------------------------------------- */
.btn-primary {
    color: #fff;
    background-color: #0a6238;
    border-color: #0a6238;
}

.btn-primary:hover {
    color: #fff;
    background-color: #06462a;
    border-color: #04321c;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #06462a;
    border-color: #04321c;
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.4);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #0a6238;
    border-color: #0a6238;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #04321c;
    border-color: #04321c;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.4);
}

/* -------------------------------------------------------
   btn-outline-primary
   ------------------------------------------------------- */
.btn-outline-primary {
    color: #0a6238;
    border-color: #0a6238;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0a6238;
    border-color: #0a6238;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.4);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0a6238;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a6238;
    border-color: #0a6238;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.4);
}

/* -------------------------------------------------------
   btn-link
   ------------------------------------------------------- */
.btn-link {
    color: #0a6238;
}

.btn-link:hover {
    color: #04321c;
}

/* -------------------------------------------------------
   Badges
   ------------------------------------------------------- */
.badge-primary {
    color: #fff;
    background-color: #0a6238;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #04321c;
}

a.badge-primary:focus,
a.badge-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.4);
}

/* -------------------------------------------------------
   Background / Text / Border utilities
   ------------------------------------------------------- */
.bg-primary {
    background-color: #0a6238 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #04321c !important;
}

.text-primary {
    color: #0a6238 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #04321c !important;
}

.border-primary {
    border-color: #0a6238 !important;
}

/* -------------------------------------------------------
   Form controls / Custom controls
   ------------------------------------------------------- */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #0a6238;
    background-color: #0a6238;
}

.custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #0a6238;
    background-color: #0a6238;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.25);
}

.form-control:focus {
    border-color: #34b46f;
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.15);
}

.custom-select:focus {
    border-color: #34b46f;
    box-shadow: 0 0 0 0.2rem rgba(10, 98, 56, 0.15);
}

/* Custom range */
.custom-range::-webkit-slider-thumb {
    background-color: #0a6238;
}

.custom-range::-moz-range-thumb {
    background-color: #0a6238;
}

.custom-range::-ms-thumb {
    background-color: #0a6238;
}

/* -------------------------------------------------------
   Nav pills / tabs
   ------------------------------------------------------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #0a6238;
}

/* -------------------------------------------------------
   Pagination
   ------------------------------------------------------- */
.page-item.active .page-link {
    background-color: #0a6238;
    border-color: #0a6238;
}

.page-link {
    color: #0a6238;
}

.page-link:hover {
    color: #04321c;
}

/* -------------------------------------------------------
   Progress bar
   ------------------------------------------------------- */
.progress-bar {
    background-color: #0a6238;
}

/* -------------------------------------------------------
   List group
   ------------------------------------------------------- */
.list-group-item.active {
    background-color: #0a6238;
    border-color: #0a6238;
}

/* -------------------------------------------------------
   Carousel
   ------------------------------------------------------- */
.carousel-indicators .active {
    background-color: #0a6238;
}

/* -------------------------------------------------------
   Select2
   ------------------------------------------------------- */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0a6238;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #34b46f;
}

/* -------------------------------------------------------
   DataTables pagination
   ------------------------------------------------------- */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #0a6238 !important;
    background: rgba(10, 98, 56, 0.1) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #0a6238 !important;
    background: rgba(10, 98, 56, 0.1) !important;
}

/* -------------------------------------------------------
   Daterangepicker
   ------------------------------------------------------- */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #0a6238;
    border-color: #0a6238;
}

/* -------------------------------------------------------
   Header / Notification dropdowns
   ------------------------------------------------------- */
.header-right .header-profile .profile_title {
    background: #06462a;
}

.notification_dropdown .dropdown-menu-right .notification_title {
    background: #06462a;
}

/* -------------------------------------------------------
   Notification pulse dot
   ------------------------------------------------------- */
.pulse-css {
    background: #0f7d47;
}

.pulse-css::before,
.pulse-css::after {
    background-color: #0f7d47;
}

/* -------------------------------------------------------
   Header quick links
   ------------------------------------------------------- */
.header-quick-link a i {
    color: #0a6238;
}

.header-quick-link a:hover {
    background: #0a6238;
    color: #fff;
}

.header-quick-link a:hover i {
    color: #fff;
}

/* -------------------------------------------------------
   Footer link
   ------------------------------------------------------- */
.footer .copyright a {
    color: #0a6238;
}

/* -------------------------------------------------------
   QuixNav overrides (vendor specifics)
   ------------------------------------------------------- */

/* Brand logo text in vendor */
.nav-header .brand-logo {
    color: #fff;
}

.nav-header .brand-logo:hover {
    color: #fff;
}

.nav-header .brand-title::first-letter {
    background: none;
    color: inherit;
    padding: 0;
    margin-right: 0;
    border-radius: 0;
}

/* Sidebar toggle arrow */
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
    background-color: #0a6238 !important;
}

/* -------------------------------------------------------
   Concession circle (was 'blue')
   ------------------------------------------------------- */
.circle {
    background: #0a6238;
}

/* -------------------------------------------------------
   Flatpickr — compact green theme override
   ------------------------------------------------------- */
.flatpickr-calendar {
    font-size: 13px;
    width: 280px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(4, 50, 28, .15);
    border: 1px solid #dfe7e2;
}

.flatpickr-months {
    padding: 4px 0;
}

.flatpickr-months .flatpickr-month {
    height: 32px;
}

.flatpickr-current-month {
    font-size: .85rem;
    font-weight: 700;
    padding-top: 4px;
}

.flatpickr-day {
    max-width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    font-size: .8rem;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #0a6238;
    border-color: #0a6238;
    color: #fff;
}

.flatpickr-day.today {
    border-color: #0f7d47;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: #dff0e6;
    border-color: #0f7d47;
    color: #0a6238;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #dff0e6;
    border-color: #dff0e6;
    color: #0a6238;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #0a6238;
}

span.flatpickr-weekday {
    font-size: .72rem;
    font-weight: 700;
    color: #6d827a;
}

/* Alt input styling (the visible input) */
.flatpickr-input[readonly],
input.flatpickr-input ~ .form-control[readonly],
.fin-ifield-wrap input.flatpickr-alt-input,
.fin-ifield-wrap .flatpickr-input.active + input {
    background: #fff;
    cursor: pointer;
}

.fin-ifield-wrap input.active[readonly] + input.form-control {
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #dfe7e2;
    border-radius: 8px;
    background: #fff;
    color: #10241a;
    font-size: .8rem;
    cursor: pointer;
}

.fin-ifield-wrap input.active[readonly] + input.form-control:hover {
    border-color: #34b46f;
}

.fin-ifield-wrap input.active[readonly] + input.form-control:focus {
    border-color: #0f7d47;
    box-shadow: 0 0 0 3px rgba(24, 155, 88, .15);
    outline: none;
}