/* Theme stuff */
:root {
	--srt-brand-color: RGB(22,69,119);
	--srt-content-color: RGB(22,69,119);
	--srt-mui-blue: rgb(63,81,181);
	--srt-card-header-background-color2: RGB(245,245,245);
	--srt-card-header-color2: black;
	--srt-card-header-background-color: var(--srt-mui-blue); /*RGB(245,245,245);*/
	--srt-card-header-color: whitesmoke;
	--srt-card-body-background-color: transparent;
	--srt-card-body-color: black;
	--srt-card-footer-background-color: RGB(245,245,245);
	--srt-card-footer-color: black;
	--srt-card-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
	--srt-card-border-radius: .4rem;
	--srt-card-border-radius-half: 0.2rem;
	--srt-card-toolbar-background-color: var(--srt-mui-blue);
	--srt-card-toolbar-color: whitesmoke;
	--srt-font-color: rgba(0,0,0,0.87);
	--srt-font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
	--srt-footer-background-color: var(--srt-mui-blue);
	--srt-footer-color: whitesmoke;
	--srt-content-background-color: RGB(255 255 255);
	--srt-background-color: black;
	--dxbl-treeview-item-selection-color: black;
	--srt-tabs-tab-selected-bg: var(--srt-card-header-background-color);
	--srt-tabs-tab-selected-color: var(--srt-card-header-color);
	--dxbl-checkbox-check-element-checked-bg: var(--srt-card-header-background-color);
}

.srt-svg-icon {
	fill: red;
}

.dxbl-active {
	--dxbl-treeview-item-selection-color: var(--srt-content-background-color);
}

	.dxbl-active > .srt-icon {
		color: var(--srt-content-background-color);
	}

.dxbl-btn-text-link,
.dxbl-btn-link {
	color: var(--srt-content-color);
}

.dxbl-modal-content {
	--dxbl-grid-bg: var(--srt-content-background-color);
	--dxbl-grid-color: var(--srt-content-color);
}

.srt-form-layout {
	--dxbl-fl-group-bg: var(--srt-content-background-color);
	--dxbl-fl-group-color: var(--srt-content-color);
}

.srt-grid {
	--dxbl-grid-bg: var(--srt-content-background-color);
	--dxbl-grid-color: var(--srt-content-color);
}

.srt-popup {
	--dxbl-popup-bg: var(--srt-content-background-color);
	--dxbl-popup-color: var(--srt-content-color);
}


.srt-card-theme {
	background-color: var(--srt-content-background-color);
	color: var(--srt-content-color);
}

.srt-card-body-theme {
	background-color: var(--srt-card-body-background-color);
	color: var(--srt-card-body-color);
}

.srt-body-background {
	background-color: var(--srt-content-background-color);
	color: var(--srt-content-color);
}

.srt-card-header {
	background-color: var(--srt-card-header-background-color);
	color: var(--srt-card-header-color);
	box-shadow: var(--srt-card-shadow);
	height: 3rem;
	font-weight: 400;
	font-size: larger;
	position:sticky;
	top: -9px;
	z-index:10;
}


.srt-card-footer-theme {
	background-color: var(--srt-content-background-color);
	color: var(--srt-content-color);
}

/* 
    THIS CONTROLS THE COLOR SCHEME OF THE TOOLBAR THAT LIVES INSIDE OF A CARD HEADER
*/
/*.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .srt-card-toolbar-theme {
	background-color: var(--srt-card-header-background-color);
	color: var(--srt-card-header-color);
}

	.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .srt-card-toolbar-theme > .srt-icon {
		color: var(--srt-card-header-color);
	}*/

.dxbl-toolbar-item .srt-card-toolbar-theme {
	background-color: var(--srt-card-header-background-color);
	color: var(--srt-card-header-color);
}

	.dxbl-toolbar-item .srt-card-toolbar-theme > .srt-icon {
		color: var(--srt-card-header-color);
	}

	.dxbl-toolbar-item .srt-card-toolbar-theme:not(.dxbl-disabled):not(:disabled):hover {
		background-color: var(--srt-card-header-background-color);
		color: var(--srt-card-header-color);
	}
/*
    This controls the color scheme of the toolbar that lives in the main app header
*/
.srt-card-toolbar-header-theme {
	color: var(--srt-card-header-color);
}

.srt-body-background-theme {
	background-color: inherit;
}

.srt-navbar-background-theme {
	background-color: var(--srt-card-header-background-color2);
	color: var(--srt-card-header-color2);
}

.srt-icon {
	color: var(--srt-content-color);
}

