html {    
	height:100%;
	width:100%;
}

table {    
    width:100%;
    border-collapse:collapse;
}

p {    
    margin:0px;
    padding:0px;
}

label {
}
  
/* remove standard-styles */
input, select, textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	border-radius:0px;
	font-size:1em;
	outline-width:0; 
	outline:0;	
} 

/* Input & Textarea */
input, textarea {
	width:100%;
	color:rgb(60,60,60);	
	background-color:transparent;
 	font-family:Open sans, Arial;
	font-size:14px;
	overflow:auto;
	outline-width:0; 
	outline:0;
	filter:none;
}

input:hover,
input:active,
select:hover,
select:active,
textarea:hover,
textarea:active {
	cursor:pointer;
}

input[type='text']:disabled,
input:disabled,
textarea:disabled,
select:disabled {
	color:rgb(60,60,60);	
	opacity:1;
	cursor:default;
}

/* Select */
select {
	width:100%;
	color:rgb(60,60,60);
	font-size:14px;
	font-family:Open sans, Arial; 
	font-style:normal;							
	background-color:transparent;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:20px;
	-moz-background-size:20px;
	background-position:right;
	margin:0px;
	padding:0px;
	border:0px;		
	outline-width:0;
	outline:0;	
}

select:hover {
	/*box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);*/
}

/* Hide browser-styling in IE10 */
select::-ms-expand {
    display:none;
}

/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select { 
	font-family:Open sans, Arial;
	background-image:none; 
	outline-width:0;
	outline:0;	
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
	width:0px;
	height:0px;
	float:left;
	background:transparent;
	border:0px solid transparent;
	border-radius:0px;
	outline-width:0;
	outline:0;	
}

/* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */

/* hide standard inputs */
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background:transparent;
	position:relative;
	visibility:hidden;
	margin:0;
	padding:0;
	outline-width:0;
	outline:0;	
}

input[type='checkbox'] + label,
input[type='radio'] + label {
}

/* add custom inputs with ::before */
input[type='checkbox']:checked + label::before, 
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width:12px;
    height:12px;
	background-color:transparent;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border:1px solid rgb(60,60,60);
	border-radius:2px;
	text-align:left;
	outline-width:0;
	outline:0;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
	border:1px solid rgb(60,60,60);	 /* productColor*/
}

.noHover input[type='checkbox']:hover  + label::before {
}

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:%233C3C3C; stroke-width:3px'  /%3E%3C/svg%3E"); /* productColor*/
	background-size:12px;
	-moz-background-size:12px;
	background-repeat:no-repeat;  
	background-position:center;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px white inset;
	-webkit-text-fill-color:rgb(60,60,60) !important;
	border-top:0px solid white;
	border-left:0px solid white;
	border-right:0px solid white;
}

input[type='text'] {
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	outline-width:0;
	outline:0;
	filter:none;
}

input[type='date'] {
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	outline-width:0;
	outline:0;	
	filter:none;
}

input[type='time'] {
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	outline-width:0;
	outline:0;	
	filter:none;
}

/* IOS correction "Alignment left" for Input date/month/time */

	input::-webkit-date-and-time-value {
		text-align: left;
	}


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

.m_loginBody {
	width:100%;
	height:100%;
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	color:rgb(60,60,60);
	background-color:white;
	margin:0px;
	padding:0px;
	line-height:1.3;
}

.m_topRow {
	height:42px;
	background-color:rgb(225,225,225);
	border:0px;
}

.m_white {
	background-color:white;
}
	
.m_topRowIconTD {
	width:24px;
	text-align:right;
	vertical-align:middle;
	padding-top:6px;
	padding-right:2px;
	cursor:pointer;
}

.m_topRowIcon {
	width:16px;
	border:0px;
	cursor:pointer;
}

.m_topRowTextTD {
	vertical-align:middle;
	padding-top:3px;
	cursor:pointer;
}

.m_productBanner { 
	height:125px;
	color:white;
	font-size:19pt;
	font-family:Open sans, Arial;
	font-style:normal;
	letter-spacing:0.3px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	background-image:url(product_banner.png); /* productColor*/
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	border:0px;
}

.m_tableLogin  { 	
	width:250px;
}

.m_appLogoLogin {
	width:250px;		
	margin-top:35px;
	margin-bottom:10px;
}
	
.m_textLogin {
	color:rgb(60,60,60);
 	font-size:16pt;
	text-align:center;	
	padding-top:35px;
	padding-bottom:30px;
}

.m_fontSize11 {
 	font-size:14px;
}

.m_center {
 	text-align:center;
}

.m_hidden {
	width:0px;
 	visibility:hidden;
}

.noBorder {
	border:0px;
}

.m_distanceLogin {	
	height:15px;
}
	
.m_inputLogin  { 
	width:100%;
	border:1px solid white;		
	border-bottom:1px solid rgb(240,240,240);	
	padding:0px !important;
	padding-bottom:7px !important;
	overflow:hidden;
	outline-width:0;
	outline:0;
	filter:none;
	}
	.m_inputLogin:hover { 
		background-color:white;	
		border-bottom:1px solid rgb(60,60,60); /* productColor*/
		}
	.m_inputLogin:focus { 
		background-color:white;	
		border-bottom:1px solid rgb(60,60,60); /* productColor*/
		}
	
.m_failedLogin {
	color:rgb(229,55,0);	
}

.m_buttonTR {  
	background-color:rgb(60,60,60); /* productColor*/
}
	
.m_button {   								
	width:100%;							
	color:white; 						
	background-color:transparent; /* productColor*/
	text-align:left;
	font-size:16px;
	padding:9px; 	
	padding-left:12px; 
	padding-right:0px; 
	border:0px solid rgb(60,60,60); /* productColor*/
	cursor:pointer;								
	outline-width:0;
	outline:0;		
	}
	.m_button:hover { 
		border:0px solid rgb(60,60,60); /* productColor*/
		cursor:pointer;
		}

.m_buttonIconTD {
	width:1px;
	text-align:left;
	vertical-align:middle;
	padding-right:10px;
	line-height:12px;	
}

.m_buttonIcon { 
	width:20px;
	margin-left:;
	background-color:transparent; /* productColor*/
	border:0px;
	cursor:pointer;
}
		
#forgotPasswordLink a:link { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	
	cursor:pointer;
	padding-bottom:20px;
}
#forgotPasswordLink a:visited { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	
	cursor:pointer;
	padding-bottom:20px;
}
#forgotPasswordLink a:hover { 
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	 
	text-decoration:underline;
}

/*--- Format placeholder ---*/
		
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:rgb(200,200,200);
	opacity: 1;
	font-size:14px;
	margin:0px;
	padding:0px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:rgb(200,200,200);
	opacity: 1;
	font-size:14px;
	margin:0px;
	padding:0px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:rgb(200,200,200);
	opacity: 1;
	font-size:14px;
	margin:0px;
	padding:0px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:rgb(200,200,200) !important;
	opacity: 1;
	font-size:14px !important;
	margin:0px;
    padding:0px;
}
::-ms-input-placeholder { /* Edge */
	color:rgb(200,200,200);
	opacity: 1;
	font-size:14px;
	margin:0px;
	padding:0px;
}

#inp_fullTextSearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:white; /* productColor*/
	font-size:14px;
	margin:0px;
	padding:0px;
}
#inp_fullTextSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:white; /* productColor*/
	font-size:14px;
	margin:0px;
	padding:0px;
}
#inp_fullTextSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:white; /* productColor*/
	font-size:14px;
	margin:0px;
	padding:0px;
}
#inp_fullTextSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:white; /* productColor*/
	font-size:14px;
	margin:0px;
	padding:5px 10px;
}
#inp_fullTextSearch::-ms-input-placeholder { /* Edge */
	color:white; /* productColor*/
	font-size:14px;
	margin:0px;
	padding:0px;
}

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

#overlay {
	position:fixed; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4); 
	z-index:100; 
	cursor:pointer; 
	display:none; /*Nur für mich */
} 

.m_menuDiv {
	position:fixed;
	float:left;
	z-index:120;
	left:0px;
	height:100%; 
	width:90%;
	max-width:360px;
	background:white; 
	margin-top:0px; 
	overflow:auto;	
	-webkit-overflow-scrolling:touch;
	display:none; /*Nur für mich */
}

.m_menuBanner {
	background-image:url(product_banner.png); /* productColor*/
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	border:0px solid inherit;
}
.m_menuDiv:hover {
	display:block; /* Nur für mich */
}

.m_appName {
	color:white;
	font-size:26px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	vertical-align:top;	
	padding:20px;
	padding-bottom:0px;
}

.m_appName svg{
	float:right;
	margin-top:8px;
	cursor:pointer;
}
	
.m_menuUsernameID {
	color:white;
	font-size:14px;
	font-family:Open sans, Arial;
	font-weight:normal;
	text-align:left;
	padding:20px;
	padding-top:10px;
	line-height:1.3;
	white-space:nowrap;
}

.m_menuUsernameID svg{
	float:right;
	margin-top:-15px;
	cursor:pointer;
}

.m_menuArea {
	padding:20px;
	padding-top:10px;
}

#m_menuLink a:link { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
	cursor:pointer;
	outline:0;
}
#m_menuLink a:visited { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
	cursor:pointer;
	outline:0;
}
#m_menuLink a:hover { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
	cursor:pointer;
	outline:0;
}
#m_menuLink a:focus { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
	cursor:pointer;
	outline:0;
}

.m_menuLink {
}

.m_menuTopRow {
	height:42px;
	border-bottom:1px solid rgb(240,240,240);	/* productColor*/
}

.m_menuTopRowStandalone {
	height:42px;
	color:rgb(60,60,60); /* productColor*/
	border-bottom:1px solid rgb(240,240,240);	/* productColor*/
}
		
.m_menuSubRow {
	height:42px;
}

.m_menuExtraRow {
	height:42px;
	color:rgb(60,60,60); /* productColor*/
	border-bottom:1px solid rgb(240,240,240);	/* productColor*/	
}

.m_menuSubDiv {
	padding-top:10px;
	padding-bottom:10px;
}

.m_editorSubToolbarText {
	cursor:pointer;
}

.m_menuTopTextTD {
	width:100%;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
	}

.m_menuTopTextTD div{
	width:0px;  	
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}	
	
.m_menuTopIconTD {
	text-align:center;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
}

.m_menuTopIconTD img {
	width:20px;
	height:20px;
	margin-top:4px;
	border:0;
	cursor:pointer;
}

.m_menuSubTextTD {
	width:100%;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
	}
	.m_menuSubTextTD:hover { 
		text-decoration:underline;
		}

.m_menuSubTextTD div{
	width:0px;  	
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_menuSubIconTD {
	text-align:center;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
}

.m_menuSubIconTD img {
	width:20px;
	height:20px;
	margin-top:4px;
	border:0;
	cursor:pointer;
}

.m_menuExtraTextTD {
	width:100%;
	font-weight:bold;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
	}	

.m_menuExtraTextTD div{
	width:0px;  	
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}	
		
.m_menuExtraIconTD {
	text-align:center;
	vertical-align:middle;
	padding:0px 5px;
	cursor:pointer;
}

.m_menuExtraIconTD img {
	width:20px;
	height:20px;
	margin-top:4px;
	border:0;
	cursor:pointer;
}

.m_signature {
	cursor:pointer; 
}

.m_signature img{
    width:100%;
    max-width:300px;
    height:auto;
	max-height:60px;
	margin-top:0px;
	margin-bottom:-15px;
    border:0;
    outline-width:0;
	outline:0;	
}

.m_signatureInactive img{
    width:100%;
    max-width:300px;
    height:auto;
	max-height:60px;
	margin-top:0px;
	margin-bottom:-15px;
    border:0;
    outline-width:0;
	outline:0;	
}

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

.m_bodyCockpit {
	height:100%;
	min-width:100%;
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	color:rgb(60,60,60);
	background-color:white !important;	
	margin:0px;
	padding:0px;
	line-height:1.3;
	overflow-x:hidden;
	overflow-y:auto;
}

.m_bodyCockpit .m_mainToolBarPosition {
	background-color:rgb(60,60,60); /* productColor*/
	position:fixed;
	z-index:2; 
	width:100%;      
	-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35); 		
	}

