@charset "UTF-8";

:root {
    --pe-primary: rgb(32, 43, 70);
    --pe-primary-light: rgb(176, 186, 210);
    --pe-accordion-bg: rgb(48, 64, 105);
    --pe-accordion-bg-hover: rgb(148, 164, 185);
    --pe-menu-bg-hover: rgb(62, 151, 255);
    --pe-loading: darkorange;
    --pe-btn-color: white;
    --pe-btn-bg: rgb(62, 151, 255);
    --pe-btn-active: rgb(40, 62, 116);
    --pe-btn-disabled: rgb(180, 204, 231);
    --pe-btn-outline: rgb(42, 101, 180);
    --pe-btn-hover: rgb(82, 191, 255);              /* blue */
    --pe-badge-bg: rgb(101, 181, 93);               /* light/mid green */
    --pe-check-bg: rgb(255, 140, 0);                /* dark orange */
    --pe-check-shadow: rgb(255, 165, 0);            /* orange */
    --pe-check-hover: rgb(255, 165, 0);             /* orange */
    --pe-switch-on: rgb(101, 181, 93);              /* light/mid green */
    --pe-switch-on-hover: rgb(80, 150, 70);         /* mid green */
    --pe-switch-on-shadow: rgb(120, 210, 110);      /* light green */
    --pe-switch-off: rgb(101, 101, 101);            /* gray */
    --pe-switch-off-hover: rgb(80, 80, 80);         /* mid gray */
    --pe-switch-off-shadow: rgb(180, 180, 180);     /* light gray */
    --bs-primary: var(--pe-primary);
    --bs-primary-border-subtle: var(--pe-primary-light);
    /*
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    */
}

.bg-primary {
    background-color: var(--pe-primary) !important
}

    .bg-primary .dxrbv-gridlayout-side-bar {
        background-color: var(--pe-primary-light) !important
    }

.dxbl-wait-indicator.dxbl-wait-indicator-spin {
    --dxbl-wait-indicator-color: var(--pe-loading) !important;
}

.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    background-color: var(--pe-menu-bg-hover) !important;
    color: var(--dxbl-btn-hover-color)
}

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

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

/*
    This would override the default background for ALL accordion controls in the app
.dxbl-accordion-group-header {
    background: var(--pe-accordion-bg) !important;
    color: var(--bs-white);
}

.dxbl-accordion .dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(.dxbl-accordion-filter) > .dxbl-accordion-group-header:hover {
    background: var(--pe-accordion-bg-hover) !important;
    color: var(--bs-black) !important;
}
    */

/* These override the accordion controls in the filter panel, which use an alternate background */
.filter-accordion-header > .dxbl-accordion-group-header {
    background: var(--pe-accordion-bg) !important;
    color: var(--bs-white);
}

    .filter-accordion-header > .dxbl-accordion-group-header:hover {
        background: var(--pe-accordion-bg-hover) !important;
        color: var(--bs-black) !important;
    }

.filter-nestedaccordion-header > .dxbl-accordion-group-header {
    background: var(--pe-accordion-bg) !important;
    color: var(--bs-white);
}

    .filter-nestedaccordion-header > .dxbl-accordion-group-header:hover {
        background: var(--pe-accordion-bg-hover) !important;
        color: var(--bs-black) !important;
    }

.filter-template-dropdown > .dxbl-btn-group-right > .dxbl-edit-btn-dropdown {
    background: var(--pe-primary);
    color: var(--bs-white);
}

    .filter-template-dropdown > .dxbl-btn-group-right > .dxbl-edit-btn-dropdown:hover {
        background: var(--pe-primary-light) !important;
        color: var(--bs-black) !important;
    }

.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: var(--pe-btn-bg);
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: var(--pe-btn-bg);
}

.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td::before, .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td::before, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before {
    background-color: var(--pe-btn-bg) !important;
}

.dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within {
    border-color: var(--pe-primary-light);
    --dxbl-text-edit-focus-shadow-color: var(--pe-primary-light) !important;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: var(--pe-primary-light);
}

.dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked > .dxbl-checkbox-check-element:not(:hover), .dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-indeterminate > .dxbl-checkbox-check-element:not(:hover) {
    --dxbl-treeview-checkbox-checked-bg: var(--pe-check-bg) !important;
    --dxbl-checkbox-checked-focus-shadow-color: var(--pe-check-shadow) !important;
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--pe-check-shadow) !important;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-checkbox-check-element-checked-hover-bg: var(--pe-check-hover) !important;
}

.dxbl-checkbox.dxbl-checkbox-unchecked .dxbl-checkbox-check-element:focus-within {
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--pe-check-shadow) !important;
}

.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: var(--pe-check-bg);
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: var(--pe-primary-light);
}

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element {
    --dxbl-checkbox-switch-checked-bg: var(--pe-switch-on);
}

.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-checkbox-switch-checked-hover-bg: var(--pe-switch-on-hover);
}

.dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:focus-within, .dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:focus-within {
    --dxbl-checkbox-checked-focus-shadow-color: var(--pe-switch-on-shadow);
}

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
    --dxbl-checkbox-switch-unchecked-bg: var(--pe-switch-off);
}

.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-checkbox-switch-unchecked-hover-bg: var(--pe-switch-off-hover);
}

.dxbl-checkbox.dxbl-checkbox-unchecked .dxbl-checkbox-check-element:focus-within, .dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:focus-within {
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--pe-switch-off-shadow);
}