:root {
	/*-- TPMS colors --- */
	--colorTPMS:rgb(0,136,204);
	--colorDarkTPMS:rgb(0,120,180);
	--colorLightTPMS:rgb(29,180,255);	
	--colorWhite:rgb(255,255,255);
	
	/*-- Roles colors--- */
	--colorTrainer:rgb(144,187,81);
	--colorDarkTrainer:rgb(129,171,67);

	--colorManager:rgb(227,166,57);
	--colorDarkManager:rgb(212,147,30);
	
	--colorAuditor:rgb(212,192,72);
	--colorDarkAuditor:rgb(196,175,46);

	--colorScheduler:rgb(94,182,153);
	--colorDarkScheduler:rgb(76,166,134);
	
	--colorComplianceManager:rgb(172,148,182);
	--colorDarkComplianceManager:rgb(157,127,169);	
	
	--colorEngineer:rgb(209,114,71);
	--colorDarkEngineer:rgb(194,93,48);
}



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

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

.m_buttonTR {  
	background-color:var(--colorTPMS);
}
	.m_buttonTR:hover { 
		background-color:var(--colorDarkTPMS); 
		}	

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



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

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

.m_dashPartContentHeader,
.m_genProduct,
.m_genUserInfo {
	color:var(--colorTPMS); 
}
		
.m_genUserInfo svg {
	stroke:var(--colorTPMS);
}	
.m_dashPartHeader {
	color:var(--colorLightTPMS); 
	}

	

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

.m_mainToolBarPosition table,
.m_filterContainer .m_filterActive,
.m_filterContainerRange .m_filterActive,
.m_filterActiveContext,
.m_filterActiveSearch {
	background-color:var(--colorTPMS);
	}	
	.m_filterContainer .m_filterActive:hover,
	.m_filterContainerRange .m_filterActive:hover,
	.m_filterActiveContext:hover,
	.m_filterActiveSearch:hover {
		background-color:var(--colorDarkTPMS);
		}	

.m_filterActive { 
	color:var(--colorTPMS);
}

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

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



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

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



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

#m_menuLink a:link,
#m_menuLink a:visited,
#m_menuLink a:focus, 
.m_menuTopRowStandalone,
.m_menuExtraRow {
	color:var(--colorTPMS);
	}
	.m_menuTopRow:hover,
	.m_menuTopRowStandalone:hover,
	.m_menuExtraRow:hover { 
		border-bottom:1px solid var(--colorTPMS);
		}	



/* Main Table -------------------------- */
	
.m_mainTablePageDiv .m_mainTablePageActive{ 
	background:var(--colorTPMS);
	border:1px solid var(--colorTPMS);
}

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

	a:link,
	a:visited,
	a:active,
	a:hover,
	#m_mainTableRowLink a:link,
	#m_mainTableRowLink a:visited,
	.m_contextMenuDivTextContent:hover {
		color:var(--colorTPMS);
		}
		
	#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:%230088CC; 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:%230088CC; 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:%230088CC; 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(--colorTPMS) !important;	
	}
	.m_filterButtonActive:hover {
		background:var(--colorDarkTPMS) !important;	
		}

	.m_filterActiveDivCloseAll div:hover {
		color:var(--colorTPMS); 
		}
		
	.m_filterActiveDivCloseAll svg:hover { 
		stroke:var(--colorTPMS);
	}		

.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:%230088CC; 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:%230088CC; stroke-width:1px'  /%3E%3C/svg%3E");
		}


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

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

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

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


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

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

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



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

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



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

.m_mainToolBarTableConfirm {
	background-color:var(--colorTPMS);
	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:%230088CC; stroke-width:3px'  /%3E%3C/svg%3E");
}

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

/*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(--colorTPMS);
}

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



/* --- 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;
}

/* Manager */
.roleManager .m_mainToolBarPosition,
.roleManager .m_menuBanner {
    border-bottom:5px solid var(--colorManager) !important;
}
.roleManager .m_filterContainer .m_filterActive,
.roleManager .m_filterContainerRange .m_filterActive, 
.roleManager .m_filterDivOpen a,
.roleManager .m_filterActiveContext,
.roleManager .m_filterActiveSearch,
.roleManager .m_mainTablePageActive,
.roleManager .m_mainTablePageActive:hover { 
	background-color:var(--colorManager) !important;
}
.roleManager .m_filterContainer .m_filterActive:hover,
.roleManager .m_filterContainerRange .m_filterActive:hover,
.roleManager .m_filterDivOpen a:hover,
.roleManager .m_filterActiveContext:hover,
.roleManager .m_filterActiveSearch:hover { 
	background-color:var(--colorDarkManager) !important;
}
.roleManager .m_filterDivOpen a {
	margin-top:4px !important;
}
.roleManager .m_mainTablePageActive { 
	border:1px solid var(--colorManager) !important;
}
.roleManager .m_mainTablePageTotalEntries { 
	background-color:var(--colorManager) !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;
}

