:root {
	/*-- E-FILE colors --- */
	--colorE-FILE: rgb(164, 130, 62);
	--colorDarkE-FILE: rgb(135, 115, 65);
	--colorLightE-FILE: rgb(194, 175, 128);
	--colorWhite: rgb(255, 255, 255);

	/*-- Status colors --- */
	--colorStatusDraft: rgb(0, 136, 204);
	--colorStatusRevoked: rgb(229, 55, 0);

	/*-- Roles colors--- */
	--colorTrainer: rgb(144, 187, 81);
	--colorDarkTrainer: rgb(129, 171, 67);

	--colorAuditor: rgb(227, 166, 57);
	--colorDarkAuditor: rgb(212, 147, 30);

	--colorAdministrator: rgb(172, 148, 182);
	--colorDarkAdministrator: rgb(157, 127, 169);
}



/* Start & Login ------------------------- */

.m_inputLogin:hover,
.m_inputLogin:focus {
	border-bottom: 1px solid var(--colorE-FILE);
}

.m_buttonTR {
	background-color: var(--colorE-FILE);
}

.m_buttonTR:hover {
	background-color: var(--colorDarkE-FILE);
}

#forgotPasswordLink a:link,
#forgotPasswordLink a:visited,
#forgotPasswordLink a:hover {
	color: var(--colorE-FILE);
}



/* Cockpit -------------------------- */

.m_bodyCockpit .m_mainToolBarPosition,
.m_bodyCockpit .m_mainToolBarPosition table {
	background-color: var(--colorE-FILE);
}

.m_dashPartContentHeader,
.m_genProduct,
.m_genUserInfo {
	color: var(--colorE-FILE);
}

.m_genUserInfo svg {
	stroke: var(--colorE-FILE);
}
.m_dashPartHeader {
	color: var(--colorLightE-FILE);
}



/* Main Toolbar -------------------------- */

.m_mainToolBarPosition table,
.m_filterContainer .m_filterActive,
.m_filterContainerRange .m_filterActive,
.m_filterActiveContext,
.m_filterActiveSearch {
	background-color: var(--colorE-FILE);
}

.m_filterContainer .m_filterActive:hover,
.m_filterContainerRange .m_filterActive:hover,
.m_filterActiveContext:hover,
.m_filterActiveSearch:hover {
	background-color: var(--colorDarkE-FILE);
}

.m_filterActive {
	color: var(--colorE-FILE);
}

.m_filterDivOpen a {
	background-color: var(--colorE-FILE);
}

.m_filterDivOpen a:hover {
	background-color: var(--colorDarkE-FILE) !important;
}

.m_filterHeader,
.m_filterClearAll,
.m_exportExcel {
	color: var(--colorDarkE-FILE);
}



/*--- Format placeholder ---*/

/* WebKit, Blink, Edge */
#inp_fullTextSearch::-webkit-input-placeholder {
	color: var(--colorDarkE-FILE);
}
/* Mozilla Firefox 4 to 18 */
#inp_fullTextSearch:-moz-placeholder {
	color: var(--colorDarkE-FILE);
}
/* Mozilla Firefox 19+ */
#inp_fullTextSearch::-moz-placeholder {
	color: var(--colorDarkE-FILE);
}
/* Internet Explorer 10-11 */
#inp_fullTextSearch:-ms-input-placeholder {
	color: var(--colorDarkE-FILE) !important;
}
/* Edge */
#inp_fullTextSearch::-ms-input-placeholder {
	color: var(--colorDarkE-FILE) !important;
}



/* Main Menu -------------------------- */

#m_menuLink a:link,
#m_menuLink a:visited,
#m_menuLink a:focus,
.m_menuTopRowStandalone,
.m_menuExtraRow {
	color: var(--colorE-FILE);
}

.m_menuTopRow:hover,
.m_menuTopRowStandalone:hover,
.m_menuExtraRow:hover {
	border-bottom: 1px solid var(--colorE-FILE);
}



/* Main Table -------------------------- */

.m_mainTablePageDiv .m_mainTablePageActive {
	background: var(--colorE-FILE);
	border: 1px solid var(--colorE-FILE);
}

.m_mainTablePageDiv .m_mainTablePageActive:hover {
	border: 1px solid var(--colorE-FILE);
	background: var(--colorE-FILE);
}

