/*=============== Typography ==================*/



/*@import url(reset.css);
@import url(line-awesome.css);
@import url(home.css);					
@import url(navigation.css);	
@import url(form.css);
@import url(table.css);
@import url(functionsopen.css);
@import url(uploadfile.css);*/


/* Box Model */
	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/*=============== Basic ==================*/

	body {
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		line-height: 1.7;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
}
	
	body {
		margin: 0;
		padding: 0;
		/*font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 1.5em;*/
		-webkit-text-size-adjust: none;
	}
	
	body {
		min-height:100vh;
		height: 100%;
		height: 100vh;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;		
		-webkit-flex-direction: column;
	}
	
	html {
		overflow-y: scroll;
		height: 100%;
	}
	
	
	section {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		
		section {
			-webkit-box-flex: 1;
		    -ms-flex: 1;
			flex: 1;
		}
		
		::i-block-chrome,section {
				min-height:100vh;
				height: 100%;
				height: 100vh;
				-webkit-box-flex: 1;
				-ms-flex: 1;
				flex: 1;
		}
	}
	
	
	/* IE 11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		
		section {
			display:-webkit-flex;
			display:flex;
			-webkit-flex-direction:column;
			flex-direction:column;
			-webkit-flex-grow:1;
			flex-grow:1;
			flex:1 0 auto;
		}
		
	}
	
	
	/* Safari 6.1+, Chrome 22+ */

	@media screen and (-webkit-min-device-pixel-ratio:0)
	and (min-resolution:.001dpcm),
	screen and(-webkit-min-device-pixel-ratio:0) {

		section {
			display:-webkit-flex;
			display:flex;
			-webkit-flex-grow:1;
			flex-grow:1;
			flex: 1 0 auto;
		}

	}

	/* Safari 6.1+ */

	@media screen and (-webkit-min-device-pixel-ratio:0)
	and (min-color-index:0) {

		header {
			flex-shrink: 0;
		}
		
		section {
			display:-webkit-flex;
			display:flex;
			-webkit-flex-grow:1;
			flex-grow:1;
			flex: 1 0 auto;
		}

	}
	
	p {
		margin: 0 0 10px 0;
	}
	
	a {
		text-decoration: none;
		-moz-transition: color 0.4s ease;
		-webkit-transition: color 0.4s ease;
		-ms-transition: color 0.4s ease;
		transition: color 0.4s ease;
		transition-property:color 0.4s ease;
	}
	
	h1 {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 30px;
		line-height: 38px;
		font-weight: normal;
	}
	
	h2 {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 24px;
		font-weight: normal;
	}
	
	h3 {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 18px;
		font-weight: normal;
	} 
	
	.printheader, .printfooter {
		display: none;
	}
	
	.clear {
		clear: both;
		margin: 0;
		padding: 0;
		height: 0px;
	}
	
	.clear_space {
		clear: both;
		margin: 0;
		padding: 0;
		height: 20px;
	}	
	
	.right {
		float: right;
	}
	
	.left {
		float: left;
	}
	
	.txt-left {
	  text-align: left;
	}
	
	.txt-right {
	  text-align: right;
	}
	
	.txt-center {
	  text-align: center;
	}
	
	.txt-padding {
	  padding: 20px 20px 20px 20px;
	}
	
	.boxPadding {
	  padding: 10px 10px;
	}
	
	.bottom-border {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	.maxTxtWidth {
		max-width: 1020px;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid rgba(0,0,0,0.1);
		margin: 1em 0;
		padding: 0;
		clear: both;
	}	
	
	strong {
		font-weight: bold;
	}
	
	ol {
		list-style-type: decimal;
		margin: 0 0 10px 20px;
	}
	

	.content {
		padding: 30px 30px;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
	
	/* Content fix 
	.content {
		margin: 70px auto 0 auto;
	}*/
	



/*=============== Main container window ==================*/

	.container {
		margin: 0 auto 0 auto;
		padding: 0;
		overflow: hidden;
		width: 980px;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.container {
			width: 1100px;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {  
		
		.container {
			width: 100%;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		
		.container {
			width: 100%;
		}
		
	}
	
	@media only screen and (min-width: 500px) and (max-width: 767px) {
		
		.container {
			width: 100%;
		}
		
	}



/*=============== Brand & Logo ==================*/

	.brand {
		margin: 0 0 0 10px;
		padding: 0;
		/*text-indent: -999em;*/
		width: auto;
		height: 70px;
		overflow: hidden;
		line-height: 72px;
		text-align: center;
		height: 72px;
		outline: 0 none;
	}




/*=============== Header ==================*/

	header {
		margin: 0;
		padding: 0;
		z-index: 100;
		height: 70px;
	}
	
	header.noframe {
		height: 34px;
		overflow: hidden;
	}
	
	/* Header fix
	header {
		position: fixed;
		width: 100%;
	}*/
	
	header .row .col20 a {
		outline: 0 none;
		overflow: hidden;
		display: block;
	}
	
	header ul li, 
	header ul li.status_border 	{
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	header ul.pageview li, 
	header ul.pageview li.status_border 	{
		/*display: block;*/
		float: left;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) { 
		
		header ul li, 
		header ul li.status_border 	{
			font-size: 14px;
		}	
		
	}
	
	header ul li a, 
	header ul li span {
		margin: 0 12px 0 12px;
		padding: 0 10px 0 10px;
		text-decoration: none;
		display: block;
		outline: 0 none;
		line-height: 70px;
		border: none;
		background: none;
		font-size: 14px;
	}
	
	header ul li a.user {
		margin: 0;
		padding: 0;
	}
	
	@media only screen and (min-width: 1600px) { 
	
		header ul li a, 
		header ul li span {
			font-size: 16px;
		}
	}
	
	header ul li a.favoriten {
		margin: 0 0 0 16px;
		text-align: center;
	}
	
	header ul li a.favoriten:first-child  {
		margin: 0 0 0 32px;
	}
	
	header ul li span.linkTxt, 
	header ul li a.favoriten span.linkTxt {
		margin: 0;
		padding: 0;
		text-decoration: none;
		display: inline-block;
		outline: 0 none;
		line-height: normal;
		border: none;
		background: none;
		font-size: 14px;
		vertical-align: 20%;
	}
	
	header ul li a.favoriten span.linkTxt {
		margin: -30px 0 0 0;
		display: block;
		font-size: 9px;
	}
	
	header ul li span.reg .tooltiptext, 
	header ul li a.favoriten span.tooltiptext {
		display: none;
	}
	
	@media only screen and (max-width: 1280px) { 
		
		header ul li span.linkTxt, 
		header ul li a.favoriten span.linkTxt {
			display: none;
		}
		
		header ul li span.reg .tooltiptext, 
		header ul li a.favoriten span.tooltiptext {
			display: block;
		}
		
	}
	
	header ul li a.favoriten:before {
		content: "\f02e";
		font-family: 'Line Awesome Free';
		font-weight: bold;
		margin: 0;
		font-size: 24px;
		position: relative;
		top: -5px;
	}

	@media only screen and (max-width: 1280px) { 
		
		header ul li a.favoriten:before {
			top: 0;
		}
	}
	
	header ul li.status_border a, 
	header ul li.status_border span {
		line-height: 63px;
		margin: 0;
		padding: 0 20px 0 20px;
	}
			
	header ul li.borderLeft:before	{
		font-family: 'Line Awesome Free';
		content: "\007c";
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding: 0;
		margin: 0 0 0 -5px;
		color: rgba(0,0,0,0.2);
		font-size: 27px;
		position: absolute;
		top: 20px;
		left: 0;
	}
	
	header ul li.borderRight:after, 
	header ul li.borderRightWide:after	{
		font-family: 'Line Awesome Free';
		content: "\007c";
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding: 0;
		margin: 0;
		color: rgba(0,0,0,0.2);
		font-size: 27px;
		position: absolute;
		/*top: 20px;*/
		top: 10px;
		right: 0;
	}
	
	header.noframe ul li.borderRight:after, 
	header.noframe ul li.borderRightWide:after	{
		content: "";
	}
	
	header ul li.borderRightWide:after	{
		right: -16px;
	}
	
	header ul li.borderRightWide a.dash 	{
		padding: 0 20px 0 10px;
		margin: 0 12px 0 12px;
	}
	
	header ul li a.noframe:before, 
	header ul li a.logout:before, 
	header ul li a.reg:before, 
	header ul li span.reg:before, 
	header ul li a.view:before, 
	header ul li a.page:before, 
	header ul li a.dash:before, 
	header ul li a.status:before, 
	header ul li a.status1:before, 
	header ul li a.status2:before, 
	header ul li a.status3:before,
	header ul li a.status4:before, 
	header ul li a.print:before, 
	header ul li a.help:before, 
	header ul li a.reminder:before, 
	/*header ul li a.functions:before,*/
	header ul li a.search:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0 .3em 0 0;
		font-size: 24px;
	}
	
	header ul li a.reg:after, 
	header ul li span.reg:after {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0 .15em 0 .3em;
		font-size: 24px;
	}
	
	header ul li a.search:before  {
		content: "\f002";
	}
	
	header ul li a.print:before  {
		content: "\f02f";
	}
	
	header ul li a.noframe:before  {
		content: "\f023";
	}
	
	header ul li a.logout:before  {
		/*content: "\f023";*/
		content: "\f2f5";
		content: "\f52b";
		content: "\f011";
	}
		
	header ul li a.reg:before {
		content: "\f007";
	}
	
	header ul li span.reg:after {
		content: "\f007";
		/*content: "\f2bd";
		font-size: 24px;*/
	}
	
	header ul li a.view:before {
		content: "\f142";
	}
	
	body.menuopen header ul li a.view:before {
		content: "\f0c9";  
		padding: 0;
	}
	
	header ul li a.page:before {
		content: "\f0c9";
	}
	
	header ul li a.dash:before {
		content: "\f0db";
		/*content: "\f3fd";*/
	}
	
	header ul li a.status:before  {
		content: "\f013";
	}
	
	header ul li a.status1:before, 
	header ul li a.status2:before, 
	header ul li a.status3:before, 
	header ul li a.status4:before {
		content: "\f085";
		content: "\f111";
		font-size: 16px;
	}
	
	header ul li a.help:before  {
		content: "\f059";
		/*color: #ffa901;*/
		/*font-family: 'Font Awesome 5 Free';
		font-style: normal;
		font-weight: bold;
		content: "\f059";*/
	}
	
	/*header ul li a.help  {
		transform: scale(1);
		animation: pulse 2s infinite;
	}
	
	@keyframes pulse {
		
		0% {
			transform: scale(0.5);
		}

		70% {
			transform: scale(1);
		}

		100% {
			transform: scale(0.5);
		}
		
	}*/
	
	header ul li a.reminder:before  {
		content: "\f0f3";
		content: "\f0e0";
	}
	
	header ul li a.functions:before {
		content: "\f142";
		content: "\f0c9"; 
		content: "\f002";			
	}
	
	header ul li a.functions.activeSearch:before {
		color: #00c853;
	}
	
	/*div.no_activeSearch {
	 display: none;
	}
	
	div.activeSearch {
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%;
	  border: 2px solid #5dd39e;
	  display: table;
	  background: transparent;
	  position: absolute;
	  
	  margin: 15px 0 0 10px;
	  -webkit-animation: pulsate 1s ease-out;
		animation-iteration-count: 1;
	  -webkit-animation-iteration-count: infinite;
	  opacity: 0.0;
	}
	
	@-webkit-keyframes pulsate {
		0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
		50% {opacity: 1.0;}
		100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
	}*/
	
	body.functionsopen header ul li a.functions:before {
		content: "\f142";
		content: "\f002";
	}
		
	/* Linie zwischen Menueinträgen */
	/*header ul li a.reg:after, header ul li span.reg:after {
		content: "\007c";
		font-family: 'LineAwesome';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		padding: 0 0 0 15px;
		margin: 0;
		color: rgba(0,0,0,0.5);
	}*/
	
	
	/* Dropdown Menu Pfeil */
	/*header ul li a.dropdown:after 	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0 0 0 10px;
		margin: -3px 0 0 0;
		content: "\f107";
		position: absolute;
		font-size: 16px;
	}*/
	
/* Nicht sichtbar bei Login, Registrierung, Passwort vergessen */
	header .bgdark a.view, header .bgdark a.noframe, header .bgdark a.reg {
		display: none;
	}
		
	header ul li a.print {
		margin: 0 20px 0 20px;
	}
		
	@media only screen and (min-width: 1600px) {
		
		header ul li a.reg {
			display: none;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		
		header ul li a.view, header ul li a.reg {
			display: none;
		}
		
		header ul li a.status em {
			display: none;
		}
		
	}
		
	/* Border Bottom auf Startseiten/Dashboard */	
	/*header .col80 {
		border-bottom: rgba(0,0,0,0.05) 1px solid;
	}*/
		
		
/* Badge */			
	.badge[data-badge]:after {
		content: attr(data-badge);
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		position: absolute;
		top: 10px;
		top: 6px;
		/*right:.5em;*/
		right: -.2em;
		font-size: 14px;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		color: #fff;
		padding: 0;
		margin: 0;
		/*box-shadow: 0 2px 2px 1px rgba(0,0,0,0.05);*/
		box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.25);
		line-height: 28px;
		font-weight: 600;
	}
	

	.pager input, .pager select {
		height: 25px;
		margin: 20px 0 0 0;
		-webkit-appearance: menulist;
		-moz-appearance: menulist; 
		appearance: menulist;
		border: 1px solid rgba(0,0,0,.25);
		border: none;
		width: 55px !important;
	}
	
	.pager input[type="text"]:disabled {
		background: #fff;
	}
	
	.pager select {
		border: 1px solid rgba(0,0,0,.25);
		background: #fff;
	}
	
	.pager i {
		margin: -3px 0 0 0;
	}
	
	
	
	
	
	
	
/*=============== Dropdown Menu im Header ==================*/

	.dropdown-menu {
		position: absolute;
		float: left;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-width: 0 1px 1px;
		border-radius: 0 0 4px 4px;
		/*-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);*/
		margin-top: 0;
		right: auto;
		left: 20px;
		line-height: normal;
		overflow: visible;
		display: none;
		padding:  0;
		z-index: 10;
		border-radius: 4px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
		box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
	}
	
	.dropdown-menu {
		animation: dropdownanimate 200ms ease-in;
	}
	
	@media only screen and (max-width: 767px) {
		
		.dropdown-menu {
			animation: none;
		}
	}
	
	@-webkit-keyframes dropdownanimate {
		
		 0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 10px, 0);
			transform: translate3d(0, 10px, 0);
		  }
		  
		  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-transform: translate3d(0, 0px, 0);
			transform: translate3d(0, 0px, 0);
		  }
		  
	}
	@keyframes dropdownanimate {
		
		  0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 10px, 0);
			transform: translate3d(0, 10px, 0);
		  }
		  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-transform: translate3d(0, 0px, 0);
			transform: translate3d(0, 0px, 0);
		  }
		  
	}
	
	.dropdown-menu.dropdown-menu1 p:after {
	    content: "";
		height: 0;
		width: 0;
		border-bottom: 10px solid #004c88;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		top: -8px;
		left: 5px;
		z-index: 100;
	}
	
	.dropdown-menu.dropdown-menu3 p:after {
	    content: "";
		height: 0;
		width: 0;
		border-bottom: 10px solid #2ad7c5;
		border-bottom: 10px solid #009de0;
		border-bottom: 10px solid #004c88;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		top: -8px;
		right: 30px;
		z-index: 100;
	}
	
	.dropdown-menu.dropdown-menu4 p:after {
	    content: "";
		height: 0;
		width: 0;
		border-bottom: 10px solid #ffa001;
		border-bottom: 10px solid #2ad7c5;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		top: -8px;
		right: 30px;
		z-index: 100;
	}
	
	.dropdown-menu.dropdown-menu5 p:after {
	    content: "";
		height: 0;
		width: 0;
		border-bottom: 10px solid #004c88;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		top: -8px;
		right: 30px;
		z-index: 100;
	}
	
	@media only screen and (max-width: 1280px) { 
		
		.dropdown-menu.dropdown-menu5 p:after {
			right: 30px;
		}
		
	}
	
	.dropdown-menu.dropdown-menu1 p {
	   text-align: center;
	   color: #fff;
	   background: #004c88;
	   padding: 20px 25px;
		border-radius: 4px 4px 0 0;
		position: relative;
	   
	}
	
	.dropdown-menu.dropdown-menu3 p {
		text-align: center;
		color: #fff;
		background: #2ad7c5;
		background: #009de0;
		background: #004c88;
		padding: 20px 25px;
		border-radius: 4px 4px 0 0;
		position: relative;
	   
	}
	
	.dropdown-menu.dropdown-menu4 p {
	   text-align: center;
	   color: #fff;
	   background: rgb(242,148,46);
	   background: #ffa901;
	   background: #2ad7c5;
	   padding: 20px 25px;
		border-radius: 4px 4px 0 0;
		position: relative;
	   
	}
	
	.dropdown-menu.dropdown-menu5 p {
	   text-align: center;
	   color: #fff;
	   background: #004c88;
	   padding: 20px 25px;
		border-radius: 4px 4px 0 0;
		position: relative;
	   
	}
	
	.dropdown-menu.dropdown-menu6 p, .dropdown-menu.dropdown-menu7 p {
	   text-align: center;
	   color: #fff;
	   background: #576874;
	   padding: 20px 25px;
		border-radius: 4px 4px 0 0;
		position: relative;
		font-size: 16px;
	   
	}
	
	.dropdown.active .dropdown-menu {
		display: block;
	}
	
	.dropdown-menu ul	{
		padding: 0;
	}
	
	.dropdown-menu ul li	{
		/*display: block;*/
		float: none;
	}
	
	.dropdown-menu ul li a	{
		line-height: normal;
		padding: 10px 10px 10px 10px;
		font-size: 14px;
		white-space: nowrap;
	}
	
	.dropdown-menu ul li a:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;	
	}
	
	.dropdown-menu ul li a:before	{
		content: "";
		margin: 0 24px 0 0;
	}
	
	.dropdown-menu ul li a.boxlink_active:before	{
		margin: 0 10px 0 0;
		content: "\f00c";
	}
	
	.dropdown-menu2 ul li a:before	{
		content: "";
		margin: 0 10px 0 0;
	}
	
	.dropdown-menu hr {
		margin: 10px 0;
	}
	
	.dropdown-menu.dropdown-menu3,
	.dropdown-menu.dropdown-menu5 	{
		min-width: 250px;
		right: 0;
		left: auto;
	}
	
	.dropdown-menu.dropdown-menu4 {
		min-width: 400px;
		right: 0;
		left: auto;
	}
	
	.dropdown-menu.dropdown-menu6	{
		min-width: 500px;
		max-width: 500px;
		right: 20px;
		left: auto;
		bottom: 50px;
		z-index: 10001;
	}
	
	.dropdown-menu.dropdown-menu7 	{
		min-width: 450px;
		max-width: 450px;
		right: -50px;
		left: auto;
		bottom: 50px;
		z-index: 10001;
	}
	
	.dropdown-menu span {
		padding: 16px 12px;
		font-size: 14px;
		line-height: 1.5em;
		margin: 0;
		display: block;
	}
	
	.dropdown-menu.dropdown-menu4 span, .dropdown-menu.dropdown-menu6 span, .dropdown-menu.dropdown-menu7 span	{
		overflow-y: auto;
		max-height: 300px;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.dropdown-menu.dropdown-menu4 span, .dropdown-menu.dropdown-menu6 span, .dropdown-menu.dropdown-menu7 span			{
			max-height: 400px;
		}
		
	}
	
	.dropdown-menu span a {
		/*padding: 0;*/
		font-size: 14px;
		line-height: 1.5em;
		margin: 0;
	}
	
	.dropdown-menu .icon_text {
		padding: 5px 0 12px 35px;
	}
	
	.dropdown-menu i {
		display: block;
		float: left;
	}
	
	.dropdown-menu.dropdown-menu3 span i,
	.dropdown-menu.dropdown-menu5 span i {
		font-size: 21px;
		vertical-align: middle;
		margin: 0 5px 0 0;
	}
	
	.dropdown-menu.dropdown-menu4 span i {
		font-size: 26px;
		vertical-align: bottom;
		margin: 0 5px 0 0;
	}
	
	.dropdown-menu.dropdown-menu4 span i.green,
	.dropdown-menu.dropdown-menu4 span i.status2	{
		color: #00c853;
	}
	
	.dropdown-menu.dropdown-menu4 span i.red,
	.dropdown-menu.dropdown-menu4 span i.status1	{
		color: #ff0000;
	}
	
	.dropdown-menu.dropdown-menu4 span i.yellow,
	.dropdown-menu.dropdown-menu4 span i.status3	{
		color: #fbd540;
	}
	
	.dropdown-menu.dropdown-menu4 span i.status0	{
		color: rgba(0,0,0,.25);
	}
	
	.dropdown-menu.dropdown-menu4 span i.status4	{
		color: #9f30b3;
	}
	
	.dropdown-menu.dropdown-menu4 span i.status5	{
		color: #2f69b5;
	}
	
	.dropdown-menu.dropdown-menu4 span i.status6	{
		color: #975b3b;
	}
	
	header .dropdown-menu span ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type:disc;
	}
	
	header .dropdown-menu span ol {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type:decimal;
	}
	
	.dropdown-menu i.txt-inline {
		display: inline-block;
		float: none;
		margin: 0;
	}
	
	.dropdown-menu p.dropdown-header {
		position: sticky;
		margin: 0;
	}
	
	.dropdown-menu.dropdown-menu6 span h1,
	.dropdown-menu.dropdown-menu7 span h1	{
		font-size: 16px;
		line-height: normal !important;
		margin:0 0 10px 0;
		font-weight: bold;
	}
	
	.dropdown-menu.dropdown-menu6 span h2,
	.dropdown-menu.dropdown-menu7 span h2	{
		font-size: 15px;
		font-weight: bold;
	}
	
	.dropdown-menu.dropdown-menu6 span h3,
	.dropdown-menu.dropdown-menu7 span h3	{
		font-size: 14px;
		font-weight: bold;
	}
	
	.dropdown-menu.dropdown-menu6 span h1, .dropdown-menu.dropdown-menu6 span h2, .dropdown-menu.dropdown-menu6 span h3,
	.dropdown-menu.dropdown-menu7 span h1, .dropdown-menu.dropdown-menu7 span h2, .dropdown-menu.dropdown-menu7 span h3	{
		line-height: normal !important;
		margin:0 0 10px 0;
	}
	
	.dropdown-menu.dropdown-menu6 span p, .dropdown-menu.dropdown-menu7 span p {
		background: none;
		color: rgba(0,0,0,0.5);
		text-align: left;
		font-size: 14px;
		padding: 0;
		margin:0 0 5px 0;
	}
	
	.dropdown-menu.dropdown-menu6 span p a, .dropdown-menu.dropdown-menu7 span p a {
		color: rgb(242,148,46);
		float: none;
		width: auto;
		display: inline-block;
	}
	
	
	
	
		
		
		
		