/* Scheduler */
.roleScheduler .m_mainToolBarPosition,
.roleScheduler .m_menuBanner {
    border-bottom:5px solid var(--colorScheduler) !important;
}
.roleScheduler .m_filterContainer .m_filterActive, 
.roleScheduler .m_filterContainerRange .m_filterActive, 
.roleScheduler .m_filterDivOpen a,
.roleScheduler .m_filterActiveContext,
.roleScheduler .m_filterActiveSearch,
.roleScheduler .m_mainTablePageActive,
.roleScheduler .m_mainTablePageActive:hover { 
	background-color:var(--colorScheduler) !important;
}
.roleScheduler .m_filterContainer .m_filterActive:hover,
.roleScheduler .m_filterContainerRange .m_filterActive:hover,
.roleScheduler .m_filterDivOpen a:hover,
.roleScheduler .m_filterActiveContext:hover,
.roleScheduler .m_filterActiveSearch:hover { 
	background-color:var(--colorDarkScheduler) !important;
}
.roleScheduler .m_filterDivOpen a {
	margin-top:4px !important;
}
.roleScheduler .m_mainTablePageActive { 
	border:1px solid var(--colorScheduler) !important;
}
.roleScheduler .m_mainTablePageTotalEntries { 
	background-color:var(--colorScheduler) !important;
}

/* Compliance Manager */
.roleComplianceManager .m_mainToolBarPosition,
.roleComplianceManager .m_menuBanner {
    border-bottom:5px solid var(--colorComplianceManager) !important;
}
.roleComplianceManager .m_filterContainer .m_filterActive, 
.roleComplianceManager .m_filterContainerRange .m_filterActive, 
.roleComplianceManager .m_filterDivOpen a,
.roleComplianceManager .m_filterActiveContext,
.roleComplianceManager .m_filterActiveSearch,
.roleComplianceManager .m_mainTablePageActive,
.roleComplianceManager .m_mainTablePageActive:hover { 
	background-color:var(--colorComplianceManager) !important;
}
.roleComplianceManager .m_filterContainer .m_filterActive:hover,
.roleComplianceManager .m_filterContainerRange .m_filterActive:hover,
.roleComplianceManager .m_filterDivOpen a:hover,
.roleComplianceManager .m_filterActiveContext:hover,
.roleComplianceManager .m_filterActiveSearch:hover { 
	background-color:var(--colorDarkComplianceManager) !important;
}
.roleComplianceManager .m_filterDivOpen a {
	margin-top:4px !important;
}
.roleComplianceManager .m_mainTablePageActive { 
	border:1px solid var(--colorComplianceManager) !important;
}
.roleComplianceManager .m_mainTablePageTotalEntries { 
	background-color:var(--colorComplianceManager) !important;
}

/* Engineer */
.roleEngineer .m_mainToolBarPosition,
.roleEngineer .m_menuBanner {
    border-bottom:5px solid var(--colorEngineer) !important;
}
.roleEngineer .m_filterContainer .m_filterActive, 
.roleEngineer .m_filterContainerRange .m_filterActive, 
.roleEngineer .m_filterDivOpen a,
.roleEngineer .m_filterActiveContext,
.roleEngineer .m_filterActiveSearch,
.roleEngineer .m_mainTablePageActive,
.roleEngineer .m_mainTablePageActive:hover { 
	background-color:var(--colorEngineer) !important;
}
.roleEngineer .m_filterContainer .m_filterActive:hover,
.roleEngineer .m_filterContainerRange .m_filterActive:hover,
.roleEngineer .m_filterDivOpen a:hover,
.roleEngineer .m_filterActiveContext:hover,
.roleEngineer .m_filterActiveSearch:hover { 
	background-color:var(--colorDarkEngineer) !important;
}
.roleEngineer .m_filterDivOpen a {
	margin-top:4px !important;
}
.roleEngineer .m_mainTablePageActive { 
	border:1px solid var(--colorEngineer) !important;
}
.roleEngineer .m_mainTablePageTotalEntries { 
	background-color:var(--colorEngineer) !important;
}