.m_genGrid {
	font-size:0px;
	width:auto;
	vertical-align:top;
}

.m_genPart {
	width:100%;
	font-size:14px;
	display:inline-block; 
	text-align:center;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:7px;
}

.m_genProduct {
	color:rgb(60,60,60);  /* productColor*/
	font-size:26px;
	cursor:default; 
}

.m_genUserInfo {
	color:rgb(60,60,60);  /* productColor*/ 
	margin-top:5px;
	}
	.m_genUserInfo:hover {
		text-decoration:underline;
		}
	
.m_genUserInfo svg{
	position:relative;
	width:20px;
	margin-left:3px;
	margin-bottom:-4px;
	stroke:rgb(60,60,60);/* productColor*/ 
}


.m_genText {
	margin-top:8px;
}

.m_dashGrid {	
	font-size:0px;
	background-color:white;
	width:auto;
	vertical-align:top;
	border-top:1px solid rgb(240,240,240);
}

.m_dashMainHeader {
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
	padding-left:0px;
	padding-right:12px;
	padding-bottom:20px;
}

.m_dashPart {
	display:inline-block; 
	background-color:white;
	text-align:left;
	vertical-align:top; 
 	border-radius:6px;
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}

.m_dashPartLong {
	display:inline-block; 
	background-color:white;
	text-align:left;
	vertical-align:top;
 	border-radius:6px;
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}

.m_bottomGrid {
	font-size:0px;
	width:auto;
	vertical-align:top;
	border-top:1px solid rgb(240,240,240);
}

.m_bottomPart {
	width:100%;
	font-size:14px;
	display:inline-block; 
	background-color:white;
	text-align:left;
	vertical-align:top;
}

    @media only screen and (min-width:1801px) { /* 5 columns */
		.m_genGrid {
			padding:1%;
		}
		.m_dashGrid {
			padding:1%;
			padding-top:0%;
			padding-right:0%;
		}
		.m_dashPart {
			width:19%;
			margin:0%;
			margin-top:1.4%;
			margin-right:1%;
		}
		.m_dashPartLong {
			width:99%;
			padding:0%;
			padding-top:1.4%;
			padding-right:1%;
		}
		.m_dashMainHeader {
			margin:0%;
			margin-bottom:-1%;
		}	
		.m_bottomGrid {
			padding:1%;
		}
	}    
	@media only screen and (max-width:1800px) { /* 4 columns */
		.m_genGrid {
			padding:1.5%;
		}
		.m_dashGrid {
			padding:1.5%;
			padding-top:0%;
			padding-right:0%;
		}
		.m_dashPart {
			width:23.5%;
			margin:0%;
			margin-top:2%;
			margin-right:1.5%;
		}
		.m_dashPartLong {
			width:98.5%;
			padding:0%;
			padding-top:2%;
			padding-right:1.5%;
		}
		.m_dashMainHeader {
			margin:0%;
			margin-bottom:-1.5%;
		}	
		.m_bottomGrid {
			padding:1%;
		}
	}
    @media only screen and (max-width:1450px) { /* 3 columns */
		.m_genGrid {
			padding:1.5%;
		}
		.m_dashGrid {
			padding:1.5%;
			padding-top:0%;
			padding-right:0%;
		}
		.m_dashPart {
			width:31.8%;
			margin:0%;
			margin-top:2.3%;
			margin-right:1.5%;
		}
		.m_dashPartLong {
			width:98.5%;
			padding:0%;
			padding-top:2.3%;
			padding-right:1.5%;
		}
		.m_dashMainHeader {
			margin:0%;
			margin-bottom:-1.5%;
		}	
		.m_bottomGrid {
			padding:1.5%;
		}
	}
    @media only screen and (max-width:1100px) { /* 2 columns */
		.m_genGrid {
			padding:2.5%;
		}
		.m_dashGrid {
			padding:2.5%;
			padding-top:0%;
			padding-right:0%;
		}
		.m_dashPart {
			width:47.5%;
			margin:0%;
			margin-top:4%;
			margin-right:2.5%;
		}
		.m_dashPartLong {
			width:97.5%;
			padding:0%;
			padding-top:4%;
			padding-right:2.5%;
		}
		.m_dashMainHeader {
			margin:0%;
			margin-bottom:-2.5%;
		}	
		.m_bottomGrid {
			padding:2.5%;
		}
	}
    @media only screen and (max-width:624px) { /* 1 columns */
		.m_genGrid {
			padding:3.5%;
		}
		.m_dashGrid {
			padding:0%;
			padding-bottom:3.5%;
		}
		.m_dashMainHeader {
			margin-top:0%;
			margin-left:3.5%;
			margin-right:3.5%;
			margin-bottom:-3.5%;
		}
		.m_dashPart {
			width:93%;
			margin:3.5%;
			margin-top:6%;
			margin-bottom:0%;
		}	
		.m_dashPartLong {
			width:93%;
			padding:0%;
			padding:6%;
			padding-bottom:0%;
		}	
		.m_bottomGrid {
			padding:3.5%;
		}
	}
    @media only screen and (max-width:410px) {
		.m_genGrid {
			padding:15px;
		}
		.m_dashGrid {
			padding:0px 15px;
			padding-bottom:15px;
		}
		.m_dashMainHeader {
			margin:0px;
			margin-bottom:-15px;			
		}
		.m_dashPart {
			width:100%;
			margin:0%;
			margin-top:25px;
		}	
		.m_dashPartLong {
			width:100%;
			padding:0%;
			padding-top:25px;
		}		
		.m_bottomGrid {
			padding:15px;
		}
	}
	
.m_dashPartHeader {
	position:relative;
	z-index:1;
	color:rgb(60,60,60); /* productColor*/
	background:rgb(60,60,60);
	font-size:14px;
	font-weight:normal;
	margin:10px;
	margin-top:-11px;
	margin-bottom:9px;
	padding:2px 12px;	
 	border-radius:6px;
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}
	
	.hover:hover {
		text-decoration:underline;
		cursor:pointer;
		}
		
.m_dashPartHeaderIcon {
	width:1px;
	vertical-align:top;
	padding-top:10px;
}

.m_dashPartHeaderIcon img{
	width:20px;
	height:20px;
}

.m_dashPartHeaderMenu {
	text-align:left;
	vertical-align:top;
	padding:10px !important;
	padding-top:11px !important;
	cursor:default;
}
		