/* Row and Cols */
	.row {
		display: -webkit-box;
		display:flex;
		display: -ms-flexbox;
		width:100%;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		height: auto !important;
		min-height: 100%;
		/*-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);*/
	}  
	
	.col2 {
		width:50%;
	}
	
	.col20 {
		width:20%;
	}
	
	@media only screen and (min-width: 1901px) {
		
		.col20 {
			width: 15%;
		}
		
	}
	
	@media only screen and (min-width: 1600px) and (max-width: 1900px) {
		
		.col20 {
			width:17.5%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		.col20 {
			width:27%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		.col20 {
			width:22%;
		}
		
	}
	
	
	
/*=============== Mobil view ==================*/	

	body.menuopen .navigation .col20 {
		width:3.5%;
	}
	
	body.menuopen header .col20 {
		width:3.5%;
	}
	
	body.menuopen footer .col20 {
		width:3.5%;
		text-indent: -999em;
	}
	
	@media only screen and (min-width: 1600px) {
		
		body.menuopen .navigation .col20 {
			width:2.5%;
		}
		
		body.menuopen header .col20 {
			width:2.5%;
		}
		
		body.menuopen footer .col20 {
			width:2.5%;
			text-indent: -999em;
		}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		body.menuopen .navigation .col20 {
			width:5%;
		}
		
		body.menuopen header .col20 {
			width:5%;
		}
		
		body.menuopen footer .col20 {
			width:5%;
			text-indent: -999em;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		body.menuopen .navigation .col20 {
			width:3.8%;
		}
		
		body.menuopen header .col20 {
			width:3.8%;
		}
		
		body.menuopen footer .col20 {
			width:3.8%;
			text-indent: -999em;
		}
		
	}
	
	@media only screen and (max-width: 768px) { 
		
		body.menuopen .navigation .col20 {
			width:6.5%;
		}
		
		body.menuopen header .col20 {
			width:6.5%;
		}
		
		body.menuopen footer .col20 {
			width:6.5%;
			text-indent: -999em;
		}
		
	}
		
	.col80 {
		width:80%;
	}
	
	@media only screen and (min-width: 1901px) {
		
		.col80 {
			width: 85%;
		}
		
	}
	
	@media only screen and (min-width: 1600px) and (max-width: 1900px){
		
		.col80 {
			width: 82.5%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		.col80 {
			width:73%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		.col80 {
			width:78%;
		}
		
	}
	
	body.menuopen .navigation .col80 {
		width:96.5%;
	}
	
	body.menuopen header .col80 {
		width:96.5%;
	}
	
	body.menuopen footer .col80 {
		width:96.5%;
	}
	
	@media only screen and (min-width: 1600px) {
		
		body.menuopen .navigation .col80 {
			width:97.5%;
		}
		
		body.menuopen header .col80 {
			width:97.5%;
		}
		
		body.menuopen footer .col80 {
			width:97.5%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		body.menuopen .navigation .col80 {
			width:95%;
		}
		
		body.menuopen header .col80 {
			width:95%;
		}
		
		body.menuopen footer .col80 {
			width:95%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		body.menuopen .navigation .col80 {
			width:96.2%;
		}
		
		body.menuopen header .col80 {
			width:96.2%;
		}
		
		body.menuopen footer .col80 {
			width:96.2%;
		}
	
	}
	
	@media only screen and (max-width: 768px) { 
		
		body.menuopen .navigation .col80 {
			width:93.5%;
		}
		
		body.menuopen header .col80 {
			width:93.5%;
		}
		
		body.menuopen footer .col80 {
			width:93.5%;
		}
		
	}
		
	.col2m {
		width:49%;
		box-shadow: 0 0 12px 2px rgba(0,0,0,.35);
		min-height: 500px;
		margin: 10px 5px 10px 5px;
	}


/* see navigation.css */



/* Footer */
	footer {
		margin: 0;
		padding: 0;
		line-height: normal;
		font-size: 14px;
		position: relative;
		min-height: 60px;
		height: 60px;
		flex-shrink: 0;
		/*overflow: hidden;*/
		/* stabiler Seitenaufbau */
		/*height: 60px;
		margin-top: -60px;*/
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {  
		
		footer {
			font-size: 13px;
		}
		
	}
	
	footer a {
		display: block;
		float: right;
		width: 200px;
		outline: 0 none;
	}
	
	footer a.meta, 
	footer a.meta_extern {
		display: inline-block;
		float: none;
		width: auto;
		outline: 0 none;
		color: rgba(255,255,255,0.7) !important;
		text-decoration: underline;
	}
	
	footer .bglight a.meta, 
	footer .bglight a.meta_extern {
		color: rgba(0,0,0,0.5) !important;
	}
	
	footer .dropdownview a.meta, 
	footer .dropdownview a.footer .dropdownview a.meta,
	footer .dropdownview a.meta_extern, 
	footer .dropdownview a.footer .dropdownview a.meta_extern	{
		color: rgba(0,0,0,0.5) !important;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		
		/* Safari and Chrome, if Chrome rule needed */
	   /* Safari 5+ ONLY */
		
		::i-block-chrome, footer {
			position: fixed;
			width: 100%;
			bottom: 0;
		}
		
		::i-block-chrome, body {
			position: relative;
		}
		
	}
	
	footer.noframe .col20, section.noframe .col20 {
		width: .1%;
	}
	
	body.menuopen footer.noframe .col20, body.menuopen section.noframe .col20 {
		width:.1%;
	}
	
	footer.noframe .col80, section.noframe .col80 {
		width: 99.9%;
	}
	
	body.menuopen footer.noframe .col80, body.menuopen section.noframe .col80 {
		width: 99.9%;
	}
	
	section.noframe.logo_white {
		max-height: 150px;
	}
	
	@media screen and (min-width: 1200px) and (max-width: 1600px) {
		
		section.noframe.logo_white {
			max-height: 150px;
		}
		
	}
	



/* Error & Parsley */
	#error {
		/*color: rgb(242,148,46);
		font-size: 18px;
		margin: 20px 0 20px 0;
		overflow: hidden;
		clear: both;*/
		color: #fff;
		font-size: 18px;
		margin: 0;
		overflow: hidden;
		clear: both;
		background: rgb(242,148,46);
		background-color: rgb(255,193,7);
		padding: 1em 1em 1em 60px;
		border-radius: 0;
	}
	
	#error:before {
		font-family: 'Line Awesome Free';
		content: "\f05a";
		font-weight: bold;
		font-size: 32px;
		margin: -13px 10px 0 0;
		line-height: 50px;
		vertical-align: middle;
		position: absolute;
		left: 10px;
	}
	
	#error i {
		display: block;
		font-size: 26px;
		margin: 0 10px 0 0;
		float: left;
	}
	
	.parsley-errors-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.parsley-errors-list.filled {
		margin:  0 0 10px 0;
		padding: 0;
		clear: both;
	}
	
	/*.parsley-error {
		border: 1px solid rgb(242,148,46)  !important;
		background: #rgba (242,148,46,.5) 
	}*/
	
	.login_page .parsley-error, .reset_page .parsley-error, .reg_page .parsley-error {
		border: 1px solid rgb(242,148,46) !important;
		background: rgba(242,148,46,.5);
		color: #fff;
	}
	
	.login_page .parsley-errors-list li, .reset_page .parsley-errors-list li, .reg_page .parsley-errors-list li {
		color: rgb(242,148,46);
		font-size: 16px;
	}
	
	.parsley-errors-list li {
		color: #ff0000;
		font-size: 12px;
	}
	
	#dataform .left {
		position: relative;
		overflow: hidden;
	}
	
	/*#dataform .parsley-error {
		border: rgba(0,0,0,0.5) 1px solid;
		background: #feeeee;
		padding: 5px 5px;
	}*/
	
	/*#dataform .parsley-errors-list {
		position: absolute;
		text-transform: uppercase;
		margin: -50px 0 0 0;
		right: 35px;
	}*/
	
	#dataform #parsley-id-multiple-antwort_check {
		text-transform: none;
		clear: both;
	}
	
	#errorMessage {
		text-transform: none;
		overflow: hidden;
		margin: 0;
	}
	
	#note {
		color: #fff;
		font-size: 18px;
		margin: 0;
		overflow: hidden;
		clear: both;
		background: rgb(242,148,46);
		background-color: rgb(255,193,7);
		padding: 1em 1em 1em 60px;
		border-radius: 0;
	}
	
	#note:before {
		font-family: 'Line Awesome Free';
		content: "\f05a";
		font-weight: bold;
		font-size: 32px;
		margin: -13px 10px 0 0;
		line-height: 50px;
		vertical-align: middle;
		position: absolute;
		left: 10px;
	}
	
	#parsley_error ul {
		margin: 0;
	}
	
	#parsley_error ul li {
		color: #fff;
		font-size: 18px;
		margin: 0;
		overflow: hidden;
		clear: both;
		background: rgb(242,148,46);
		background-color: rgb(255,193,7);
		padding: 1em 1em 1em 60px;
		border-radius: 0;
	}
	
	#parsley_error ul li:before {
		font-family: 'Line Awesome Free';
		content: "\f05a";
		font-weight: bold;
		font-size: 32px;
		margin: -13px 10px 0 0;
		line-height: 50px;
		vertical-align: middle;
		position: absolute;
		left: 10px;
	}