.srt-navbar-background .srt-icon {
	color: var(--srt-card-header-color2);
}

.srt-button-primary-theme {
	color: RGB(22,69,119);
}

.srt-footer-theme {
	background-color: var(--srt-footer-background-color);
	color: var(--srt-footer-color);
}

.srt-treeview-custom-style {
	background-color: var(--srt-content-background-color);
	color: var(--srt-content-color);
}

.dxbl-btn-primary {
	--dxbl-btn-bg: var(--srt-card-header-background-color);
	--dxbl-btn-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-active-bg: var(--srt-card-header-background-color);
	--dxbl-btn-active-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-hover-bg: var(--srt-card-header-background-color);
	--dxbl-btn-hover-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-hover-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-disabled-bg: var(--srt-card-header-background-color);
	--dxbl-btn-disabled-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-disabled-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-focus-shadow-color: rgba(var(--srt-card-header-background-color), 50%);
	--dxbl-btn-color: var(--srt-card-header-color);
	--dxbl-btn-active-color: var(--srt-card-header-color);
	--dxbl-btn-active-border-color: var(--bs-primary, var(--primary));
	--dxbl-btn-hover-color: var(--srt-card-header-color);
	--dxbl-btn-disabled-color: var(--srt-card-header-color);
}

.dxbl-btn-standalone.dxbl-btn-primary {
	--dxbl-btn-bg: var(--srt-card-header-background-color);
	--dxbl-btn-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-active-bg: var(--srt-card-header-background-color);
	--dxbl-btn-active-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-hover-bg: var(--srt-card-header-background-color);
	--dxbl-btn-hover-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-hover-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-disabled-bg: var(--srt-card-header-background-color);
	--dxbl-btn-disabled-border-color: var(--srt-card-header-background-color);
	--dxbl-btn-disabled-background: linear-gradient(var(--srt-card-header-background-color), var(--srt-card-header-background-color));
	--dxbl-btn-focus-shadow-color: rgba(var(--srt-card-header-background-color), 50%);
	--dxbl-btn-color: var(--srt-card-header-color);
	--dxbl-btn-active-color: var(--srt-card-header-color);
	--dxbl-btn-active-border-color: var(--bs-primary, var(--primary));
	--dxbl-btn-hover-color: var(--srt-card-header-color);
	--dxbl-btn-disabled-color: var(--srt-card-header-color);
}

.dxbl-checkbox {
	--dxbl-checkbox-check-element-checked-bg: var(--srt-card-header-background-color);
	--dxbl-checkbox-check-element-checked-color: var(--srt-card-header-color);
	--dxbl-checkbox-check-element-checked-hover-bg: var(--srt-card-header-background-color);
	--dxbl-checkbox-check-element-disabled-bg: var(--srt-card-header-background-color);
	--dxbl-checkbox-check-element-disabled-color: var(--srt-card-header-color);
}

.dxbl-checkbox-radio {
	--dxbl-checkbox-radio-check-bg: var(--srt-card-header-background-color);
	--dxbl-checkbox-switch-checked-bg: var(--srt-card-header-background-color);
	--dxbl-checkbox-radio-checked-border-color: var(--srt-card-header-background-color);
	--dxbl-checkbox-radio-checked-hover-background: var(--srt-card-header-background-color);
	--dxbl-checkbox-radio-checked-hover-bg: var(--srt-card-header-background-color);
}

.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
	--dxbl-btn-bg: var(--srt-card-header-background-color);
	--dxbl-btn-color: var(--srt-card-header-color);
	--dxbl-btn-disabled-bg: var(--srt-card-header-background-color);
	--dxbl-btn-disabled-color: var(--srt-card-header-color);
	--dxbl-btn-disabled-background: var(--srt-card-header-background-color);
}

.dxbl-listbox {
	--dxbl-listbox-item-selected-bg: var(--srt-card-header-background-color);
	--dxbl-listbox-item-selected-color: var(--srt-card-header-color);
	--dxbl-listbox-item-selected-hover-bg: var(--srt-card-header-background-color);
	--dxbl-listbox-item-selected-hover-color: var(--srt-card-header-color);
}

.dxbl-list-box-render-container {
	--dxbl-list-box-item-selected-bg: var(--srt-card-header-background-color);
	--dxbl-list-box-item-selected-color: var(--srt-card-header-color);
	--dxbl-list-box-item-selected-hover-bg: var(--srt-card-header-background-color);
	--dxbl-list-box-item-selected-hover-color: var(--srt-card-header-color);
}