.m_dashPartHeaderMenu div{
	width:0px;  	
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_dashPartHeaderMenu svg{
	position:absolute;
	width:20px;
	margin-top:-2px;
	margin-left:3px;
}

.m_dashPartHeaderStatus {
	font-size:0px;
	width:1px;
	white-space:nowrap;
}
.m_dashPartHeaderStatus div{
	display:inline-block;
	margin:0px 2px;
}
	
.m_dashPartHeaderText {
 	font-size:8pt;	
	color:white;
	padding-bottom:8px; 
	}

.m_dashPartContent {
	font-size:14px;
	background:white;
	overflow:auto;
	-webkit-overflow-scrolling:touch;

	padding:0px 8px;
	padding-top:2px;
	padding-bottom:15px;
	margin-top:-8px;
	
	border-radius:6px;
}

    @media only screen and (min-width:625px) {
		.m_dashPartContent {
			min-height:;
			max-height:260px;
		}
	}
	
.m_dashPartContent th {
	/*position:sticky;*/
	/*top:0;*/
	background:white;
	text-align:left; 
}	

.m_dashPartContent td {
	border-bottom:1px solid rgb(240,240,240); 
}

.m_dashPartContent div {
	padding:0px;
	padding-left:4px;
	margin:6px 0px;
	cursor:default;
	border-left:2.5px solid white;
}	

.m_dashPartContentHeader {
 	position:relative;
	z-index:0;
	color:rgb(60,60,60); /* productColor*/
	font-size:14px;	
	font-weight:normal;
	margin-top: 10px !important;
	margin-bottom:-2px !important;
	}

.m_dashPartContentHeader svg {
	position:relative;
	width:20px;
	margin-left:3px;
	margin-bottom:-4px;
}



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

.m_body {
	height:100%;
	min-width:100%;
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	color:rgb(60,60,60);
	background-color:white !important;	
	margin:0px;
	padding:0px;
	line-height:1.3;
}

.m_mainToolBarPosition {
	position:static;
	z-index:2; 
	width:100%;       
	}

.m_mainToolBarDistanceDivTop {
	height:50px;
}

.m_mainToolBarDistanceDivBottom {
	height:25px;
}
/*
    @media only screen and (max-width:510px) {
		.m_mainToolBarPosition {
			bottom:0;
		}
		.m_mainToolBarDistanceDivTop {
			display:none;
		}
		.m_mainToolBarDistanceDivBottom{
			height:70px;
		}
	}*/

.m_mainToolBarDistancePageNavigator {
	background-color:rgb(225,225,225); 
	height:40px; 
}

.m_mainToolBarPosition table {
	background-color:rgb(60,60,60); /* productColor*/
    height:50px;
	vertical-align:middle;
	border:0;
}	

.m_mainToolBarMenu { 
	width:1px;  
	text-align:left;
	vertical-align:middle;
	padding:0px 18px;
}

.m_mainToolBarMenu svg {
	vertical-align:middle;
	border:0px;
	cursor:pointer;
	margin-top:0px;
}

.m_bodyEditor .m_mainToolBarMenu svg {
	vertical-align:middle;
	border:0px;
	cursor:pointer;
	margin-top:0px;
	margin-left:5px;
}

.m_mainToolMenuText {
	padding-right:20px;
	vertical-align:middle;
	line-height:16px;
}

.m_mainToolMenuTextDiv {	
	color:white;
	font-size:16px;
	font-weight:bold;	
	
	width:0px;  
	min-width:100%;
	outline-width:0; outline:0;		
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:default; 
}

.m_openBoTabSpan { 
	font-size:13px;
	font-weight:normal;	
	cursor:default; 
	}
	
.m_mainToolBar { 
	width:1px;
	white-space:nowrap;
	}
	
.m_mainToolBar svg { 
	vertical-align:middle;
	border:0px;
    cursor:pointer;
}

.m_bodyEditor .m_mainToolBar svg { 
	vertical-align:middle;
	border:0px;
    cursor:pointer;
	margin-right:5px;
}

.m_mainToolBar div { 
    color:white;
 	font-size:8.5pt;
	font-weight:bold;
	letter-spacing:0.3px;
	/*text-transform:uppercase;*/
	vertical-align:middle;
	margin-right:20px;
	margin-left:0px;	
	white-space:nowrap;
    cursor:pointer;
}
	.m_mainToolBar div:hover { 
		text-decoration:underline; 
		}
		
.m_mainToolBarSearchBar { 
	white-space:nowrap;
	width:260px;
	line-height:16px;
	vertical-align:middle;	
}	

.m_mainToolBarSearchBar div { 
	color:white; 
	background-color:rgba(255,255,255,0.35);
	vertical-align:middle;	
	margin-right:10px;
	border-radius:30px;
}

.m_mainToolBarSearchBar input{ 
	color:white; 
	background-color:transparent;
	vertical-align:middle;	
	padding:5px 10px;
	
	width:0px;  
	min-width:90%;
	outline-width:0; outline:0;		
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_mainToolBarSearchBar img { 
	vertical-align:middle;	
	border:0px;
    cursor:pointer;
}

.m_mainToolBarSearchIcon { 
	width:1px;
	white-space:nowrap;
	}
	

.m_mainToolBarSearchIcon div { 
	vertical-align:middle;
	margin-right:20px;
	margin-left:0px;
	white-space:nowrap;
    cursor:pointer;
}

.m_mainToolBarSearchIcon svg { 
	vertical-align:middle;
	border:0px;
    cursor:pointer;
}

		
    @media only screen and (min-width:841px) {
		.m_actVisMin {
			visibility:visible;
		}
		.m_actVisMinOff {
			display:none;
		}
		.m_actVisMinOnly {
			visibility:visible;
		}
		.m_actVis1 {
			visibility:visible;
		}
		.m_actVis2 {
			visibility:visible;
		}
		.m_actVis3 {
			visibility:visible;
		}
		.m_3pointVis1 {
			display:none;
		}
		.m_3pointVis2 {
			display:none;
		}
		.m_3pointVis3 {
			display:none;
		}
		.m_3pointVisGreater3 {
			display:block;
		}
		.m_searchBarText {
			visibility:visible;
		}
		.m_searchBarTextEmpty {
			visibility:visible;
		}
		.m_searchIconVis {
			display:none;
		}
		.m_searchIconVisOff {
			display:none;
		}	
	}
    @media only screen and (max-width:840px) {
		.m_actVisMin {
			visibility:visible;
		}
		.m_actVisMinOff {
			display:none;
		}
		.m_actVisMinOnly {
			visibility:visible;
		}
		.m_actVis1 {
			visibility:visible;
		}
		.m_actVis2 {
			visibility:visible;
		}
		.m_actVis3 {
			visibility:visible;
		}
		.m_3pointVis1 {
			display:none;
		}
		.m_3pointVis2 {
			display:none;
		}
		.m_3pointVis3 {
			display:none;
		}
		.m_3pointVisGreater3 {
			display:block;
		}
		.m_searchBarText {
			visibility:visible;
		}
		.m_searchBarTextEmpty {
			display:none;
		}
		.m_searchIconVis {
			visibility:visible;
		}
		.m_searchIconVisOff {
			display:none;
		}
	}
    @media only screen and (max-width:620px) {
		.m_actVisMin {
			visibility:visible;
		}
		.m_actVisMinOff {
			display:none;
		}
		.m_actVisMinOnly {
			visibility:visible;
		}
		.m_actVis1 {
			visibility:visible;
		}
		.m_actVis2 {
			visibility:visible;
		}
		.m_actVis3 {
			display:none;
		}
		.m_3pointVis1 {
			display:none;
		}
		.m_3pointVis2 {
			display:none;
		}
		.m_3pointVis3 {
			display:block;
		}
	}
    @media only screen and (max-width:520px) {
		.m_actVisMin {
			visibility:visible;
		}
		.m_actVisMinOff {
			display:none;
		}
		.m_actVisMinOnly {
			visibility:visible;
		}
		.m_actVis1 {
			visibility:visible;
		}
		.m_actVis2 {
			display:none;
		}
		.m_actVis3 {
			display:none;
		}
		.m_3pointVis1 {
			display:none;
		}
		.m_3pointVis2 {
			display:block;
		}
		.m_3pointVis3 {
			display:block;
		}
	}
    @media only screen and (max-width:340px) {
		.m_actVisMin {
			visibility:visible;
		}
		.m_actVisMinOff {
			display:none;
		}
		.m_actVisMinOnly {
			visibility:visible;
		}
		.m_actVis1 {
			display:none;
		}
		.m_actVis2 {
			display:none;
		}
		.m_actVis3 {
			display:none;
		}
		.m_3pointVis1 {
			display:block;
		}
		.m_3pointVis2 {
			display:block;
		}
		.m_3pointVis3 {
			display:block;
		}
	}


.test { 
	/*Die Class Gehört zu Fastchlick... nicht löschen*/
}


/* New grid structure around Main Toolbar, Filter Area & Main Table Area */

.container {
	display:grid;
	height:100vh;
	width:100vw;
	grid-template-columns:1fr;
	grid-template-rows:auto 1fr;
}

.header {
	z-index:4;
	background:rgb(0,136,204);
	-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}
.content {
	display:grid;
	grid-template-columns:/*auto*/ 1fr;
	overflow:hidden;
	}
	.menu {}
		.menuHeader {}
		.menuContent {}
		
	.contentTable {
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto 1fr;
		overflow:hidden;
		}
		.filter {
			z-index:2; 
			background:white;
		}
		.table {
			background:white;
			overflow:auto;
		}
		

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

.m_mainTableRow {
	height:;
	background-color:white;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border:0px;
	line-height:1.3;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}	

.m_mainTableRowTr {
	height:100%;
	border-top:0px solid rgb(240,240,240);
	border-bottom:1px solid rgb(240,240,240);
}


/* Dieses beide Empty-Classen dienen dazu, dass die Tabellen nicht zusammen rutschen! */
	.m_mainTableRowTrEmpty { 
		visibility:hidden;
	}
	.m_mainTableRowTdEmpty { 
		width:100%;
	}

.m_mainTableRow th {
    font-size:0px;
    background-color:white;
    padding-top:3px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:11px;
    text-align:left;
    vertical-align:;
    border-top:0px solid rgb(240,240,240);
    border-bottom:1px solid rgb(240,240,240);
    position:-webkit-sticky;
    position:sticky;
    top:0px;
    z-index:1;
    width:0px;
    min-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.m_mainTableRowThCheckbox {
	min-width:auto
}

.m_mainTableRowThActionIcon {
	min-width:auto
}

.m_mainTableRow th div{
	/*vertical-align:bottom !important;*/
	}
	
.m_editorInputDivTable .m_mainTableRow th {
	top:0px;
	}

.m_editorInputDivTable .m_mainProTableDiv th {
	top:0px;
	z-index:1;
	}
	
.m_mainTableRowTd {
	width:100%;
	font-size:0px;
	vertical-align:top;
	padding:0px;
	padding-left:20px;
	padding-bottom:15px;
	text-align:left;
	line-height:1.3;	
}

.m_mainTableRowTdOpen {
    position:relative;
    left:13px;
    top:12px;
	display:block;
    background-color:rgb(240,240,240);
    font-size:0px;
    padding-top:0px;
    padding-left:20px;
    padding-right:0px;
    padding-bottom:20px;
    margin-left:-13px;
    margin-bottom:24px;
	
	text-align:left;
    vertical-align:middle;
    line-height:1.3;
    border:0px solid rgb(60,60,60);
	-moz-border-radius:6px;
         border-radius:6px;
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.45);
	   -moz-box-shadow:0 1px 8px rgba(0,0,0,0.45);
			box-shadow:0 1px 8px rgba(0,0,0,0.45);
}

    @media only screen and (min-width:1901px) {
		.m_mainTableRowTdOpen { 
			width:99.5%;	
		}
	}
    @media only screen and (max-width:1900px) {
		.m_mainTableRowTdOpen { 
			width:99%;	
		}
	}
    @media only screen and (max-width:1130px) {
		.m_mainTableRowTdOpen { 
			width:98.5%;	
		}
	}
    @media only screen and (max-width:715px) {
		.m_mainTableRowTdOpen { 
			width:98%;	
		}
	}
    @media only screen and (max-width:510px) {
		.m_mainTableRowTdOpen { 
			width:96.5%;	
		}
	}
    @media only screen and (max-width:400px) {
		.m_mainTableRowTdOpen { 
			width:96%;	
		}
	}


.m_mainTableRowCheckbox {
	background-color:white;		
	vertical-align:top;	
	padding-top:20px;
    padding-left:22px;
    padding-right:12px;
	line-height:17px;
}

.m_bodyEditor .m_mainTableRowCheckbox {
	background-color:white;		
	vertical-align:top;	
	padding-top:22px;
    padding-left:22px;
    padding-right:12px;
	line-height:17px;
}

.m_bodyEditor .m_tdCheckbox {
	background-color:white;		
	text-align:center;	
	vertical-align:top;	
	line-height:16px;
	padding-top:15px;
	padding-left:15px;
	padding-right:13px;
	border-top:1px solid rgb(240,240,240);	
	border-bottom:1px solid rgb(240,240,240);
}

.m_mainTableRowActionIcon {
	background-color:white;		
	vertical-align:top;	
	padding-top:20px;
	padding-left:18px;
    padding-right:12px;
}

.m_mainTableTdActionIcon:hover {
    text-decoration:underline;
    cursor:pointer; 
}

.m_mainTableRowDiv {
	display:inline-block;
	vertical-align:top; 
	margin-top:20px;
	padding:0px;
}	

.m_mainTableRowDivHalf {
	display:inline-block;
	vertical-align:top; 
	margin-top:20px;
	padding:0px;
}

.m_mainTableRowTdOpen .m_mainTableRowDiv {
	margin-top:22px;
	margin-bottom:2px;
}

.m_mainTableRowTdOpen .m_mainTableRowDivHalf {
	margin-top:22px;
	margin-bottom:2px;
}


    @media only screen and (min-width:5001px) { /* Vis7-Variante */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:10%;
			padding-right:2%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:inline-block;
		}
		.m_colVis4 {
			display:inline-block;
		}
		.m_colVis5 {
			display:inline-block;
		}
		.m_colVis6 {
			display:inline-block;
		}
		.m_colVis7 {
			display:inline-block;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:none;
		}
		.m_trOpenVis4 {
			display:none;
		}
		.m_trOpenVis5 {
			display:none;
		}
		.m_trOpenVis6 {
			display:none;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}	
    @media only screen and (max-width:5000px) { /* Vis6-Variante - 8 Spalten */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:10%;
			padding-right:2%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:inline-block;
		}
		.m_colVis4 {
			display:inline-block;
		}
		.m_colVis5 {
			display:inline-block;
		}
		.m_colVis6 {
			display:inline-block;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:none;
		}
		.m_trOpenVis4 {
			display:none;
		}
		.m_trOpenVis5 {
			display:none;
		}
		.m_trOpenVis6 {
			display:none;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}	
    @media only screen and (max-width:1780px) { /* Vis5-Variante - 6 Spalten */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:12%;
			padding-right:2%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:inline-block;
		}
		.m_colVis4 {
			display:inline-block;
		}
		.m_colVis5 {
			display:inline-block;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:none;
		}
		.m_trOpenVis4 {
			display:none;
		}
		.m_trOpenVis5 {
			display:none;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}
    @media only screen and (max-width:1540px) { /* Vis4-Variante - 6 Spalten */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:13.5%;
			padding-right:3%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:inline-block;
		}
		.m_colVis4 {
			display:inline-block;
		}
		.m_colVis5 {
			display:none;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:none;
		}
		.m_trOpenVis4 {
			display:none;
		}
		.m_trOpenVis5 {
			display:inline-block;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}
    @media only screen and (max-width:1375px) { /* Vis3-Variante - 5 Spalten*/
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:17%;
			padding-right:3%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:inline-block;
		}
		.m_colVis4 {
			display:none;
		}
		.m_colVis5 {
			display:none;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:none;
		}
		.m_trOpenVis4 {
			display:inline-block;
		}
		.m_trOpenVis5 {
			display:inline-block;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}
    @media only screen and (max-width:1100px) { /* Vis2-Variante - 4 Spalten */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:20.75%;
			padding-right:4%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:inline-block;
		}
		.m_colVis3 {
			display:none;
		}
		.m_colVis4 {
			display:none;
		}
		.m_colVis5 {
			display:none;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:none;
		}
		.m_trOpenVis3 {
			display:inline-block;
		}
		.m_trOpenVis4 {
			display:inline-block;
		}
		.m_trOpenVis5 {
			display:inline-block;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}
    @media only screen and (max-width:928px) { /* Vis1-Variante - 3 Spalten */
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			min-width:27%;
			padding-right:6%;
		}
		.m_colVisMin {
			display:none;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:inline-block;
		}
		.m_colVis2 {
			display:none;
		}
		.m_colVis3 {
			display:none;
		}
		.m_colVis4 {
			display:none;
		}
		.m_colVis5 {
			display:none;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:none;
		}
		.m_trOpenVis2 {
			display:inline-block;
		}
		.m_trOpenVis3 {
			display:inline-block;
		}
		.m_trOpenVis4 {
			display:inline-block;
		}
		.m_trOpenVis5 {
			display:inline-block;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
	}	
    @media only screen and (max-width:725px) { /* Min-Variante - max. 2 Spalten*/
		.m_mainTableRowDivHalf, .m_mainTableRowDiv {
			width:41.5%;
			padding-right:8%;
		}
		.m_colVisMin {
			display:inline-block;
			width:100%;
		}
		.m_colVisMinOff {
			display:none;
		}
		.m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_colVis1 {
			display:none;
		}
		.m_colVis2 {
			display:none;
		}
		.m_colVis3 {
			display:none;
		}
		.m_colVis4 {
			display:none;
		}
		.m_colVis5 {
			display:none;
		}
		.m_colVis6 {
			display:none;
		}
		.m_colVis7 {
			display:none;
		}
		.m_colVis1On {
			display:inline-block;
		}
		.m_colVis2On {
			display:inline-block;
		}
		.m_colVis3On {
			display:inline-block;
		}
		.m_colVis4On {
			display:inline-block;
		}
		.m_colVis5On {
			display:inline-block;
		}
		.m_colVis6On {
			display:inline-block;
		}
		.m_colVis7On {
			display:inline-block;
		}
		.m_trOpenVis1 {
			display:inline-block;
		}
		.m_trOpenVis2 {
			display:inline-block;
		}
		.m_trOpenVis3 {
			display:inline-block;
		}
		.m_trOpenVis4 {
			display:inline-block;
		}
		.m_trOpenVis5 {
			display:inline-block;
		}
		.m_trOpenVis6 {
			display:inline-block;
		}
		.m_trOpenVis7 {
			display:inline-block;
		}
		.m_mainTableRow th {
			display:none;
		}
		.m_mainTableRowActionIcon {
			display:none;
		}
	}
    @media only screen and (max-width:510px) {
		.m_mainTableRowDivHalf, .m_mainTableRowDiv { 
			width:89%;
			padding-right:10%;		
		}
	}

/* Wichtige Hinweise:

	!!!.m_colVis1 .m_mainTableColumnHeader, usw. müssen ebenfalls erweitert oder reduziert werden, sobald weitere Vis-Varianten hinzukommen oder entfernt werden.!!!

	!!!MobileTable im Editor hat jetzt eine extra Vis-Varianten-Einstellung - siehe unten im Bereich Editor. Sie ist getrennt von der Vis-Varianten-Einstellung für den MobileTable in der Tabellenansicht getrennt.!!!
*/

.m_colVis1 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis2 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis3 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis4 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis5 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis6 .m_mainTableColumnHeader {
	display:none;
}
.m_colVis7 .m_mainTableColumnHeader {
	display:none;
}		

.m_mainTableRowDivLong {
	width:0px;  
	min-width:100%;
	display:inline-block;
	vertical-align:top; 
	margin-top:20px; 
}	


.m_mainTableColumnHeaderTopCheckbox {
	display:inline-block;
	width:35px;  	
	}

.m_mainTableColumnHeaderTopActionIcon {
	display:inline-block;
	width:46px;  	
	}
		
.m_mainTableColumnHeaderTop {
    font-weight:bold;
    font-size:14px;
    margin-top:-6px;
    margin-left:1px;
    margin-bottom:4px;
    cursor:pointer;
    width:0px;
    min-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
	
	.m_mainTableColumnHeaderTop:hover {
		text-decoration:underline;
		}
		
	.m_bodyEditor .m_mainTableColumnHeaderTop:hover {
		text-decoration:none;
		}

	.m_bodyEditor .m_mainProTableDiv th:hover { 
		text-decoration:none;
		cursor:default;
		}
		
.m_mainTableColumnHeaderTop div{
    display:inline-block;
    font-size:12px;
    margin-left:1px;
	}
	
.m_mainTableColumnHeader {
	color:rgb(60,60,60);  /* productColor*/
    border-bottom:1px solid rgb(220,220,220);
    font-weight:bold;
    font-size:8pt;
    letter-spacing:0.3px;
    line-height:16px;
    padding-bottom:2px;
    margin-bottom:6px;
    width:0px;
    min-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	cursor:default; 
	
}

.m_mainTableTd td {
	vertical-align:top;
}

.m_displayNone {
	display:none;
}

.m_mainTableTd div {
	margin-top:-1px;
}

.m_mainTableTd div img{
	margin-top:-2px;
	margin-bottom:-4px;
}

.m_slt div {
	width:0px;  	
	font-size:14px;
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:default;
	outline-width:0;
}		
.m_slt div:hover {
	white-space:normal !important;
	outline-width:0; 
}

	
.m_slt div:active, 
.m_slt div:focus, 
.m_slt div:visited {
	white-space:normal !important;
	cursor:default;
	outline-width:0; 
}

.m_mainTableRowDiv .m_slt div {
	margin-top:0px;

}
.m_mainTableRowDivHalf .m_slt div {
	margin-top:0px;
}

.m_slt_vertical div {
	width:0px;  	
	font-size:14px;
	min-width:100%; max-width:0px;
	white-space:normal !important;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	cursor:default;
	outline-width:0;
}		
.m_slt_vertical div:hover {
	white-space:normal !important;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 20;
	outline-width:0; 
}

.m_slt_vertical div:active, 
.m_slt_vertical div:focus, 
.m_slt_vertical div:visited {
	white-space:normal !important;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 20;
	cursor:default;
	outline-width:0; 
}

.m_mainTableRowDiv .m_slt_vertical div {
	margin-top:0px;

}
.m_mainTableRowDivHalf .m_slt_vertical div {
	margin-top:0px;
}

.m_mainTableTdMenuIcon  {
	font-size:0px;
	width:1px;
	vertical-align:top;
	margin:0px;   
	padding:0px;
	padding-block:1px;
}

.m_colVisMin .m_mainTableTdMenuIcon  {
	font-size:0px;
	width:1px;
	vertical-align:top;
	margin:0px;   
	padding:0px;
	padding-block:0px;
}

.m_mainTableTdActionIcon  {
	font-size:0px;
	width:20px;
	vertical-align:top;
	margin:0px;   
	padding:0px;
	padding-right:25px;
}

.m_mainTableTdCheckbox  {
	font-size:0px;
	width:20px;
	vertical-align:top;
	margin:0px;   
	padding:0px;
	padding-right:15px;
}

.m_mainTableTdCheckbox  input[type='checkbox'] + label {
	padding:3px 0px;
	padding-right:6px;
}

.m_td .m_mainTableTdMenuIcon #m_contextMenuIcon {
	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:%233C3C3C; 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_td .m_mainTableTdMenuIcon #m_contextMenuIcon:hover { /* productColor*/ }		

.m_td .m_mainTableTdMenuIcon #m_ContextMenuIconShowAll {
	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:%233C3C3C; 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_td .m_mainTableTdMenuIcon #m_ContextMenuIconShowAll:hover { /* productColor*/ }		


.m_trOpen {
    width:100%;
    height:100%;
    vertical-align:top;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:15px;
}

.m_trOpenPic {
	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='M3.795,7.157l6.157,6.157m0,0l6.157,-6.157' style='stroke:%233C3C3C; stroke-width:1px'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;	
	cursor:pointer; 
    }
    .m_trOpenPic:hover { /* productColor*/ }

.m_trClose {
    width:100%;
    height:100%;
    vertical-align:top;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:15px;
}

.m_trClosePic {
	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='M15.696,13.068l-5.657,-5.657m0,0l-5.657,5.657' style='stroke:%233C3C3C; stroke-width:1px'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;	cursor:pointer; 
    }
    .m_trClosePic:hover { /* productColor*/	}

.m_mainTableTextLong  {
	margin-top:3px;
	margin-left:-2px;
	text-align:left; 
}

.m_mainTableTextLink {
	display:inline-block;
}

.m_mainTableRowTdCenter {
	width:100%;
    height:50px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:8px;
	text-align:center;
	vertical-align:middle;
	line-height:1.3;
}

#m_mainTableRowLink a:link { 
	font-size:14px;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	
	cursor:pointer;
	padding-bottom:20px;
}
#m_mainTableRowLink a:hover { 
	font-size:14px;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	
	cursor:pointer;
	padding-bottom:20px;
	text-decoration:underline;
}
#m_mainTableRowLink a:visited { 
	font-size:14px;
	color:rgb(60,60,60); /* productColor*/
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:normal;	
	cursor:pointer;
	padding-bottom:20px;
}

