@font-face {
  font-family: 'Open Sans';
  src:  url('/project/layout/fonts/open-sans.ttf');
  font-weight: normal;
  font-style: normal;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/project/layout/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/project/layout/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/project/layout/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/project/layout/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/project/layout/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/project/layout/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*ANIMATIONS*/
@keyframes rippleTheTarget {
     	0% {-moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25);box-shadow: 0 0 0 0 rgba(0,0,0, 0.25);}
	  90% {-moz-box-shadow: 0 0 0 20px rgba(0,0,0, 0);box-shadow: 0 0 0 20px rgba(0,0,0, 0);}
	  100% {-moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);box-shadow: 0 0 0 0 rgba(0,0,0, 0);}
}

html, body{
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans';
    font-size: 16px;
    color: #909090;
}

body		{background-color: #E9E9E9;scrollbar-track-color:#E2E2E2;}

div[contenteditable="true"] a{
	color: #69a3c0 !important;
	text-decoration: underline !important;
}

h1, h6{
    text-transform: none !important;
}

a		{color: #69a3c0;transition:color 0.3s}
a:hover	{color: #b5ccdc}

p		{margin:1em 0 1.5em 0}

/*STAGE*/
#stage{}

/*HEADER*/
#stage > header{
    width: 100%;
    position: inherit;
    
    background-color: #000;
    height: 103px;
}

#stage > header > .logo {position: absolute;}

#stage > header > .logo > img{
    height: 60px;
    margin-left: 0px;
    cursor: pointer;
}

.informationlabel{
    float: right;
    margin-left: 40px;
    font-size: 15px;
    color: #fff;
}

a.informationlabel:hover	{color:#cecece}

.informationlabel span{
    margin-left: 8px;
    margin-top:3px;
}


.menuButton{
    display: none;
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 5px;
    margin-right: 30px;
    background-image: url(/project/layout/images/menu.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.responsiveMenuHolder > hr{
    display: none;
}

/*MENU*/
#stage > #menu{
    width: calc(100% - 0px);
    background: #2D2D2D;
}

#stage > #menu  .top				{display: none}	
#stage > #menu nav					{overflow: hidden}

#stage > menu > .responsiveMenuHolder{
    width: auto;
    height: auto;
    position: inherit;
}

#stage > menu > .responsiveMenuHolder.active{
    left: inherit;
}

#stage > #menu > .responsiveMenuHolder > nav > .menuItem{
	position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #8d8d8d;
    overflow: hidden;
    float: left;
    margin:0 1.2%;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
    padding-top: 17px;padding-bottom: 16px;
}

#stage > #menu > .responsiveMenuHolder > nav > .menuItem:hover{
    color: #fff;
}

#stage > #menu > .responsiveMenuHolder > nav > .menuItem:first-of-type{
    margin-left: 40px;
}

#stage > #menu > .responsiveMenuHolder > nav > .menuItem.active{
    color: #E9E9E9;
}
#stage > #menu > .responsiveMenuHolder > nav > .menuItem.active:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #E9E9E9 transparent;
	content: '';
	display: block;
}

#stage > #menu > .responsiveMenuHolder > nav > .menuItem > span{
    display: block;
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-bottom: 5px;
}

#menuTenantsAutocomplete										{width:220px;float: right;clear:both;margin-top: 15px;box-sizing:border-box;border-radius: 3px;position:relative;background-color: #2D2D2D;color: #FFF;border: none;}
#menuTenantsAutocomplete .current								{cursor: pointer;padding: 9px 35px 10px 15px;box-sizing:border-box;background-image: url(/project/layout/images/dropdown-light.svg);background-position: top 18px right 14px;background-size: 10px;background-repeat: no-repeat;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#menuTenantsAutocomplete .menu									{display:none;position: absolute;left:0;width: 100%;padding: 20px 0;box-sizing:border-box;background-color: #2D2D2D;border-radius: 3px;overflow: hidden}
#menuTenantsAutocomplete .menu input							{margin:0 15px;}
#menuTenantsAutocomplete .menu .listOfTenants					{max-height: 60vh;overflow-y: scroll;margin: 20px -20px 0 0;padding:0 20px 0 0;font-size: 12px;}
#menuTenantsAutocomplete .menu .listOfTenants .entry			{padding: 3px 15px;display: block;color: #FFF}
#menuTenantsAutocomplete .menu .listOfTenants .entry.hover,
#menuTenantsAutocomplete .menu .listOfTenants .entry:hover		{background-color:#151515}
/*
#menuTenantsAutocomplete 							{background-color: #2D2D2D;width:300px;max-width:90vw;box-sizing: border-box;overflow: hidden;position: absolute;z-index: 2000;border-radius: 3px;}
*/

/*MAIN*/
#stage > main{
    width: 100%;
    padding: 40px 40px 40px 40px;
    background: #E9E9E9;
}

#stage > main > h1{
    text-transform: normal;
}

#stage > main > h6{
    text-transform: normal;
    color: #939393;
    font-size: 15px;
    margin-bottom: 5px;
}

#stage > main table td, th{
    color: #8d8d8d;
    padding-right: 20px;
}

#stage > main .buttonBackElement									{display:inline-block;
	width: 35px;
	height: 35px;
	background: #69a3c0;
	color: #414141;
	text-align: center;
	padding: 0px;
	border: none;
	margin-top: 0px;
	border-radius: 5px;	
	transition: background 0.25s ease-in-out;
	cursor: pointer;
}
#stage > main .buttonBackElement:before{
	content: "\e84b";
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-family: 'desinfecta' !important;
	font-size: 12px;
}

.buttonBackElement.floatMargin{
	float: left;
	margin-top: 14px !important;
	margin-right: 30px;	
}


.float-left										{float: left}
.float-right									{float: right}

