﻿:root {
    --usda-green: #115740;
    --usda-green-rgb: 17, 87, 64;
    --usda-blue: #002D72;
    --usda-hover-color: #0f4e39;
    --usda-hover-color-rgb: 15, 78, 57;
    --usda-shadow-color: rgba(23, 120, 88, 0.5);
    --usda-disabled-color: #a1c6ba;
    --bs-primary-rgb: var(--usda-green-rgb);
    --bs-link-color-rgb: var(--usda-green-rgb);
    --bs-link-color: var(--usda-green);
    --bs-link-hover-color-rgb: var(--usda-hover-color-rgb);
    --bs-link-hover-color: var(--usda-hover-color);
    --bs-primary: var(--usda-green);
    --dxbl-client-component-palette-primary: var(--usda-green);
    --bs-border-radius: 0.5rem;
}

/* Calendar overrides */
.dxbl-calendar {
    --dxbl-calendar-today-border-color: var(--usda-green);
    --dxbl-calendar-item-focus-outline-color: var(--usda-green);
    --dxbl-calendar-item-selected-bg: var(--usda-green);
    --dxbl-calendar-item-selected-hover-bg: var(--usda-green);
    --dxbl-calendar-item-selected-color: #fff;
    --dxbl-calendar-item-selected-hover-color: #fff;
}

/* Button overrides */
.dxbl-btn {
    --dxbl-btn-link-hover-color: var(--usda-hover-color);
    --dxbl-btn-focus-shadow-color: var(--usda-shadow-color);
}

.dxbl-btn-standalone {
    --dxbl-btn-link-hover-color: var(--usda-hover-color);
    --dxbl-btn-focus-outline-color: var(--usda-hover-color);
}

    .dxbl-btn-standalone.dxbl-btn-primary {
        --dxbl-btn-bg: var(--usda-green);
        --dxbl-btn-border-color: var(--usda-green);
        --dxbl-btn-active-bg: var(--usda-green);
        --dxbl-btn-active-border-color: var(--usda-green);
        --dxbl-btn-hover-bg: var(--usda-hover-color);
        --dxbl-btn-hover-border-color: var(--usda-hover-color);
        --dxbl-btn-disabled-bg: var(--usda-disabled-color);
        --dxbl-btn-disabled-border-color: var(--usda-disabled-color);
        --dxbl-btn-focus-bg: var(--usda-green);
        --dxbl-btn-focus-border-bg: var(--usda-green);
        --dxbl-btn-focus-outline-color: var(--usda-green);
    }

    .dxbl-btn-standalone.dxbl-btn-outline-primary {
        --dxbl-btn-color: var(--usda-green);
        --dxbl-btn-border-color: var(--usda-green);
        --dxbl-btn-active-bg: var(--usda-green);
        --dxbl-btn-active-border-color: var(--usda-green);
        --dxbl-btn-hover-bg: var(--usda-hover-color);
        --dxbl-btn-hover-border-color: var(--usda-hover-color);
        --dxbl-btn-disabled-color: var(--usda-disabled-color);
        --dxbl-btn-disabled-border-color: var(--usda-disabled-color);
        --dxbl-btn-focus-color: var(--usda-green);
        --dxbl-btn-focus-border-bg: var(--usda-green);
        --dxbl-btn-focus-outline-color: var(--usda-green);
    }

    .dxbl-btn-standalone.dxbl-btn-secondary {
        --dxbl-btn-focus-outline-color: var(--usda-green);
    }

.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: var(--usda-green);
    --dxbl-btn-border-color: var(--usda-green);
    --dxbl-btn-active-bg: var(--usda-green);
    --dxbl-btn-active-border-color: var(--usda-green);
    --dxbl-btn-hover-bg: var(--usda-hover-color);
    --dxbl-btn-hover-border-color: var(--usda-hover-color);
    --dxbl-btn-disabled-bg: var(--usda-disabled-color);
    --dxbl-btn-disabled-border-color: var(--usda-disabled-color);
    --dxbl-btn-focus-shadow-color: var(--usda-shadow-color);
}

.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: var(--usda-green);
    --dxbl-btn-color: var(--usda-green);
}

/* Pager overrides */
.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: var(--usda-green);
}

    .dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
        --dxbl-pager-page-btn-hover-bg: var(--usda-hover-color);
    }

/* List box overrides */
.dxbl-list-box, .dxbl-list-box-render-container {
    --dxbl-list-box-item-selected-bg: var(--usda-green);
    --dxbl-list-box-item-selected-hover-bg: var(--usda-hover-color);
    --dxbl-list-box-item-selected-focused-color: #fff;
}

    .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-focused, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:focus, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-focused, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr:focus {
        outline-color: var(--usda-green);
    }

    .dxbl-list-box-render-container > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused, .dxbl-list-box-render-container > .dxbl-list-box-select-all-container:focus, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > thead > .dxbl-list-box-table-header-row.dxbl-list-box-item-focused, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > thead > .dxbl-list-box-table-header-row:focus, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus, .dxbl-list-box > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused, .dxbl-list-box > .dxbl-list-box-select-all-container:focus, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > thead > .dxbl-list-box-table-header-row.dxbl-list-box-item-focused, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > thead > .dxbl-list-box-table-header-row:focus, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus {
        outline-color: var(--usda-green);
    }

/* Checkbox overrides */
.dxbl-checkbox {
    --dxbl-checkbox-radio-checked-border-color: var(--usda-green);
    --dxbl-checkbox-radio-check-bg: var(--usda-green);
    --dxbl-checkbox-switch-checked-bg: var(--usda-green);
    --dxbl-checkbox-check-element-checked-bg: var(--usda-green);
    --dxbl-checkbox-check-element-checked-hover-bg: var(--usda-hover-color);
    --dxbl-checkbox-switch-checked-hover-bg: var(--usda-hover-color);
    --dxbl-checkbox-radio-checked-hover-bg: var(--usda-hover-color);
    --dxbl-checkbox-radio-checked-hover-border-color: var(--usda-hover-color);
    --dxbl-checkbox-checked-focus-shadow-color: var(--usda-shadow-color);
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--usda-shadow-color);
}

/* Loading panel overrides */
.dxbl-loading-panel .dxbl-loading-panel-message {
    color: var(--usda-hover-color);
}

.dxbl-wait-indicator.dxbl-wait-indicator-spin > svg > g > circle {
    stroke: var(--usda-hover-color);
}

.dxbl-wait-indicator.dxbl-wait-indicator-spin > svg > g > g {
    stroke: var(--usda-hover-color);
}

/* Textbox overrides */

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: var(--usda-shadow-color);
    --dxbl-text-edit-focus-border-color: var(--usda-hover-color);
}

/* Tab overrides */

.dxbl-tabs {
    --dxbl-tabs-tab-focus-outline-color: var(--usda-green);
}

    .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
        background-color: var(--usda-green);
    }

    .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
        color: var(--usda-green);
    }

/* Chart overrides */

.dxbl-chart-tooltip {
    filter: drop-shadow(0 2px 5px var(--usda-shadow-color));
}

.dxbl-chart-root {
    --dxbl-chart-focus-outline-color: var(--usda-green);
}

/* Grid overrides */
.dxbl-grid {
    --dxbl-grid-focus-frame-color: var(--usda-green);
}

/* List group overrides */
.list-group {
    --bs-list-group-active-bg: var(--usda-green);
    --bs-list-group-active-border-color: var(--usda-green);
}