.m_mainTableHiddenRow {
	background-color:rgb(225,225,225);
	min-height:50px;
	margin:0px;
	margin-top:1px;
	text-align:left;
	vertical-align:middle;
	line-height:1.3;  	
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.m_mainTableHiddenRowTd {
	width:100%;
	padding:8px;
	text-align:right;
	vertical-align:middle;
	line-height:1.3;
}

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

.m_bodyEditor {
	width:100%;
	background-color:white; 
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	color:rgb(60,60,60);
	margin:0px;
	padding:0px;
	line-height:1.3;
	overflow-x:hidden;
	overflow-y:auto;
}

.m_bodyEditor .m_mainToolBarPosition {
	background-color:rgb(60,60,60); /* productColor*/
	position:fixed;
	z-index:2; 
	width:100%;       
	-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35); 
}
	
.m_bodyEditor .m_mainToolBarPosition table {
	background-color:rgb(60,60,60); /* productColor*/
    height:50px;
	vertical-align:middle;
	border:0;
	max-width:940px; /* Weite = Weite von "EditorMenu" + Padding */
    text-align:center;
    margin:0px auto;
}	
	
.m_mainToolBarEditorText { 
	font-size:15px;
	color:white;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:3px;
	line-height:1.3;
	white-space:nowrap;
}

.m_mainToolBarActionText { 
	width:1px;
	color:white;
	font-size:8pt;
	font-weight:bold;
	vertical-align:middle;
	/*text-transform:uppercase;*/
	letter-spacing:0.3px;
	line-height:1.3;
	white-space:nowrap;
	cursor:pointer;
	}
	.m_mainToolBarActionText:hover { 
		text-decoration:underline;
		}

.m_mainToolBarActionTextDistance { 
	width:20px;
}

.m_editorTabsTable{ 
	height:32px;	
	background-color:rgb(75,75,75); /* productColor*/
}

.m_editorTabsTd{ 
	width:1px;
	color:rgb(140,140,140); /* productColor*/
	font-size:9pt;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.3px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom:6px;	
	border-bottom:3px solid transparent;	
	white-space:nowrap;
	cursor:pointer;
}