*.button, button 													{position: relative;border-radius: 4px;background: #69a3c0;color: #fff;font-size: 14px;line-height: 20px;padding:9px 15px;cursor: pointer;display: inline-block;border:none;margin:0 2px;transition: all .25s ease-in-out;font-weight: bold}
*.button:hover, button:hover										{background: #b5ccdc;color: #FFF}
*.button > i.mr, button > i.mr										{margin-right: 10px !important;}
*.button > i.ml, button > i.ml										{margin-left: 10px !important;}

*.button[class*="small"], button[class*="small"]					{padding: 4px 12px;font-size: 12px;line-height: 19px;}
*.button[class*="small"] > i.mr, button[class*="small"] > i.mr		{margin-right: 8px !important}
*.button[class*="small"] > i.ml, button[class*="small"] > i.ml		{margin-left: 8px !important}


.box > header input														{background-color: #9D9D9D !important;margin: 0px 0 -2px 10px !important;font-weight: bold;border: none !important;color: #FFF !important;max-width: 170px;max-height:36px;vertical-align: top;}
.box > header input[type="date"]										{}
.box > header .button, .box > header *.button							{background-color: #9D9D9D !important;margin-left: 10px;font-weight: bold;line-height: 18px;}
.box > header select													{background-color: #9D9D9D !important;margin: 0px 0 -2px 10px !important;font-weight: bold;border: none;color: #FFF;background-image: url(/project/layout/images/dropdown-light.svg);max-width: 300px;display:block;float: right}
.box > header .button:hover,		.box > header select:hover			{background-color: #787878 !important}
.bgDark > header .button, 			.bgDark > header select				{background-color: #333333 !important}
.bgDark > header .button:hover, 	.bgDark > header select:hover		{background-color: #515151 !important}
.bgDanger > header .button, 		.bgDanger > header select			{background-color: #f7412d !important}
.bgWarning > header .button,		.bgWarning > header select			{background-color: #fdc101 !important}
.bgDanger > header .button:hover,	.bgDanger > header select:hover		{background-color: #fa5e4d !important}
.bgInfo > header .button, 			.bgInfo > header select				{background-color: #02a7f7 !important}
.bgInfo > header .button:hover,		.bgInfo > header select:hover		{background-color: #19b2ff !important}
.bgSuccess > header .button,		.bgSuccess > header select			{background-color: #46b04b !important}
.bgSuccess > header .button:hover,	.bgSuccess > header select:hover	{background-color: #52ca58 !important}
.bgError > header .button, 			.bgError > header select			{background-color: #f7412d !important}
.bgError > header .button:hover,	.bgError > header select:hover		{background-color: #fa5e4d !important}


*.line-behind			{display: flex;justify-content: space-between;}
*.line-behind:before	{content:'';flex-grow:1;height: 1px;background: #ccc;overflow: hidden;align-self: center;margin-right:10px;}
*.line-behind:after 	{content:'';flex-grow:1;height: 1px;background: #ccc;overflow: hidden;align-self: center;margin-left: 10px;}

.unimportant		{opacity: 0.4}

/* FORMS */

select 																	{width: auto;padding:9px 35px 10px 15px;margin:0;border-radius: 3px;color:#909090;background:#FFF;font-size: 14px;outline: none;border: 1px solid #ccc;-webkit-appearance:none;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';box-sizing: border-box;background-image: url(/project/layout/images/dropdown-dark.svg);background-position: center right 14px;background-size: 10px;background-repeat: no-repeat;cursor: pointer}
select#changeTenant														{clear:both;float:right;margin-top:15px;background-color:#2D2D2D;color: #FFF;border:none;background-image: url(/project/layout/images/dropdown-light.svg);}
input:not([type="checkbox"]):not([type="radio"])						{width: auto;padding:9px 10px 10px 10px;margin:0;border-radius: 3px;background:#FFF;color:#909090;font-size: 14px;outline: none;border: 1px solid #ccc;-webkit-appearance:none;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';box-sizing: border-box;}
input[type="checkbox"]													{}
input[type="radio"]														{}

.formElement 															{margin-bottom: 15px;}
.formElement label														{display: block;margin-bottom: 5px;}
.formElement select[disabled="disabled"]									{cursor: not-allowed}
.formElement select,
.formElement input:not([type="checkbox"]):not([type="radio"])			{width: 100%}	


form > .errorMessage													{display: none}

form.fullCovered														{background-color: #FFFFFF;padding: 30px;}
form.fullCovered [class*="columns-"]									{}
form.fullCovered [class*="columns-"]:last-of-type						{margin-bottom: 0}
form.fullCovered fieldset												{padding: 0;margin-bottom:30px}
form.fullCovered .column fieldset:last-of-type							{margin-bottom: 0}

form.blank																{background-color: #FFFFFF;padding:0;}
form.blank [class*="columns-"]											{}
form.blank [class*="columns-"]:last-of-type								{margin-bottom: 0}
form.blank fieldset														{padding: 0;margin-bottom:30px}
form.blank .column fieldset:last-of-type								{margin-bottom: 0}
																		
form.filterGlobal														{overflow: hidden;display:flex;justify-content:flex-start;gap: 1.2rem;/*flex-wrap: wrap;*/margin-bottom: 1rem;}
form.filterGlobal label													{font-size: 14px;font-weight: bold;color: #8d8d8d;margin-bottom: 10px;}
form.filterGlobal .formElement											{width: 165px;max-width:100%;margin-bottom: 0}
form.filterGlobal .formElement select									{width: 100%;background-color:#69a3c0;border:none;color: #FFF;height:36px;font-family:inherit;background-image: url(/project/layout/images/dropdown-light.svg)}									
form.filterGlobal .formElement input									{width: 100%;background-color:#69a3c0;border:none;color: #FFF;height:36px;font-family:inherit;}
form.filterGlobal .formElement input::-webkit-input-placeholder 		{color: #fff;}
form.filterGlobal .formElement input::-moz-placeholder 					{color: #fff;}
form.filterGlobal .formElement input:-ms-input-placeholder 				{color: #fff;}
form.filterGlobal .formElement input:-moz-placeholder 					{color: #fff;}

form.filterGlobal .formElement.autocomplete input.current_caption					{cursor: pointer;background-image: url(/project/layout/images/dropdown-light.svg);background-position: center right 14px;background-size: 10px;background-repeat: no-repeat;padding-right: 35px;}
form.filterGlobal .formElement.autocomplete .overlay								{position:absolute;z-index:1;background-color:#69a3c0;color: #FFF;font-size: 12px;max-width:50vw;padding:10px 0;box-sizing:border-box;margin-top:5px;border-radius: 3px;}
form.filterGlobal .formElement.autocomplete .overlay input.search					{background: #FFF;color:#000;margin:0 10px 10px 10px;width:calc(100% - 20px);}
form.filterGlobal .formElement.autocomplete .overlay .options						{max-height: 50vh;overflow: scroll;position: relative;}
form.filterGlobal .formElement.autocomplete .overlay .options .option				{padding:3px 10px;cursor:pointer;}
form.filterGlobal .formElement.autocomplete .overlay .options .option:hover			{background: rgba(0, 0, 0, 0.08)}
form.filterGlobal .formElement.autocomplete .overlay .options .option.hover			{background: rgba(0, 0, 0, 0.12)}

/* Wrapper für mehrere filterGlobals auf einer Seite */
.wrapperFilterGlobals																{display: flex;justify-content: space-between;gap: 2rem;}
.wrapperFilterGlobals .filterGlobal:not(:first-child)								{filter: grayscale(100%);}

form.w100 .formElementButton											{float: none;margin-top: 27px;}
form.w100 .formElementButton button										{width: 100%;margin: 0}

.filterSubGlobal													{display: table}
.filterSubGlobal .formElement										{display: table-cell;padding-right: 60px;padding-bottom: 10px;vertical-align: top;max-width:500px;box-sizing: border-box}
.filterSubGlobal .formElement > button								{font-size:26px;width:40px;height:40px;padding:0;margin:0;float: left;margin-right: 15px;}
.filterSubGlobal .formElement > button.icon-gauge					{font-size:20px;}
.filterSubGlobal .formElement > div								{display: table;line-height: 130%}
.filterSubGlobal .formElement > div .headline						{font-size: 14px;font-weight: 600;margin: 0}
.filterSubGlobal .formElement > div p								{font-size: 13px;margin: 0}
.filterSubGlobal .formElement > div.popUpWindow					{display:none;height:auto;width: auto;position: absolute;margin: 10px 0 0 -15px;overflow: visible;}
.filterSubGlobal .formElement > div.popUpWindow:before				{content: '';display: block;position: absolute;border: 7px solid transparent;left: 27px;top: -13px;border-bottom-color: black;}
.filterSubGlobal .formElement > div.popUpWindow label				{cursor: pointer}
.filterSubGlobal .formElement > div.popUpWindow label span			{font-size: 14px;font-weight: 600;transition: color 0.3s}
.filterSubGlobal .formElement > div.popUpWindow input:checked + span	{color: #FFF}
.filterSubGlobal .formElement > div.popUpWindow button				{width: 100%;margin: 15px 0 0 0;}

input.toggler 														{visibility: hidden;display: none}
input.toggler + .input-toggler 										{}
input.toggler + .input-toggler label								{display: inline-block;position: relative;height: 30px;line-height: 30px;font-size: 12px;padding: 0 10px;cursor: pointer;background:#E9E9E9;-webkit-user-select:none;overflow: hidden;text-shadow: 0 1px 1px #ffffff;}
input.toggler + .input-toggler label:first-of-type					{border-radius: 3px 0 0 3px;padding-right: 8px;}
input.toggler + .input-toggler label:last-of-type					{border-radius: 0 3px 3px 0;padding-left: 8px;}
input.toggler + .input-toggler label:after							{content: '';display: block;background: rgba(0, 0, 0, 0.1);position: absolute;left: 0;top: 0;width: 0%;height: 100%;transition: width 0.3s;}
input.toggler + .input-toggler label:first-of-type:after			{left: auto;right: 0;}

input.toggler:checked + .input-toggler label.checked:after			{width: 100%}
input.toggler:not(:checked) + .input-toggler label.unchecked:after	{width: 100%}


/* Filter direkt über dataTables  */
.filterDataTable													{display: flex;justify-content:flex-start;gap: 10px;max-width: calc(100% - 260px);margin-bottom: 0.5rem;}
.filterDataTable .formElement										{font-size: 14px;line-height:26px;}
.filterDataTable .formElement label									{display: block;margin-bottom: 0;font-weight: bold}
.filterDataTable .formElement input,
.filterDataTable .formElement select								{height: 36px;max-width:170px;}
/* Anpassung Suche dataTables bei vorherigem Filter */
.filterDataTable + .dataTables_wrapper .dataTables_filter			{position: absolute;right: 0;top:calc(-77px - 0.5rem);}
.filterDataTable + .dataTables_wrapper .dataTables_filter label		{display: block;margin-bottom: 0;font-weight: bold;font-size: 14px;line-height:26px;text-align: left}
.filterDataTable + .dataTables_wrapper .dataTables_filter input		{display: block;margin: 0 !important;}

/* IE 11 Darstellung  */
_:-ms-fullscreen, :root select											{background-size: 26px;}
select::-ms-expand 														{display: none;}

/* HIDE SCROLLBARS */	
form.filterGlobal .formElement.autocomplete .options::-webkit-scrollbar 			{display: none;} /* Chrome, Safari and Opera */
form.filterGlobal .formElement.autocomplete .options								{-ms-overflow-style: none;scrollbar-width: none;} /* IE, Edge and Firefox */

/*NEWS*/
.newsHolder{
	display: block;
	border-top: none;
}
.newsHolder ~ .newsHolder{
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
.newsDate{
	font-size: 14px;
	color: #9d9d9d;
}
.newsHeader{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #909090;
}
.newsContent{
	font-size: 14px;
	margin-bottom: 25px;
	color: #909090;
}




.box:target{
	animation: rippleTheTarget 1s;
	animation-iteration-count: 3;
	background-color: #d1d1d1;
}


/* GAUGE */
.gaugeOuter														{transition: all 0.5s ease;}
.gaugeOuter .gauge												{position: relative;overflow: hidden;margin: 0 auto;max-width: 550px;width: 90%}
.gaugeOuter .gauge > svg										{display: block}
.gaugeOuter .gauge > .needle									{position: absolute;bottom: 0px;right: 10%;width: 80%;height: 3%;border-radius: 5px;transition: all 1s ease-in-out;overflow: hidden;transform: rotate(5deg)}
.gaugeOuter .gauge > .needle > .inner							{width: 50%;height: 100%;float: left;background: #8d8d8d;border-radius: 0 5px 5px 0;}
.gaugeOuter .gauge > .overlay									{position: absolute;top: 0;left: 0;width: 100%;height:200%;background: #fff;border-radius: 50%;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);font-weight: bold;font-size:50px;transform: scale(.5);padding:20% 10% 0 10%;box-sizing: border-box;text-align: center;}
.gaugeOuter .gauge > .overlay span								{display: block;font-size:70%;margin-top: 0.5vw}
.gaugeOuter .gauge > .overlay span.empty							{display: none}
.gaugeOuter .legend												{display: flex;justify-content:center;flex-wrap:wrap;gap:5px 10px;padding-top: 15px;}
.gaugeOuter .legend > div										{font-size: 14px;text-align: center}
.gaugeOuter .legend > div .status_dot							{margin-right: 5px;}
.gaugeOuter .legend > div .status_caption_post					{font-weight: 700}
.gaugeOuter .legend > div .status_caption_post:before			{content: ': ';font-weight: normal}
.gaugeOuter.disabled												{filter: grayscale(100%)}
.gaugeOuter.disabled .gauge > .overlay span						{display: none}
.gaugeOuter.disabled .gauge > .overlay span.empty					{display: block}
.gaugeOuter.downsize-font .overlay								{font-size: 36px;}
/* IE HACK */
.gaugeOuter .gauge > svg										{position: absolute;top: 0;left: 0;width: 100%;}
.gaugeOuter .gauge > canvas 									{display: block;width: 100%;}
@media only screen and (max-width: 1500px) {
.gaugeOuter .gauge > .overlay									{font-size: 2.4vw;}
}


/*CONTENT*/




/*Dokumnte*/
.documentHolder{
	width: 100%;
	background: #fff;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.documentHolder > ul > li{
	padding-left: 59px !important;
}
.documentHolder ul,.documentHolder li, .documentHolder{
	border: 3px solid transparent;
	box-sizing: border-box;
}
.documentHolder ul > li{
	line-height: 56px;
	min-height: 56px;
	padding-left: 103px;
	position: relative;
	cursor: pointer;
	overflow: left;
	display: block;
}

.documentHolder ul > li.ui-state-highlight 			{background-color: #fffa90 !important}
.documentHolder ul > li.ui-state-highlight:before	{display: none}

.documentHolder ul {border: 3px solid transparent;padding: 0;margin: 0;}

.documentHolder ul > li > span{
	margin-left: 15px;
	display: block;
}


.documentHolder > ul > li 								{background-color: #FFF;}
.documentHolder > ul > li:nth-child(odd){
	background: #f5f5f5;
}

.documentHolder > ul > li ul{
	display: none;
}

.documentHolder > ul > li:before{
	left: 26px !important;
}
.documentHolder ul > li:before{
	position: absolute;
	left: 60px;
	top: 10px;
	width: 37px;
	height: 37px;
	border-radius:50%;
	background: #69a3c0;
	color: #fff;
	font-family: 'desinfecta' !important;
	font-size: 15px;
	text-align: center;
	line-height: 37px;
}.documentHolder ul > li.folder:before{
	content: '\e827';
	color: #69a3c0;
	background: transparent;
	font-size: 27px;
}.documentHolder ul > li.folder.opened:before{
	content: '\e910';
}.documentHolder ul > li.folderProtected:before{
	content: '\e911';
	color: #69a3c0;
	background: transparent;
	font-size: 27px;
}.documentHolder ul > li.folderProtected.opened:before{
	content: '\e910';
}.documentHolder ul > li:before{
	content: '\e820';
}.documentHolder ul > li.doc:before{
	content: '\e907';
}.documentHolder ul > li.xls:before{
	content: '\e906';
}.documentHolder ul > li.ppt:before{
	content: '\e908';
}.documentHolder ul > li.pdf:before{
	content: '\e90a';
}.documentHolder ul > li.zip:before{
	content: '\e909';
}.documentHolder ul > li.png:before, documentHolder ul > li.jpg:before, documentHolder ul > li.jpeg:before, documentHolder ul > li.gif:before{
	content: '\e813';
}.documentHolder ul > li.none:before{
	content: '';
	background: transparent;
}

.documentHolder ul > li ul > li{
	padding-left: 50px;
}
.documentHolder ul > li ul > li > span{
	margin-left: 0px;
}
.documentHolder ul > li ul > li:before{
	left: 0px;	
}

.documentHolder > ul > li.none{
	color: #B8B8B8;
	background: #fff;
	padding-left: 25px !important;
	cursor: default;
}


ul.scroll 											{max-height:400px;overflow-y: scroll;}

ul.imgList											{list-style-type: none; margin: 0px; padding: 0px;margin:-20px -20px 0 0}
ul.imgList:after									{content: '';display: block;clear: both}
ul.imgList li										{float: left;width:calc((100% / 6) - 20px);height:0;margin: 20px 20px 0 0;background-size: cover;background-position: center center;padding-bottom: calc(16.666% - 20px);transition: all 0.3s;position: relative;border-radius: 4px;}
.jsOn ul.imgList li									{cursor:zoom-in}	
.jsOn ul.imgList li:before							{content: '';display: block;position: absolute;right:5px;top:5px;width: 24px;height: 24px;background-color: #FFF;border-radius: 3px;transition:all 0.3s}
.jsOn ul.imgList li:after							{content: '+';position: absolute;right:11px;top:3px;font-size: 20px;transition:all 0.3s}
.jsOn ul.imgList li:hover							{transform: scale(1.1);}	
.jsOn ul.imgList li:hover:before,
.jsOn ul.imgList li:hover:after						{opacity: 0}

ul.list												{list-style-type: none; margin: 0px; padding: 0px;}
ul.list > li										{position: relative;line-height: 20px;padding: 15px 15px 15px 58px;font-size: 14px;color: #909090;}
ul.list > li:nth-child(2n)							{background: #efefef;}

ul.list.massnahmen > li:before						{content: '';position: absolute;left: 30px;top: 16px;width: 12px;height: 12px;border: 2px solid #dbdbdb;border-radius: 50%;}
ul.list.massnahmen > li .date	 					{float: right;}

ul.list.massnahmen_object > li						{padding-left:25px;display: flex;justify-content: space-between;align-items: center}
ul.list.massnahmen_object > li .title	 			{font-weight: bold;padding-top: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.list.massnahmen_object > li a					{width:34px;height:34px;line-height:34px;font-size:14px;margin:0;padding:0;text-align:center;border-radius:50%;flex-shrink: 0}

ul.list.service > li:before							{content: '\f073';position: absolute;left: 20px;margin-top:7px;font-size: 27px;font-family: 'desinfecta' !important;}
ul.list.service > li .date	 						{font-size:13px;font-weight: bold;margin-bottom: 3px;}
ul.list.service > li .title	 						{font-size: 16px;font-weight: bold;margin-bottom: 5px;}
ul.list.service > li .description					{}

ul.list.berichte > li:before						{content: '\e817';position: absolute;left: 30px;font-size: 17px;font-family: 'desinfecta' !important;}
ul.list.berichte > li .date							{}
ul.list.berichte > li .title						{font-weight: bold;padding-top: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.list.berichte > li .description					{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;}

ul.list.objects										{padding-right: 10px;box-sizing: border-box}
ul.list.objects > li								{line-height: normal;padding: 0 15px;position: relative;height: 28px;background: #fff;border-radius: 3px;color: #909090;font-size: 14px;line-height: 28px;margin-bottom: 12px;clear: both;float: left;transition: background 0.25s ease-in-out;cursor: pointer;text-overflow: ellipsis;white-space: nowrap; width: 100%;overflow: hidden;box-sizing: border-box}
ul.list.objects > li:hover							{background: #E9E9E9;}
ul.list.objects > li .status_dot					{margin-right: 10px;transform: translateY(1px)}
ul.list.objects > li.active							{color: #FFF}
ul.list.objects > li.active .status_dot				{background-color: #FFF !important}

/* Monitor Preset */
ul.list-monitor-preset								{margin:0;padding:0 0 0 10px;list-style: none;display: inline-block}
ul.list-monitor-preset li .title					{padding: 0.5rem 0;margin: 0;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
ul.list-monitor-preset li .title:hover + ul			{background-color: rgba(0, 0, 0, 0.05);box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.05);}
ul.list-monitor-preset li .title.toggle				{display: flex;gap:10px;align-items: center}
ul.list-monitor-preset li .title.toggle:before		{content:'\276F';display: inline-block;font-size:13px;transition: all 0.3s}
ul.list-monitor-preset li .title.open:before		{transform: rotate(90deg)}
ul.list-monitor-preset li .title.close:before		{color:#B8B8B8;}
ul.list-monitor-preset li .title.close + ul			{display: none;}
ul.list-monitor-preset li .title.open + ul			{display: block}
ul.list-monitor-preset li .title .button			{padding: 4px 8px;margin:0;font-size: 11px;line-height: 12px;font-weight: normal;background: transparent;border: 1px solid #69a3c0;color: #69a3c0}
ul.list-monitor-preset li .title .button:hover		{background: #69a3c0;color: #FFF}
ul.list-monitor-preset li .title .button.uncheck	{filter: grayscale(100%)}
ul.list-monitor-preset li .title small				{color: #B8B8B8;font-size: 12px;}
ul.list-monitor-preset ul							{padding: 0;}
ul.list-monitor-preset ul li						{margin-left:3px;padding:0 0 1rem 2rem;border-left:1px solid rgba(0, 0, 0, 0.20);position: relative;}
ul.list-monitor-preset ul li:last-child				{padding-bottom: 0}
ul.list-monitor-preset ul li:before					{content: '';width:1.5rem;border-top:1px solid rgba(0, 0, 0, 0.20);position: absolute;left: 0;top:19px;}
ul.list-monitor-preset.monitors li					{padding-bottom: 0}
ul.list-monitor-preset.monitors li:before			{top: 13px;}
ul.list-monitor-preset.monitors li label			{cursor: pointer;padding:0px 6px 0px 2px;transition:all 0.3s;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
ul.list-monitor-preset.monitors li label:hover		{background-color: rgba(0, 0, 0, 0.05)}
ul.list-monitor-preset.monitors li label input		{cursor: pointer}

/* Monitor Zonen */
table.monitor-zones									{border-spacing:0 2px;border-collapse: separate;width: 100%;font-size: 14px;line-height: 16px;}
table.monitor-zones tr th,
table.monitor-zones tr td 							{transition: all 0.3s;padding: 2px 4px !important;text-align: left;vertical-align: middle;word-break: break-all}
table.monitor-zones tr th:last-child,
table.monitor-zones tr td:last-child				{text-align: right;width: 140px;}
table.monitor-zones tr.unassigned td select			{border-color:#e74a41;}
table.monitor-zones tr:hover td						{background: rgba(0, 0, 0, 0.05)}

/*LOGIN */
body.login																	{background: #fff;}
body.login #outer															{display: flex;flex-wrap: wrap;min-height: 100%;}

body.login main																{width:33%;display: flex;align-items: center;}
body.login main section														{max-width: 430px;margin: 0 auto;padding:30px 25px;text-align: center;}
body.login main section #logo img											{max-width: 85%;height: auto;margin-bottom: 40px;}

body.login aside															{width:67%;background: rgba(0, 0, 0, 1.0) url('/project/layout/images/login.jpg') top center repeat;background-size: cover;color:#FFF;display: flex;align-items: center;position:relative;}
body.login aside:before														{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background:rgba(0, 0, 0, 0.45);}
body.login aside section													{position: relative;color:#FFF;max-width: 1000px;margin: 0 auto;padding: 30px 25px;}
body.login aside *															{color:#FFF !important}

body.login h1																{font-size: 60px;color: #fff;font-weight: 700;margin-bottom: 30px;text-transform: uppercase !important;}
body.login h1 span															{font-weight: 300}

body.login p																{margin:0 0 24px 0;line-height: 28px;}

body.login form																{}
body.login .formElement														{margin-bottom: 5px;}
body.login .formElement input:not([type="checkbox"]):not([type="radio"]) 	{box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);padding: 12px 45px 12px 10px;}
body.login fieldset .formElementButton										{float: none;}
body.login fieldset .formElementButton button								{float: none;box-sizing: border-box;width: 100%;margin: 0;padding:12px 15px;text-transform:uppercase;font-weight: normal;font-size:15px;}


@media only screen and (max-width: 1024px) {
	body.login main															{width: 100%}
	body.login aside 														{display: none}
}



/*NEUE ELEMENTE*/
.invalid label  {
	color: #f7412d;
}

.errorMessage  {
	color: #f7412d;font-size: 12px;
}

#systemlogin{
	max-width: 400px;
}

.splitter{
	display: block;
	overflow: hidden;
	padding: 15px;
}
.splitter.left{
	width: calc(33.333% - 32px);
	border-right: 2px solid #dfdfdf;
	height: 100%;
	float: left;
}
.splitter.right{
	width: calc(66.666% - 32px);
	height: 100%;
	float: right;
}

table h6{
	margin-bottom: 5px;
}
table h6.invalid{
	color: #f7412d;
}
table select:not(#stage > main select){
	width: calc(100% - 10px) !important;
	float: inherit !important;
	margin-bottom: 20px !important;
	background-color: #ededed !important;
	padding: 12px !important;
	color: #000 !important;
	font-size: inherit !important;
	background-image: url(/project/layout/images/dropdown-black.png) !important;
}


input.admin{
	width: calc(100% - 30px);
	padding: 12px;
	background: #ededed;
	border: none;
	border-radius: 2px;
	outline: none;
	margin-bottom: 20px;
}



/*NEW ELEMENTS*/
.buttonAdd{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #69a3c0;
	color: #fff;
	line-height: 40px;
	float: right;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
}

.popUpWindow{
	z-index: 50;
	position: fixed;
	width: 310px;
	height: 500px;
	background: #fff;
	overflow: auto;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.025);
	padding: 30px;
	background: rgba(0,0,0,0.85);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.popUpWindow h3{
	color: #fff !important;
}

.popUpWindow > input:not([type="checkbox"]):not([type="radio"]){
	width: 100%;
	box-sizing: border-box;
	padding: 10px 15px;
	border: 1px solid #ccc !important;
	color: #fff;
	background: transparent;
	border-radius: 3px;
	cursor: inherit !important;
	outline: none;
	transition: all 0.25s ease-in-out;
}

.popUpWindow > .scrollHolder{
	height: 380px;
	width: 100%;
	margin-top: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

.popUpWindow > .scrollHolder > div{
	width: calc(100% - 30px);
	height: auto;
	padding: 15px;
	color: #fff;
	transition: all 0.25s ease-in-out;
}
.popUpWindow > .scrollHolder > div:hover{
	background: rgba(0,0,0,0.5);
}
.popUpWindow > .scrollHolder > div.last{
	text-align: center;
	font-style: italic;
	cursor: text !important;
	margin-top: 25px;
	border-top: 1px solid #fff;
}
.popUpWindow > .scrollHolder > div:last-of-type:hover{
	background: transparent;
}





.dataTables_wrapper > .dataTables_length						{text-transform:normal; display: none; color:#9da6aa;}
.dataTables_wrapper > .dataTables_filter						{text-transform:normal;}
.dataTables_wrapper > .dataTables_length select					{color:#9da6aa}

.informationLabel 												{margin-bottom:5em; margin-left: 30px; margin-top: 10px; color: #666 }




/*FIXES*/
#stage > header #breadcrumb:before{
	content: none !important;
}
table.default{
	width: 100%;
	font-size: 12.5px;
	font-weight: bold;
	box-shadow: none;
}
table.default:hover{
	box-shadow: none;
}
table.default th{
	background-color: #b8b8b8 !important;
	color: #fff !important;
	white-space: nowrap;
}
table.default th, td{
	width: auto;
	text-transform: inherit;
	transition: background-color .125s, color .125s;
}
table.default td{
	color: #333333 !important;
}
table.dataTable thead .sorting			{background-image: none}
table.default th.sorting_asc,
table.default th.sorting_desc			{background-image: none;background-color: #69a3c0 !important;}

table.dataTable thead .sorting:before 	{content: '';display: inline-block;width: 15px;height: 14px;transform: translateY(2px );background-repeat: no-repeat;background-size: 18px;background-position: -4px center;background-image: url('/system/apps/DataTables/DataTables-1.10.16/images/sort_both.svg');}
table.default th.sorting_asc:before 	{content: '';display: inline-block;width: 15px;height: 14px;transform: translateY(5px );background-repeat: no-repeat;background-size: 18px;background-position: -4px center;background-image: url('/system/apps/DataTables/DataTables-1.10.16/images/sort_asc.svg');}
table.default th.sorting_desc:before 	{content: '';display: inline-block;width: 15px;height: 14px;transform: translateY(-1px);background-repeat: no-repeat;background-size: 18px;background-position: -4px center;background-image: url('/system/apps/DataTables/DataTables-1.10.16/images/sort_desc.svg');}

table.default tr:nth-child(odd) td.sorting_1{
	background-color: rgba(181, 204, 220, 0.3) !important;
	color: #69a3c0 !important;
}table.default tr:nth-child(even) td.sorting_1{
	background-color: rgba(181, 204, 220, 0.5) !important;
	color: #69a3c0 !important;
}
table.default tr:hover td.sorting_1{
	background-color: rgba(105, 163, 191, 0.7) !important;
	color: #fff !important;
	
}table.default tr:hover td{
	background-color: #e0e0e0 !important;
}
table.default .button,
table.default button {
	width: 34px;
	height: 34px;
	line-height: 36px;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	margin:0 0 0 15px;
	text-align: center;
	padding: 0;
}

table.default .button:first-child,
table.default button:first-child {margin-left: 0}

table.default a.button.edit:hover,
table.default button.edit:hover{
	background: #b5ccdc;
}
table.default a.button.more:hover,
table.default button.more:hover{
	background: #b5ccdc;
}
table.default a.button.trash:hover,
table.default button.trash:hover{
	background: #ff0000;
}

table.default a.button.action > i,
table.default button.action > i{
	/*background: #b5ccdc;*/
}

table.default input[type=text]{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 15px;
	border: 1px solid transparent !important;
	color: #333;
	background: transparent;
	border-radius: 3px;
	cursor: inherit !important;
	outline: none;
	transition: all 0.25s ease-in-out;
	font-size: 12.5px;
font-weight: bold;
}

table.default input[type=text]:focus{
	border: 1px solid #333 !important;
}
table.default input[type=text].inherit 		{color: #808080}

/* STATUS KREIS */
.status_dot																	{width:12px;height:12px;background:#d0d0d0;border-radius:50%;display: inline-block;}
.status_dot[data-status="1"], .status_dot[data-status="under"]				{background-color: #f8b145} /* Befall kleiner Schwellenwert */
.status_dot[data-status="2"], .status_dot[data-status="over"]				{background-color: #e74a41} /* Befall größer Schwellenwert */
.status_dot[data-status="3"], .status_dot[data-status="no"]					{background-color: #56ad51} /* Kein Befall */
.status_dot[data-status="1000"], .status_dot[data-status="planned"]			{background-color: #e74a41} /* Offen */
.status_dot[data-status="2000"], .status_dot[data-status="in_progress"]		{background-color: #f8b145} /* In Bearbeitung */
.status_dot[data-status="3000"], .status_dot[data-status="done"]			{background-color: #56ad51} /* Abgeschlossen */

.formElementSelect:before{
	content: none;
}

#stage > header #profile.open ul { 
	margin-top: 30px !important;
}

input[type=checkbox]{
	margin-right: 10px;
}



.dataTables_wrapper .dataTables_paginate .paginate_button{
	transition: all 0.25s ease-in-out;
	border: none !important;
	margin-right: 5px;
	height: 40px;
	border-radius: 5px !important;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 40px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.paginate_button.next, .paginate_button.previous, .paginate_button.last, .paginate_button.first){
	width: 40px;
	height: 40px;
	background: #e6e6e6;
	color: #414141;
	text-align: center;
	padding: 0px;
	border: none;
	margin-top: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: rgba(173, 173, 173, 0.42);
	border: none !important;
	color: #414141 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	background: #69a3c0 !important;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: rgba(180, 180, 180, 0.68);
	border: none !important;
	color: #fff !important;
}

a.next:after{
	content: "\e84c";
	font-family: 'desinfecta' !important;
	padding-left: 10px;
}
a.previous:before{
	content: "\e84b";
	font-family: 'desinfecta' !important;
	padding-right: 10px;
}
table.default .dataTables_empty{
	text-align: center !important;
	font-weight: bold !important; 
	padding-top: 20px !important;
}

/*Editor*/
.contenteditable{
	width: calc(100% - 25px);
	height: 250px;
	border-radius: 3px;
	border: 1px solid #ccc !important;
	padding: 10px;
	margin-top: 50px;
	outline: none;
	cursor: text !important;
}
.editorHolder{
	width: 100%;
	height: 40px;
	opacity: 0.15;
	transition: opacity .25s;
}.editorHolder.active{
	opacity: 1;
}
.editorElement:nth-child(1):before {
   	content: "\e90b";
   	color: #fff;
   	text-align: center;
   	line-height: 40px;
   	width: 40px;
   	font-family: 'desinfecta' !important;
	font-size: 18px;	
	margin-left: 12px;
}.editorElement:nth-child(2):before {
    content: "\e90c";
   	color: #fff;
   	text-align: center;
   	line-height: 40px;
   	width: 40px;
   	font-family: 'desinfecta' !important;
	font-size: 18px;
	margin-left: 12px;
}.editorElement:nth-child(3):before {
    content: "\e90d";
   	color: #fff;
   	text-align: center;
   	line-height: 40px;
   	width: 40px;
   	font-family: 'desinfecta' !important;
	font-size: 18px;
	margin-left: 12px;
}.editorElement:nth-child(4):before {
    content: "\e90e";
   	color: #fff;
   	text-align: center;
   	line-height: 40px;
   	width: 40px;
   	font-family: 'desinfecta' !important;
	font-size: 18px;
	margin-left: 12px;
}.editorElement:nth-child(5):before {
    content: "\e90f";
   	color: #fff;
   	text-align: center;
   	line-height: 40px;
   	width: 40px;
   	font-family: 'desinfecta' !important;
	font-size: 18px;
	margin-left: 12px;
}
.editorElement{
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-color: #333;
	float: left;
	margin-right: 10px;
}

.editorHolder .editorElement{
	cursor: default !important;
}
.editorHolder.active .editorElement{
	cursor: pointer !important;
}


.contextMenu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	overflow: hidden;
	border-radius: 3px;
	z-index: 99999;
	box-shadow: 0px 0px 5px 10px rgba(0,0,0,0.015);
}
.contextMenu > .item{
	position: relative;
	width: 180px;
	height: 30px;
	line-height: 30px;
	padding: 5px 5px 5px 50px;
	background: rgba(0, 0, 0, 0.85);
	-webkit-backdrop-filter: blur(3px);
	color: #fff;
	transition: all .25s ease-in-out;
	cursor: pointer;
}

.contextMenu > .item.addFolder:hover{
	color: #33b8bc;
}.contextMenu > .item.addFolder:before{
	content: '\e827';
	font-family: 'desinfecta' !important;
	font-size: 15px;
	position: absolute;
	left: 20px;
	top: 5px;
}

.contextMenu > .item.renameFolder:hover{
	color: #33b8bc;
}.contextMenu > .item.renameFolder:before{
	content: '\e801';
	font-family: 'desinfecta' !important;
	font-size: 15px;
	position: absolute;
	left: 20px;
	top: 5px;
}

.contextMenu > .item.delete:hover{
	color: #ff0000;
}.contextMenu > .item.delete:before{
	content: '\e863';
	font-family: 'desinfecta' !important;
	font-size: 15px;
	position: absolute;
	left: 20px;
	top: 5px;
}

.uploadProgressHolder{
	position: fixed;
	bottom: -500px;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	height: 350px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.85);;
	color: #fff;	
	transition: all .25s ease-in-out;
	-webkit-backdrop-filter: blur(3px);
}

.uploadProgressHolder.show{
	bottom: 50vh;
	transform: translate(-50%, 50%);
}

.uploadProgressBar{
	position: absolute;
	bottom: 74px;
	left: 25px;
	width: 350px;
	height: 10px;
	overflow: hidden;
	border-radius: 25px;
	background: #33b8bc;
}

.uploadProgressBar > .hider{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 35px;
	background: #000;
	transition: all .25s ease-in-out;
}

.uploadProgressHolder > span{
	position: absolute;
	left: 50%;
	top: 120px;
	transform: translateX(-50%);
	font-size: 40px;
	text-align: center;
}



.inner a {
	color: #69a3c0;
}

/* CHART INFESTATION OVERVIEW */
.tableStructureChart											{position: relative;min-height: 50px;}
.tableStructureChart .chart										{}
.tableStructureChart .chart table								{width: 100%;border-spacing: 0}
.tableStructureChart .chart table tr td,
.tableStructureChart .chart table tr th							{height: auto;padding: 10px !important}
.tableStructureChart .chart table tr td.structure				{-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;max-width: 200px;box-sizing: border-box}
.tableStructureChart .chart table tr td.structure.monitorpoint	{}
.tableStructureChart .chart table tr td.bar						{text-align: left;text-indent: 5px;max-width:200px;box-sizing: border-box}
.tableStructureChart .chart table tr td.bar span				{font-weight: normal;font-size: 90%;}
.tableStructureChart .chart table tr td.bar .line				{height: 3px;background: #69a3c0}
.tableStructureChart .chart table tr td.bar .line div:after		{content: '';}
.tableStructureChart .legend									{text-align: center;font-size: 12px;font-weight: bold;padding: 0rem 1rem;max-width: 1024px;margin: 0 auto;}
.tableStructureChart .legend a									{padding:0.2rem 0.5rem;color:#909090;display: inline-block}
.tableStructureChart .legend a:hover,
.tableStructureChart .legend a.selected							{color:#000000}
.tableStructureChart .preload									{display:none;text-align: center;}
.tableStructureChart .loading									{display:none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.5);}
.tableStructureChart .loading .inner							{position: absolute;width: auto;height: auto;top: 50%;left: 50%;background: #e6e6e6;padding: 20px 40px 20px 40px;transform: translate(-50%, -50%);border-radius: 3px;color: #333;font-size: 1.2rem}
.tableStructureChart .empty										{display:none;padding-bottom:40px;color: #333;font-size: 1.2rem;text-align: center}
.tableStructureChart .error										{display:none;padding-bottom:40px;color: #333;font-size: 1.2rem;text-align: center}

.tableStructureChart[data-status="preload"] .preload			{display: block;}
.tableStructureChart[data-status="preload"] .chart				{display: none}
.tableStructureChart[data-status="preload"] .legend				{display: none}
.tableStructureChart[data-status="loading"] .loading			{display: block;}
.tableStructureChart[data-status="error"] .error				{display: block;}
.tableStructureChart[data-status="empty"] .empty				{display: block;}
.tableStructureChart[data-status="empty"] .chart				{display: none;}
.tableStructureChart[data-status="empty"] .legend				{display: none;}



/* TOOLTIP */
.systemTooltip									{}
.systemTooltip .tooltipWrapper					{max-width: 200px;background-color: #000;padding: 10px;box-sizing: border-box;position: relative;border-radius: 3px;}
.systemTooltip .tooltipWrapper,					
.systemTooltip .tooltipWrapper a,				
.systemTooltip .tooltipWrapper p,				
.systemTooltip .tooltipWrapper li				{color: #FFF;font-size: 14px;}
.systemTooltip .tooltipWrapper + .arrow:after	{content: '';display:block;height: 0;position: absolute;top:0;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top-color: #000;}

/* Element Circle */
.elementCircle												{width:90%;max-width: 150px;margin: 0 auto;}
.elementCircle > .circle									{position: relative}
.elementCircle > .circle:after								{content:attr(data-content);position: absolute;left: 50%;top: 50%;z-index: 2;color: #FFF;font-weight: 700;font-size:70px;transform: translate(-50%, -50%)}
.elementCircle > .circle svg								{margin: 0 auto;display:block;}
.elementCircle > .headline									{margin:15px 0 0 0;color: #939393;}
.elementCircle >  a											{margin:15px 0 0 0;display: inline-block}				

/* MASSNAHMEN UPLOADS */
.elementUploader												{}
.elementUploader .dropzone										{background-color: rgba(0, 0, 0, 0.04);border:5px dashed #e0e0e0;height: 150px;position: relative;padding: 10px;box-sizing: border-box;}
.elementUploader .dropzone > i									{font-size:50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #e0e0e0;z-index: 1}
.elementUploader .dropzone > .hint								{position: absolute;left:0;bottom:10px;width:100%;color: #bebebe;z-index: 1;text-align: center;font-weight: 600;font-size: 13px;}
.elementUploader .dropzone .uploads								{overflow: scroll;height: 100%;}
.elementUploader .dropzone .uploads .upload						{margin-bottom: 3px;padding: 2px 0px;box-sizing: border-box;text-indent: 5px;position: relative;z-index: 2;font-size: 12px;color: #FFF;background-color: #e0e0e0;}
.elementUploader .dropzone .uploads .upload .progressstatus		{float: right;padding-right: 10px}
.elementUploader .dropzone .uploads .upload .progressbar		{position: absolute;left: 0;height: 100%;top: 0;z-index: -1;background-color: #56ad51;transition: all 0.3s;}
.elementUploader .dropzone .uploads .upload[data-uploaded="1"]	{background-color: #e74a41;cursor:pointer}
.elementUploader .dropzone .uploads .upload[data-uploaded="1"]:hover .progressbar	{opacity: 0}
.elementUploader .dropzone .uploads .upload[data-uploaded="1"]:hover .progressstatus i.icon-check:before {content: "\e803"}

/* POPUP MELDUNG */
#popup_news 			{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9000;background-color: rgba(0, 0, 0, 0.8);display: grid;align-items: center;justify-content: center;overflow: scroll;opacity: 0;transition: opacity 0.5s;pointer-events: none;}
#popup_news.visible		{opacity: 1;pointer-events: auto}
#popup_news .inner		{width: 500px;max-width: 90vw;background-color: #FFF;padding:2rem;box-sizing: border-box;border-radius: 5px;margin: 1rem;}


ul.infoVerifyPw							{margin: 0;padding: 0;list-style: none}
ul.infoVerifyPw li						{margin-bottom: 5px;text-align: left}
ul.infoVerifyPw li:before				{content: '\e803';font-family: 'desinfecta';margin-right:10px;border:1px solid #909090;border-radius: 50%;display: inline-block;width: 21px;height: 21px;line-height: 22px;text-align: center;text-indent: 1px;position: relative;top: 1px;}
ul.infoVerifyPw li.valide				{}
ul.infoVerifyPw li.valide:before		{content: '\e802';color: #0bd30f;border-color:#0bd30f}
ul.infoVerifyPw li.invalide:before		{color: #d42c0b;border-color:#d42c0b}

#stage	{min-width: 1024px;}


/*
	RESPONSIVE STYLES 1024 PX 
*/

@media only screen and (max-width: 1024px) {
	table.default th		{padding: 0.7rem 1rem !important}
	table.default td		{padding: 0.7rem 1rem !important;height:30px}
	
}

/*RESPONSIVE STYLES
@media only screen and (max-width: 1023px) {

    #stage > #menu									{overflow: hidden;padding:17px 0 20px 0;}
    #stage > #menu .menuButton						{display: block;}
    
    #stage > #menu > .responsiveMenuHolder{
        z-index: 1001;
        position: fixed;
        right: -300px;
        top: 0px;
        width: 300px;
        height: calc(100vh - 10px);
        background: inherit;
        transition: right 0.25s ease-in-out;
        overflow: auto;
        padding-top: 40px;
        box-shadow: 0px 0px 10px rgba(27, 27, 27, 0.5);
    }
    #stage > #menu .responsiveMenuHolder.active		{right: 0px !important;}
    
    
    #stage > #menu > .responsiveMenuHolder > nav > .menuItem{width: 100%;margin-left: 0px !important;text-align: left;line-height: 25px;padding: 13px 0}    
    #stage > #menu > .responsiveMenuHolder > nav > .menuItem > span{
        float: left;
        width: 25px;
        margin-left: 40px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px){
    .informationlabel{
        float: left;
        margin-bottom: 10px;
    }
    
    #stage > #menu > .responsiveMenuHolder > .top{
	    display: block;
	    overflow: hidden;
	    background: #000;
	    padding-top: 40px;
	    padding-bottom: 30px;
	    margin-bottom: 30px;
	}
	
	select#changeTenant	{float: left;margin-left: 40px;}
	
	#stage > #menu > .responsiveMenuHolder > nav > .menuItem.active:after{
		display: none;	
	}
    
    .menuButton{
        position: absolute;
		top: 30px;
		right: 0px;
		z-index: 1000;
    }
    
    #stage > #menu {
        height: 0px;
        padding: 0px;
    }
    
    #stage > #menu > .responsiveMenuHolder{
        padding-top: 0px;
        height: 100vh;
    }
    
    #stage > header > .informationlabel{
        display: none;
    }

    #stage > header > .informationlabel span{
        display: none;
    }

    #stage > header > select{
        display: none;
    }
}
*/