a:link,
a:visited,
a:active,
a:hover,
#m_mainTableRowLink a:link,
#m_mainTableRowLink a:visited,
.m_contextMenuDivTextContent:hover {
	color: var(--colorE-FILE);
}

#m_contextMenuIcon:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M0.5,6.5l8,0m-8,3.998l8,-0m-8,3.997l8,0' style='stroke:%23A4823E;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	margin-top: -1px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	cursor: pointer;
}

.m_td .m_mainTableTdMenuIcon #m_contextMenuIcon:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M0.5,6.5l8,0m-8,3.998l8,-0m-8,3.997l8,0' style='stroke:%23A4823E;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	margin-top: -2px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	cursor: pointer;
}

.m_td .m_mainTableTdMenuIcon #m_ContextMenuIconShowAll:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M1,12c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm8,0c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm-4,0c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Z' style='fill:%23A4823E;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	margin-top: -2px;
	margin-left: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	cursor: pointer;
}

#m_ContextMenuIconShowAll:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M1,12c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm8,0c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm-4,0c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Z' style='fill:%23A4823E;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	margin-top: -1px;
	margin-left: 1px;
	margin-right: 6px;
	margin-bottom: 0px;
	cursor: pointer;
}

.m_filterButtonActive {
	color: var(--colorWhite) !important;
	background: var(--colorE-FILE) !important;
}

.m_filterButtonActive:hover {
	background: var(--colorDarkE-FILE) !important;
}

.m_filterActiveDivCloseAll div:hover {
	color: var(--colorE-FILE);
}

.m_filterActiveDivCloseAll svg:hover {
	stroke: var(--colorE-FILE);
}

.m_efileEntryStatusDraft {
	color: var(--colorStatusDraft);
}

.m_efileEntryStatusRevoked {
	color: var(--colorStatusRevoked);
}

.m_trOpenPic:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M3.795,7.157l6.157,6.157m0,0l6.157,-6.157' style='stroke:%23A4823E; stroke-width:1px'  /%3E%3C/svg%3E");
}

.m_trClosePic:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M15.696,13.068l-5.657,-5.657m0,0l-5.657,5.657' style='stroke:%23A4823E; stroke-width:1px'  /%3E%3C/svg%3E");
}



/* Editor -------------------------- */

.m_bodyEditor .m_mainToolBarPosition,
.m_bodyEditor .m_mainToolBarPosition table {
	background-color: var(--colorE-FILE);
}

#m_editorMenuLink a:link,
#m_editorMenuLink a:hover,
#m_editorMenuLink a:visited,
#m_editorMenuLink a:focus {
	color: var(--colorE-FILE);
}

.m_editorMenuRow,
.m_editorMenuRow:hover {
	border-bottom: 1px solid var(--colorE-FILE);
}


fieldset:hover,
fieldset:focus {
	border: 1px solid var(--colorE-FILE);
}

legend,
.m_mainTableColumnHeader,
.m_editorToolbar,
.m_editorSubToolbar,
.m_fileShowContainerButton,
.m_fileUploadContainerButton,
.m_fileUploadContainerButton .m_autocompletion td:hover {
	color: var(--colorE-FILE);
}

.m_editorMenuIconTdLeft svg:hover,
.m_editorMenuIconTdRight svg:hover,
.m_autoComButton svg:hover {
	stroke: var(--colorDarkE-FILE);
}



/* --- Alert messages --- (zu finden im JS) --- */

.m_systemAlertDivMessageInfoOnly .m_mainToolBarTable {
	background-color: var(--colorE-FILE);
}



/* --- Info messages --- (zu finden im JS) --- */

.m_mainToolBarTableConfirm {
	background-color: var(--colorE-FILE);
	color: var(--colorWhite);
}



/* INPUT -------------------------- */

input[type='checkbox']:checked+label::before,
input[type='radio']:checked+label::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M2.5,11.113l5.788,6.387m-0,0c1.645,-6.069 4.685,-11.092 9.212,-15' style='stroke:%23A4823E; stroke-width:3px'  /%3E%3C/svg%3E");
}

input[type='checkbox']:hover+label::before,
input[type='radio']:hover+label::before {
	border: 1px solid var(--colorE-FILE);
}