.m_editorTabsTdActive{ 
	width:50px;
	color:rgb(255,229,127);
	font-size:9pt;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.3px;
	padding-left:12px;
	padding-right:12px;	
	padding-bottom:6px;	
	border-bottom:3px solid rgb(255,229,127);
	white-space:nowrap;
}

#m_editorMenuLink a:link { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorMenuLink a:visited { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorMenuLink a:hover { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorMenuLink a:focus { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}

#m_editorSubMenuLink a:link { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorSubMenuLink a:visited { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorSubMenuLink a:hover { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}
#m_editorSubMenuLink a:focus { 
	font-size:14px;
	text-decoration:none;
	color:rgb(60,60,60);
 	font-family:Open sans, Arial;
 	font-style:normal;
 	font-weight:bold;	
}

.m_editorMenu {
	max-width:900px;
	text-align:center;
	padding:20px; 
	padding-top:10px;
	margin:0px auto;
}

.m_editorMenuDiv {
	margin-bottom:10px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
}

.m_editorMenuDiv div {
	font-size:14px;
	width:0px;  
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_editorMenuRow {
	margin-left:0% 1%; 
	color:rgb(60,60,60); /* productColor*/
	border-bottom:1px solid rgb(200,200,200); /* productColor*/
	text-align:left;
	vertical-align:bottom;
}

.m_editorSubMenuDiv {
	margin:0px auto; 
}

.m_editorSubMenuDiv div {
	font-size:14px;
	width:0px;  
	min-width:98%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	outline:0;
	}

.m_editorSubMenuRow {
	margin:0% auto;
	background:rgb(240,240,240);
	text-align:left;
	border-radius:30px;
	margin-top:20px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
	margin-bottom:-10px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
	cursor:default;
}

.m_editorSubDiv {
	margin-top:15px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
	margin-bottom:40px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
}

.m_editorMenuTextTD {
	width:100%;
	vertical-align:middle; 
	padding-left:10px;

}

.m_editorToolbar {
	color:rgb(60,60,60); /* productColor*/
	font-size:8pt;
 	font-weight:bold;	
	/*text-transform:uppercase;*/
	letter-spacing:0.3px;
	text-align:right;
	vertical-align:middle;
	padding-top:3px;
	padding-left:15px; 
	padding-right:5px; 
	}
	.m_editorToolbar:hover { 
		text-decoration:underline;
		}

.m_editorSubToolbar {
	color:rgb(60,60,60); /* productColor*/
	font-size:8pt;
 	font-weight:bold;	
	/*text-transform:uppercase;*/
	text-align:right;
	vertical-align:top;
	padding:10px;
	padding-top:14px;
	}
	.m_editorSubToolbar:hover { 
		text-decoration:underline;
		}		

.m_editorToolbarText {
	white-space:nowrap;
	cursor:pointer;
}

.m_editorToolbarText label {
	margin-top:0px;
}

.m_editorMenuDiv .m_editorMenuIconTdLeft {
	width:1px;
	vertical-align:middle;
	padding-top:7px;
	padding-left:5px;
	padding-bottom:4px;
	white-space:nowrap;  
}

.m_editorSubMenuDiv .m_editorMenuIconTdLeft {
	width:1px;
	vertical-align:middle;
	padding-top:6px;
	padding-left:10px;
	padding-bottom:6px;
	white-space:nowrap;
}

.m_editorSubMenuDiv .m_editorMenuIconTdLeft a {
	padding:0px;
	margin:0px;  
}

.m_editorMenuIconTdLeft svg {
	width:20px;
	height:20px;
	border:0px;
	outline:0;
	cursor:pointer;
}

.m_editorMenuDiv .m_editorMenuIconTdRight {
	width:1px;
	vertical-align:middle;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	white-space:nowrap;
}

.m_editorSubMenuDiv .m_editorMenuIconTdRight {
	width:1px;
	vertical-align:middle;
	padding-top:6px;
	padding-right:15px;
	padding-bottom:6px;
	white-space:nowrap;
}


.m_editorMenuIconTdRight svg {
	width:20px;
	height:20px;
	border:0px;
	cursor:pointer;
	margin-left:10px;
	outline:0;
	cursor:pointer;
}

.inactiveSvg {
	cursor:default !important;
}

.m_editorInput { 
	width:100%; 
	font-size:0px;
	text-align:center;
	margin-bottom:30px; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
}
	
.m_editorInputDiv {
	margin:0% 1%;
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
}	

.m_editorInputDiv2 {
	margin:0% 1%;
	margin-top:10px;
	display:inline-block;
	vertical-align:top; 
} 
	
.m_editorInputDivPlaceholder {
	margin:0% 1%;
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
}

.m_editorInputDivDistance{
	margin:0% 1%;
	margin-top:35px;
	vertical-align:top;
}

.m_editorInputDivSeparationLineTitle{
	margin:0% 0%;
	margin-top:40px;
	margin-bottom:13px;
	position:relative;
	border:0;
	border-top:1px solid rgb(60,60,60);
	border-style:dotted;
}

.m_editorInputDivSeparationLineTitle div {
	position:absolute;
    /*left:50%; margin-right:-50%; transform:translate(-50%, -50%); zum zentrieren */ 
	font-size:11px;
	font-weight:bold;	
	line-height:1; 
	letter-spacing:0.3px;
	background:white;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	margin-top:-7px;
	margin-left:12px;
	margin-right:12px;
}

.m_editorInputDivSeparationTitle{
	margin:0% 0%;
	margin-top:40px;
	margin-bottom:13px;
	position:relative;
	border:0;
	border-top:1px solid white;
	border-style:dotted;
}

.m_editorInputDivSeparationTitle div {
	position:absolute;
    /*left:50%; margin-right:-50%; transform:translate(-50%, -50%); zum zentrieren */ 
	font-size:11px;
	font-weight:bold;	
	line-height:1; 
	letter-spacing:0.3px;
	background:white;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	margin-top:-7px;
	margin-left:12px;
	margin-right:12px;
}



.m_editorInputDivTable {
	max-height:460px;
	margin:0% 1%;
	margin-top:23px;
	vertical-align:top; 
	overflow:auto;
	border-radius:4px;	
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
	-webkit-overflow-scrolling:touch; 
}  	

.m_inactiveEditor {
	background-color:rgb(248,248,248);
	}	
	.m_inactiveEditor:hover {
		border:1px solid rgb(210,210,210) !important;
		}
	
.m_inactiveEditor  .m_fileUploadContainerText input {
	color:rgb(60,60,60);	
	}	

.m_editorSubMenuRow .m_inactiveEditor {
	color:rgb(140,140,140);
		border:0 !important;
	}	
	.m_editorSubMenuRow .m_inactiveEditor:hover {
		border:0 !important;
		}		

.m_editorInputDivNoEntries {
	width:100%;
	margin:0%; 
	display:inline-block;
	text-align:left; 
	vertical-align:top;
} 

    @media only screen and (min-width:601px) {
		.m_editorInputDivTable {
			width:94%;
			margin-left:3%;
			margin-right:3%;
			}
		.m_editorInputDiv {
			width:46%;
			}
		.m_editorInputDiv2 {
			width:94%;
			margin-left:3%;
			margin-right:3%;	
			}
		.m_autoComDiv {
			width:46%;
		}
		.m_editorInputDivPlaceholder {
			width:46%;
		}
		.m_editorInputDivDistance{
			width:94%;
			margin-left:3%;
			margin-right:3%;	
			}
		.m_editorInputDivSeparationLineTitle{
			width:97%;
			margin-left:1.25%;
			margin-right:1.75%;
			}
		.m_editorInputDivSeparationTitle{
			width:97%;
			margin-left:1.25%;
			margin-right:1.75%;
			}
 		.m_editorMenuRow {
			width:100%;
		}		
		.m_editorSubMenuRow {
			width:98%;
			margin-left:1%;
			margin-right:1%;	
		}
	}	
    @media only screen and (max-width:600px) {
		.m_editorInputDivTable {
			width:90%;
			margin-left:5%;
			margin-right:5%;
		}
		.m_editorInputDiv {
			width:90%;
			margin-left:5%;
			margin-right:5%;
		}
		.m_editorInputDiv2 {
			width:90%;
			margin-left:5%;
			margin-right:5%;
		}
		.m_autoComDiv {
			width:90%;
		}
		.m_editorInputDivPlaceholder {
			display:none;
		}
		.m_editorInputDivDistance{
			width:90%;
			margin-left:5%;
			margin-right:5%;
		}
		.m_editorInputDivSeparationLineTitle{
			width:96%;
			margin-left:1.25%;
			margin-right:2.75%;
		}
		.m_editorInputDivSeparationTitle{
			width:96%;
			margin-left:1.25%;
			margin-right:2.75%;
		}
 		.m_editorMenuRow {
			width:100%;
			margin-left:0%;
			margin-right:0%;
		}
 		.m_editorSubMenuRow {
			width:97%;
			margin-left:1.5%;
			margin-right:1.5%;
			margin-top:; /* Abstand Menu- & Submenurows (siehe auch andere dazu...)*/
		}
	}

fieldset {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	letter-spacing:0.3px;
	padding:0px;
	margin:0px;
	border:1px solid rgb(210,210,210);  	
	border-radius:3px;

} 

legend {
	color:rgb(60,60,60); /* productColor*/
	font-size:7.5pt;
	font-weight:bold;
	position:;
	width:auto;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
	margin-left:7px;	
	margin-right:7px;	
	margin-bottom:2px;	
	border:0px;
	cursor:default; 
}


.noLegendFieldset {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	margin-top:7px;	
	padding-top:9px;

	border:1px solid rgb(210,210,210);  	
	border-radius:3px;
} 

.m_editorInputTable {	
	min-height:28px;
	text-align:left;
	margin:0px;		
	padding:0px;		
	line-height:1.3;  	
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}	

.m_editorInputTd {
	width:100%;
	height:16px;
	padding:0px 10px;
	padding-bottom:7px;
}	

.m_mandatory {
	color:rgb(230,0,0);
}

.m_inactiveEditor .m_mandatory {
	color:rgb(190,190,190);
}

.m_editorInputTdDateTime {
	background-color:rgb(255,255,255);		
	width:100%;
	text-align:left;
	vertical-align:middle;
	line-height:1.3;
	padding-top:20px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:7px;
}

.m_editorInputCheckbox {
	height:26px;
	vertical-align:top;
	padding-left:10px;
}

.m_editorInputTdName {
	width:100%;
	text-align:left;
	font-size:7.5pt;
	font-weight:bold;
	padding:0px 10px;
	padding-top:1px;
	padding-bottom:7px;
}

.m_editorInputTdName label{
	min-width:100%;
	padding:0px;
	margin:0px;
}

.m_editorInputCheckbox + .m_editorInputTd {
	font-size:14px;
	padding-top:1px;
}

.m_editorInputTd label{
	min-width:100%;
	padding:0px;
	margin:0px;
}

.m_editorInputCheckbox  input[type='checkbox'] + label {
	margin:0px;
}

.m_textarea  { 
	width:0px;  
	min-width:100%;
	color:rgb(60,60,60); 			
	font-size:14px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0px;		
	outline-width:0;
	outline:0;		
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_textareaLong  { 
	width:100%;
	color:rgb(60,60,60);
	font-size:14px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0px;		
	outline-width:0;
	outline:0;		
}

.m_mainTableTextLongTextarea  { 
	width:100%;
	color:rgb(60,60,60);
	font-size:14px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0px;		
	outline-width:0;
	outline:0;		
}

.m_selectarea  { 
}

.m_selectareaInactive  { 
}

.m_flagarea {
}

.m_timearea {
	color:rgb(60,60,60);
	background-image:url("selectCalendar.png");
	width:42px; 
	font-size:14px;								
	font-family:Open sans, Arial;
	font-style:normal;	
	font-weight:normal;	
	text-align:left;
	margin-top:5px; 
	margin-bottom:5px; 
	background-color:rgb(248,248,248);
	outline-width:0;
	outline:0;	
	cursor:pointer;
}

.m_calendarDateInput {
	text-align:center !important;
	color:rgb(60,60,60);
}

.m_calendarIconImg {
	vertical-align:top;
	margin-top:3px; 
	float:right;
	outline-width:0;
	outline:0;		
}

.m_selectareaDateTime {
	min-width:130px;
	width:100%;
	min-height:14px;
	font-size:14px !important;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0px;
	outline-width:0;
	outline:0;	
}

.m_selectareaDateTimeShort {
	font-size:14px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border:0px;		
	outline-width:0;
	outline:0;		
}

.m_noEntries {
	font-size:14px;
	line-height:1.3;
	padding-left:7px;
	padding-right:10px;
	padding-bottom:10px;	
}


    @media only screen and (min-width:929px) { /* Vis2-Variante-Editor - 4 Spalten */
		.m_bodyEditor .m_mainTableRowDivHalf {
			min-width:20.75%;
			padding-right:4%;
		}
		.m_bodyEditor .m_mainTableRowDiv {
			min-width:20.75%;
			padding-right:4%;
		}
		.m_bodyEditor .m_colVisMin {
			display:none;
		}
		.m_bodyEditor .m_colVisMinOff {
			display:none;
		}
		.m_bodyEditor .m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_bodyEditor .m_colVis1 {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis2 {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis3 {
			display:none;
		}
		.m_bodyEditor .m_colVis4 {
			display:none;
		}
		.m_bodyEditor .m_colVis5 {
			display:none;
		}
		.m_bodyEditor .m_colVis6 {
			display:none;
		}
		.m_bodyEditor .m_colVis7 {
			display:none;
		}
		.m_bodyEditor .m_colVis1On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis2On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis3On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis4On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis5On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis6On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis7On {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis1 {
			display:none;
		}
		.m_bodyEditor .m_trOpenVis2 {
			display:none;
		}
		.m_bodyEditor .m_trOpenVis3 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis4 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis5 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis6 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis7 {
			display:inline-block;
		}
	}
    @media only screen and (max-width:928px) { /* Vis1-Variante-Editor - 3 Spalten */
		.m_bodyEditor .m_mainTableRowDivHalf {
			min-width:27%;
			padding-right:6%;
		}
		.m_bodyEditor .m_mainTableRowDiv {
			min-width:27%;
			padding-right:6%;
		}
		.m_bodyEditor .m_colVisMin {
			display:none;
		}
		.m_bodyEditor .m_colVisMinOff {
			display:none;
		}
		.m_bodyEditor .m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_bodyEditor .m_colVis1 {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis2 {
			display:none;
		}
		.m_bodyEditor .m_colVis3 {
			display:none;
		}
		.m_bodyEditor .m_colVis4 {
			display:none;
		}
		.m_bodyEditor .m_colVis5 {
			display:none;
		}
		.m_bodyEditor .m_colVis6 {
			display:none;
		}
		.m_bodyEditor .m_colVis7 {
			display:none;
		}
		.m_bodyEditor .m_colVis1On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis2On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis3On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis4On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis5On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis6On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis7On {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis1 {
			display:none;
		}
		.m_bodyEditor .m_trOpenVis2 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis3 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis4 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis5 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis6 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis7 {
			display:inline-block;
		}
	}	
    @media only screen and (max-width:725px) { /* Min-Variante-Editor - max. 2 Spalten*/
		.m_bodyEditor .m_mainTableRowDivHalf {
			width:41.5%;
			padding-right:8%;
		}
		.m_bodyEditor .m_mainTableRowDiv {
			width:41.5%;
			padding-right:8%;
		}
		.m_bodyEditor .m_colVisMin {
			display:inline-block;
			width:100%;
		}
		.m_bodyEditor .m_colVisMinOff {
			display:none;
		}
		.m_bodyEditor .m_colVisMinOnly {
			display:inline-block;
			width:100%;
		}
		.m_bodyEditor .m_colVis1 {
			display:none;
		}
		.m_bodyEditor .m_colVis2 {
			display:none;
		}
		.m_bodyEditor .m_colVis3 {
			display:none;
		}
		.m_bodyEditor .m_colVis4 {
			display:none;
		}
		.m_bodyEditor .m_colVis5 {
			display:none;
		}
		.m_bodyEditor .m_colVis6 {
			display:none;
		}
		.m_bodyEditor .m_colVis7 {
			display:none;
		}
		.m_bodyEditor .m_colVis1On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis2On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis3On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis4On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis5On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis6On {
			display:inline-block;
		}
		.m_bodyEditor .m_colVis7On {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis1 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis2 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis3 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis4 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis5 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis6 {
			display:inline-block;
		}
		.m_bodyEditor .m_trOpenVis7 {
			display:inline-block;
		}
		.m_bodyEditor .m_mainTableRow th {
			display:none;
		}
		.m_bodyEditor .m_mainTableRowActionIcon {
			display:none;
		}
	}
    @media only screen and (max-width:510px) {
		.m_bodyEditor .m_mainTableRowDivHalf { 
			width:89%;
			padding-right:10%;		
		}
		.m_bodyEditor  .m_mainTableRowDiv { 
			width:89%;
			padding-right:10%;		
		}
	}

/* Autocompletion -------------------------- */

.m_autoComTable {
	margin:0px;
	margin-top:-1px;
	margin-left:-1px ;
	margin-bottom:-1px ;
	}
	
.m_autoComTable input {
	min-width:98% !important;
	background-color:transparent;
	outline-width:0;
	outline:0;				
	border:0;
	}
	
.m_autoComButton {
	width:1px;	
	vertical-align:middle;	
}

.m_autoComButton svg {
	vertical-align:middle;
	margin-top:2px;
	outline:0;
	border:0;	
	}
	.m_autoComButton:hover { 
		cursor:pointer;
		}

.m_editorInputDivFlat {
	min-width:98% !important;
	height:26px;
	vertical-align:middle;
	background-color:white;

	border-radius:30px;
}

.m_editorInputDivFlat .m_autoComButton {
	width:1px;	
	vertical-align:middle;
	padding:0px 7px;
}
	
.m_editorInputDivFlat .m_editorInputTdFlat .m_autoComTable input {
	min-width:98% !important;
	background-color:transparent;
	vertical-align:middle;
	margin-top:3px; /*---01.1--- */
	padding-left:10px;	
	padding-right:10px;	
	outline-width:0;
	outline:0;				
	border:0;
}

.m_editorInputDivFlat .m_editorInputTdFlat input {
	min-width:98% !important;
	background-color:transparent;
	vertical-align:middle;
	padding-left:10px;	
	padding-right:10px;	
	outline-width:0;
	outline:0;				
	margin-top:3px;
	border:0;
}	

/* S --- CSS aus JS modalMobilAutoCompleteCreated --- */
.m_autoComDiv {
	z-index:-0; 
	visibility:hidden; 
	position:absolute; 
	top:0px; 
	left:0px; 
	display:block;
	width:30%; 
	font-size:0px;
}

.m_autoComInput {
	position:relative; 
	top:0px; 
	left:0px; 
	background:white;
	width:calc(100% - 40px) !important;
	min-width:calc(100% - 40px) !important;
	max-width:calc(100% - 40px) !important; 
	min-height:10px !important; 
	padding:6px 0px; 
	
}

.m_autoComSpan {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:30px; 
	height:22px; 	
	margin-top:-6px; 
	cursor:pointer;
}
	
.m_autoComInputFlat {
	position:relative; 
	top:0px; 
	left:0px; 
	background:white;
	width:70% !important;
	min-width:70% !important;
	max-width:70% !important;  
	min-height:10px !important; 
	padding:7px 10px; 
	margin-top:-1px; /*---01.2--- */
	border-radius:30px;
}
/* E --- CSS aus JS modalMobilAutoCompleteCreated --- */

.m_editorInputDivFlat .m_editorInputTable {	
	min-height:0px;	
	vertical-align:top;
}	

.m_editorInputSelectFlat  {
	width: 1px !important; 
    white-space: nowrap;	
	height:0px; 
	padding-left:11px;
	margin:0px;
} 

.m_editorInputSelectFlat .m_selectarea {
	width:auto;
	color:rgb(60,60,60);
	font-size:14px;
	font-family:Open sans, Arial; 
	font-style:normal;							
	vertical-align:middle;
	padding:0px;
	padding-right:10px;
	margin:0px;
	margin-top:4px; /*---02.1--- */
	border:0;
	border-right:1px solid rgb(180,180,180);

}
	
.m_editorInputCheckboxFlat {
	width:1px;
	padding:0px;
	padding-left:10px;
	margin:0px;
} 

.m_editorInputDivFlat .m_editorInputCheckboxFlat input[type='checkbox']:checked + label::before, 
.m_editorInputDivFlat .m_editorInputCheckboxFlat input[type='checkbox']:not(:checked) + label::before {
	padding:0px;
	margin:0px; 
	margin-top:4px; /*---03.1--- */	
	vertical-align:middle;

}

.m_editorInputDivFlat .m_editorInputTdFlat input[type='text'] {
	min-width:98% !important;
	background-color:transparent;
	vertical-align:middle;
	padding-left:10px;	
	padding-right:10px;	
	outline-width:0;
	outline:0;				
	margin-top:4px; /*---02.2 + 03.2--- */
	border:0;
}	

.m_autoComButtonLabel {
	font-size:8pt;
	font-weight:bold;	
	letter-spacing:0.3px;
	white-space:nowrap;
	margin-left:13px;
	margin-right:7px;
}
		
.m_autoComButtonLabelInactive {
	color:rgb(180,180,180);
	font-size:8pt;
	font-weight:bold;	
	letter-spacing:0.3px;
	white-space:nowrap;
	margin-left:13px;
	margin-right:7px;
}

.m_autocompletion { 
	color:rgb(60,60,60);
	font-size:14px;								
	font-family:Open sans, Arial;
	font-style:normal;	
	font-weight:normal;	
	text-decoration:none;
	margin:0px;
	padding:0px;
}


.m_autocompletion table { 
	width:100%; 
	border-collapse:separate;
}

.m_autocompletion td { 
   	padding-bottom:6px;
	white-space:nowrap;
	}
	.m_autocompletion td:hover { 
		color:rgb(60,60,60); /* productColor*/
		text-decoration:underline;
		cursor:pointer; 
		}
	
/* File Upload -------------------------- */

.m_fileUploadTable {
	width:100%;
	line-height:16px;
	margin:0px;
	padding:0px;
}



.m_fileUploadContainerText {
	position:relative;
	width:100%;
	height:24px;
	vertical-align:middle;
}

.m_fileUploadContainerText input {
	cursor:auto;
}

.m_fileUploadContainerText div {
	margin-top:1px;
}


.m_fileUploadContainerButton {
	width:1px;
	height:24px;
	color:rgb(60,60,60); /* productColor*/
	background-color:inherit;
	position:relative;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}
	.m_fileUploadContainerButton label:hover { 
		text-decoration:underline;
		cursor:pointer;
		}
		
.m_fileUploadContainerButtonInactive{
	width:1px;
	color:rgb(180,180,180);
	background-color:inherit;
	position:relative;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.m_fileUploadText { 
	font-size:8pt;
	font-weight:bold;	
	letter-spacing:0.3px;
	white-space:nowrap;
	cursor:pointer;
}

.m_fileUploadInputField {
	position:absolute;
	top:0px;
	left:-10000px;
	width:100%;
}

.m_fileUploadTextField {
	position:absolute;
	top:0px;
	left:0px;
	color:rgb(60,60,60); 
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	margin:0px;
	margin-top:1px;
	padding:0px;
	border:0px;
	
	width:0px;  
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
	outline-width:0;
}

.m_fileUploadInputFieldLabel {
	font-size:8pt;
	font-weight:bold;	
	letter-spacing:0.3px;
	white-space:nowrap;
	cursor:pointer;
}
		
.m_fileUploadInputFieldLabelInactive {
	color:rgb(180,180,180);
	font-size:8pt;
	font-weight:bold;	
	letter-spacing:0.3px;
	white-space:nowrap;	
}


.m_fileShowContainerButton {
	width:1px;
	height:24px;
	color:rgb(60,60,60); /* productColor*/
	background-color:inherit;
	position:relative;
	vertical-align:middle;
	padding:0px;
	padding-left:10px;
	padding-right:15px;
	}

	.m_fileShowContainerButton label:hover { 
		text-decoration:underline;
		cursor:pointer;
		}
		
.m_fileShowContainerButtonInactive{
	width:1px;
	color:rgb(180,180,180);
	position:relative;

}

.m_mainFieldsetFileIcon {
	vertical-align:bottom;
	padding-right:1px;
}


.m_editorIconTable {	
	text-align:left; 						
	background-color:transparent;			
	margin-top:10px; 				
	margin-left:15px; 				
	margin-right:15px; 				
}

.m_editorIconBarLeft {		
	width:100%;	
	text-align:left; 
}

.m_editorIconSpanAsButton {		
	color:rgb(66,127,66);
	font-weight:bold; 						
	min-width:85px;							
	margin-left:-5px; 
	padding-top:4px; 	
	padding-left:3px; 
	padding-right:10px; 
	padding-bottom:4px; 	
	cursor:pointer;								
	}

.m_editorIconAsButton {		
	margin-top:3px; 
	margin-bottom:-3px; 
	padding-left:0px; 
	padding-right:1px; 
}	

.m_mainFieldsetHeadlineDiv {						
	text-align:left; 						
	padding-top:15px; 						
	padding-left:15px; 						
	padding-right:15px; 					
}

.m_mainFieldsetHeadline {		
	height:42px;
	background-color:rgb(180,180,180);
	border-bottom:1px solid rgb(240,240,240);	
	background-color:rgb(205,220,238);
	padding-top:2px; 						
	padding-left:6px; 						
	padding-bottom:4px; 
	border-radius:2px;
	}
	.m_mainFieldsetHeadline:hover { 
		background-color:rgb(178,201,228);
		}

.m_mainFieldsetHeadlineTable {						
}

.m_mainFieldsetMainHeadlineTable {					
}

.m_mainFieldsetHeadlineIcon {		
	margin-top:3px; 
	margin-bottom:-3px; 
	padding-left:2px; 
	padding-right:1px; 
	border:0px;
}

.m_mainFieldsetMainHeadlineTd {						
	width:100%; 
	padding-top:5px;				
} 



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

.m_systemAlertBody { /* Nur Lokal wichtig zum testen für mich */
	width:100%;
	height:100%; 
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	color:rgb(60,60,60);
	margin:0px;
	line-height:1.3;
}

.m_systemAlertDivOverlay {
	z-index:10000; 
	visibility:hidden; /* löschen um zu sehen/bearbeiten */
	position:fixed; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
	right:0;
	bottom:0; 
	background-color:rgba(0,0,0,0.4); 
	cursor:pointer;
}

.m_systemAlertDivMessage, .m_systemAlertDivMessageInfoOnly {
	z-index:10001; 
	visibility:hidden; /* löschen um zu sehen/bearbeiten */
	position:fixed; 
	right:0px; 
	top:0px; 
	height:100%; 
	width:90%; max-width:330px; 
	background:white; 
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;		
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);	
	overflow:auto; 
	-webkit-overflow-scrolling:touch;
	cursor:pointer;	
}
	
.m_systemAlertDivMessage .m_mainToolBarTable {
	z-index:10002; 
	position:fixed; 
	color:white;
	background-color:rgb(210,0,0);
    height:50px;
	max-width:330px; 
	vertical-align:middle;
	border: 0px solid rgb(129,171,67);
	border-top-left-radius: 6px;
}

.m_systemAlertDivMessageInfoOnly .m_mainToolBarTable {
	z-index:10002; 
	position:fixed; 
	color:white;
	background-color:rgb(60,60,60);	/* productColor*/ 
    height:50px;
	max-width:330px; 
	vertical-align:middle;
	border: 0px solid rgb(129,171,67);
	border-top-left-radius: 6px;
}

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

.m_systemInfoDivOverlay {
	z-index:10000; 
	visibility:hidden; /* löschen um zu sehen/bearbeiten */
	position:fixed; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
	right:0;
	bottom:0; 
	background-color:rgba(0,0,0,0.4); 
	cursor:pointer;
}

.m_systemInfoDivMessage {
	z-index:10001; 
	visibility:hidden; /* löschen um zu sehen/bearbeiten */
    position: fixed;
    top: 5%;
    left: 5%;
    min-height: 90%; max-height: 90%;
	min-width:90%; max-width:90%; 	
	background:white; 
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
	overflow:auto; 
	-webkit-overflow-scrolling:touch;
	cursor:pointer;	
}
	
.m_systemInfoDivMessage .m_mainToolBarTable {
	z-index:10002; 
	position:fixed; 
	color:white;
	background-color:rgb(129,171,67);
    height:50px;
	min-width:90%; max-width:90%; 	
	vertical-align:middle;
	border: 0px solid rgb(129,171,67);
	border-top-left-radius: 6px;
}

    @media only screen and (min-width:1501px) {
		.m_systemInfoDivMessage {
			top: 25%;
			left: 30%;
			min-height: 50%; max-height: 50%;
			min-width:40%; max-width: 40%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:40%; max-width:40%; 
		}
	}

    @media only screen and (max-width:1500px) {
		.m_systemInfoDivMessage {
			top: 20%;
			left: 25%;
			min-height: 60%; max-height: 60%;
			min-width:50%; max-width:50%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:50%; max-width:50%; 
		}
	}

    @media only screen and (max-width:1200px) {
		.m_systemInfoDivMessage {
			top: 20%;
			left: 20%;
			min-height: 60%; max-height: 60%;
			min-width:60%; max-width:60%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:60%; max-width:60%; 
		}
	}


    @media only screen and (max-width:1050px) {
		.m_systemInfoDivMessage {
			top: 20%;
			left: 15%;
			min-height: 60%; max-height: 60%;
			min-width:70%; max-width:70%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:70%; max-width:70%; 
		}
	}

    @media only screen and (max-width:950px) {
		.m_systemInfoDivMessage {
			top: 20%;
			left: 12%;
			min-height: 60%; max-height: 60%;
			min-width:75%; max-width:75%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:75%; max-width:75%; 
		}
	}

    @media only screen and (max-width:800px) {
		.m_systemInfoDivMessage {
			top: 15%;
			left: 10%;
			min-height: 70%; max-height: 70%;
			min-width:80%; max-width:80%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:80%; max-width:80%; 
		}
	}
	
    @media only screen and (max-width:500px) {
		.m_systemInfoDivMessage {
			top: 5%;
			left: 5%;
			min-height: 90%; max-height: 90%;
			min-width:90%; max-width:90%; 			
		}
		.m_systemInfoDivMessage .m_mainToolBarTable {
			min-width:90%; max-width:90%; 
		}
	}	
	
.m_mainToolBarTableConfirm {
	background-color:rgb(180,180,180); /* productColor*/
	color:rgb(60,60,60); /* productColor*/
	width:100%;
    height:42px;
	vertical-align:middle;
	border:0;
    border-collapse:collapse;  
	}

.m_mainToolBarMessage { 
	width:20px;
	text-align:center;
	vertical-align:middle;
	padding-left:12px;
}

.m_mainToolBarEditorTextMessage{ 
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:3px;
}

.m_mainToolBarEditorTextDivMessage{	
	color:white;
	font-weight:bold;	
	line-height:1.3;
	width:0px;  
	min-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m_mainToolBarActionTextMessage { 
	width:1px;
	font-size:8pt;
	font-weight:bold;
	letter-spacing:0.3px;
	text-align:right;
	vertical-align:middle;
	line-height:1.3;
	cursor:pointer;
}

.m_leftBorderMessage  { 
	padding-right:15px;	
	border-left:0px solid rgb(60,60,60);	
	}

.m_systemAlertMessageText {
}

.m_systemAlertMessageText table {
	height:100%;
	background-color:white;			
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border:0px;
	line-height:1.3;  	
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}	

.m_systemAlertMessageText tr {
	height:100%;
}

.m_systemAlertMessageText td {
	width:100%;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;
	vertical-align:middle;
	line-height:1.3; 
	border-bottom:1px solid rgb(240,240,240);
}

.m_systemInfoMessageText {
}

.m_systemInfoMessageText table {
	height:100%;
	background-color:white;			
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border:0px;
	line-height:1.3;  	
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}	

.m_systemInfoMessageText tr {
	height:100%;
}

.m_systemInfoMessageText td {
	width:100%;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;
	vertical-align:middle;
	line-height:1.3; 
	border-bottom:1px solid rgb(240,240,240);
}

.m_systemConfirmMessageText {
	background-color:white;			
	text-align:left;
	padding:20px;
	margin:0px;
	border:0px;
	line-height:1.3;  	
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
	
.m_headlineMessage {
	font-size:8pt;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-bottom:2px;
}	

.m_headlineMessageID {
	color:rgb(180,180,180);
	font-size:6pt;
	font-weight:normal;
	padding-left:5px;
}

.m_headlineMessageText {
}



/* Pro table -------------------------- */

.m_mainTablePageDistanceDiv{
	min-height:55px;
}

.m_mainTablePageDiv {
	position:fixed;
	z-index:2;
	left:0;
	bottom:0;
	margin:16px;
	margin-bottom:21px;
	background-color:white;	
	border:2px solid white; 
	border-radius:6px;	
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}

.m_mainTablePageDiv table{ 
	width:auto;
	/*margin:auto;*/
	border-collapse:separate;
	border-spacing:2px; 
}
	
.m_mainTablePageDiv td { 
	width:34px;
	max-width:34px;
	font-size:12px;
	text-align:center;
	background-color:rgb(240,240,240);
	padding:7px 1px;
	border:1px solid rgb(240,240,240);
	border-radius:3px;	
	cursor:pointer; 
	}
	.m_mainTablePageDiv td:hover { 
		border:1px solid rgb(230,230,230);
		background:rgb(230,230,230);
		}

.m_mainTablePageDiv input { 
	text-align:center;
}

.m_mainTablePageDiv .m_mainTablePageActive { 
	color:white;
	background-color:rgb(240,240,240); /* productColor*/
	cursor:ini;
}

.m_mainTablePageDiv .m_mainTablePageActive:hover { 
	color:white;
	border:1px solid rgb(240,240,240); /* productColor*/
	cursor:default;
}
	
#m_mainTablePageSearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:black; /* productColor*/

}
#m_mainTablePageSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:black; /* productColor*/

}
#m_mainTablePageSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:black; /* productColor*/

}
#m_mainTablePageSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:black; /* productColor*/

}
#m_mainTablePageSearch::-ms-input-placeholder { /* Edge */
	color:black; /* productColor*/

}

.m_mainTablePageDiv .m_mainTablePageInactive { 
	width:30px;
	max-width:30px;
	background-color:white;
	border:1px solid white;
	cursor:default;
}

.m_mainTablePageDiv .m_mainTablePageInactive:hover{
	color:rgb(60,60,60);
	background-color:white;
	border:1px solid white;
	cursor:default;
}

.m_mainTablePageDiv #m_contextMenuIcon,
.m_mainTablePageDiv #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='M10.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:%233C3C3C; stroke-width:1px'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	vertical-align:top;
	padding:0px;
	margin-top:-1px;	
	margin-left:6px;
	margin-right:6px;
	margin-bottom:0px;
	cursor:pointer;
	}

.m_mainTablePageDiv #m_ContextMenuIconShowAll,
.m_mainTablePageDiv #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:%233C3C3C; stroke-width:1px'  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	vertical-align:top;
	padding:0px;
	margin-top:-1px;	
	margin-left:6px;
	margin-right:6px;
	margin-bottom:0px;
	cursor:pointer;
	}

.m_mainTablePageTotalEntries {
	position:fixed;
	z-index:1;
	left:0;
	bottom:0;
	width:auto;
	font-size:12px;
	color:white;	
	margin-left:18px;
	margin-bottom:1px;
	padding:4px 16px;
	border-radius:30px;	
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);	
	line-height:1;
	background-color:rgb(60,60,60);	/* productColor*/ 
	white-space:nowrap;
}

.m_mainProTableDiv {
	overflow:scroll;
}

.m_mainProTableDiv th {
    position:-webkit-sticky;
    position:sticky;
    top:0px;
    z-index:1;
    background-color:white;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    padding:14px 18px;
    padding-top:17px;
    width:0px;
    min-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	border-top:0px solid rgb(240,240,240);
	border-bottom:1px solid rgb(240,240,240);
	}
	
	.m_mainProTableDiv th:hover { 
		text-decoration:underline;
		cursor:pointer;
		}

.m_mainProTableDiv th span {
    font-size:12px;
    margin-left:1px;
}

.m_mainProTableDiv th div{
	display:inline-block;
	font-size:12px;
	padding-left:1px;
	}
	.m_mainProTableDiv th div:hover {
		text-decoration:none;
		}
	
.m_tdCheckbox {
	background-color:white;		
	text-align:center;	
	vertical-align:top;	
	line-height:16px;
	padding-top:14px;
	padding-left:15px;
	padding-right:13px;
	border-top:1px solid rgb(240,240,240);	
	border-bottom:1px solid rgb(240,240,240);
}

.m_tdActionIcon {
	background-color:white;		
	text-align:center;	
	vertical-align:top;	
	padding-top:13px;
	padding-left:15px;
	padding-right:10px;
	border-top:1px solid rgb(240,240,240);	
	border-bottom:1px solid rgb(240,240,240);
}

.m_tdActionIcon img{
    cursor:pointer;
}

.m_td {
	background-color:white;		
	text-align:left;	
	vertical-align:top;	
	padding:14px 18px;	
	padding-bottom:10px;	
	border-top:1px solid rgb(240,240,240);
	border-bottom:1px solid rgb(240,240,240); 
}

.m_td  div {
	line-height:18px !important;
	padding-block:0px;
}

.m_tdDiv {
	min-width:12px!important;
	height:12px !important;
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid rgb(60,60,60) !important;
}

.m_td .m_tdDiv {
	min-width:12px!important;
	height:12px !important;
	border:1px solid rgb(60,60,60) !important;
}

.m_mainTableTd .m_tdDiv {
	min-width:12px!important;
	height:12px !important;
	margin-top:2px !important;
	border:1px solid rgb(60,60,60) !important;
	border-radius:2px;
}

a:link { 										
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;	
}

a:visited { 									
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
}

a:active { 										
	text-decoration:none;
	color:rgb(60,60,60); /* productColor*/
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
}

a:hover { 										
	text-decoration:underline;
	color:rgb(60,60,60); /* productColor*/
	font-size:14px;
	font-family:Open sans, Arial;
	font-style:normal;
	font-weight:normal;
}



/* Context menu -------------------------- */


#m_contextMenuIcon {
	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:%233C3C3C; 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_contextMenuIcon:hover { /* productColor*/ }

#m_ContextMenuIconShowAll {
	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:%233C3C3C; 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_ContextMenuIconShowAll:hover { /* productColor*/ }
	
	
#m_contextMenuIconInactive {
	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=''  /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	vertical-align:top;
	padding:0px;
	margin:0px;
}
		
.m_contextMenuDivText {
	position:fixed;
	left:0px; 
	top:0px; 
	max-height:80%; 
	z-index:10000;  
	visibility:hidden; 
	line-height:2.8em;
	padding:0px; 
	margin:0px; 
	margin-left:-10px; 
	overflow-x:hidden;
	overflow-y:auto;
	background-color:white;	
	border:0;
	border-radius:6px;	
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
       -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
            box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);
}