/* Infobox und Legende */
	.infoBox {
		position: fixed;
		right: 40px;
		left: auto;
		width: 300px;
		width: 25%;
		margin: 0;
		padding: 0;
		top: 125px;
		height: auto;
		text-align: left;
		cursor: default;
		/*box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);*/
		/*box-shadow: 0 1px 13px 1px rgba(0, 0, 0, 0.2);*/
		z-index: 2;
	}
	
	.formular_tabelle_uebersicht .infoBox {
		left: auto;
		min-width: 500px;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.infoBox {
			width: 20%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1280px) {  
		
		.infoBox {
			width: 30%;
		}
		
		.formular_tabelle_uebersicht .infoBox {
			width: 40%;
			min-width: auto;
		}
		
	}
	
	@media only screen and (min-width: 1280px) and (max-width: 1600px) {  
		
		.formular_tabelle_uebersicht .infoBox {
			width: 30%;
			min-width: auto;
		}
		
	}
		
	.infoBoxLink, .infoBoxLink.close	{
		position: fixed;
		width: 45px;
		height: 45px;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		top: 100px;
		right: 20px;
		outline: none 0;
		text-decoration: none;
		line-height: 45px;
		/*border-radius: 50%;*/
		cursor: pointer;
		z-index: 1001;
		/*-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;*/
		z-index: 1;
	} 
	
	.infoBoxLink.close	{
		/*-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		color: rgba(0,0,0,0.5);
		background: #fff;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/
		z-index: 3;
		top: 85px;
		right: 35px;
	}
	
	.infoBoxLink.close:before {
		font-family: 'Line Awesome Free';
		content: "\f00d";
		font-weight: bold;
		font-size: 16px;
		line-height: 45px;
	}
	
	.infoBoxLink:before {
		font-family: 'LineAwesome';
		content: "\f2c2";
		font-size: 24px;
		line-height: 45px;
	}
	
	.infoBoxContent {
		clear: both;
		padding: 35px 19px 20px 15px;
		background-color: #fff;
		border: rgba(0,0,0,.3) 1px solid;
		overflow: hidden;
		overflow-y: auto;
		max-height: 425px;
	}
	
	.infoBoxContent i.fa-user {
		position: relative;
		font-size: 31px;
	}	
	
	.infoBoxContent i.fa-user-ep {
		font-size: 25px;
	} 
	
	.infoBoxContent i.fa-user-incomplete {
		font-size: 25px;
	} 
		
	form .infoBoxContent i.fa-user span, .infoBoxContent i.fa-user span {
		display: block;
		position: absolute;
		z-index:10000;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		left: -.5em;
		top: 8px;
		margin:0;
		padding: 0;
	}
	
	form .infoBoxContent i.fa-user span {
		top: 12px;
	}
	
	.infoBox span {
		padding: 0 0 0 10px;
		font-size: 12px;
	}
	
	.infoBox span.inf {
		padding: 0;
		font-size: 100%;
		color: rgb(156, 39, 176);
		font-weight: bold;
	}
	
	.infoBox p {
		text-indent: -14px;
		padding: 0 0 0 36px;
	}
	
	.infoBox p.noIcon {
		text-indent: 0;
		padding: 0;
		clear: both;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	
	.infoBox p span {
		text-indent: 0;
		padding: 0;
	}
	
	.infoBoxNavigation {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: -34px;
	} 
	
	.infoBoxNavigation a {
		display: block;
		float:left;
		padding: 5px 15px 5px 15px;
		margin: 0;
		background-color: #fff;
		border-top: rgba(0,0,0,.3) 1px solid;
		border-left: rgba(0,0,0,.3) 1px solid;
		border-right: rgba(0,0,0,.3) 1px solid;
		color: rgba(0,0,0,.5);
		/*border-top-left-radius: 4px;
		border-top-right-radius: 4px;*/
	} 
	
	.infoBoxNavigation a.linkInactive	{
		background-color: #ededed;
		color: rgba(0,0,0,.5);
		padding: 5px 15px 4px 15px;
		border-top: rgba(0,0,0,.1) 1px solid;
		border-right: rgba(0,0,0,.1) 1px solid;
		border-left:rgba(0,0,0,.1) 1px solid;
	}
	
	.infoBoxNavigation a.linkActive {
		color: rgba(0,0,0,.5);
	}




/* Fehlermeldungen & Hinweise */
	.systemMeldung {
		border-left: 3px solid rgb(3,169,244);
		padding: 0 0 0 10px;
	}
	
	.dashboard .bestaetigung {
		border-left: 5px solid rgb(76,175,80);
		padding: 0 0 0 10px;
	}
	
	.dashboard .hinweis {
		border-left: 5px solid rgb(255,193,7);
		padding: 0 0 0 10px;
	}
	
	.dashboard .info {
		border-left: 5px solid rgb(3,169,244);
		padding: 0 0 0 10px;
	}
	
	.dashboard .fehler {
		border-left: 5px solid rgb(244,67,54);
		padding: 0 0 0 10px;
	}
	
	.hidden {
		display: none !important;
		visibility: hidden !important;
	}
	
	.alert {
		font-weight: bold;
	}
	
	#hinweisbox {
		position: relative;
		text-indent: -34px;
		padding: 0 0 0 34px;
		display: table;
	}
	
	#hinweisbox_red, .hinweisbox_red {
		color: #cc0000;
	}
	
	#hinweisbox:before {
		content: "\f05a";
		font-family: 'Line Awesome Free';
		font-weight: bold;
		font-size: 22px;
		text-decoration: inherit;
		margin: 0 10px 0 0;
		opacity: 0.5;
	}
	
	#snackbar, #hinweisbox_red {
		/*visibility: hidden;*/ /* Hidden by default. Visible on click */
		display: none;
		min-width: 250px; /* Set a default minimum width */
		margin-left: -125px; /* Divide value of min-width by 2 */
		color: #fff; /* White text color */
		text-align: center; /* Centered text */
		border-radius: 2px; /* Rounded borders */
		padding: 16px; /* Padding */
		position: fixed; /* Sit on top of the screen */
		z-index: 1; /* Add a z-index if needed */
		left: 50%; /* Center the snackbar */
		bottom: 30px; /* 30px from the bottom */
		-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
		animation: fadein 0.5s, fadeout 0.5s 2.5s;
		background: #252328;
		z-index: 100;
	}
	
	#snackbar.show, #hinweisbox_red.show {
		visibility: visible; /* Show the snackbar */
		display: block;
		/* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */
		-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
		animation: fadein 0.5s, fadeout 0.5s 2.5s;
	}
	
	/* Animations to fade the #hinweisbox_red, #snackbar in and out */
	/*@-webkit-keyframes fadein {
		from {bottom: 0; opacity: 0;}
		to {bottom: 30px; opacity: 1;}
	}*/
	
	@keyframes fadein {
		from {bottom: 0; opacity: 0;}
		to {bottom: 30px; opacity: 1;}
	}
	
	/*@-webkit-keyframes fadeout {
		from {bottom: 30px; opacity: 1;}
		to {bottom: 0; opacity: 0;}
	}*/
	
	@keyframes fadeout {
		from {bottom: 30px; opacity: 1;}
		to {bottom: 0; opacity: 0;}
	}