/*input[type='checkbox']:disabled + label::before,
input[type='radio']:disabled  + label::before {
	background-color:rgb(240,240,240);
	border:1px solid rgb(200,200,200);
}*/



/* SVG configuratons & colors -------------------------- */

.svgProductColor {
	stroke: var(--colorE-FILE);
}

.m_mainTablePageTotalEntries {
	background-color: var(--colorE-FILE);
}



/* --- User roles configuratons & colors --- */

/* Trainee = Initial state => No extension needed!!! */

/* Trainer */
.roleTrainer .m_mainToolBarPosition,
.roleTrainer .m_menuBanner {
	border-bottom: 5px solid var(--colorTrainer) !important;
}

.roleTrainer .m_editorSidebarToggleBotton,
.roleTrainer .m_filterContainer .m_filterActive,
.roleTrainer .m_filterContainerRange .m_filterActive,
.roleTrainer .m_filterDivOpen a,
.roleTrainer .m_filterActiveContext,
.roleTrainer .m_filterActiveSearch,
.roleTrainer .m_mainTablePageActive,
.roleTrainer .m_mainTablePageActive:hover {
	background-color: var(--colorTrainer) !important;
}
.roleTrainer .m_editorSidebarToggleBotton:hover,
.roleTrainer .m_filterContainer .m_filterActive:hover,
.roleTrainer .m_filterContainerRange .m_filterActive:hover,
.roleTrainer .m_filterDivOpen a:hover,
.roleTrainer .m_filterActiveContext:hover,
.roleTrainer .m_filterActiveSearch:hover {
	background-color: var(--colorDarkTrainer) !important;
}
.roleTrainer .m_filterDivOpen a {
	margin-top: 4px !important;
}

.roleTrainer .m_mainTablePageActive {
	border: 1px solid var(--colorTrainer) !important;
}

.roleTrainer .m_mainTablePageTotalEntries {
	background-color: var(--colorTrainer) !important;
}

/* Auditor */
.roleAuditor .m_mainToolBarPosition,
.roleAuditor .m_menuBanner {
	border-bottom: 5px solid var(--colorAuditor) !important;
}

.roleAuditor .m_editorSidebarToggleBotton,
.roleAuditor .m_filterContainer .m_filterActive,
.roleAuditor .m_filterContainerRange .m_filterActive,
.roleAuditor .m_filterDivOpen a,
.roleAuditor .m_filterActiveContext,
.roleAuditor .m_filterActiveSearch,
.roleAuditor .m_mainTablePageActive,
.roleAuditor .m_mainTablePageActive:hover {
	background-color: var(--colorAuditor) !important;
}
.roleAuditor .m_editorSidebarToggleBotton:hover,
.roleAuditor .m_filterContainer .m_filterActive:hover,
.roleAuditor .m_filterContainerRange .m_filterActive:hover,
.roleAuditor .m_filterDivOpen a:hover,
.roleAuditor .m_filterActiveContext:hover,
.roleAuditor .m_filterActiveSearch:hover {
	background-color: var(--colorDarkAuditor) !important;
}
.roleAuditor .m_filterDivOpen a {
	margin-top: 4px !important;
}

.roleAuditor .m_mainTablePageActive {
	border: 1px solid var(--colorAuditor) !important;
}

.roleAuditor .m_mainTablePageTotalEntries {
	background-color: var(--colorAuditor) !important;
}

/* Administrator */
.roleAdministrator .m_mainToolBarPosition,
.roleAdministrator .m_menuBanner {
	border-bottom: 5px solid var(--colorAdministrator) !important;
}

.roleAdministrator .m_editorSidebarToggleBotton,
.roleAdministrator .m_filterContainer .m_filterActive,
.roleAdministrator .m_filterContainerRange .m_filterActive,
.roleAdministrator .m_filterDivOpen a,
.roleAdministrator .m_filterActiveContext,
.roleAdministrator .m_filterActiveSearch,
.roleAdministrator .m_mainTablePageActive,
.roleAdministrator .m_mainTablePageActive:hover {
	background-color: var(--colorAdministrator) !important;
}
.roleAdministrator .m_editorSidebarToggleBotton:hover,
.roleAdministrator .m_filterContainer .m_filterActive:hover,
.roleAdministrator .m_filterContainerRange .m_filterActive:hover,
.roleAdministrator .m_filterDivOpen a:hover,
.roleAdministrator .m_filterActiveContext:hover,
.roleAdministrator .m_filterActiveSearch:hover {
	background-color: var(--colorDarkAdministrator) !important;
}
.roleAdministrator .m_filterDivOpen a {
	margin-top: 4px !important;
}

