: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 ---*/

#inp_fullTextSearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:var(--colorDarkE-FILE);
}
#inp_fullTextSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:var(--colorDarkE-FILE);
}
#inp_fullTextSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:var(--colorDarkE-FILE);
}
#inp_fullTextSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:var(--colorDarkE-FILE) !important;
}
#inp_fullTextSearch::-ms-input-placeholder { /* Edge */
	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,5.5l13,0m-13,3l13,0m-13,3l13,0m-13,3l13,0' style='stroke:%23A4823E; stroke-width:1px'  /%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_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,5.5l13,0m-13,3l13,0m-13,3l13,0m-13,3l13,0' style='stroke:%23A4823E; stroke-width:1px'  /%3E%3C/svg%3E");
		background-repeat:no-repeat;
		vertical-align:top;
		padding:0px;
		margin-top:-2px;	
		margin-left:1px;
		margin-right:6px;
		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='M6.706,9.018c0.552,-0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,-0 -1,-0.448 -1,-1c-0,-0.552 0.448,-1 1,-1Zm5.5,-0c0.552,-0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,-0 -1,-0.448 -1,-1c-0,-0.552 0.448,-1 1,-1Zm-11,-0c0.552,-0 1,0.448 1,1c-0,0.552 -0.448,1 -1,1c-0.552,-0 -1,-0.448 -1,-1c-0,-0.552 0.448,-1 1,-1Z' style='stroke:%23A4823E; stroke-width:1px'  /%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_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_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_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_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_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_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_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;
}