/* Dialogbox */
	.dialog {
		border: none;
		box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
		width: 320px;
		height: auto;
		padding: 0 0 10px 0;	
		margin: 0 10px 20px 10px;
		overflow: hidden;
		clear: both;
		position:fixed;
		background: #fff;
		top: 50%;
		left: 50%;
		margin-top: -100px; /* Negative half of height. */
		margin-left: -125px; /* Negative half of width. */
		z-index: 100001;
	}
	
	.dialog.lock, .dialog.calendar {
		width: 520px;
	}
	
	.dialog p {
		padding: 0 10px 10px 10px;	
		color: rgba(0,0,0,.5);
	}
	
	.dialog a, .dialog a:hover {
		padding: 0 10px 0 10px;	
		font-weight: bold;
		color: rgb(3,169,244);
	}
	
	.dialog.hinweis a, .dialog.fehler a		{
			display: none;
	}
	
	.dialog h2 {
		margin: 0 0 10px 0;
		padding: 0 10px;	
		line-height: normal;
		display: block;
		clear: both;
		position: relative;
		line-height: 60px;
		font-size: 20px;
		color: #fff;
	}
	
	.dialog.fehler h2 {
		background-color: rgb(244,67,54);
	}
	
	.dialog.hinweis h2 {
		background-color: rgb(255,193,7);
	}
	
	.dialog.info h2 {
		background: rgb(0,76,136);
	}
	
	.dialog.lock h2, .dialog.calendar h2 {
		background: #009de0;
	}
	
	.dialog.bestaetigung h2 {
		background-color: rgb(76, 175, 80);
	}
		
	.dialog.fehler h2:before, .dialog.hinweis h2:before, .dialog.info h2:before, .dialog.bestaetigung h2:before, .dialog.lock h2:before, .dialog.calendar h2:before {
		font-family: 'Line Awesome Free';
		font-weight: bold;
		font-style: normal;
		font-size: 40px;
		text-decoration: inherit;
		padding: 0;
		margin:  0;
		display: block;
		opacity: .5;
		right: 10px;
		top: 0;
		position: absolute;
		line-height:60px;
	}
	
	.dialog.fehler h2:before {
		content: "\f071";
	}
	
	.dialog.hinweis h2:before {
		content: "\f05a";
	}
	
	.dialog.lock h2:before {
		content: "\f023";
	}
	
	.dialog.calendar h2:before {
		content: "\f133";
	}
	
	.dialog.info h2:before, .dialog.bestaetigung h2:before {
		content: "\f058";
	}
	
	.dialog + .backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 100000;
	}
	
	.dialog button, .dialog a.linkButton {
		font-family: Arial, Helvetica, sans-serif;
		border: none;
		border-radius: 0;
		color: #000;
		position: relative;
		height: 36px;
		min-width: 110px;
		padding: 0 16px;
		display: inline-block;
		font-size: 14px;
		letter-spacing: 0;
		overflow: hidden;
		outline: none;
		cursor: pointer;
		text-decoration: none;
		text-align: center;
		line-height: 36px;
		vertical-align: middle;
		background: rgba(158,158,158,.2);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
		margin: 0 10px;
	}