.roleAdministrator .m_mainTablePageActive {
	border: 1px solid var(--colorAdministrator) !important;
}

.roleAdministrator .m_mainTablePageTotalEntries {
	background-color: var(--colorAdministrator) !important;
}



/* Tree -------------------------- */

.m_treeFirstColumn #m_contextMenuIcon:hover {
	width: 30px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' %3E%3Cpath d='M25.907,13.982c-0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1Zm-0,-8c-0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1Zm-0,4c-0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,0 -1,-0.448 -1,-1Z' style='fill:%23A4823E;'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	margin-top: -0.5px;
	margin-right: -28px;
	cursor: pointer;
	z-index: 1;
}

#m_contextMenuIcon:hover+.m_treeIcon {
	color: var(--colorE-FILE);
}

.m_treeToggleIconUp:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M4.5,15.001l4.997,-5.002m0,-0l-5.002,-4.998' style='stroke:%23A4823E; stroke-width:1px'  /%3E%3C/svg%3E");
}

.m_treeToggleIconDown:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M0.5,7.5l5,5m0,0l5,-5' style='stroke:%23A4823E; stroke-width:1px'  /%3E%3C/svg%3E");
}

.m_treeContentActive {
	color: var(--colorE-FILE);
}



/* Editor resizer -------------------------- */
.m_treeNavResizer:hover::before {
	background-color: var(--colorE-FILE);
}
.is-resizing .m_treeNavResizer::before {
	background-color: var(--colorE-FILE);
}



/* Simple cropper -------------------------- */
.crop-header {
	background: var(--colorE-FILE) !important;
}

.crop-btn-continue {
	background: var(--colorE-FILE) !important;
}

.crop-btn-continue:hover {
	background: var(--colorE-FILE) !important;
}

.crop-rotate-btn {
	border-color: var(--colorE-FILE) !important;
	color: var(--colorE-FILE) !important;
}

.crop-rotate-btn:hover {
	opacity:0.9;
	border-color: var(--colorDarkE-FILE) !important;
}

/* HTML Editor -------------------------- */
.m_htmlEditorModalHeader {
	background: var(--colorE-FILE) !important;
}

.m_htmlEditorBtnSave {
	background: var(--colorE-FILE) !important;
}

.m_htmlEditorBtnSave:hover {
	background: var(--colorDarkE-FILE) !important;
}

.m_htmlEditorBtnCancel:hover {

	border-color: var(--colorE-FILE) !important;

}







/* Chart -------------------------- */



.chartConfigSelect select:focus,

.chartSearchInput:focus {

	border-color: var(--colorE-FILE);

}



.chartDropdownItem.selected,
.chartDropdownItem.selected:hover {
	background: var(--colorE-FILE) !important;
}



.chartBtnPrimary {
	background: var(--colorE-FILE) !important;
}

.chartBtnPrimary:hover {
	background: var(--colorDarkE-FILE) !important;
}

.chartTypeTile.active {
	border-color: var(--colorE-FILE) !important;
	background: var(--colorE-FILE) !important;
}

.chartTypeTile.active:hover {
	background: var(--colorDarkE-FILE) !important;
}

.chartModalHeader {
	background: var(--colorE-FILE) !important;
}

.chartCheckboxRow input[type='checkbox']:checked + label::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M2.5,11.113l5.788,6.387m-0,0c1.645,-6.069 4.685,-11.092 9.212,-15' style='stroke:%23A4823E; stroke-width:3px' /%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}

.chartCheckboxRow input[type='checkbox']:hover + label::before {
	border-color: var(--colorE-FILE);
}

/* Data View Search */
.chartDataViewSearch input:focus {
	border-color: var(--colorE-FILE) !important;
}

.chartSearchSpinner {
	border-top-color: var(--colorE-FILE) !important;
}

.chartTreeToggle.loading::after,
.chartSortIndicator.loading::after {
	border-top-color: var(--colorE-FILE) !important;
}

/* Filter Badge & Apply Button */
.chartFilterBadge {
	background: var(--colorE-FILE) !important;
}