.m_contextMenuDiv {
	width:100%; 
	height:100%; 
	background-color:white;	
	color:rgb(60,60,60); /* productColor*/
 	text-align:left;
	padding-top:10px; 
	padding-left:25px; 
	padding-right:30px;	
	padding-bottom:10px; 
}

.m_contextMenuDivTextContent {
	color:rgb(60,60,60); /* productColor*/	
	font-size:14px;								
	cursor:pointer;
}

.m_contextMenuDivTextContentActions{
	color:rgb(60,60,60); /* productColor*/	
	font-size:8.5pt;
    font-weight:bold;
    letter-spacing:0.3px;								
	/*text-transform:uppercase;*/
	cursor:pointer;
}

.m_filterActive {
	color:rgb(60,60,60); /* productColor*/
	font-weight:bold;
}
	.m_filterActive:hover {
		text-decoration:underline;
		}

.m_filterActiveTd {
	font-size:0px;
	text-align:left;
	padding:6px;
	padding-top:7px;
	padding-block:7px;
}

.m_filterDivOpen {
	position:absolute;
	z-index:3;
	width:auto; 
	height:auto; 
	top:50px;
	right:0px;
}

.m_filterDivOpen a {
    display:block; 
	background-color:rgb(60,60,60); /* productColor*/
	text-align:center;
	padding:0px 22px;
	border-bottom-left-radius:30px;
	-webkit-box-shadow:0 0px 7px rgba(0, 0, 0, 0.35);
	   -moz-box-shadow:0 0px 7px rgba(0, 0, 0, 0.35);
		    box-shadow:0 0px 7px rgba(0, 0, 0, 0.35);
}