/* see form.css */





/* Login Page Form, Registrat. Page Form, Reset Page Form  */
	.login_page, .reg_page, .reset_page {
		height: auto !important;
		min-height: 100%;
		overflow: hidden;
	}
	
	.login_page:after, .reset_page:after  {
		content: "\f023";
		/*content: "\f2f6";*/
		font-family: 'Line Awesome Free';
		font-weight: bold;
		padding: 0;
		margin: 0;
		font-size: 260px;
		position: absolute;
		top: 240px;
	}
	
	@media only screen and (min-width: 1201px) and (max-width: 1600px) {  
	
		.login_page:after, .reset_page:after  {
			left: 12%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {  
	
		.login_page:after, .reset_page:after  {
			left: 10%;
		}
		
	}
	
	.login_page form, .reset_page form, .reg_page form {
		width: 50%;
		margin: 0 auto 0 auto;
		z-index: 2;
		position: relative;
	}
	
	@media only screen and (max-width: 768px) {  
	
		.login_page form, .reset_page form, .reg_page form {
			width: 100%;
		}
		
	}
	
	.reg_page form {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.reg_page form {
			width: 100%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {  
	
		.reg_page form {
			width: 100%;
		}
		
	}
	
	
	
	/*.reg_page:after {
		content: "\f007";
		content: "\f2be";
		font-family: 'LineAwesome';
		padding: 0;
		margin: 0;
		font-size: 260px;
		position: absolute;
		top: 450px;
		z-index: 1;
	}*/
	
	.login_page form .left, .reg_page form .left, .reset_page form .left {
		margin: 0;
		padding: 0;
		overflow: hidden;
		min-width: auto;
	}

	.reset_page {
		height: 100%;
	}
	
	.login_page, .login_page_logo, .reset_page, .reset_page_logo, .reg_page  {
		width: 75%;
		margin: 0 auto;
	}
	
	
	@media only screen and (max-width: 768px) {  
		
		.login_page, .login_page_logo, .reset_page, .reset_page_logo, .reg_page  {
			width: 90%;
		}
	}



	.meta h1, .meta h2, .meta h3, .meta p {
		color: #58585a !important;
	}
	
	.meta p a, .meta li a  {
		color: #c20000 !important;
	}
	
	.meta ul {
		list-style-type: disc; 
		list-style-position: inside; 
		padding: 0 20px;
	}
	
	.meta ol {
		padding: 0 20px;
	}



	



/* Karten Auswahl und Buchungsseiten */
	.abwRechnungLink:after {
		font-family: 'LineAwesome';
		content: "\f107";
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 21px;
	}
	
	.abwRechnungLink.open {
		color: rgba(0,0,0,0.5);
		font-size: 18px;
	}
	
	.abwRechnungLink.open:after {
		font-family: 'LineAwesome';
		content: "\f106";
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 21px;
	}
	
	.kartenAuswahl {
		margin: 0;
		padding: 0;
		height: auto;
		width: 100%;
		max-width: 1200px;
		text-decoration: none;
		overflow: hidden;
		font-weight: normal;
		float: left;
	}
	
	body.menuopen .kartenAuswahl {
		width: 50%;
		margin: 0 2% 0 0;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.kartenAuswahl {
			max-width: 45%;
			margin: 0 2% 0 0;
		}
		
	}
	
	.kartenAuswahl .left {
		max-width: 50%;
		min-width: 50%;
	}	
	
	
	
/* Formular geteilter Bildschirm */	
	.formBuchung, .formBuchung.x2, .formBuchung.x1, .formBuchung.x3, .formBuchung.x4 {
		width: 100%;
		float: none;
	}
	
	.formBuchung.x2 {
		width: 49%;
		float: left;
		margin: 0 1% 0 0;
	}
	
	.formBuchung.x3 {
		width: 74%;
		float: left;
		margin: 0 1% 0 0;
	}
	
	.formBuchung.x1 {
		width: 24%;
		float: left;
		margin: 0 1% 0 0;
	}
	
	.formBuchung.x4 {
		width: 99%;
		float: left;
		margin: 0 1% 0 0;
	}
	
	@media only screen and (min-width: 1601px) and (max-width: 1900px) { 
	
		.formBuchung.x2 {
			width: 99%;
		}
	}
	
	@media only screen and (min-width: 1201px) and (max-width: 1600px) { 
	
		.formBuchung.x2 {
			width: 99%;
		}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) {  
	
		.formBuchung.x2 {
			width: 99%;
		}
		
		.formBuchung.x3 {
			width: 99%;
		}
	
		.formBuchung.x1 {
			width: 49%;
		}
		
	}
	
	@media only screen and (max-width: 768px) {  
	
		.formBuchung.x2 {
			width: 99%;
		}
		
		.formBuchung.x3 {
			width: 99%;
		}
	
		.formBuchung.x1 {
			width: 99%;
		}
		
	}
	
	.formBuchung .mail_preview {
		width: 100%;
		height: auto;
	}
	
	/*@media only screen and (max-width: 1200px) { 
		
		.formBuchung.x2, .formBuchung.x3, .formBuchung.x1, .formBuchung.x4 {
			float: none;
			margin: 0;
		}
		
	}
	
	@media only screen and (min-width: 1600px) {
		
		.formBuchung.x2 {
			max-width: 48%;
			float: left;
			overflow: hidden;
			margin: 0 2% 0 0;
		}
		
		.formBuchung.x2 .left {
			max-width: 50%;
			min-width: 50%;
		}
		
		.formBuchung.x1 {
			width: 10%;
			float: left;
			margin: 0 1% 0 0;
		}
		
	}*/
	
	@media only screen and (min-width: 1600px) {
		
		.formBuchung.x2 input[type="text"], 
		.formBuchung.x2 input[type="email"], 
		.formBuchung.x2 select {
			width: 320px;
		}
		
		/*.formBuchung.x2 textarea  {
			width: 48%;
		}*/
		
		.formBuchung.x2 textarea.prev_badge_nachname
		.formBuchung.x2 textarea.prev_badge_firma {
			width: 100% !important;
		}
		
	}
	
	@media only screen and (min-width: 1900px) {
		
		.formBuchung.x2 input[type="text"], 
		.formBuchung.x2 input[type="email"], 
		.formBuchung.x2 select {
			width: 320px;
			width: 96%;
			min-width: 320px;
		}
		
		.formBuchung.x2 textarea  {
			width: 96%;
			min-width: 320px;
		}
		
		.formBuchung.x2 textarea.prev_badge_nachname
		.formBuchung.x2 textarea.prev_badge_firma {
			width: 100%;
		}
		
	}
	
	@media only screen and (min-width: 1900px) {
		
		body.menuopen .formBuchung {
			float: left;
			overflow: hidden;
			margin: 0 0 0 1%;
		}
		
	}
	
	@media only screen and (min-width: 1900px) {
		
		/*body.menuopen .formBuchung input[type="text"] {
			width: 260px;
		}
		
		body.menuopen .formBuchung .left {
			max-width: 50%;
			min-width: 50%;
		}*/
		
	}
	
	.kartenAuswahl input {
		float: left;
	}
	
	.incrementer {
		float: left;
	}
	
	.button {
		margin: -1px 0 0 0;
		padding: 0;
		cursor: pointer;
		outline: none 0;
		overflow: hidden;
		color: #fff;
		overflow: hidden;
		display: block;
		height: 22px;
		max-width: 20px;
	}
	
	.inc:before {
		font-family: 'LineAwesome';
		content: "\f106";
		margin: 0;
		padding: 0 2px;
		font-size: 17px;
		color: rgba(0,0,0,0.5);
		border: rgba(0,0,0,0.5) 1px solid;
		height: 15px;
	}
	
	.dec:before {
		font-family: 'LineAwesome';
		content: "\f107";
		margin: 0;
		padding: 0 2px;
		font-size: 17px;
		color: rgba(0,0,0,0.5);
		border: rgba(0,0,0,0.5) 1px solid;
		height: 15px;
	}

/* see table.css */

/* Tooltip container */
	.tooltip {
		position: relative;
		display: inline-block;
		overflow: visible;
	}
	
	.tooltip .tooltiptext, 
	.tooltip .tooltiptext.tooltipmenuopen, 
	.tooltip .tooltiptext.tooltipfunctionsopen {
		visibility: hidden;
		width: auto;
		background-color: #fff;
		color: rgba(0,0,0,0.5);
		border: 1px solid rgba(0,0,0,0.5);
		text-align: left;
		padding: 3px 5px;
		line-height: normal;
		font-size: 12px;
		white-space: nowrap;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 999999999;
		top: 60px;
	}
	
	.tooltip .tooltiptext.tt-left {
		left: 0;
	}
	
	.tooltip .tooltiptext.tt-right {
		right: 10px;
	}
	
	.tooltip .tooltiptext.tt-middle {
		min-width: 100px;
		left: 50%;
		margin-left: -50px;
	}
	
	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext	{
		visibility: visible;
	}
	
	/* Tooltip Fenster in schwarz */
	.tooltip .tooltiptext.tooltipmenuopen {
		top: -10px;
	}
	
	.tooltip .tooltiptext.tooltipfunctionsopen {
		top: 45px;
	}
	
	#dataform .tooltip .tooltiptext {
		width: 200px;
		overflow: visible;
		white-space: normal;
	}
	
/* Scrollup - Einblenden des Pfeils zum Scrollen nach oben */
	.scrollup {
		position: fixed;
		width: 45px;
		height: 45px;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		bottom: 70px;
		right: 20px;
		display: none;
		outline: none 0;
		text-decoration: none;
		line-height: 45px;
		cursor: pointer;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
		border-radius: 4px;
	} 
	
	.scrollup:before {
		content: "\f106";
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		font-size: 24px;
	}	
	
	.noframe .scrollup {
		cursor: default;
		color: rgb(0,76,136);
		background: rgb(0,76,136);
	}
	
/* Home Screen */	
	.center-div {
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 400px;
		height: 200px;
		background-position: center top;
		-webkit-background-size: auto auto;
		-moz-background-size: auto 200px;
		-o-background-size: auto 200px;
		background-size: auto 200px;
		background-repeat: no-repeat;
		color: rgba(255,255,255,1);
	}
	
	.home {
		display: block;
		position: absolute; 
		bottom: 100px;
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		/* Need a specific value to work: */
		width: 100px; 
		font-size: 120%;
		text-align: center;
		color: rgba(255,255,255,.5);
	}
	
	.home:hover {
		color: rgba(255,255,255,1);
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		transition-property:color;
	}
	
	.home:before {
		font-family: 'LineAwesome';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding: 0;
		margin: 0 10px 0 0;
		font-size: 21px;
		content: "\f023";
	}
	
	@media only screen and (min-width: 1600px) {
		
		.home {
			bottom: 200px;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		
		.home {
			bottom: 50px;
			width: 100%;
		}
		
	}
	
	body.menuopen .adm_sign:before {
		display: none;
	}
	
	.storno_buchung {
		text-decoration: line-through;
	}	

	.pager i {
		font-size: 24px;
		vertical-align: text-top;
	}
	
	.add_button, .remove_button {
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		text-align: center;
		margin: 2px 0 0 0;
		padding: 0;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.add_button:before {
		font-family: 'LineAwesome';
		content: "\f2c2";
		margin: 0;
		padding: 0;
		font-size: 24px;
		text-align: center;
		line-height: 40px;
	}
	
	.remove_button:before {
		font-family: 'LineAwesome';
		content: "\f28e";
		margin: 0;
		padding: 0;
		font-size: 24px;
		text-align: center;
		line-height: 40px;
	}
	
	.backlink,
	.backlink_button	{
		margin: 20px 20px 20px 0;
		padding: 0 20px;
		float: none;
		display: inline-block;
		-webkit-appearance: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		height: 43px;
		overflow: hidden;
		line-height: 43px;
		min-width: 150px;
		text-align: center;
		border-radius: 4px;
		
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		/*line-height: normal;*/
	}
	
	.backlink_button {
		max-width: 250px;
		width: auto;
		background: #666;
		border: 1px solid #666;
		color: #fff !important;
		margin: 0 20px 20px 10px !important;
	}
	
	.backlink_button:hover {
		background: transparent;
		border: 1px solid #666 !important;
		color: #666 !important;
	}
	
	.backlink i {
		font-size: 21px;
		vertical-align: middle;
		margin: -2px 5px 0 0;
	}
	
/* 20191025 kko */	
	#ui-datepicker-div select {
		padding: 1px 0;
		margin: 0 2px;
	}

	.formBuchung input[type="text"].codes {
		width: 75%;
	}
	
	.formBuchung {
		position: relative;
	}
	
	
	footer .bglight .col80 span.copyright, 
	footer .bgdark .col80 span.copyright, 
	footer .bg_white .col80 span.copyright  	{
		position: absolute;
		/*font-size: 14px;*/
		left:300px;
		left: 21.5%;
		left: 25%;
		bottom:20px;
	}
	
	@media only screen and (min-width: 1600px) {
		
		footer .bglight .col80 span.copyright, 
		footer .bgdark .col80 span.copyright, 
		footer .bg_white .col80 span.copyright {
			left:17.5%;
			left:325px;
			left: 20%;
		}
		
	}
	
	@media only screen and (min-width: 1920px) {
		
		footer .bglight .col80 span.copyright, 
		footer .bgdark .col80 span.copyright, 
		footer .bg_white .col80 span.copyright {
			left: 16%;
		}
		
	}
	
	body.menuopen footer .bglight .col80 span.copyright, body.menuopen footer .bgdark .col80 span.copyright, body.menuopen footer .bg_white .col80 span.copyright	{
		left:80px;
	}
	
	
	footer.noframe .col80 span.copyright, body.menuopen footer.noframe .col80 span.copyright {
		left:40px;
	}





	
	
	
/* Logo Standard im Login */		
	.logo {
		width: 400px;
		height: 100px;
		margin: 30px 0 30px 25px;
		background-size: auto 100px;
		background-repeat: no-repeat;
		image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/
	}	
	
	
	
/* zoom */		
	img[data-action="zoom"] {
		cursor: pointer;
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
	}
	
	.zoom-img,
	.zoom-img-wrap {
	  position: relative;
	  z-index: 666;
	  -webkit-transition: all 300ms;
		   -o-transition: all 300ms;
			  transition: all 300ms;
	}
	
	img.zoom-img {
	  cursor: pointer;
	  cursor: -webkit-zoom-out;
	  cursor: -moz-zoom-out;
	}
	
	.zoom-overlay {
		z-index: 420;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none;
		filter: "alpha(opacity=0)";
		opacity: 0;
		-webkit-transition:      opacity 300ms;
		-o-transition:      opacity 300ms;
		transition:      opacity 300ms;
	}
	
	.zoom-overlay-open .zoom-overlay {
		filter: "alpha(opacity=100)";
		opacity: 1;
	}
	
	
	

/*=============== Download Boxen  ==================*/

	.downloadbox,
	.steckbriefbox	{
		width: 400px;
		min-height: 225px;
		margin: 5px 10px 15px 10px;
		text-align: center;
		font-size: 20px;
		border: 1px solid #f2f2f2;
		background: #f9f9f9;
		overflow: hidden;
		padding: 5px 0 5px 0;
		/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
		border-radius: .25rem;
	}
	
	.steckbriefbox	{
		min-height: 110px;
		float: left;
	}
	
	.downloadbox.jpg.selected,
	.downloadbox.jpg.selected:hover	{
		background-color: #f3e5f5;
		border: 1px solid #eedaf1;
	}
	
	.downloadbox.xls.selected,
	.downloadbox.xls.selected:hover	,
	.downloadbox.xlsx.selected,
	.downloadbox.xlsx.selected:hover	{
		background-color: #d1f3e0;
		border: 1px solid #c2efd6;
	}
	
	.downloadbox.pdf.selected,
	.downloadbox.pdf.selected:hover	{
		background-color: #ffeaea;
		border: 1px solid #ffe6e6;
	}
	
	.downloadbox.doc.selected,
	.downloadbox.doc.selected:hover,
	.downloadbox.docx.selected,
	.downloadbox.docx.selected:hover	{
		background-color: #e1f1ff;
		border: 1px solid #cce7ff;
	}
	
	/*.downloadbox:hover {
		background-color: #f6f6f6;
	}*/
	
	.downloadbox p {
		font-size: 16px;
		text-align: left;
		padding: 2px 10px;
		line-height: normal;
	}
	
	.downloadbox span,
	.steckbriefbox span	{
		font-size: 16px;
		line-height: normal;
		color: rgba(0,0,0,.3);
		display: block;
		margin: 0 0 10px 0;
		text-align: left;
		font-weight: normal;
	}
	
	.downloadbox span.text_desc,
	.steckbriefbox span.text_desc	{
		color: rgba(0,0,0,.7);
		margin: 10px 0 10px 0;
	}
	
	.downloadbox .item-icon,
	.steckbriefbox .item-icon{
		position: relative;
		height: 85px;
		width: 85px;
		line-height: 85px;
		border-radius: 50%;
		text-align: center;
		margin: 10px auto 0 auto;
	}
	
	.pdf .item-icon, 
	.bg-light-red {
		background-color: #ffeaea;
	}
	
	.doc .item-icon,
	.docx .item-icon, 
	.bg-light-blue {
		background-color: #e1f1ff;
	}
	
	.xls .item-icon, 
	.xlsx .item-icon, 
	.bg-light-green {
	  background-color: #d1f3e0;
	}
	
	.png .item-icon, 
	.jpeg .item-icon, 
	.jpg .item-icon, 
	.bg-light-magenta {
		background-color: #f3e5f5;
	}
	
	.fa-file-png:before, 
	.fa-file-jpeg:before,
	.fa-file-jpg:before {
		content: "\f1c5"; 
	}
	
	.fa-file-xls:before, 
	.fa-file-xlsx:before {
		content: "\f1c3"; 
	}
	
	.fa-file-doc:before,
	.fa-file-docx:before 	{
		content: "\f1c2"; 
	}
	
	.downloadbox i,
	.steckbriefbox i	{
		font-size: 40px;
		line-height: 85px;
	}
	
	.downloadbox.pdf, 
	.downloadbox.pdf a,
	.steckbriefbox.pdf, 
	.steckbriefbox.pdf a 	{
		color: #ff0000;
	}
	
	.downloadbox.word, 
	.downloadbox.docx {
		color: #3f7afc;
	}
	
	.downloadbox.excel, 
	.downloadbox.xlsx, 
	.downloadbox.xlsx a,
	.downloadbox.xls, 
	.downloadbox.xls a	{
		color: #3cb878;
	}
	
	.downloadbox.image, 
	.downloadbox.jpg, 
	.downloadbox.jpg a, 
	.downloadbox.jpeg, 
	.downloadbox.jpeg a,
	.downloadbox.png, 
	.downloadbox.png a	{
		color: #8e24aa;
	}
	
	#headline_upload,
	#headline_notizen	{
		font-weight: bold;
	}
	
	.downloadbox .col60,
	.steckbriefbox .col60 	{
		width: 60%;
	}
	
	.downloadbox .col40,
	.steckbriefbox .col40 {
		width: 40%;
	}
	
	
	
	
/*=============== Notizen 2021-02-10 ==================*/

	.notice-wrap {
		margin: 0;
		padding:0;
		overflow: hidden;
		width: 100%;
	}
	
	.notice-list {
		border-bottom: 1px solid #ededed;
		padding-bottom: 14px;
		margin-bottom: 18px;
	}
		
	.notice-post {
		display: inline-block;
		font-size: 14px;
		color: #ffffff;
		padding: 5px 14px;
		border-radius: 20px;
		margin-bottom: 14px;
	}
	
	.notice-post.bg_yellow {
		background-color: #fbd540;
	}
	
	.notice-post.bg_green {
		background-color: #40dfcd;
	}
	
	.notice-post.bg_red {
		background-color: #f939a1;
	}
	
	.notice-post.bg_blue {
		background-color: #2196f3;
	}
	
	.notice-title {
		font-weight: 500;
		margin-bottom: 8px;
	}
	
	.notice-meta {
		font-size: 15px;
		color: #a4a4a4;
		color: #646464;
	}
	
	.notice-meta span {
		color: #a4a4a4;
	}
	
	/*.buttonFrame {
		min-height: 85px;
	}*/
	
	/*@media only screen and (max-width: 1599px) { 
	
		.buttonFrame {
			margin: 40px 0 0 0;
		}
	}*/
	
	
	
/*=============== Page Preloader ==================*/

	#preloader {
	  background: #ffffff url('/img/preloader.gif') no-repeat scroll center center;
	  height: 100%;
	  left: 0;
	  overflow: visible;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 9999999;
	}
		
	.filter_buttons {
		float: left;
		display: inline-block;
		margin: 30px 20px 0 0;
		font-weight: 500;
	}





/*=============== Dropdown Button ==================*/

	.dropdown-button {
		position: absolute;
		z-index: 1000;
		background-color: #fff;
		border: none;
		padding: 0;
		/*border-radius: 4px;*/
		-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
		box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
		right: auto;
		left: 0;
		top: 50px;
		line-height: normal;
		overflow: hidden;
		display: none;
	}
	
	.dropdown-button.dropdown-notext {
		min-width: 50px;
		width: 50px;
	}	
	
	a.dropdown-button-item {
		position: relative;
		display: block;
		line-height: normal;
		padding: 10px 20px 10px 50px;
		font-size: 15px;
		color: #212529;
		clear: both;
		text-align: left;
		overflow: hidden;
		text-indent: -25px;
	}
	
	.dropdown-button-item i.red,
	.dropdown-button-item i.green,
	.dropdown-button-item i.yellow	{
		width: 30px;
		font-size: 28px;
		vertical-align: middle;
		display: inline-block;
		padding: 0 0 0 20px;
	}

	.dropdown-button-item i.red {
		color: #ff0000;
	}	
	
	.dropdown-button-item i.green	{
		color: #00c853;
	}
	
	.dropdown-button-item i.yellow	{
		color: #fbd540;
	}
	
	
	#chart {
		  width: 95%;
		  margin: 0;
		  opacity: 0.9;
		}
		
	.apexcharts-toolbar {
		z-index: -1 !important;
	}