.chartBtnApply {
	background: var(--colorE-FILE) !important;
	border-color: var(--colorE-FILE) !important;
}

.chartBtnApply:hover {
	background: var(--colorDarkE-FILE) !important;
}

/* Data View Sort */
.chartDataViewSort select:focus {
	border-color: var(--colorE-FILE) !important;
}

/* Data View Button Active */
.chartDataViewBtn.active {
	background: var(--colorE-FILE) !important;
	border-color: var(--colorE-FILE) !important;
}

/* Column Dropdown Checkboxes */
.chartColumnDropdownItem input[type="checkbox"]:checked + label::before {
	background-color: var(--colorE-FILE) !important;
	border-color: var(--colorE-FILE) !important;
}

.chartColumnDropdownItem.chartColumnLocked input[type="checkbox"]:disabled + label::before {
	background-color: var(--colorE-FILE) !important;
	border-color: var(--colorE-FILE) !important;
}

.chartColumnLock {
	color: var(--colorE-FILE) !important;
}

/* Sort Indicator */
.chartSortIndicator {
	color: var(--colorE-FILE) !important;
}

/* Row Highlight Animation */
@keyframes chartRowHighlight {
	0% { background: rgba(164, 130, 62, 0.3) !important; }
	100% { background: rgb(250, 250, 250) !important; }
}

/* Keyboard Focus Styles */
.chartGroupRow:focus {
	outline-color: var(--colorE-FILE) !important;
}

.chartSortableHeader:focus {
	outline-color: var(--colorE-FILE) !important;
}

/* Tree Toggle */
.chartTreeToggle svg {
	stroke: var(--colorE-FILE) !important;
}

.chartGroupRow:hover .chartTreeToggle {
	background: rgba(164, 130, 62, 0.1) !important;
}

/* Total Row */
.chartTotalRow .chartGroupCount {
	background: var(--colorE-FILE) !important;
	color: var(--colorWhite) !important;
}

/* Load More Row */
.chartLoadMoreRow td > div {
	color: var(--colorE-FILE) !important;
}

.chartLoadMoreRow:hover td > div {
	color: var(--colorDarkE-FILE) !important;
}

/* Search Highlight */
.chartSearchMatch {
	background: rgba(164, 130, 62, 0.25) !important;
}

/* Search More Row */
.chartSearchMoreRow td > div {
	color: var(--colorE-FILE) !important;
}

.chartSearchMoreRow:hover td > div {
	color: var(--colorDarkE-FILE) !important;
}

/* Data Table Headers */
.chartDataTable th,
.chartCalcHeader {
	border-bottom-color: var(--colorLightE-FILE) !important;
}

/* Group Rows */

/* Links */
.chartDataTable a {
	color: var(--colorE-FILE) !important;
}

/* Group Level Indicators */
.chartGroupRow[data-level="category"] td:first-child {
	box-shadow: inset 4px 0 0 var(--colorE-FILE) !important;
}

.chartGroupRow[data-level="series"] td:first-child {
	box-shadow: inset 4px 0 0 var(--colorLightE-FILE) !important;
}

/* Hover Indicator */
.chartDataTable tbody tr.chartRecordRow:hover td:first-child {
	box-shadow: inset 3px 0 0 var(--colorE-FILE) !important;
}
/* Chart - Color overrides for E-FILE */
.chartFilterColumn.hasFilter {
    background: var(--colorE-FILE) !important;
    border-color: var(--colorE-FILE) !important;
    color: var(--colorWhite) !important;
}
.chartFilterBtnApply {
    background: var(--colorE-FILE) !important;
    color: var(--colorWhite) !important;
}
.chartFilterBtnApply:hover {
    background: var(--colorDarkE-FILE) !important;
}
.chartAdvFilterBadge {
    background: var(--colorE-FILE) !important;
    color: var(--colorWhite) !important;
}
/* Cell Filter Popup */
.chartCellFilterSave {
    background: var(--colorE-FILE) !important;
}
.chartCellFilterSave:hover {
    background: var(--colorDarkE-FILE) !important;
}
.chartCellFilterInput:focus {
    border-color: var(--colorE-FILE) !important;
}
.chartHeaderFilterBadge {
    background: var(--colorE-FILE) !important;
}