.m_filterDivOpen svg {
	margin-bottom:-3px;
}

.m_filterDiv {
	font-size:0px;
	padding-top:20px;
	padding-right:20px;
    border-bottom:1px solid rgb(210,210,210);
}

.m_filterGroup,
.m_filterFulltextSearch,
.m_filterContext,
.m_filterClear,
.m_export {
	font-size:0px;	
	line-height:1;
	display:inline-block; 
	margin-bottom:18px;
	margin-left:20px;
}

.m_filterHeader,
.m_filterSeparationRange {
	display:inline-block; 
	color:rgb(60,60,60); /* productColor*/
	font-size:11px;	
	font-weight:bold;
	letter-spacing:0.3px;
	vertical-align:middle;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:5px;
	cursor:default;
	white-space:nowrap;
	}
	.m_filterSeparationRange {
		margin-right:2px;
		}

.m_filterContainer,
.m_filterContainerRange {
	display:inline-block;	
	position:relative;
	z-index:1;
}

.m_filterContainer .m_filterActive,
.m_filterInactive,
.m_filterActiveContext,
.m_filterActiveSearch,
.m_filterClearAll,
.m_exportExcel,
.m_filterGroupSelectDelete,
.m_filterContainerRange .m_filterActive,
.m_filterContainerRange .m_filterInactive  {
	display:inline-block; 
	text-align:center;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0.3px;
	vertical-align:middle;
	padding:8px 12px;
	margin-right:2px;
	margin-bottom:2px;
	border-radius:2px;
	cursor:pointer;
	white-space:nowrap;
	}
	.m_filterContainerRange .m_filterActive,
	.m_filterContainerRange .m_filterInactive {
		padding:0px;
		}

.m_filterClearAll,
.m_exportExcel {
	padding:8px 0px;
}

.m_filterGroupSelectDelete svg {
	position:relative;
	margin:-8px -3px;
	margin-bottom:-7px;
}

.m_filterContainer .m_filterActive,
.m_filterContainerRange .m_filterActive {
	color:white;
	background-color:rgb(210,210,210); /* productColor*/
	}	
	.m_filterContainer .m_filterActive:hover,
	.m_filterContainerRange .m_filterActive:hover {
		background-color:rgb(200,200,200); /* productColor*/
			text-decoration:none;
			}

.m_filterContainerRange .m_filterActive .m_selectareaDateTime,
.m_filterContainerRange .m_filterInactive .m_selectareaDateTime {
    min-width:64px;
    max-width:82px;
    width:auto;
    font-size:11px !important;
	padding:6px 8px;
	padding-top:6px; 	
	}
	.m_filterContainerRange .m_filterActive .m_selectareaDateTime {
		color:white;
		color-scheme:dark;
		}
	
.m_filterContainerRange input[type='date'] {
    max-width:88px !important;
	}
	
.m_filterInactive,
.m_filterGroupSelectDelete {
	background-color:rgb(240,240,240); /* productColor*/
	}
	.m_filterInactive:hover,
	.m_filterGroupSelectDelete:hover {
		background-color:rgb(230,230,230); /* productColor*/
		}
		
.m_filterActiveContext,
.m_filterActiveSearch {
	color:white;
	background-color:rgb(210,210,210); /* productColor*/
	}	
	.m_filterActiveContext:hover,
	.m_filterActiveSearch:hover {
			background-color:rgb(200,200,200);	/* productColor*/
			}	
		
.m_filterClearAll,
.m_exportExcel {
	color:rgb(60,60,60); /* productColor*/
	font-weight:bold;
	}
	.m_filterClearAll:hover,
	.m_exportExcel:hover {
		text-decoration:underline;
		}



/* Colors -------------------------- */

#redLeftBorder {
	border-left:2.5px solid rgb(245,59,1) !important;
	
}
#orangeLeftBorder {
	border-left:2.5px solid rgb(255,151,0) !important;
}
#greenLeftBorder {
	border-left:2.5px solid rgb(140,195,75) !important;
}

#redBg {
	min-width:14px; max-width:14px;
	min-height:14px; max-height:14px;
	background-color:rgb(245,59,1) !important;
	border-radius:30px;
}
#orangeBg {
	min-width:14px; max-width:14px;
	min-height:14px; max-height:14px;
	background-color:rgb(255,151,0) !important;
	border-radius:30px;
}
#greenBg {
	min-width:14px; max-width:14px;
	min-height:14px; max-height:14px;
	background-color:rgb(140,195,75) !important;
	border-radius:30px;
}

.selectedStaff {
	color:rgb(60,60,60);
}


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

svg {
	width:20px;
	height:20px;
	fill:none;
	stroke:rgb(60,60,60);
	stroke-width:1px; 
	stroke-linecap:round; 
	stroke-linejoin:round;
}

path {
}

.svgProductColor { 
	stroke:rgb(60,60,60); /* productColor*/
}

.svgWhite { 
	stroke:rgb(255,255,255);
}