@CHARSET "ISO-8859-1";
@import url(/css/fonts/nimbusmono.css);
@import url(/css/fonts/roboto.css);
@import url(/css/fonts/assistant.css);


/* ---- ALlgemeines ---- */

html,
body {
	height: 100%;
	scrollbar-width: thin;
}

body {
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	font-family: Assistant, sans-serif !important; 
	min-width: 1200px;
	height: 100%;
	background-attachment: fixed;
	background-color: #ffffff;
	color: #333333;
	box-sizing: border-box;
	font-size: 11pt;
	line-height: normal;
}

h3 {
	font-size: 14pt;
}

h1 {
	font-size: 18pt;
}

.z3 {
	z-index: 3 !important;
}

.btn_search {
	position: absolute;
	padding: 0px;
	right: 0px;
	width: 32px;
	height: 32px;
	background-color: transparent;
}

* {
	scrollbar-width: thin;
}

*::-webkit-scrollbar {
	width: 5px;
}


*::-webkit-scrollbar-track {
	background: #f0f0f0; 
}
 
*::-webkit-scrollbar-thumb {
	background: #999999; 
}


*::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

ul::-webkit-scrollbar {
	width: 5px;
}


ul::-webkit-scrollbar-track {
	background: #f0f0f0; 
}
 
ul::-webkit-scrollbar-thumb {
	background: #999999; 
}


ul::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.subtext {
	color: #bbb;
	width: 80%;
}

.text-alert {
	color: rgb(240,50,60);
	font-weight: bold;
}

.text-info {
	color: rgb(51,51,51);
	font-weight: bold;
}

.text-action {
	color: rgba(0,173,142,1);
	font-weight: bold;
}

.link {
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: #00ad8e;
	text-transform: uppercase;	
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.link:hover {
	color: rgba(0,173,142,.75);
	text-decoration: underline;
}

.link_dark {
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	text-transform: uppercase;	
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.link_dark:hover {
	color: #777777;
}


.toggle {
	display: none;
}

.toggle:checked ~ .addup {
	opacity: 1;
	transition: all .2s ease-in;
	height: 256px;
	width: 128px;
	bottom: 136px;
	right: -44px;
	padding: 16px;
	border-radius: 4px;
} 

.addup {
	position: fixed;
	bottom: 5%;
	right: 5%;
	opacity: 0;
	overflow: hidden;
	background: #fcfcfc;
	width: 64px;
	height: 64px;
	padding: 0px;
	border-radius: 50%;
	box-shadow: 0px 8px 12px 1px rgba(0,0,0,.24);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	z-index: 9998;
}


/* Loader hat bereits eigene CSS, kann vielleicht an dieser Stelle raus */

.loader {
	margin: auto;
	-webkit-animation: spin .7s linear infinite;
	animation: spin .7s linear infinite;
	border: 2px solid #dddddd;
	border-top: 2px solid #00ad8e;
	border-radius: 50%;
	height: 32px;
	width: 32px;

}

.loader_big {
	margin: auto;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border: 2px solid #dddddd;
	border-top: 2px solid #00ad8e;
	border-radius: 50%;
	height: 128px;
	width: 128px;
}

@-webkit-keyframes spin {
	to {
		border-top-color: #00ad8e;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	to {
		border-top-color: #00ad8e;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader_text {
	text-align: center;
	margin-top: 12px;
}

/* ---- PROJEKTE: Suchfunktion ---- */

.search-result {
	width: 100%;
	padding-top: 64px;
	padding-bottom: 12px;
	font-size: 14pt;
	color: #888888;
	display: block; /* display: none */
	text-align: center;
}

.search-result p {	
	margin: 0;
	text-shadow: 0px 1px 1px #ffffff;
}


.empty-list {
	width: 400px;
	padding: 12px;
}

.empty-list h1 {
	color: #333333;
	font-weight: bold;
}

.empty-list p {
	color: #777777;
}



#disclaimer {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	position: sticky;
	z-index: 199999999;
}

#disclaimer #content {
	margin: auto;
	width: 600px;
	padding: 16px 0;
	background-color: #ffffff;
	border-radius: 6px;
	position: inherit;
	top: 40%;
	box-shadow: 0px 8px 12px rgba(0,0,0,0.24)		
}



/* ---- Buttons ---- */

.back {
	position: absolute;
	top: 96px;
	left: 16px;
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: transparent;
	transition: all .2s ease-in; 
	-webkit-transition: all .2s ease-in;
}

.back:hover {
	background-color: rgba(0,0,0,.1);
}

.back:focus {
	outline: none;
	background-color: rgba(0,0,0,.15);
}

.btn_dis {
	text-decoration: none;
	font-size: 14pt;
	overflow: hidden;
	cursor: pointer; 
	margin: 16px;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: #00ad8e;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

.btn_dis:hover {
	background-color: rgba(0,173,142,.8);
}

.btn_dis:active {
	background-color: rgba(0,173,142,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
}

.btn-upload label {
	position: fixed;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	bottom: 5%;
	right: 5%;
	width: 64px;
	text-align: center;
	height: 64px;
	background-color: #00ad8e;
	border-radius: 50%;
	cursor: pointer;	z-index: 9999;
	box-shadow: 0px 6px 8px 1px rgba(0,0,0,.24);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.btn-upload label:hover {
	background-color: rgba(0,173,142,0.9);
	box-shadow: 0px 8px 10px 1px rgba(0,0,0,.20);
}

.btn-upload label:active {
	background-color: rgba(0,173,142,0.8);
	box-shadow: 0px 6px 8px 1px rgba(0,0,0,.24);
}

.btn-upload label input[type=checkbox] {
	display: none;
}

.btn-upload label input[type=checkbox]:checked ~ .material-icons-upload {
	transform: rotatez(225deg);
	-webkit-transform: rotatez(225deg);
}


/* ---- Startseite (landing page) ---- */


.start-bg { 
	background: linear-gradient(to top, #00ad8e, #ffffff);		
	background: -webkit-linear-gradient(to top, #00ad8e, #ffffff); 
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.front {
	width: 100%;
	position: absolute;
	top: 20vh;
	z-index: 1; 
	font-size: 14pt;
	text-align: center;
	text-shadow: 0px 3px 8px rgba(0,0,0,.4);
	color: #ffffff;
}

#navi {
	margin: auto;
	left: 0;
	right: 0;
	width: 300px;
	height: auto;
	animation: hover 2.5s ease-in-out infinite;
}

@keyframes hover {

	0%		{
			transform: translateY(0);
			}

	50%		{
			transform: translateY(8px);
			}

	100%	{
			transform: translateY(0px);
			}
}

.start-menu {
	padding: 0;
	right: 0px;
}

.preview {
	height: 100%;
	background-color: #ffffff;
	position: absolute;
	right: 0px;
	left: 0px;
}

.preview-image {
	background-image: url("/images/preview.jpg");
	height: 936px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.preview-footer {
	padding: 8px;
	width: 100%;
	position: absolute;
	display: flex;
	margin: 0;
	bottom: 0;
	background-image: linear-gradient(to right, #00ad8e, #38d0a6, #00ad8e);
	color: #ffffff;
	font-size: 11pt;
	z-index: 99999999;
}

.preview-footer .part {
	width: 33%;
	text-align: center;
}

.preview-footer .part ul {
	list-style: none;
	padding: 0;
}

.preview-footer .part ul li {
	display: block;
}

.preview-footer .part ul li a {
	color: #ffffff;
}



/* ---- Startseite Menü links ---- */



.register {
	text-decoration: none;
	overflow: hidden;
	cursor: pointer; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	height: auto;
	background-color: transparent;
	border: 1px solid #00ad8e;
	border-radius: 3px;
	color: #00ad8e;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.register:hover {
	background-color: rgba(0,173,142,0.2);
	border: 1px solid rgba(0,173,142,0.5);
	color: #00ad8e;
	text-decoration: none;
}

.register:focus {
	background-color: rgba(0,173,142,0.1);
	border: 1px solid rgba(0,173,142,0.3);
	color: #00ad8e;
	text-decoration: none;
}

.start-header .login-container {
	margin: auto;
	color: #ffffff;
	height: 42px;
	min-width: max-content;
}

.start-header .login-done {
	padding: 8px 0px 0px 0px;
	margin: auto;
	margin-top: 0px;
	margin-left: 64px;
	color: #ffffff;
	font-size: 14pt;
	min-width: max-content;
	z-index: 99;
}



/* ---- Menü Kopfzeile ---- */



.menu {
	padding: 0;
	right: 0px;
	float:right;
	position: absolute;
	display: flex;
	height: 42px;
	z-index: 10000;
}

.menu a {
	display: block;
	padding: 10px 22px;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	float:left;		
	border-bottom: 0px solid #ffffff;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.menu a:hover {
	border-bottom: 3px solid #ffffff;
}

.menu a:active {
	border-bottom: 3px solid #ffffff;
}

.filter_icon {
	padding: 16px;
	width: auto; 
	float: left;
}

.hilfe-header {
	position: fixed;
	top: 64px;
	background-color: #ffffff;
	border-bottom: 2px solid #00ad8e;
	width: 936px;
}

.hilfe-item {
	padding: 12px;
	margin: 16px 32px 0px 32px;
	border-top: 1px solid #dddddd;
}

.downloads-header {
	border-bottom: 2px solid #00ad8e;
}

.downloads-item {
	padding: 12px;
	margin: 0px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}

.downloads-item h1 {
	padding: 0px;
	margin: 10px 0px;
}

.downloads-item-content p {
	color: #888888;
	margin: 0px;
	padding: 0px;
}

.downloads-item a {
	text-decoration: none;
	color: #ffffff;
}

.downloads-item a:hover {
	text-decoration: none;
	color: #ffffff;
}

.downloads-item-icon {
	margin: 4px 16px 0px 0px;
	position: relative;
}

.downloads-item-size {
	position: absolute;
	top: 16px;
	right: 16px;
}

.downloads-item-size p {
	margin: 0px;
	padding: 0px;
	color: #888888;
}

.downloads-item-version {
	position: absolute;
	top: 32px;
	right: 16px;
}

.downloads-item-version p {
	margin: 0px;
	padding: 0px;
	color: #888888;
}

.info-div {
	display: block;
	margin-top: 12px;
}

.flex {
	display: flex;

}

.license-icon {
	margin-right: 8px;
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 32px;
	height: 32px;
	padding: 2px;
	background-color: #00ad8e;
	border-radius: 50%;
	color: #ffffff;
	font-weight: normal;
	font-size: 13pt;
	text-align: center;
	display: inline-block;
}

.save-icon {
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 26px;
	padding: 2px 12px 2px 2px;
	background-color: #00ad8e;
	border-radius: 3px;
	color: #ffffff;
	font-weight: normal;
	font-size: 11pt;
	text-align: center;
	display: inline-block;
}

.save-icon-dark {
	background-color: #454545 !important;
}

.projekt-page {
	padding-top: 80px;
	margin-auto;
	position: absolute;
	width: 100%;
	height: auto;
}

.projekt-card {
	display: inline-block;
	right: 0px;
	left: 0px;
	position: absolute;
	margin:auto;
	margin-top: 32px;
	min-width:950px;
	max-width: 1200px;
	min-height: 600px;
	background-color: #ffffff;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	border-radius: 3px;
	border: 1px solid #00ad8e;
}

.projekt-card #content {
	margin: 16px;
	text-align: center;
	width: auto;
	height: auto;
	background-color: #e7e7e7;
	padding:16px;
	float: left;
	position: relative;
	border-radius: 3px;
	box-shadow:0px 0px 0px 1px #aaaaaa inset;
}

#Projekte {
	top: 42px;
	margin: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	min-width: 1200px;
	width: 100%;
	height: auto;
	bottom: 0px;
}

#Registrieren {
	padding-top: 80px;
	margin: auto;
	position: absolute;
	width: 100%;
}

.register-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,173,142,.1);
	background-image: url("/images/fleet_bg.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 15%;
	overflow-y: auto;
}

.register-card {
	padding: 32px;
	font-size: 11pt;
	position: relative;
	margin: auto;
	margin-top: 10vh;
	margin-bottom: 32px;
	width: 600px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.14), 0 6px 6px rgba(0,0,0,0.18);
	border-radius: 6px;
	box-sizing: border-box;
}

.register-card h1 {
	font-size: 20pt;
	color: #00ad8e;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	width: 100;
	text-align: left;
}

.register-card #content {
	padding:16px;
	display: block;
	height: auto;
	margin: auto;
}

.reg-tab {
	display: none;
}

.reg-tab input.invalid {
	border-bottom: 2px solid #C31818;
	background-color: #F6D3D3;
}

#regForm {
	position: relative;
	background-color: #ffffff;
	margin: auto;
	font-family: Assistant, sans- serif;
}

#regForm label {
	color: #aaaaaa; 
}

.register-card #content h{
	color: #00ad8e;
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
}

.reg-tab input[type=text], 
.reg-tab input[type=password] {
	padding: 8px;
	font-size: 11pt;
	border: none;
	height: 32px;
	box-sizing: border-box;
	margin: auto;
	margin-bottom: 16px;
	right: 0px;
	border: none;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
	color: #333333;
	background-color: rgba(255,255,255,0.4);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.reg-tab input[type=text]:focus, 
.reg-tab input[type=password]:focus {
	border-bottom: 2px solid #00ad8e;
	outline: none;
}

.reg-tab input.invalid {
	border-bottom: 2px solid #C31818 !important;
	background-color: #F6D3D3;
}

.reg-tab input.invalid:focus, .reg-tab input.invalid:active {
	border-bottom: 2px solid #00ad8e;
	background-color: #ffffff;
}

.reg-tab input[type=text]:active, 
.reg-tab input[type=password]:active {
	border-bottom: 2px solid #00ad8e;
	outline: none;
	background-color: #ffffff;
}

.big-projekt-header {
	padding: 16px 0px;
	text-align: left;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	position: fixed;
	top: 90px;
	left: 410px;
}

.projekt-header {
	position: absolute;
	right: 0px;
	padding: 16px;
	width: 60%;
	text-align: left;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.projekt-headline {
	background-color: #00ad8e;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	padding: 16px;
	border-radius: 3px 3px 0px 0px;
}

.projekt-dl-small {
	margin-right: 16px;
	margin-left: 16px;
	width: 22px;
	height: 22px;
	background-color: #00ad8e;
	border-radius: 50%;
	color: #ffffff;
	font-weight: normal;
	font-size: 12pt;
	text-align: center;
	display: inline-block;
}

.projekt-chargestate {
	margin-right: 16px;
	width: 22px;
	height: 22px;
	background-color: #333333;
	border-radius: 50%;
	color: #ffffff;
	font-weight: normal;
	font-size: 12pt;
	text-align: center;
	display: inline-block;
}

.projekt-dl {
	margin-right: 16px;
	margin-left: 16px;
	width: 32px;
	height: 32px;
	padding: 2px;
	background-color: #00ad8e;
	border-radius: 50%;
	color: #ffffff;
	font-weight: normal;
	font-size: 13pt;
	text-align: center;
	display: inline-block;
}

.projekt-formulare {
	padding-left: 16px;
	padding-right: 16px;
	color: #666666;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	display: inline-block;
}

.projekt-typ {
	position: absolute;
	right: 0px;
	top: 6px;
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	display: inline-block;
}

.projekt-typ i {
	cursor: default !important;
}

.projekt-user {
	padding-left: 48px;
	padding-right: 16px;
	color: #666666;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	display: inline-block;
}

.projekt-id {
	padding-left: 16px;
	padding-right: 16px;
	color: #666666;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	display: inline-block;
}

.projekt-time {
	padding-left: 16px;
	padding-right: 16px;
	color: #666666;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	display: inline-block;
}

.projekt-fixed {
	margin: 16px;
	padding: 16px;
	display: inline-block;
	max-width: 460px;
	height: auto;
	position: relative;
	background-color: #e7e7e7;
}

.projekt-fixed h {
	color: #333333;
	font-weight: bold;
	font-size: 14pt;
}

.bg-card {
	padding: 16px;
	position: relative;
	margin: auto;
	margin-top: 16px;
	margin-bottom: 32px;
	min-width: 950px;
	width: 75%;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	border-radius: 3px;
}

.bg-card #content {
	padding:16px;
	list-style: none;
}

.card .head {
	background-color: rgba(0,173,142,.15);
	height: 48px;
	color: #ffffff;
	width: 100%;
	border-radius: 3px 3px 0px 0px;
	display: flex;
	box-sizing: border-box;
	padding: 12px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card .head a {
	color: #00ad8e;
	padding-left: 4px;
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;		
}

.card {
	box-sizing: border-box;
	position: relative;
	margin: auto;
	margin-top: 16px;
	margin-bottom: 32px;
	width: 1000px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0 4px 6px rgba(0,0,0,0.06), 0 3px 4px rgba(0,0,0,0.12);
	border-radius: 3px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.16);
}

.card:hover.card .head {
	background-color: rgba(0,173,142,.1);
}

.card .content {
	padding:16px;
	list-style: none;
}

.card .content .text::-webkit-scrollbar {
	width: 5px;
}

.card .content .text::-webkit-scrollbar-track {
	background: #f0f0f0; 
}

.card .content .text::-webkit-scrollbar-thumb {
	background: #999999; 
}

.card .content .text::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.card .content .flexbox		{
	display: flex;
}

.card .content .text {
	position: absolute;
	right: 16px;
	top: 116px;
	height: 136px;
	overflow-y: auto;
	font-size: 11pt;
	padding: 16px 0px 8px 0px;
	display: inline;
	color: #777777;
	width: 550px;
}

.card .content a {
	text-decoration: none;
	color: #333333;
}

.card .content .image {
	margin: 16px;
	border: 1px solid rgba(153,153,153,.4);
	border-radius: 3px;
	width: 240px;
	height: 160px;
	background-color: #ffffff;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	box-sizing: content-box;
	position:relative;
}

.card .content .image:hover {
	opacity: .55;
}

.big-card .head {
	font-size: 14pt;
	font-weight: bold;
	color: #00ad8e;
	padding-left: 64px;
}

.big-card {
	box-sizing: border-box;
	position: absolute;
	margin: auto;
	min-width: 1150px;
	top: 0px;
	padding: 42px;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	transition: all .25s ease-in;
	-webkit-transition: all .25s ease-in;
}

.big-card .content {
	padding:16px;
	list-style: none;
	position: absolute;
	left: 64px;
}

.big-card .content .flexbox		{
	display: flex;
	transition: all .25s ease-in;
	-webkit-transition: all .25s ease-in;
}

.big-card .content .text {
	height: 65vh;
	max-width: 850px;
	overflow-y: auto;
	font-size: 11pt;
	padding: 0px 32px 0px 32px;
	display: inline;
	text-align: justify;
	color: #777777;
	transition: all .25s ease-in;
	-webkit-transition: all .25s ease-in;
	float: left;
}

.big-card .content .userprofil {
	height: auto;
	width: 700px;
	overflow-y: auto;
	font-size: 11pt;
	padding: 0px 0px 0px 32px;
	display: inline;
	color: #777777;
	border-left: 1px solid rgba(153,153,153,.3);
	transition: all .25s ease-in;
	-webkit-transition: all .25s ease-in;
}

.big-card .content .userprofil .prj-list {
	height: auto;
	overflow-y: auto;
	font-size: 11pt;
	padding: 0px 0px 0px 32px;
	display: block;
	margin-bottom: 32px;
}

.big-card .content .userprofil .prj-list h1 {
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
}

.big-card .content .userprofil .prj-list .element {
	width: 400px;
	height: 80px;
	float: none;
	margin: 16px;
	cursor: pointer;
	border-bottom: 1px solid #dddddd;
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.big-card .content .userprofil .prj-list .element:hover {
	background-color: rgba(0,173,142,.10);
}

.big-card .content .userprofil .prj-list .element:hover .element-projekt-image {
	opacity: .8;
}

.element-projekt-image {
	width: 128px;
	height: 75px;
	padding: 2px;
}

.element-projekt-info {
	margin-left: 12px;
}

.element-projekt-title {
	color: #00ad8e;
	font-weight: bold;
}

.element-projekt-date {

}

.element-projekt-id {

}

.element-projekt-formulars {

}

.element-projekt-version {

}

.element-projekt-type {
	margin-left: 24px;
	margin-top: 6px;
	width: 32px;
}

.big-card .content .image {
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.big-image {
/*	box-shadow: 0px 2px 6px rgba(0,0,0,.24);*/
	width: 260px;
	height: 160px;
	float: left;
	margin: 8px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: content-box;
	position: relative;
}

.profil-card li #gridcard {
	margin: 16px;
	cursor: pointer;
	border: 1px solid #bbb;
	border-radius: 3px;
	width: 180px;
	height: 90px;
	color: #333333;
	background-color: #dddddd;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tool_horiz {
	width: 42px;
	height: auto;
	border-left: 1px solid #bbb;
	padding-left: 4px;
	margin-right: 40px;
}

.profil-list {
	position: relative;
	list-style: none;
	height: auto; padding: 0px 32px;
	padding-inline-start: 16px;
}

.profil-list li {
	width: 716px;
	position: relative;
	height: 200px;
	display: inline-block;
	border-top: 1px solid #bbb;
	padding: 8px;
	transition: all .25s ease-out;
}

.profil-list li:hover {
	background-color: #e7e7e7;
	box-shadow: 0px 6px 16px rgba(0,0,0,.36);
	border-top: 1px solid #e7e7e7;
}

.new {
	padding: 8px;
	width: 716px;
	height: 64px;
	display: flex;
	border-bottom: 2px solid #00ad8e;
	background-color:#ffffff /*rgba(0,173,142,.25)*/;
}

.list-content {
	width:100%;
	display: flex;
}

.list-content p {
	width: 80%;
}

.profil-list h{
	color: #00ad8e;
	font-weight: bold;
	font-size: 14pt; 
}

#Profil {
	margin-auto;
	padding-top: 64px;
	position: absolute;
	width: 100%;
}

.profil-avatar-big {
	margin: 16px 16px 16px 0px;
	text-align: center;
	position: relative;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	font-size: 20pt;
	color: white;
	padding-top: 3px;
	background-color: #FFBB11;
	text-shadow: 0px 3px 6px rgba(0,0,0,.40);
	user-select: none;
}

.profil-avatar-small {
	position: absolute;
	padding-top: 2px;
	display: inline-block;
	text-align: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 15pt;
	color: #ffffff;
	background-color: #FFBB11;
	text-shadow: 0px 2px 4px rgba(0,0,0,.25);
	user-select: none;
}

.profil-username {
	padding: 32px 16px 32px 16px;
	font-size: 18pt;
}

.loginbox-username {
	position: absolute;
	margin: 0;
	top: 32px;
	left: 64px;
}

.background-card {
	padding: 16px;
	right: 0px;
	left: 0px;
	position: absolute;
	margin:auto;
	margin-top: 0px;
	width: 50%;
	min-width: 1000px;
	height: auto;
	background-color: #ffffff;
	color: #333333;
}

.user-profil-card {
	padding: 0px;
	right: 0px;
	left: 0px;
	position: absolute;
	margin:auto;
	margin-top: 0px;
	margin-bottom: 32px;
	width: 100%;
	min-width: 1200px;
	height: auto;
	background-color: #ffffff;
	border-radius: 0px;
}

.profil-card {
	padding: 0px;
	right: 0px;
	left: 0px;
	position: absolute;
	margin:auto;
	margin-top: 0px;
	margin-bottom: 32px;
	width: 100%;
	min-width: 1200px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	border-radius: 3px;
}

.profil-card .content {
	padding:16px;
	width: 900px;
	margin: auto;
	position: absolute;
	left: 0px;
	color: #333333;
	right: 0px;
}

.background-card .content {
	padding:16px;
	width: 1000px;
	margin: auto;
	color: #333333;
	position: relative;
}

.background-card .content .image {
	margin: 16px;
	border: 1px solid #bbb;
	border-radius: 3px;
	width: 150px;
	height: 150px;
	background-color: #dddddd;
}

.background .content p {
	color: #777777;
}

.background .content h {
	color: #00ad8e;
	font-weight: bold;
	font-size: 14pt;
}

.konto-info {
	width: 900px;
}

.konto-info h1 {
	color: #00ad8e;
	font-weight: bold;
	font-size: 14pt;
	text-align: left;
}

.konto-element {
	margin: 0px 0px 0px 16px;
	display: inline-block;
}

.konto-info ul {
	padding: 16px;
	font-size: 11pt;
}

.konto-info ul li {
	position: relative;
	list-style: none;
	width:100%;
	border-bottom: 1px solid rgba(153,153,153,.4);
}

.konto-info ul li p {
	color: #888888;
}


.generalfailtext {
	margin: 12px 0px 0px 12px;
}

.container {
	display: inline-block;
	position: relative;
	padding-left: 46px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border-radius: 50%;
	border: 2px solid #888888;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.container input:checked ~ .checkmark {
	background-color: transparent;
	border: 2px solid #00ad8e;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container input:checked ~ .checkmark:after {
	display: block;
}

.container .checkmark:after {
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00ad8e;
}

.settings-container,
.options-container {
	display: inline-block;
	margin-bottom: 16px;
	position: relative;
	padding-left: 46px;
	color: #888888;
	cursor: default;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.settings-container input,
.options-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.settings-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border-radius: 50%;
	border: 2px solid #bbb;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.options-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border-radius: 50%;
	border: 2px solid #888888;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.settings-container input:checked ~ .settings-checkmark,
.options-container input:checked ~ .options-checkmark {
	background-color: transparent;
	border: 2px solid #00ad8e;
}

.settings-checkmark:after,
.options-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.settings-container input:checked ~ .settings-checkmark:after,
.options-container input:checked ~ .options-checkmark:after {
	display: block;
}

.settings-container .settings-checkmark:after,
.options-container .options-checkmark:after {
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00ad8e;
}

.dialog-layout {
	float: none;
	font-size: 11pt;
	color: #333333;
	font-weight: bold;
	padding-left: 0px;
	width: 500px;
	height:80px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
}

.dialog-box-container {
	display: block;
	position: relative;
	height: 80px;
	width: 550px;
	padding: 8px;
	cursor: pointer;
	font-size: 11pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.dialog-box-container:hover {
	background-color: rgba(0,173,142,.125);
}

.dialog-box-info {
	color: #aaaaaa;
	margin-top: -56px;
	display: block;
	padding-left: 32px;
	line-height: 16px;
	width: 500px;
}

.dialog-box-container input {
	position: absolute;
	display: none;
	cursor: pointer;
}

.dialog-box-checkmark {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 78px;
	width: 44px;
	background-color: #ffdcdc;
	border-radius: 0px;
	color: #cccccc;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.dialog-box-container input:checked ~ .dialog-box-checkmark {
	background-color: #00ad8e;
	color: #00ad8e;
}

.dialog-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.dialog-box-checkmark:hover {
	border-color: #00ad8e;
}

.dialog-box-container input:checked ~ .dialog-box-checkmark:after {
	display: block;
}

.dialog-box-container .dialog-box-checkmark:after {
	left: 18px;
	top: 24px;
	width: 12px;
	height: 24px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box-container {
	float: right;
	display: block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container input {
	position: absolute;
	display: none !important;
	cursor: pointer;
}

.box-info {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container input:checked ~ .box-checkmark {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}

.box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark:hover {
	border-color: #00ad8e;
}

.box-container input:checked ~ .box-checkmark:after {
	display: block;
}

.box-container .box-checkmark:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}








.box-container-ltr {
	display: block;
	position: relative;
	padding-left: 26px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 14px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container-ltr input {
	position: absolute;
	display: none !important;
	cursor: pointer;
}

.box-info-ltr {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark-ltr {
	position: absolute;
	top: 0;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container-ltr input:checked ~ .box-checkmark-ltr {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}

.box-checkmark-ltr:after {
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark-ltr:hover {
	border-color: #00ad8e;
}

.box-container-ltr input:checked ~ .box-checkmark-ltr:after {
	display: block;
}

.box-container-ltr .box-checkmark-ltr:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}







.box-container-small {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container-small input {
	position: absolute;
	display: none;
	cursor: pointer;
}

.box-info-small {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark-small {
	position: absolute;
	top: 0;
	left: 16px;
	height: 18px;
	width: 18px;
	background-color: #eeeeee;
	border: 1px solid #888888;
	border-radius: 50%;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container-small input:checked ~ .box-checkmark-small {
	background-color: #00ad8e;
	border: 1px solid #00ad8e; 
}

.box-container-small-obj input:checked ~ .box-checkmark-small {
	background-color: #333333;
	border: 1px solid #333333; 
}

.box-checkmark-small:after {
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark-small:hover {
	border-color: #00ad8e;
}

.box-container-small input:checked ~ .box-checkmark-small:after {
	display: block;
}

.box-container-small .box-checkmark-small:after {
	left: 5px;
	top: 3px;
	width: 5px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box-container-doc,
.box-container-prj {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 11pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container-doc input,
.box-container-prj input {
	position: absolute;
	display: none;
	cursor: pointer;
}

.box-info-doc,
.box-info-prj {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark-doc,
.box-checkmark-prj {
	position: absolute;
	top: 14px;
	left: 16px;
	height: 26px;
	width: 26px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 50%;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container-doc input:checked ~ .box-checkmark-doc,
.box-container-prj input:checked ~ .box-checkmark-prj {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}


.box-checkmark-doc:after,
.box-checkmark-prj:after {
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark-doc:hover, 
.box-checkmark-prj:hover {
	border-color: #00ad8e;
}

.box-container-doc input:checked ~ .box-checkmark-doc:after,
.box-container-prj input:checked ~ .box-checkmark-prj:after		{
	display: block;
}

.box-container-doc .box-checkmark-doc:after,
.box-container-prj .box-checkmark-prj:after {
	left: 7px;
	top: 3px;
	width: 8px;
	height: 13px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box-container-dev {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 11pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container-dev input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.box-info-dev {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark-dev {
	position: absolute;
	top: 14px;
	left: 16px;
	height: 26px;
	width: 26px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 50%;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container-dev input:checked ~ .box-checkmark-dev {
	background-color: #ffaf00;
	border: 2px solid #ffaf00; 
}


.box-checkmark-dev:after {
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark-dev:hover {
	border-color: #ffaf00;
}

.box-container-dev input:checked ~ .box-checkmark-dev:after {
	display: block;				
}

.box-container-dev .box-checkmark-dev:after {
	left: 7px;
	top: 3px;
	width: 8px;
	height: 13px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.box-container-small-obj {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.box-container-small-obj input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.box-info-small-obj {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.box-checkmark-small-obj {
	position: absolute;
	top: 0;
	left: 16px;
	height: 18px;
	width: 18px;
	background-color: #eeeeee;
	border: 1px solid #888888;
	border-radius: 50%;
	color: #888888;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.box-container-small-obj input:checked ~ .box-checkmark-small-obj {
	background-color: #333333;
	border: 1px solid #333333; 
}

.box-checkmark-small-obj:after {	
	content: "";
	position: absolute;
	display: none;
}

.box-checkmark-small-obj:hover {
	border-color: #00ad8e;
}

.box-container-small-obj input:checked ~ .box-checkmark-small-obj:after {
	display: block;
}

.box-container-small-obj .box-checkmark-small-obj:after {
	left: 5px;
	top: 3px;
	width: 5px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chargestate-container {
	float: none;
	font-size: 11pt;
	font-weight: normal;
	color: #333333;
	margin: -5px 0px 0px 0px;
	padding: 5px;
	width: 145px;
	height: 33px;
	border: 1px solid #dddddd;
	display: block;
	position: relative;
	margin-bottom: 16px;
	cursor: pointer;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.chargestate-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.chargestate-info {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.chargestate-checkmark {
	position: absolute;
	top: 0;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.chargestate-container input:checked ~ .chargestate-checkmark {
	background-color: rgb(255,95,0);
	border: 2px solid rgb(255,95,0); 
	color: rgb(255,95,0);
	font-weight: bold;
}

.chargestate-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.chargestate-checkmark:hover {
	border-color: rgb(255, 95, 0);
}

.chargestate-container input:checked ~ .chargestate-checkmark:after {
	display: block;
}

.chargestate-container .chargestate-checkmark:after {
	left: 4px;
	top: 0px;
	width: 8px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tool-box-container {
	float: right;
	display: block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.tool-box-container input {
	position: absolute;
	display:none;
	cursor: pointer;
}

.tool-box-info {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.tool-box-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tool-box-container input:checked ~ .tool-box-checkmark {
	background-color: #333333;
	border: 2px solid #333333; 
}

.tool-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.tool-box-checkmark:hover {
	border-color: #333333;
}

.tool-box-container input:checked ~ .tool-box-checkmark:after {
	display: block;	
}

.tool-box-container .tool-box-checkmark:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sync-prj-container {
	float: right;
	display: block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.sync-prj-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.sync-prj-info {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.sync-prj-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 26px;
	width: 26px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 26px;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sync-prj-container input:checked ~ .sync-prj-checkmark {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}

.sync-prj-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.sync-prj-checkmark:hover {
	border-color: #00ad8e;
}

.sync-prj-container input:checked ~ .sync-prj-checkmark:after {
	display: block;
}

.sync-prj-container .sync-prj-checkmark:after {
	left: 7px;
	top: 3px;
	width: 8px;
	height: 13px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sync-dev-container {
	float: left;
	display: block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.sync-dev-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.sync-dev-info {
	color: #aaaaaa;
	display: block;
	padding-left: 16px;
}

.sync-dev-checkmark {
	position: absolute;
	top: 0px;
	left: 16px;
	height: 26px;
	width: 26px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 26px;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sync-dev-container input:checked ~ .sync-dev-checkmark {
	background-color: rgba(255,175,0,1);
	border: 2px solid rgba(255,175,0,1); 
}

.sync-dev-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.sync-dev-checkmark:hover {
	border-color: rgba(255,175,0,1);
}

.sync-dev-container input:checked ~ .sync-dev-checkmark:after {
	display: block;
}

.sync-dev-container .sync-dev-checkmark:after {
	left: 7px;
	top: 3px;
	width: 8px;
	height: 13px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sync-box-container {
	display: block;
	position: relative;
	height: 90px;
	margin-top: 32px;
	width: 700px;
	padding: 16px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sync-box-container:hover {
	background-color: rgba(0,173,142,.125);
}

.sync-box-info {
	color: #aaaaaa;
	margin-top: -48px;
	display: block;
	padding-left: 16px;
}

.sync-box-container input {
	position: absolute;
	display: none;
	cursor: pointer;
}

.sync-box-checkmark {
	position: absolute;
	top: 32px;
	right: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sync-box-container input:checked ~ .sync-box-checkmark {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}

.sync-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.sync-box-checkmark:hover {
	border-color: #00ad8e;
}

.sync-box-container input:checked ~ .sync-box-checkmark:after {
	display: block;
}

.sync-box-container .sync-box-checkmark:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 11px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.delete-box-container {
	display: block;
	position: relative;
	height: 90px;
	margin-top: 16px;
	width: 420px;
	padding: 30px;
	cursor: pointer;
	font-size: 12pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.delete-box-container:hover {
	background-color: rgba(0,173,142,.125);
}

.delete-box-info {
	color: #aaaaaa;
	margin-top: -48px;
	display: block;
	padding-left: 16px;
}

.delete-box-container input {
	position: absolute;
	display: none;
	cursor: pointer;
}

.delete-box-checkmark {
	position: absolute;
	top: 32px;
	right: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #888888;
	border-radius: 50%;
	color: #888888;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.delete-box-container input:checked ~ .delete-box-checkmark {
	background-color: transparent;
	border: 2px solid #00ad8e; 
}

.delete-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.delete-box-checkmark:hover {
	border-color: #00ad8e;
}

.delete-box-container input:checked ~ .delete-box-checkmark:after {
	display: block;
}

.delete-box-container .delete-box-checkmark:after {
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00ad8e;
}

.start-box-container {
	float: right;
	display: block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 16px;
	cursor: pointer;
	font-size: 11pt;
	color: #333333; 
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.start-box-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.start-box-checkmark {
	position: absolute;
	top: 0;
	left: 16px;
	height: 20px;
	width: 20px;
	background-color: #eeeeee;
	border: 2px solid #bbb;
	border-radius: 2px;
	color: #888888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.start-box-container input:checked ~ .start-box-checkmark {
	background-color: #00ad8e;
	border: 2px solid #00ad8e; 
}

.start-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.start-box-checkmark:hover {
	border-color: #00ad8e;
}

.start-box-container input:checked ~ .start-box-checkmark:after {
	display: block;		
}

.start-box-container .start-box-checkmark:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 11px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.filter-box-container {
	height: 40px;
	width: 240px;
	padding: 0px;
	cursor: pointer;
	margin-bottom: 0px;
	font-size: 11pt;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-box-checkmark {
	position: absolute;
	display: flex;
	padding-top: 10px;
	height: 40px;
	width: 240px;
	font-weight: normal;
	color: #333333;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-box-container input:checked ~ .filter-box-checkmark {
	background-color: #00ad8e;
	color: #ffffff;
	font-weight: bold;
}

.filter-box-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.filter-box-checkmark:hover {
	color: #00ad8e;
}

.developer-icon {
/*	color: #0074e5;	*/
	color: #00ad8e;
}

/*
.filter-box-container input:hover ~ .filter-box-checkmark:after {
	display: block;
	border: solid #00ad8e;
	border-width: 0 3px 3px 0;				
}
*/

.filter-box-container input:checked ~ .filter-box-checkmark:after {
	display: block;
}

.filter-box-container .filter-box-checkmark:after {
	right: 16px;
	top: 12px;
	width: 6px;
	height: 11px;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	background-color: rgba(110, 110, 110, 0.2);
	-webkit-transition: .15s;
	transition: .15s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	background-color: #fefefe;
	-webkit-transition: .15s;
	transition: .15s;
}

.switch input:checked + .slider {
	background-color: rgba(255,175,0,1);
}

.switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background-color: rgba(255,255,255,.7);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.switch_green {
	position: relative;
	display: inline-block;
	width: 46px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.switch_green input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider_green {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	background-color: rgba(110, 110, 110, 0.2);
	-webkit-transition: .15s;
	transition: .15s;
}

.slider_green:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	background-color: #fefefe;
	-webkit-transition: .15s;
	transition: .15s;
}

.switch_green input:checked + .slider_green {
	background-color: rgba(0,173,142,1);
}

.switch_green input:focus + .slider_green {
	box-shadow: 0 0 1px rgba(0,0,0,.20);
}

.switch_green input:checked + .slider_green:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background-color: rgba(255,255,255,.7);
}

/* Rounded sliders */
.slider_green.round {
	border-radius: 34px;
}

.slider_green.round:before {
	border-radius: 50%;
}

.switch_grey {
	position: relative;
	display: inline-block;
	width: 46px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.switch_grey input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider_grey {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	background-color: rgba(110, 110, 110, 0.2);
	-webkit-transition: .15s;
	transition: .15s;
}

.slider_grey:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	background-color: #fefefe;
	-webkit-transition: .15s;
	transition: .15s;
}

.switch_grey input:checked + .slider_grey {
	background-color: rgba(51,51,51,1);
}

.switch_grey input:focus + .slider_grey {
	box-shadow: 0 0 1px rgba(0,0,0,.20);
}

.switch_grey input:checked + .slider_grey:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background-color: rgba(255,255,255,.7);
}

/* Rounded sliders */
.slider_grey.round {
	border-radius: 34px;
}

.slider_grey.round:before {
	border-radius: 50%;
}

.prj-table {
	overflow: auto;
	margin: 0;
	height: auto;
	padding: 12px;
	width: 46.5%;
	padding-bottom: 42px;
}

.prj-head {
	position: sticky;
	top: 0px;
	height: 64px;
	width: 100%;
	margin: auto;
	background-color: #ffffff;
	z-index: 3;
	border-bottom: 1px solid rgba(153,153,153,.5);
/*	box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);*/
	z-index: 1000;
}

.prj-table-new::-webkit-scrollbar {
	width: 5px;
}

.prj-table-new::-webkit-scrollbar-track {
	background: #f0f0f0; 
}

.prj-table-new::-webkit-scrollbar-thumb {
	background: #999999; 
}

.prj-table-new::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.obj-table-new::-webkit-scrollbar {
	width: 5px;
}

.obj-table-new::-webkit-scrollbar-track {
	background: #f0f0f0; 
}

.obj-table-new::-webkit-scrollbar-thumb {
	background: #999999; 
}

.obj-table-new::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.prj-table-new {
	overflow-y: auto;
	max-height: 600px;
	margin: 0;
	height: auto;
	padding: 0px 6px 0px 6px;
	width: 35%;
	scrollbar-width: thin;
}

.obj-table-new {
	overflow-y: auto;
	max-height: 600px;
	margin: 0;
	height: auto;
	padding: 0px 6px 0px 6px;
	width: 35%;
	scrollbar-width: thin;
}

.sync-table-new {
	margin: 0;
	height: auto;
	padding: 0px 0px 12px 12px;
	width: 27.5%;
	padding-bottom: 42px;
}

.sync-table-new-content {
	margin: 0px 8px 8px 8px;
	padding: 8px;
	height: auto;
	border: 1px solid #aaaaaa;
	position: relative;
}

.sync-table-new-head {
	padding: 10px;
	margin: -8px;
	height: 42px;
	color: #ffffff;
	background-color: #aaaaaa;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

.sync-table-ftpalert {
	position: absolute;
	top: -24px;
	left: 0px;
	color: red;
	font-size: 16px;
}

.prj-tools {
	margin: 4px 0px 8px 0px;
	border-bottom: 1px solid #aaaaaa;
}

.prj-tools-head {
	padding: 0px;
	margin: 12px 12px 6px 2px;
	height: 20px;
	color: #999999;
	font-weight: bold;
}

.obj-tools {
	margin: 4px 0px 8px 0px;
	border-bottom: 1px solid #aaaaaa;
}

.obj-tools-head {
	padding: 0px;
	margin: 6px 12px 6px 2px;
	height: 20px;
	color: #999999;
	font-weight: bold;
}

.doc-tools, .con-tools {
	margin: 4px 0px 8px 0px;
	border-bottom: 1px solid #aaaaaa;
}

.doc-tools-head, .con-tools-head {
	padding: 0px;
	margin: 6px 12px 6px 2px;
	height: 20px;
	color: #aaaaaa;
	font-weight: bold;
}

.prj-head-new {
	position: sticky;
	top: 0px;
	height: 100px;
	width: 100%;
	margin: auto;
	background-color: #ffffff;
	z-index: 3;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);
}


.prjChecked {
	background-color: rgba(0,173,142,.2) !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0.19), 0 0px 0px rgba(0,0,0,0.23) !important;
	border: 1px solid rgba(0,173,142,.7) !important; }

.objChecked {
	background-color: rgba(255,175,0,.2) !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0.19), 0 0px 0px rgba(0,0,0,0.23) !important;
	border: 1px solid rgb(255,175,0) !important; }

#prj-big {
	width: 32%;
}

#prj-big-offer {
	width: 32%;
}

.prj {
	float: left;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 8px;
	font-size: 11pt;
	width: 100%;
	height: 244px;
	padding: 0px;
	background-color: rgba(0,173,142,.05);
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.12), 0 3px 4px rgba(0,0,0,0.24); 
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.prj:hover {
	background-color: rgba(0,173,142,.025);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.prj:hover.prj .head {
	background-color: rgba(0,173,142,.1);
}

.prj .head {
	position: relative;
	width: 100%;
	background-color: rgba(0,173,142,.15);
	border-radius: 6px 6px 0px 0px;
	color: #00ad8e;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.prj .content {
	position: relative;
	width: 100%;
	max-width: 645px;
	height: auto;
	padding: 12px 16px;
	color: #333333;
	box-sizing: border-box;
}

.prj .projekte {
	height: 150px;
	overflow-y: auto;
}

.prj .content .info {
	display: flex;
}

.prj .content .info .autor {
	position: relative;
}

.prj .content .info .pid {
	position: relative;
	margin-left: 16px;
}

.prj .content .info .date {
	position: relative;
	margin-left: 16px;
}

.prj .content .info .formulare {
	position: relative;
	margin-left: 16px;
}

.prj .content .info .version {
	position: relative;
	margin-left: 16px;
}

.prj .content .info .info-public-private {
	position: absolute;
	right: 16px;
}

.prj .content .info .sync {
	position: relative;
}

.prj .content #line {
	width: 100%;
	height: 1px;
	background-color: rgba(153,153,153,.3);
	margin-top: 8px;
}

.prj-big {
	min-width: 520px;
	float: left;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 8px;
	font-size: 11pt;
	width: 32%;
	height: 275px;
	padding: 0px;
	background-color: rgba(0,173,142,.05);
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.3); 
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.prj-big:hover {
	background-color: rgba(0,173,142,.025);
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.05), 0 3px 8px 0 rgba(0, 0, 0, 0.3);
}

.prj-big:hover.prj-big .head {
	background-color: rgba(0,173,142,.1);
}

.prj-big .head {
	position: relative;
	width: 100%;
	background-color: rgba(0,173,142,.15);
	border-radius: 6px 6px 0px 0px;
	color: #00ad8e;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px 12px 12px 6px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.prj-big .prj-card-title {
	position: absolute;
	top: 9px;
	font-size: 14pt;
	left: 42px;
}

.prj-big .content .subhead {
	color: #00ad8e;
	font-weight: normal;
	font-size: 10pt;
	height: 26px;
}

.prj-big .head a {
	color: #00ad8e;
	text-decoration: none;
}

.prj-big .head .main-header {
	z-index:0;
}

.prj-big .content {
	position: relative;
	width: 100%;
	max-width: 645px;
	height: auto;
	padding: 12px 16px;
	color: #333333;
	box-sizing: border-box;
}

.prj-big .material-icons-title {
	display: none;
	position: absolute;
	right: 0px;
	top: -32px;
	margin:10px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.prj-big .content a {
	color: #333333;
	text-decoration: none;
}

.prj-big .content a.project-edit-link {
	width: 24em;
	height: 140px;
	position: absolute;
	right: 32px;
}

.prj-big .content .image {
	float: left;
	width: 200px;
	margin: 6px 12px 0px 0px;
	visibility: visible;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.prj-big .content .image:hover {
	opacity: .6;
}

.prj-big .content .info {
	display: flex;
}

.prj-big .content .info .autor {
	position: relative;
}

.prj-big .content .info .option-card-view {
	display: flex;
}

.prj-big .content .info .option-card-view .pid {
	position: relative;
	margin-left: 16px;
}

.prj-big .content .info .date {
	position: absolute;
	top: 10px;
	right: 12px;
}

.prj-big .content .info .prjtitle {
	position: relative;
	margin-left: 16px;
}

.prj-big .content .info .option-card-view .formulare {
	position: relative;
	margin-left: 16px;
}

.prj-big .content .info .option-card-view .version {
	position: relative;
	margin-left: 16px;
}

.prj-big .content .info .dl_state {
	position: relative;
	margin-left: 16px;
}

.prj-big .info-public-private {
	position: absolute;
	right: 12px;
	color: #333333;
}

.prj-big .content .info .sync {
	position: relative;
}

.prj-big .projekte {
	height: 130px;
	padding-top: 8px;
	overflow-y: auto;
	padding-right: 6px;
	scrollbar-width: thin;
}

.prj-big .projekte::-webkit-scrollbar {
	width: 5px;
}

.prj-big .projekte::-webkit-scrollbar-track {
	background: #f0f0f0; 
}

.prj-big .projekte::-webkit-scrollbar-thumb {
	background: #999999; 
}

.prj-big .projekte::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.prj-big .content #line {
	width: 100%;
	height: 1px;
	background-color: rgba(153,153,153,.3);
	margin-top: 8px;
}

.prj-big-offer {
	opacity: 0.5;
	background-color: rgba(0,173,142,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.prj-big-offer .head {
	background-color: rgba(0,173,142,0);
}

.prj-big-offer:hover {
	background-color: rgba(0,173,142,.1);
	box-shadow: 0 3px 4px rgba(0,0,0,0.12), 0 3px 3px rgba(0,0,0,0.16);
}


/*.prj-big-offer:hover.prj-big-offer .head {
	background-color: rgba(0,173,142,.1);
}


.prj-big-offer .content {
	position: relative;
	width: 100%;
	max-width: 645px;
	height: auto;
	padding: 12px 16px;
	color: #aaaaaa;
	box-sizing: border-box;
}

.prj-big-offer .content .info {
	display: flex;
}

.prj-big-offer .content .info .autor {
	position: relative;
}

.prj-big-offer .content .info .pid {
	position: relative;
	margin-left: 16px;
}

.prj-big-offer .content .info .date {
	position: relative;
	margin-left: 16px;
}

.prj-big-offer .content .info .formulare {
	position: relative;
	margin-left: 16px;
}

.prj-big-offer .content .info .dl_state {
	position: relative;
	margin-left: 16px;
}

.prj-big-offer .content .info .info-public-private {
	position: absolute;
	right: 16px;
}

.prj-big-offer .content .info .sync {
	position: relative;
}

.prj-big-offer .content #line {
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.2);
	margin-top: 8px;
}*/

.ch-prj-list-element {
	min-width: 520px;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 0;
	font-size: 11pt;
	width: 100%;
	height: 64px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.ch-prj-big-container.ch-prj-list-element:hover {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #ffffff;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.ch-prj-list-element .ch-prj-big-head {
	position: absolute;
	top: 10px;
	width: 100%;
	background-color: transparent;
	border-radius: 6px 6px 0px 0px;
	color: #00ad8e;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.prj-list-element .head a {
	color: #00ad8e;
	text-decoration: none;	
	height: auto;
	width: 100%;
}

.ch-prj-list-element .ch-prj-big-menu-cross {
	position: absolute;
	top: 5px;
	right: 50px;
	width: 32px;
	height: 32px;
	background-color: rgba(255,255,255,0.2);
	border-radius: 32px;
}

.ch-prj-list-element .prj-card-title {
	position: absolute;
	top: 12px;
	font-size: 12pt;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-pid {
	position: absolute;
	top: 8px;
	left: unset;
	right: 50%;
	color: #333333;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-checkbox {
	display: block;
	position: absolute;
	right: 54px;
	top: 4px;
}

/*
.ch-prj-list-element --> checked/selected {
	background-color: #8fdacc;
}
*/
.ch-prj-list-element .ch-prj-big-content .ch-prj-big-formulars {
	position: absolute;
	top: 24px;
	left: unset;
	right: 50%;
	color: #333333;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-version {
	position: absolute;
	top: 40px;
	left: unset;
	right: 50%;
	color: #333333;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-author {
	display: none;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-designerversion {
	position: absolute;
	top: 40px;
	left: unset;
	right: 70%;
	color: #333333;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-date {
	position: absolute;
	top: 40px;
	right: 96px;
	color: #333333;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-license {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 126px;
	border-radius: 24px;
	background-color: #00ad8e;
	padding: 4px 3px;
}

.ch-prj-list-element .ch-prj-big-content .ch-prj-big-chargestate {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 96px;
	border-radius: 24px;
	background-color: #333333;
	padding: 4px 3px;
}

.ch-prj-list-element .head .main-header {
	color: #00ad8e;
	text-decoration: none;	
	height: auto;
	width: 100%;
	height: 64px;
	padding: 22px;
	margin: -22px;
	font-size: 12pt;
	z-index:1;	
}

.ch-prj-list-element .ch-prj-big-projecttitle {
	position: absolute;
	top: -8px;
	left: 8px;
	color: #00ad8e;
	font-weight: bold;
	font-size: 16px;
}

.ch-prj-list-element .ch-prj-big-name {
	position: absolute;
	top: 10px;
	left: 8px;
	color: #00ad8e;
	font-size: 14px;
	font-weight: normal;
}

.ch-prj-list-element .ch-prj-big-visibility {
	position: absolute;
	top: 40px;
	left: 8px;
	color: #333333;
}

.ch-prj-list-element .content .subhead {
	color: #00ad8e;
	font-weight: normal;
	font-size: 10pt;
	position: relative;
}

.ch-prj-list-element .content {
	position: absolute;
	width: 60.5%;
	height: 64px;
	padding: 14px 16px;
	color: #333333;
	box-sizing: border-box;
	left: 27.5%;
}

.ch-prj-list-element .material-icons-projekt {
/*  margin: -6px 12px -6px 0px;*/
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 50%;
	padding: 4px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.ch-prj-list-element .material-icons-projekt:hover {
	background-color: rgba(0,173,142,.15);
}

.ch-prj-list-element .material-icons-projekt:active {
	background-color: rgba(0,173,142,.20);
}

.ch-prj-list-element .material-icons-title {
	display: none;
	position: absolute;
	left: -64px;
	top: 8px;
	margin:10px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.ch-prj-list-element .ch-prj-big-image {
	display: none;
}

.prj-list-element .content .info {
	display: flex;
}

.prj-list-element .content a {
	display: none;
}


/* 
Grafischer Hinweis, wenn Projekt-ID = 0,
die folgende Klasse zum Element mit der Klasse .pid hinzuf�gen.
*/
.pid-0 {
	background-color: #f0323c;
	padding: 0px 6px;
	border-radius: 16px;
	color: #ffffff;
}

.prj-list-element .content .info .date {
	position: relative;
	margin-left: 5%;
}

.prj-list-element .content .info .option-list-view .formulare {
	position: relative;
	margin-left: 5%;
}

.prj-list-element .content .info .option-list-view .version {
	position: relative;
	margin-left: 5%;
}

.prj-list-element .content .info .dl_state {
	position: relative;
	margin-left: 5%;
}

.prj-list-element .info-public-private {
	position: absolute;
	right: 12px;
	color: #333333;
}

.prj-list-element .content .info .sync {
	position: relative;
}

.prj-list-element .projekte {
	height: 150px;
	overflow-y: auto;
	display: none;
}

.prj-list-element-small {
	min-width: 400px;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 0;
	margin-bottom: 5px;
	font-size: 11pt;
	width: 100%;
	height: 80px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.prj-list-element-small:hover {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #ffffff;
}

.prj-list-element-small label {
	height: 56px;
}

.prj-list-element-small .head {
	position: absolute;
	width: 100%;
	background-color: transparent;
	border-radius: 6px 6px 0px 0px;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 8px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.prj-list-element-small .content {
	position: absolute;
	width: auto;
	height: auto;
	padding: 12px 0px;
	color: #333333;
	bottom: 0px;
	left: 48px;
	box-sizing: border-box;
}

.prj-list-element-small .content .prjtitle {
	color: #333333;
	font-weight: bold;
	font-size: 11pt;
	position: absolute;
	bottom: 30px;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prj-list-element-small .content .subhead {
	color: #aaaaaa;
	font-weight: normal;
	font-size: 11pt;
	position: absolute;
	bottom: 30px;
	right: 6px;
	max-width: 160px;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prj-list-element-small .content .info {
	display: flex;
	margin-bottom: -6px;
}

.prj-list-element-small .content .info .autor {
	position: absolute;
	left: 170px;
}

.prj-list-element-small .content .info .pid {
	position: relative;
}

.prj-list-element-small .content .info .date {
	position: relative;
	margin-left: 5%;
}

.prj-list-element-small .content .info .formulare {
	position: absolute;
	left: 70px;
}

.prj-list-element-small .content .info .version {
	position: absolute;
	min-width: 40px;
	overscroll-x: hidden;
	text-align: right;
	right: 6px;
	bottom: 8px;
	color: #aaaaaa;
	font-size: 9pt;
}

.prj-list-element-small .content .info .dl_state {
	position: relative;
	margin-left: 5%;
}

.prj-list-element-small .content .info .info-public-private {
	position: absolute;
	right: 16px;
}

.prj-list-element-small .content .info .sync {
	position: relative;
}

.prj-list-element-small .projekte {
	height: 150px;
	overflow-y: auto;
	display: none;
}

.tab_messages {
}

.messages-toolbar {
	border-bottom: 2px solid #00ad8e;
	margin: auto;
	margin-top: 12px;
	position: relative;
	width: 100%;
	/*width: 1100px;*/
	height: 42px;
}

.messages-toolbar-buttons {
	position: absolute;
	right: 0px;
	bottom: 8px;
}

.messages-toolbar-search {
	position: absolute;
	left: 220px;
	top: 0px;
}

.messages-box {
	border-right: 1px solid rgba(204,204,204,.25);
	min-width: 200px;
	background-color: #ffffff;
	margin: 0px 10px 0px 8px;
}

.messages-box .headline {
	color: #00ad8e;
	font-weight: bold;
	padding: 6px 0px 10px 0px;
	border-bottom: 2px solid #00ad8e;
}

.messages-box .messages-button {
	float: none;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	color: #333333;
	text-decoration: none;
	display: flex;
	padding: 10px 10px 10px 12px;
	text-align: left;
	border-bottom: 1px solid rgba(204,204,204,.25);
	transition: all .2s;
	-webkit-transition: all .2s;
}

.messages-box .messages-button .messages-button-text {
	margin-left: 12px;
}

.messages-box .messages-button:hover {
	background-color: #eeeeee;
}

.messages-button.active {
	background-color: rgba(0,173,142,0.25);
}
/*
.messages-counter-div {
	position: absolute;
	right: 10px;
}

.messages-counter-dot {
	min-width: 22px;
	padding: 0px 3px;
	height: 22px;
	border-radius: 22px;
	text-align: center;
	color: #333333;
	font-size: 10pt;
	border: 1px solid #aaa;
	background-color: #ffffff;
}
*/
.messages-counter-div {
	position: relative;
	margin: 1px 4px;
}

.messages-counter-dot {
	min-width: 22px;
	padding: 0px;
	margin: 0px;
	height: 22px;
	text-align: center;
	color: #333333;
	font-size: 10pt;
}

.messages-unread-counter-div {
	position: absolute;
	right: 10px;
	
	display: none;
}

.messages-unread-counter-dot {
	min-width: 22px;
	padding: 0px;
	margin: 0px;
	height: 22px;
	text-align: center;
	color: #00ad8e;
	font-weight: bold;
	font-size: 12pt;
}

.message-table {
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 8px 0px;
	width: 680px;
	height: 576px;
	padding: 0px 8px 0px 0px;
}

.message-table::-webkit-scrollbar {
	width: 5px;
}


.message-table::-webkit-scrollbar-track {
	background: #f0f0f0; 
}
 
.message-table::-webkit-scrollbar-thumb {
	background: #999999; 
}


.message-table::-webkit-scrollbar-thumb:hover {
	background: #555555; 
}

.message-reading-area {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 16px 0px 0px 16px;
	width: 500px;
	background-color: #ffffff;
	height: 560px;
	padding: 0px;
}

.message-area {
	box-shadow: inset 0px 0px 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 16px;
	margin-top: 12px;
}

.message-head {
	position: sticky;
	display: flex;
	top: 0px;
	width: 100%;
	margin: auto;
	height: 64px;
	background-color: #ffffff;
	color: #333333;
	z-index: 3;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);
}

.message-row {
	width: 100%;
	position: relative;		
	margin:auto;
}

.message-avatar-small {
	margin: -4px 8px 0px 0px;
	padding-top: 2px;
	display: inline-block;
	text-align: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 15pt;
	color: #ffffff;
	background-color: #FFBB11;
	text-shadow: 0px 2px 4px rgba(0,0,0,.25);
	user-select: none;
}

.message-unread {
	border-left: 12px solid #00ad8e !important;
	font-weight: bold;
}

.prj-offer-unread {
	border-width: 0px 0px 0px 12px;
	border-style: solid;
	border-color: #ffffff #ffffff #ffffff #00ad8e;
	margin-bottom: 1px;
}

.message-status {
	position: absolute;
	display: flex;
	top: 12px;
	right: 16px;
	color: #aaaaaa;
}

.message-list-element .messagedate {
	color: #aaaaaa;
	font-weight: normal;
}

.message-list-element .messagetime {
	color: #aaaaaa;
	font-weight: normal;

}

.message-status-icon {
	margin: 10px 16px 16px 16px;
	color: #aaaaaa;
}

.message-list-element {
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 0;
	font-size: 11pt;
	width: 100%;
	height: 64px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.message-list-element:hover {
	background-color: rgba(0,173,142,.12);
	border-bottom: 1px solid #ffffff;
}

.message-list-element-active {
	background-color: rgba(0,173,142,.22);
	border-bottom: 1px solid #ffffff;
}
/*
.message-list-element:hover.message-list-element .content .info .messagetext .textoverlay {
	background-image: none;
	transition: all 0.2s;
				-webkit-transition: all 0.2s;
}
*/
.message-list-element .head {
	position: absolute;
	top: 10px;
	width: 100%;
	background-color: transparent;
	border-radius: 6px 6px 0px 0px;
	color: #00ad8e;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.message-list-element .head a {
	color: #00ad8e;
	text-decoration: none;	
	height: auto;
	width: 100%;
	
}

.message-list-element .head .main-header {
	color: #00ad8e;
	text-decoration: none;	
	height: auto;
	width: 100%;
	height: 64px;
	padding: 22px;
	margin: -22px 0px -22px 0px;
	z-index:1;	
}

.message-list-element .content .subhead {
	color: #00ad8e;
	font-weight: bold;
	font-size: 10pt;
	margin-top: -10px;
	position: relative;
}

.message-list-element .content {
	position: absolute;
	height: 48px;
	width: 100%;
	padding: 24px 16px 14px 14px;
	color: #333333;
	box-sizing: border-box;
	margin: 0;
}

.message-list-element .material-icons-title {
	position: absolute;
	left: -64px;
	top: 8px;
	margin:10px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;		
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.message-list-element .content .image {
visibility: hidden;
}

.message-list-element .content .info {
	display: flex;
}

.message-list-element .content a {
	display: none;
}

.message-list-element .content .info .option-list-view {
	position: absolute;
	left: 250px;
}

.message-list-element .content .info .option-card-view {
	position: absolute;
	left: 250px;
}

.message-list-element .content .info .autor {
	position: relative;
	font-size: 18px;
	margin-top: -4px;
	display: flex;
}

.message-list-element .content .info .autor .message-author-name {
	max-width: 150px;
	height: 42px;
	line-height: 20px;
}

.message-list-element .content .info .prjtitle {
	position: relative;
	margin-left: 5%;
}

.message-list-element .content .info .messagetext {
	width: 400px;
	height: 48px;
	margin-left: 0px;
}

/*
.message-list-element .content .info .messagetext .textoverlay {
	position: absolute;
	width: 500px;
	margin-top: -12px;
	height: 48px;
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}
*/
.message-list-element .content .info .messagetext .previewtext {
	width: 300px;
	color: #888888;
	overflow: hidden;
	margin-top: 2px;
	line-height: 14px;
	height: 16px;
	text-align: justify;
}

.message-list-element .content .info .option-list-view .pid {
	position: relative;
	margin-left: 5%;
}

.message-list-element .content .info .date {
	position: relative;
	margin-top: -10px;
	margin-left: 5%;
}

.message-list-element .content .info .option-list-view .formulare {
	position: relative;
	margin-left: 5%;
	margin-top: -10px;
	display: flex;
}

.message-list-element .content .info .dl_state {
	position: relative;
	margin-left: 5%;
}

.message-list-element .content .info .info-public-private {
	position: absolute;
	right: -80px;
	top: 32px;
}

.message-list-element .content .info .sync {
	position: relative;
}

.message-list-element .projekte {
	height: 150px;
	overflow-y: auto;
	display: none;
}


.prj-offer-status {
	position: absolute;
	display: flex;
	bottom: 12px;
	right: 12px;
}

.prj-offer-status-icon {
	width: 40px;
	margin-top: 4px;
	color: rgba(0,0,0,.2);
}

.prj-offer-list-element .prj-offerdate {
}

.prj-offer-list-element .prj-offertime {
	margin-right: 16px;
}

.prj-offer-list-element {
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	font-size: 11pt;
	width: 95%;
	height: 64px;
	padding: 0px;
	border-bottom: 1px solid #ffffff;
	color: rgba(0,0,0,.4);
	font-weight: normal;
	transition: all 0.1s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.1s cubic-bezier(.25,.8,.25,1);
}

.prj-offer-open {
	background-color: rgb(255,240,200);
}

.prj-offer-done {
	background-color: #cfffe7;
}

.prj-offer-refused {
	background-color: #ffbfaa;
}

.prj-offer-list-element .prj-offer-info-text {
	margin: 0px;
	padding: 0;
	color: #313131;
	text-align: justify;
	font-size: 11pt;
	width: 480px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	left: 170px;
	top: 26px;
}
/*
.prj-offer-refused-text {
	margin: 0px 0px 0px 32px;
	padding: 0;
	color: #aa4646;
	text-align: justify;
	font-size: 12pt;
	width: 300px;
	margin-top: 4px;
}

.prj-offer-open-out-text {
	margin: 0px 0px 0px 32px;
	padding: 0;
	color: rgba(0,0,0,.4);
	text-align: justify;
	font-size: 12pt;
	width: 330px;
	margin-top: 4px;
}

.prj-offer-done-text {
	margin: 0px 0px 0px 32px;
	padding: 0;
	color: rgba(0,0,0,.4);
	text-align: justify;
	font-size: 12pt;
	width: 330px;
	line-height: 19px;
}
*/

.prj-offer-list-element-active .prj-offer-status-icon {
	color: rgba(0,0,0,.5);
}

.prj-offer-list-element-active .content .info {
	font-weight: bold;
}

.prj-offer-list-element-active {
	border: 2px solid #777777;
	width: 100%;
	color: rgba(0,0,0,1);
	font-weight: bold;
}

/*
.prj-offer-list-element:hover {
	border: 2px solid #cccccc;
}
*/
.prj-offer-done:hover {
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.24);*/
	background-color: rgb(222,255,238);
}

.prj-offer-open:hover {
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.24);*/
	background-color: rgb(255,247,227);
}

.prj-offer-refused:hover {
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.24);*/
	background-color: #ffd0c0;
}

.prj-offer-list-element .content {
	position: absolute;
	top: 4px;
	height: auto;
	width: 100%;
	padding: 4px;
	box-sizing: border-box;
	margin: 0;
}

.prj-offer-list-element .content .info {
	display: flex;
	margin: 2px 0px 0px 12px;
	font-size: 13pt;
	color: #313131;
}

.prj-offer-list-element .content .info .prj-offer-open-author-name {
	position: absolute;
	left: 16px;
	top: 26px;
	font-size: 10pt;
}

.prj-offer-list-element .content .prj-offer-buttons {
	display: flex;
	border-top: 2px solid rgba(0,0,0,.1);
	height: 48px;
	padding-top: 12px;
	margin: 8px 6px 0px 6px;
}

.prj-offer-list-element .content .prj-offer-buttons .prj-offer-buttons-right {
	position: absolute;
	display: flex;
	right: 10px;
}


.prj-offer-message-button {
	position: absolute;
	right: 10px;
	top: 6px;
	cursor: pointer;
	text-decoration: none;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	color: #333333;
}

.prj-offer-message-button a {
	text-decoration: none;
	color: #333333;
}

.prj-offer-message-button:active {
	background-color: rgba(0,0,0,.2);
}

.prj-offer-message-button:hover {
	background-color: rgba(0,0,0,.15);
}

.manager-table .title {
	width:1000px;
	margin: auto;
	font-size: 12pt;
	font-weight: bold;
	color: #00ad8e;
	padding: 0;
}

.material-icons-button {
	margin: -6px 12px -6px 0px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 50%;
	padding: 4px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.material-icons-button:hover {
	background-color: rgba(0,173,142,.15);
}

.material-icons-button:active {
	background-color: rgba(0,173,142,.20);
}

.prj-doc-element {
	max-width: 420px;
	float: left;
	cursor: pointer;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 6px;
	font-size: 11pt;
	width: 100%;
	height: 80px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border: 1px solid #eeeeee;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.prj-doc-element:hover {
	background-color: rgba(0,173,142,.15);
	border: 1px solid #ffffff;
}


.prj-doc-element .head {
	width: 100%;
	height: 80px;
	background-color: transparent;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 4px;
	margin: 8px 0px 0px 6px;
	display: block;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.prj-doc-element .content {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding:0;
	margin:0;
}

.prj-doc-element .content .image {
	width: 160px;
	height: 78px;
	background-color: #eeeeee;
	padding:0;
	margin:0;
}

.prj-doc-element .head .prjdocid {
	left: 16px;
}

.prj-doc-element .head .info {
	width: 100%;
	bottom: 24px;
	font-weight: normal;
	font-size: 11pt;
	color: #aaaaaa;
}

.prj-doc-element .head .prjdocname {
	color: #00ad8e;
}

.prj-doc-element .head .info .datetime {
	display: flex;
}

.prj-doc-element .head .info .datetime .filesize {
}

.prj-doc-element .head .info .filedelete {
	position: absolute;
	right: -10px;
	bottom: 12px;
	color: #333333;
	background-color: transparent;
}


.doc-list-element,
.docmanager-list-element {
	max-width: 1000px;
	cursor: pointer;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	font-size: 11pt;
	width: 100%;
	height: 56px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.docmanager-list-element label {
	height: 56px;
}

.docmanager-list-element .box-container-small {
	font-size: 11pt;
}

.doc-list-element:hover,
.docmanager-list-element:hover {
	background-color: rgba(0,173,142,.15);
	border-bottom: 0px;
}


.doc-list-element .head,
.docmanager-list-element .head {
	width: 100%;
	background-color: transparent;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.doc-list-element .content,
.docmanager-list-element .content {
	color: #333333;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding:0;
	position: relative;
	margin:0;

}

.doc-list-element .head .docid {
	left: 16px;
	top: 8px;
	position: absolute;
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.docmanager-list-element .head .docid {
	left: 50px;
	top: 8px;
	position: absolute;
	width: 225px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.doc-list-element .head .link,
.docmanager-list-element .head .link {
	position: absolute;
	margin: -12px;
	padding: 0;
	width: 100%;
	height: 48px;
	text-decoration: none;
}

.doc-list-element .head .info .filesize {
	text-align: right;
}

.docmanager-list-element .head .info .filesize {
	text-align: right;
	margin-top: 4px;
}

.doc-list-element .head .toolbar,
.docmanager-list-element .head .toolbar {
	color: #00ad8e;
	position: absolute;
	right: 12px;
	top: 8px;
}

.doc-list-element .info{
	color: #aaaaaa;
	font-weight: normal;
	position: absolute;
	right: 160px;
	top: 8px;
}

.docmanager-list-element .info{
	color: #aaaaaa;
	font-weight: normal;
	position: absolute;
	right: 8px;
	top: 8px;
}

.doc-list-element .fileinfo {
	color: #aaaaaa;
	font-weight: normal;
	position: absolute;
	left: 16px;
	top: 28px;
	max-width: 530px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.docmanager-list-element .fileinfo {
	color: #aaaaaa;
	font-weight: normal;
	position: absolute;
	left: 50px;
	top: 30px;
	max-width: 280px;
	height: 18px;
	overflow:hidden;
	text-overflow: ellipsis;
	whitespace: nowrap;
}

.docmanager-file-indicator {
	position: absolute;
	bottom: 32px;
	left: 32px;
	display: flex;
	cursor: default;
}

.docmanager-dev-indicator {
	position: absolute;
	bottom: 32px;
	left: 460px;
	display: flex;
	cursor: default;
}

.docmanager-file-indicator-nr,
.docmanager-dev-indicator-nr {
	font-weight: bold;
}

.docmanager-file-indicator-files,
.docmanager-dev-indicator-files {
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.document-delete{
	color: #aaaaaa;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	background-color: transparent;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
}

.document-delete:hover {
	color: #f0323c;
	background-color: rgba(0,0,0,.1);
}

.btn-refresh {
	color: #333333;
	border-radius: 50%;
	height: 34px;
	width: 34px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
}

.btn-refresh:hover {
	background-color: rgba(0,0,0,.1);
}

.document-button {
	color: #aaaaaa;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	background-color: transparent;
	transition: background-color .2s;
	-webkit-transition: background-color .2s;
}

.document-button:hover {
	color: #333333;
	background-color: rgba(0,0,0,.1);
}

.doc-sync-element {
	max-width: 1000px;
	cursor: pointer;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	font-size: 11pt;
	width: 100%;
	height: 48px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.doc-sync-element:hover {
	background-color: rgba(0,173,142,.15);
	border-bottom: 0px;
}

.doc-sync-element .head {
	width: 100%;
	height: 48px;
	background-color: transparent;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 4px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.doc-sync-element .head .docid {
	left: 16px;
}

.doc-sync-element .head .info {
	position: absolute;
	width: 100%;
	bottom: 24px;
	display: flex;
	font-weight: normal;
	font-size: 11pt;
	color: #aaaaaa;
}

.doc-sync-element .head .docname {
	position: absolute;
	left: 36px;
	color: #00ad8e;
}

.doc-sync-element .datetime {
	right: 8px;
	bottom: 4px;
	font-size: 11pt;
	position: absolute;
	color: #aaaaaa;
}

.doc-sync-element .filesize {
	left: 36px;
	bottom: 4px;
	font-size: 11pt;
	position: absolute;
	color: #aaaaaa;
}

.fmrenamefile-filename {
	margin: 12px 16px -16px 16px;
	width: 500px;
	overflow: hidden;
	text-overflow: ellipspis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 16px;
	max-height: 67px;
	min-height: 18px;
	color: #aaaaaa;
}

.fmrenamefile-note {
	margin: 8px 16px;
	color: #aaaaaa;
}

.obj-sync-element {
	max-width: 1000px;
	cursor: pointer;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	font-size: 11pt;
	width: 100%;
	height: 48px;
	padding: 0px;
	background-color: rgba(0,0,0,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.obj-sync-element:hover {
	background-color: rgba(0,0,0,.1);
	border-bottom: 0px;
}

.obj-sync-element .head {
	width: 100%;
	height: 48px;
	background-color: transparent;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 4px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.obj-sync-element .content {
	color: #333333;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding:0;
	position: relative;
	margin:0;

}

.obj-sync-element .head .info {
	position: absolute;
	width: 100%;
	bottom: 24px;
	display: flex;
	font-weight: normal;
	font-size: 11pt;
	color: #aaaaaa;
}

.obj-sync-element .head .objnr {
	position: absolute;
	left: 36px;
	color: #333333;
}

.obj-sync-element .head .objkennz {
	color: #333333;
	right: 4px;
	position: absolute;
	font-weight: bold;
}

.obj-sync-element .head .info .subinfo .objname {
	font-weight: normal;
}

.obj-sync-element .head .info .subinfo {
	left: 32px;
	position: absolute;
}

.obj-sync-element .head .info .objserialnr {
	right: 8px;
	position: absolute;
}

.dev-big-details {
	width: 100%;
	position: absolute;
	height: 32px;
	top: 0px;
}

.dev-list-element {
	min-width: 520px;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 0;
	font-size: 11pt;
	width: 100%;
	height: 48px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.dev-list-element:hover {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #ffffff;
}


.dev-list-element .head {
	position: absolute;
	width: 100%;
	background-color: transparent;
	border-radius: 6px 6px 0px 0px;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
}

.dev-list-element .dev-big-details {
	width: 100%;
	position: absolute;
	height: 48px;
	top: 0px;
	left: 0px;
}

.dev-list-element .head .objectnr {
	position: absolute;
	left: 16px;
}

.dev-list-element .head .objectname {
	padding-left: 16px;
	color: #00ad8e;
	position: absolute;
	left: 250px;
}

.dev-list-element .head .kennz {
	position: absolute;
	left: 120px;
}

.dev-list-element .content .info .seriennr {
	position: absolute;
	right: 16px;
	top: 6px;
	font-weight: bold;
}

.dev-list-element .content .wfstatus {
	position: absolute;
	right: 16px;
	top: 28px;
	color: #999999;
}

.dev-list-element .content {
	position: absolute;
	width: auto;
	height: auto;
	padding: 12px 16px;
	color: #333333;
	box-sizing: border-box;
	left: 500px;
	display: flex;
}

.dev-list-element .content .info {
	display: flex;
}

.dev-list-element .content .info .driver {
	position: absolute;
	left: 10%;
	top: 4px;
}

.dev-list-element .content .info .group {
	position: absolute;
	left: 10%;
	top: 22px;
}

.dev-list-element .content .info .vehicle {
	padding-left: 16px;
}

.dev-list-element .projekte {
	position: absolute;
	display: none;
	color: #00ad8e;
	left: 55%;
}

.dev-list-element .projekte .id {
	display:none;
}

.dev-list-element .projekte .formulare {
	margin-left: 0;
}

.dev-list-element .projekte .version {
	visibility: hidden;
}

.dev-list-element .projekte .projektdetails {
	position: absolute;
	background-color: #ffffff;
	width: 500px;
	height: 100px;
	box-shadow: 0px 8px 16px rgba(0,0,0,0.24);
	border-radius: 4px;
	visibility: hidden;
	trasnsition: all .2s ease-in;
	-webkit-trasnsition: all .2s ease-in;
}

/*.dev-list-element .projekte:hover .projektdetails {
	visibility: visible;
	position: absolute;
	z-index: 3;
	left: -200px;
	top: 22px;
}
*/

.dev-list-element-small {
	min-width: 400px;
	cursor: default;
/*	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;*/
	box-sizing: border-box;
	position: relative;
	margin: 0;
	font-size: 11pt;
	width: 100%;
	height: 56px;
	padding: 0px;
	background-color: rgba(0,173,142,.0);
	border-radius: 0px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24); 
	transition: all 0.2s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.dev-list-element-small label {
	height: 56px;
}

.dev-list-element-small:hover {
	background-color: rgba(255,175,0,.15);
	border-bottom: 1px solid #ffffff;
}

.dev-list-element-small .head {
	position: absolute;
	width: 100%;
	background-color: transparent;
	border-radius: 6px 6px 0px 0px;
	color: #333333;
	font-weight: bold;
	box-sizing: border-box;
	padding: 6px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
}

.dev-list-element-small .head .objectnr {
	position: absolute;
	left: 50px;
}

.dev-list-element-small .head .objectname {
	color: #ffaf00;
	position: absolute;
	left: 50px;
	top: 30px;
}

.dev-list-element-small .head .kennz {
	position: absolute;
	left: 120px;
}

.dev-list-element-small .head .seriennr {
	position: absolute;
	right: 6px;
	top: 6px;
}

.dev-list-element-small .content {
	position: relative;
	width: auto;
	height: auto;
	color: #333333;
	box-sizing: border-box;
}

.dev-list-element-small .content .info {
	display: flex;
}

.dev-list-element-small .content .info .group {
	padding-left: 16px;
}

.dev-list-element-small .content .info .vehicle {
	padding-left: 16px;
}

.dev-list-element-small .dev-list-element-projekte {
	position: absolute;
	right: 6px;
	top: 30px;
	width: 260px;
	text-align: right;
	color: #aaaaaa;
}

.dev-list-element-small .projekte h1 {
	font-size: 11pt;
	margin: 0;
	color: #aaaaaa;
}

.dev-list-element-small .projekte .projektdetails {
	position: absolute;
	background-color: #ffffff;
	width: 500px;
	height: 100px;
	box-shadow: 0px 8px 16px rgba(0,0,0,0.24);
	border-radius: 4px;
	visibility: hidden;
	trasnsition: all .2s ease-in;
	-webkit-trasnsition: all .2s ease-in;
}

.dev-list-element-small .projekte:hover .projektdetails {
	visibility: visible;
	position: absolute;
	z-index: 3;
	left: -200px;
	top: 22px;
}


.overlay-label {
	position: absolute;
	width: 100%;
	height: 80px;
	opacity: 0;
	cursor: pointer;	
}

.options-box-1 {
	position: absolute;
	bottom: 37.5%;
	left:15.5%;
	font-size: 11pt;
	border-radius: 3px;
	margin: auto;
	margin: 16px;
	height: max-content;
	width: max-content;
	transition: all .2s ease;
	box-shadow: 0px 8px 16px 2px rgba(0,0,0,.24);
	background-color: #ffffff;
	z-index:2;
	/*display: none;*/
}

.options-box-1 span {
	cursor: pointer;
	color: #333333;
	display: block;
	margin: 0px;
	padding: 8px 16px 8px 16px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.options-box-1 span:hover {
	background-color: rgba(100, 100, 100, .15);
}

.options-box-1 span:focus {
	background-color: #dddddd;
}

.options-box-1 span:active {
	background-color: #dddddd;
}

.options-box-2 {
	position: absolute;
	font-size: 11pt;
	font-weight: normal;
	border-radius: 3px;
	margin: auto;
	margin: 16px;
	height: max-content;
	width: max-content;
	transition: all .2s ease;
	box-shadow: 0px 8px 16px 2px rgba(0,0,0,.24);
	background-color: #ffffff;
	z-index:2;
	/*display: none;*/
}

.options-box-2 span {
	cursor: pointer;
	display: block;
	color: #333333;
	margin: 0px;
	padding: 8px 16px 8px 16px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.options-box-2 span:hover {
	background-color: rgba(100, 100, 100, .15);
}

.options-box-2 span:focus {
	background-color: #dddddd;
}

.options-box-2 span:active {
	background-color: #dddddd;
}

.tool-head {
	position: absolute;
	background-color: #ffffff;
	display: flex;
	color: #333333;
	width: 45%;
	height: 84px;
	left: 0px;
	bottom: 0px;
}

.sync {

}

.sync-head {
	position: absolute;
	background-color: #ffffff;
	display: flex;
	color: #333333;
	height: 84px;
	width: 47.5%;
	right: 0px;
	bottom: 0px;
}

.sync-bottom {
	position: fixed;
	background-color: #ffffff;
	display: flex;
	color: #333333;
	height: 64px;
	width: 100%;
	bottom: 0px;
	z-index: 999;
	right: 16px;
	min-width: 1100px;
}

.sync-bottom .gradient {
	background-image: linear-gradient(to right, #00ad8e, #ffaf00);
	height: 3px;
	width: 100%;
}

.sync-bottom .button-left {
	position: absolute;
	color: #333333;
	font-weight: bold;
	top: 20px;
	left: 32px;
}

.sync-bottom .button-mid {
	position: absolute;
	right: 0px;
	left: 0px;
	margin: auto;
	width: 100%;
	text-align: center;
}

.button-mid-top {
	text-align: center;
}

.button-mid-top .btn_round {
	border-radius: 24px;
	height: 48px;
	text-align: center;
	padding: 8px 12px 0px 8px;
}

.btn_round {
	border-radius: 50%;
}

.sync-bottom .button-right {
	position: absolute;
	color: #333333;
	font-weight: bold;
	top: 20px;
	right: 32px;
}

.document-details-info {
	width: 100%;
}

.document-details-info .document-name {
	font-size: 14pt;
	font-weight: bold;
}

.userdocument-form {
	height: auto;
}

.userdocument-form textarea,
.userdocument-form input[type=text], 
.userdocument-form input[type=password] {
	width: 100%;
	padding: 8px;
	font-size: 11pt;
	box-sizing: border-box;
	display: block;
	margin: auto;
	overflow-y: auto;
	margin-bottom: 16px;
	right: 0px;
	border: none;
	border: 1px solid #aaaaaa;
	position: relative;
	color: #333333;
	resize: none;
	background-color: transparent;
}

.userdocument-form textarea:focus,
.userdocument-form input[type=text]:focus, 
.userdocument-form input[type=password]:focus {
	border-bottom: 2px solid #00ad8e;
	outline: none;
}

.userdocument-form input.invalid {
	border-bottom: 2px solid #C31818;
	background-color: #F6D3D3;
}

.userdocument-form input.invalid:focus, .userdocument-form input.invalid:active {
	border-bottom: 2px solid #00ad8e;
	background-color: #ffffff;
}

.userdocument-form textarea:active,
.userdocument-form input[type=text]:active, 
.userdocument-form input[type=password]:active {
	border-bottom: 2px solid #00ad8e;
	outline: none;
	background-color: #ffffff;
}

.document-details-info .document-text {
	padding: 8px;
	width: 100%;
	min-width: 300px;
	max-width: 500px;
	position: relative;
	border: 1px solid #cccccc;
}

.document-details-info .document-text:focus {
	border: 1px solid #888888;
	border-bottom: 2px solid #00ad8e;
}

.deletedocument-title,
.fmdeletefile-title {
	font-weight: bold;
}

.deletedocument-text {
	padding: 8px;
	color: #888888;
	width: 100%;
	min-width: 300px;
	position: relative;
}

.user-documents-content {
	width: 100%;
	position: relative;
}

.user-documents-toolbar {
	border-bottom: 2px solid #00ad8e;
	margin: auto;
	position: relative;
	width: 850px;
	height: 42px;
}

.user-documents-toolbar-buttons {
	position: absolute;
	right: 0px;
	bottom: 8px;
}

.user-documents-toolbar-search {
	position: absolute;
	left: 0px;
	top: 0px;
}

.user-documents-toolbar-refresh {
	position: absolute;
	left: 0px;
	bottom: 6px;
}

.user-documents-toolbar-order {
	position: absolute;
	left: 80px;
	bottom: 8px;
}

.user-documents-toolbar-type {
	position: absolute;
	left: 270px;
	bottom: 8px;
}

.user-documents-table {
	overflow-y: auto;
	overflow-x: hidden;
	margin: auto;
	width: 850px;
	height: 500px;
	padding: 0px;
}

.manager-table {
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 30px 16px 120px 16px;
}

.manager-head {
	position: sticky;
	display: flex;
	top: 0px;
	width: 100%;
	margin: auto;
	height: 64px;
	background-color: #ffffff;
	color: #333333;
	z-index: 3;
	border-bottom: 1px solid rgba(153,153,153,.5);
	/*box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);*/
}

.manager-row {
	width: 100%;
	position: relative;
	margin:auto;
}

#filter-bar {
	width: 100%;
	display: flex;
	padding: 0px;
	background-color: #ffffff;
	display: none;
}

#filter-bar #content {
	width: 100%;
	display: flex;
}

.switch-filter {
	width: 75px;
	height: 32px;
	padding: 3px;
	border: 1px solid #dddddd;
	cursor: pointer;
}

.switch-active {
	border: 2px solid #00ad8e;
	background-color: rgba(0,173,142,0.2);
	padding: 2px;
}

.switch-filter:hover {
	background-color: #eeeeee;	
}

#start-filter-bar {
	width: 100%;
	height: 64px;
	padding: 0px;
	position: fixed;
	right: 16px;
	top:42px;
	background-color: #f0f0f0;
	display: none;
	z-index: 3;
}

#start-filter-bar #content {
	width: 100%;
	display: flex;
	color: #333333;
	position: absolute;
	margin-left: 25%;
	margin-right: 25%;
}

.start-switch-filter {
	width: 75px;
	height: 32px;
	padding: 4px;
	cursor: pointer;
	position: absolute;
	right: 420px;
	top: 5px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	z-index: 1;
}

.start-switch-active {
	box-shadow: inset 0px 0px 4px rgba(0,0,0,0.36);
	background-color: rgba(0,0,0,0.10);
}

.start-switch-filter:hover {
	background-color: rgba(255,255,255,0.15);	
}

.table-1 {
	width: 100%;
	height: auto;
	display: block;
}

.table-2 {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 100px;
}

.table-small-1 {
	width: 100%;
	height: auto;
	display: block;
}

.table-small-2 {
	width: 100%;
	height: auto;
	display: block;
}

.table-head {
	color: #ffffff;
	background-color: #00ad8e;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
/*	border-bottom: 1px solid rgba(153,153,153,.3);*/
	height: 32px;
	text-align: center;
	width: 100%;
	padding: 6px;
	position: relative;
}

#listinterntoggle1,
#listinterntoggle2,
#listinterntoggle3 {
	padding-top: 3px;
}


.table-collapse-toggle {
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	width: 64px;
	height: 32px;
	background-color: transparent;
}

.table-collapse-toggle:hover {
	background-color: rgba(255,255,255,0.2);
}

.table-head-new {
	color: #00ad8e;
	font-size: 12pt;
	font-weight: bold;
	display: flex;
	border-bottom: 1px solid rgba(153,153,153,.3);
	height: 42px;
	width: 100%;
	padding: 10px 6px 0px 6px;
	background-color: #ffffff;
	border-bottom: 2px solid #00ad8e;
	position: sticky;
	top: 0px;
	z-index: 2;
}

.table-objects-orange {
	color: #ffaf00;
	border-bottom: 2px solid #ffaf00;
}

.projects-table {
	overflow: auto;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 16px;
	padding-bottom: 32px;
	box-sizing: content-box;
}

.projects-table-new {
	overflow: auto;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0px 0px 16px 0px;
	box-sizing: content-box;
}

.list-padding {
	padding: 34px 16px 16px 16px;
	width: 1100px;
	margin: auto;
}
.list-overflow-unset {
	overflow: unset;
}

.projects-table-head {
	position: sticky;
	display: block;
	font-size: 11pt;
	top: 0px;
	width: 100%;
	margin: auto;
	color: #333333;
	background-color: #ffffff;
	z-index: 3;
	border-bottom: 1px solid rgba(153,153,153,.5);
	/*box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);*/
}

.projects-table-row {
	width: 100%;
	position: relative;
	margin:auto;
}

.projects-filter-item {
	display: -webkit-inline-box;
	display: -moz-box;
	display: flex;
	margin: 16px;
}

.projectsanddevices-refresh {
	position: absolute;
	right: 2px;
	top: 4px;
	margin: 0px;
	z-index: 999;
}

.projectsanddevices-refresh-wrapper {
	width: 100%;
	position: sticky;
	right: 0px;
	top: 0px;
	z-index: 999;
}

.switch-view {
	width: 32px;
	height: 32px;
	padding: 3px 2px;
	color: #666666;
	cursor: pointer;
	border: 1px solid #dddddd;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.switch-view:hover {
	background-color: #eeeeee;	
}

.detail-view {
	width: 32px;
	height: 32px;
	padding: 3px;
	color: #666666;
	cursor: pointer;
	border: 1px solid #dddddd;
}

.detail-view:hover {
	background-color: #eeeeee;	
}

.detailview-off {
	background-color: #ffffff;	
	padding: 3px;
}

.detailview-on {
	border: 2px solid #00ad8e;
	background-color: rgba(0,173,142,0.2);
	padding: 2px;
}

.device-big {
	float: left;
	cursor: default;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	margin: 8px;
	font-size: 11pt;
	width: 23.75%;
	min-width: max-content;
	height: 220px;
	padding: 0px;
	background-color: #f5f5f5; /*rgba(200,200,200,.8);*/
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.device-big:hover {
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.05), 0 3px 8px 0 rgba(0, 0, 0, 0.3);
}

.device-big:hover.device-big .head {
	background-color: rgba(0,0,0,.50);
}

.device-big .head {
	position: relative;
	width: 100%;
	height: 32px;
	background-color: #3f3f3f;
	border-radius: 6px 6px 0px 0px;
	color: #d3d3d3;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 6px;
	display: flex;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
}

.device-big .head .objectnr{
	position: relative;
	margin-left: 8px;
}

.device-big .head .objectname{
	position: absolute;
	left: 30%;
}

.device-big .head .kennz{
	position: absolute;
	margin: auto;
	right: 8px;
}


.device-big .content .info .seriennr{
	position: absolute;
	right: 16px;
}

.device-big .content {
	position: relative;
	width: 100%;
	height: auto;
	padding: 12px;
	color: #333333;
	box-sizing: border-box;
}

.device-big .content .wfstatus {
	position: absolute;
	left: 16px;
	bottom: 0px;
}

.device-big .content .info {
	display: flex;
}

.device-big .content .info .driver {
	position: relative;
}

.device-big .content .info .group {
	position: relative;
	margin-left: 16px;
}

.icon_group {
	width: 18px;
	margin-right: 4px;
	vertical-align: bottom;
}

.device-big .content .info .vehicle {
	position: relative;
	margin-left: 32px;
}

.device-big .content #line {
	width: 100%;
	height: 1px;
	background-color: rgba(150,150,150,.3);
	margin-top: 8px;
}

.device-big .content .projekte {
	margin: 8px 0px;
}

.device-big .content .projekte .id {
	position: absolute;
	left: 16px;
	font-weight: bold;
}

.device-big .content .projekte .formulare {
	margin-left: 30%;
	font-weight: bold;
}

.device-big .content .projekte .version {
	position: absolute;
	right: 54px;
	font-weight: bold;
}
.device-big .content .projekte h {
	color: #00ad8e;
	font-size: 11pt;
	font-weight: bold;
}

.device-big .content .projekte ul {
	overflow: auto;
	color: #333333;
	list-style: none;
	padding:0px;
	margin: 4px 0px;
	position: relative;
	height: 92px;
	background-color: rgba(255,255,255,.15);
	scrollbar-width: thin;
}

.device-big .content .projekte li {
	padding: 4px;
	position: relative;
	height: 28px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.device-big .content .projekte li:hover {
	background-color: rgba(0,173,142,.2);
}

.device-big-details {
	height: auto !important;
}

.projektdetails-details {
	height: auto !important;
}

.device-small {
	cursor: pointer;
	float: left;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	box-sizing: border-box;
	position: relative;
	margin: 8px 0px 0px 8px;
	font-size: 10pt;
	width: 47.5%;
	height: 128px;
	background-color: #e3e3e3;
	border-radius: 6px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.12), 0 3px 4px rgba(0,0,0,0.24); 
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.device-small:hover {
	box-shadow: 0px 4px 8px 2px rgba(0,0,0,.20);
	background-color: rgba(255,175,0,0.25);
	border-bottom: 25px solid rgba(255,175,0,.8);
}

.device-small:hover .head {
	background-color: rgba(255,175,0,0.8);
	color: #444;
}

.device-small:hover .over {
	opacity: 1;
}

.device-small .head {
	position: relative;
	width: 100%;
	height: 32px;
	background-color: #3f3f3f;
	border-radius: 4px 4px 0px 0px;
	color: #d3d3d3;
	font-weight: bold;
	box-sizing: border-box;
	padding: 6px;
	display: flex;
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.device-small .head .objectnr{
	position: relative;
}

.device-small .head .objectname{
	position: relative;
}

.device-small .head .kennz{
	position: absolute;
	margin: auto;
	text-align: center;
	width: 100%;
	right: 0px;
}

.device-small .head .seriennr{
	position: absolute;
	right: 8px;
}

.device-small .content {
	position: relative;
	width: 100%;
	height: auto;
	padding: 12px 16px;
	color: #333333;
	box-sizing: border-box;
}

.device-small .content .info {
	display: flex;
}

.device-small .content .info .driver {
	position: relative;
}

.device-small .content .info .group {
	position: relative;
	margin-left: 32px;
}

.device-small .content .info .vehicle {
	position: relative;
	margin-left: 32px;
}

.device-small .content #line {
	width: 100%;
	height: 1px;
	background-color: rgba(150,150,150,.3);
	margin-top: 8px;
}

.device-small .content .projekte {
	margin: 8px 0px;
}

.device-small .content .projekte h1 {
	color: #00ad8e;
	font-size: 11pt;
	font-weight: bold;
	margin: 4px; 
}

.pagination {
	margin-top: 32px;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.pagination a {
	color: #333333;
	background-color: #ffffff;
	float: left;
	padding: 6px 12px;
	text-decoration: none;
	font-family: Assistant, sans-serif;
	transition: background-color .3s;
}

.pagination a.active {
	background-color: #333333;
	color: #ffffff;
}

.pagination a:hover:not(.active) {background-color: #dddddd;}

.over {
	width: 100%;
	height: 71px;
	position: absolute;
	text-align: center;
	top: 16px;
	margin: -16px;
	padding-top: 16px;
	z-index: 2;
	background-color: rgba(255,175,0,.4);
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.over-avatar {
	cursor: pointer;
	width: 100%;
	height: 64px;
	position: absolute;
	text-align: center;
	font-size: 28pt;
	z-index: 2;
	border-radius: 50%;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.profil-avatar-big:hover .over-avatar {
	opacity: 1;
}

.sfwtooltip-dark-af,
.sfwtooltip {
	position: relative;
	display: inline-block;
	-border-bottom: 1px dotted black;
}

.sfwtooltiptext-dark-af,
.sfwtooltiptext {
	font-size:11pt;
	z-index: 1000000;
}

.sfwtooltip-dark-af .sfwtooltiptext-dark-af,
.sfwtooltip .sfwtooltiptext {
	visibility: hidden;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	border-radius: 6px;
	padding: 8px;
	position: absolute;
	-z-index: 1;
	bottom: 115%;
	left: 50%;
	opacity: 0;
	transition: opacity 0.3s;
}

.sfwtooltip-dark-af .sfwtooltiptext-dark-af {
	width: 200px;
	margin-left: -100px;
}

.sfwtooltip .sfwtooltiptext {
	width: 120px;
	margin-left: -60px;
}

.sfwtooltip-dark-af .sfwtooltiptext-dark-af::after,
.sfwtooltip .sfwtooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333333 transparent transparent transparent;
}

.sfwtooltip-dark-af:hover .sfwtooltiptext-dark-af,
.sfwtooltip:hover .sfwtooltiptext {
	visibility: visible;
	opacity: 1;
	z-index:1000000;
}

.hilfe-item:target {
	-webkit-animation: target-fade 2s;
	-moz-animation: target-fade 2s;
	-o-animation: target-fade 2s;
	animation: target-fade 2s;
}


@-webkit-keyframes target-fade {
	from { background-color: #ffaf00; border-left:		12px solid #ffaf00;		} /* [1] */
	to { background-color: transparent; border-left:		0px solid #ffaf00; }
}

@-moz-keyframes target-fade {
	from { background-color: #ffaf00; border-left:		12px solid #ffaf00; } /* [1] */
	to { background-color: transparent; border-left:		0px solid #ffaf00; }
}

@-o-keyframes target-fade {
	from { background-color: #ffaf00; border-left:		12px solid #ffaf00; } /* [1] */
	to { background-color: transparent; border-left:		0px solid #ffaf00; }
}

@keyframes target-fade {
	from { background-color: #ffaf00;		border-left:		12px solid #ffaf00;} /* [1] */
	to { background-color: transparent;		border-left:		0px solid #ffaf00;}
}

.bubble {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 120px;
	height: 55px;
	position: relative;
	border: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #333333;
	box-shadow: 0px 8px 16px 2px rgba(0,0,0,0.24);
}

.bubble::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 0;
	height: 0;
	position: absolute;
	content: "";
	top: 50%;
	right: 100%;
	bottom: 50%;
	margin: auto;
	border: 8px solid rgba(0,0,0,0);
	border-right-color: #333333;
	border-left: 0 solid;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	text-shadow: none;
}

.bubble_bottom {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 400px;
	height: 200px;
	position: absolute;
	right: -134px;
	border: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #333333;
	z-index: 9999;
}

.bubble_bottom::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 0;
	height: 0;
	position: absolute;
	content: "";
	top: -10%;
	right: 45%;
	left: 45%;
	border: 13px solid rgba(0,0,0,0);
	border-right: 26px solid #333333;
	border-left: 0 solid;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	text-shadow: none;
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

#public-setting {
	width: 100%;
	padding: 8px 0;
}

.public-setting-subtext {
	color: #888888;
	width: 100%;
}

#public-setting h2 {
	color: #00ad8e;
	font-weight: bold;
	font-size: 12pt;
}

#public-setting ul {
	list-style: none;
	padding: 0;
}

#public-setting ul li {
	padding: 8px;
}

#public-setting ul li p {
	color: #aaaaaa;
}

.hide {
	display: none;
}

.hide-box {
	display: none;
}

.profil-info {
	width: 800px;
	margin:auto;
	height: auto;
	display: flex;
	padding: 16px;
	color: #333333;
	position: relative;
}

.profil-info h {
	color: #00ad8e;
	font-weight: bold;
	font-size: 24pt;
}

.profil-grid {
	max-width: 800px;
	height: auto;
}

.filter-bar {
	position: relative;
	width: 100%;
}

.filter-item {
	font-size: 11pt;
	display: -webkit-inline-box;
	margin: 36px 0px 0px 16px;
}

.prj-obj-sync-filter-item {
	font-size: 11pt;
	margin: 0px 0px 12px 4px;
}

.prj-toggle {
	position: absolute;
	top: -34px;
	right: 42px;
}

.prj-toggle .info {
	text-decoration: underline;
	text-decoration-style: dashed;
	cursor: help;
}

.manager-filter-item {
	display: -webkit-inline-box;
	display: -moz-box;
	margin: 16px;
	z-index: 5;
}

.device-page-indicator {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	width: max-content;
	top: 64px;
}

.dropdown-right-af {
	float: left;
	overflow: hidden;
}

.dropdown-right-af .dropbtn-right {
	font-size: 16px;
	border: none;
	outline: none;
	color: #ffffff;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.dropdown-right-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 144px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 4;
	margin-top: -48px; 
	left: 276px; 
}

.dropdown-right-content a {
	float: none;
	padding: 14px;
	color: #333333;
	text-decoration: none;
	display: block;
	text-align: left;
	border-bottom: 0px solid #ffffff;
}

.dropdown-right-content a:hover {
	background-color: #dddddd;
	border-bottom: 0px solid #ffffff;
}

.dropdown-right-af:hover .dropdown-right-content {
	display: block;
}

.dropdown-right-af:hover .dropdown-right-pointer {
	opacity: 0;
}

.dropdown-right-pointer {
	position: absolute;
	right: 16px;
	top: 10px;
	color: #00ad8e;
	opacity: 1;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}

.dropbtn {
	background-color: #3498DB;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #333333;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {background-color: #dddddd}

.show {display:block;}

.custom-drop {
	width: max-content;
	margin-left: 0px;
	font-family: Assistant, sans-serif;
	font-size: 11pt;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #dddddd;
	min-width: 100px;
	padding: 6px 16px 6px 8px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.custom-drop:focus {
	outline: none;
}

.custom-drop-content {
	background-color: #ffffff;
	color: #333333;
	border: none;
	font-size: 11pt;
	border-radius: 0px 0px 4px 4px;
	position: absolute;
	min-width: 100px;
	margin: 0;
	margin-left: 0px;
	padding: 0;
	z-index: 3;
	display: none;
	box-shadow: 0px 8px 16px 4px rgba(0,0,0,.24);
}

.custom-drop-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

.custom-drop-content ul li {
	list-style: none;
	cursor: pointer;
	padding: 8px 12px 8px 12px;
	transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
/*	min-width: 180px;*/
}

.custom-drop-content ul li:hover {
	background-color: #e2e2e2;
}

#dd-bottom:hover {
	border-radius: 0px 0px 4px 4px;
}

#dd-bottom-col-left:hover {
	border-radius: 0px 0px 0px 4px;
}

#dd-bottom-col-right:hover {
	border-radius: 0px 0px 4px 0px;
}

.dd-show {
	display: block !important;
}

.dd-triangle {
	float: right;
	top: 8px;
	left: 8px;
	position: relative;
	border-top: 6px solid #333333;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.dd-triangle-white {
	float: right;
	top: 8px;
	left: 8px;
	position: relative;
	border-top: 6px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.custom-drop:focus .dd-triangle {
	top: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #333333;
}

.dd-triangle-up {
	top: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #333333;
}


.custom-drop-header {
	position: absolute;
	width: max-content;
	top: 16px;
	height: 36px;
	right: 380px;
	font-family: Assistant, sans-serif;
	font-size: 11pt;
	box-sizing: border-box;
	background-color: transparent;
	color: #ffffff;
	cursor: pointer;
	padding: 0px 16px 2px 0px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.custom-drop-header:hover {
	background-color: rgba(255,255,255,0.15);
}
.custom-drop-header:focus {
	outline: none;
}

/*.custom-drop-header --->SOBALD EINE OPTION AUSGEWÄHLT IST {
		border: 1px solid #00ad8e;
		color: #00ad8e;
		background-color: rgba(0,173,142,0.25);
}*/

.custom-drop-header-content {
	background-color: #ffffff;
	color: #333333;
	border: none;
	font-size: 11pt;
	border-radius: 0px 0px 4px 4px;
	position: absolute;
	right: 400px;
	top: 64px;
	min-width: 100px;
	margin: 0;
	padding: 0;
	z-index: 1;
	display: none;
	box-shadow: 0px 8px 16px 4px rgba(0,0,0,.24);
}

.custom-drop-header-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

.custom-drop-header-content ul li {
	list-style: none;
	cursor: pointer;
	padding: 8px 12px 8px 12px;
	transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
}

.custom-drop-header-content ul li:hover {
	background-color: #e2e2e2;
}

.dd-header-triangle {
	float: right;
	top: 8px;
	left: 8px;
	position: relative;
	border-top: 6px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.custom-drop-header:focus .dd-header-triangle {
	top: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
}

.tab-wrapper {
	width: 100%;
	background-color: #313131;
	position: relative;
}

.tab {
	overflow: hidden;
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -o-max-content;
	margin: auto;
	background-color: #313131;
}

.tab button {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 12pt;
	color: #f1f1f1;
	font-family: Assistant, sans-serif;
	font-weight: bold;
	width: 160px;
}


.tab button:hover {
	background-color: rgba(100, 100, 100, .75);
}

.tab button.active {
	color: #00ad8e;
	background-color: #ffffff;
}

.tabcontent {
	display: none;
	font-size: 12pt;
	-webkit-animation: fadeEffect .5s;
	animation: fadeEffect .5s;
}

@-webkit-keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.profil-search {
/*	position: absolute;*/

}

.profil-search input[type=text] {
	cursor: pointer;
	font-family: Assistant, sans-serif;
	padding: 6px;
	padding-left: 12px;
	display: block;
	height: 32px;
	width: 216px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 18px;
	font-size: 11pt;
	color: #333333;
	background-color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.profil-search input[type=text]:hover {
	background-color: rgba(0,0,0,0.1);
}

.profil-search input[type=text]:focus {
	border-bottom: 2px solid rgba(0,173,142,1);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background-color: #ffffff;
	color: #333333;
	border-radius: 0px;
	outline: none;
}

.profil-search-dev {
	position: absolute !important;
}

.profil-search-dev input[type=text]:focus {
	border-bottom: 2px solid rgba(255,175,0,1);

}

.profil-search input::-webkit-input-placeholder {
	color: #333333;
}
 
.profil-search input:-moz-placeholder { /* Firefox 18- */
	color: #333333;
}
 
.profil-search input::-moz-placeholder {		/* Firefox 19+ */
	color: #333333;
}
 
.profil-search input:-ms-input-placeholder {		
	color: #333333;
}

.profil-fixed {
	padding: 16px;
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	background-color: #e7e7e7;
}

.profil-fixed h {
	color: #333333;
	font-weight: bold;
	font-size: 14pt;
}

.sync-box {
	position: absolute;
	margin-top: 18px;
	left: -216px;
	text-align: center;
}

.sticky {
	overflow: auto;
	position: -webkit-sticky;
	position: sticky;
	background-color: #ffffff;
	width: 46.5%;
	height: 700px;
	float: right;
	z-index: 2;
}

@media only screen and (max-width: 1144px) {
/*
AF
fuer Erkennung ob zwei oder dreispaltig
*/
	.device {
		float: left;
		margin: 16px;
	}

	.projekt-fixed {
		max-width: none;
		width: 95%;
	}
	
}

@media only screen and (max-width: 1600px) {

	.device-big {
		width: 32%;
	}

	.prj-big {
		width: 47.5%;
	}

	.prj-big-offer {
		width: 47.5%;
	}

	.big-card .content .flexbox {
		display: block;
	}

	.big-card .content .userprofil {
		float: left;
		width: 100%;
		margin-top: 32px;
		border-left: 0px solid rgba(153,153,153,.3);
		border-top: 1px solid rgba(153,153,153,.3);
	}

	.big-card .content .userprofil .prj-list .element {
		float: left;
	}
}

@media only screen and (max-width: 1370px) {

	.profil-card {
		width: 100%;
	}

	.tabcontent {
		padding: 0px;
	}

	.device-small {
		width: 60%;
		float: none;
		margin: auto;
		margin-bottom: 8px;
	}

	.prj .content {
		max-width: 480px;
	}

	#start-filter-bar #content {
		margin-left: 10%;
	}

}

input, button, submit {
	border: none;
	font-family: Assistant, sans-serif;
	caret-color: #333333;
}

button:focus {
	outline: none;
}

input[type=file] {
	display: none;	
}

label {
	font-weight: normal;
}

.start-btn {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 18pt;
	cursor: pointer; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 10px 16px 10px 16px;
	width: auto;
	height: auto;
	background: linear-gradient(to right, #38d0a6, #00ad8e);
	background-size: 150% 150%;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.start-btn:hover {
	box-shadow: 0px 0px 12px 2px rgba(255,255,255,.36);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background-size: 300% 100%;
	letter-spacing: 3px;
	color: #ffffff;
	text-decoration: none;
}

.start-btn:focus {
	outline: none;
	color: #ffffff;
	text-decoration: none;
}

.start-btn:active {
	background-color: rgba(255,255,255,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	background-size: 100% 300%;
	color: #ffffff;
	text-decoration: none;
}

.btn-af {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	margin: 16px;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 8px 12px 8px 12px;
	width: auto;
	height: auto;
	background-color: #333333;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn-af:hover {
	background-color: #666666;
	box-shadow: 0px 5px 8px 0 rgba(0,0,0,.24);
}

.btn-af:focus {
	outline: none;
}

.btn-af:active {
	background-color: #aaaaaa;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,.24);
}

.btn_disabled {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	margin: 16px;
	font-size: 11pt;
	text-decoration: none;
	overflow: hidden;
	cursor: default !important; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: rgba(0,0,0,.25) !important;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none !important;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

.btn_disabled_sync {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	margin: 16px;
	font-size: 11pt;
	text-decoration: none;
	overflow: hidden;
	cursor: default; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: rgba(0,0,0,.25);
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

/*.btn_disabled_sync:hover.btn_disabled_sync:before {
	visibility: visible;
}
.btn_disabled_sync:before {
	content: "Markieren Sie gewünschte Projekte und Geräte, um diese zu synchronisieren.";
	width: 200px;
	height: 32px;
	color: #333333;
	background-color: #ffffff;
	border-radius: 3px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	visibility: hidden;
}*/

.btn_white_disabled {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: default; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: rgba(255,255,255,.4);
	border-radius: 3px;
	color: #00ad8e;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

.btn_white {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: #ffffff;
	border-radius: 3px;
	color: #00ad8e;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_white:hover {
	background-color: rgba(255,255,255,.8);
	box-shadow:0px 5px 8px 0 rgba(0,0,0,.24);
}

.btn_white:focus {
	outline: none;
}

.btn_white:active {
	background-color: rgba(255,255,255,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
}

.btn_green {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	margin: 16px;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: #00ad8e;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_green:hover {
	background-color: rgba(0,173,142,.8);
	box-shadow: 0px 5px 8px 0 rgba(0,0,0,.24);
}

.btn_green:focus {
	outline: none;
}

.btn_green:active {
	background-color: rgba(0,173,142,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
}

.btn_grey {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	margin: 16px;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: #333333;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_grey:hover {
	background-color: rgba(51,51,51,.8);
	box-shadow: 0px 5px 8px 0 rgba(0,0,0,.24);
}

.btn_grey:focus {
	outline: none;
}

.btn_grey:active {
	background-color: rgba(51,51,51,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
}

.btn_red {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	margin: 16px;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	background-color: rgb(240,50,60);
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0 rgba(0,0,0,.24);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_red:hover {
	background-color: rgba(240,50,60,.8);
	box-shadow: 0px 5px 8px 0 rgba(0,0,0,.24);
}

.btn_red:focus {
	outline: none;
}

.btn_red:active {
	background-color: rgba(240,50,60,.6);
	box-shadow: 0px 0px 4px 0 rgba(255,255,255,.24);
}

#prevBtn {
	background-color: #ffffff;
}

.btn_flat{
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer; 
	margin: 16px;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 12px;
	width: auto;
	height: auto;
	color: #00ad8e;
	border-radius: 3px;
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_flat:hover {
	background-color: rgba(0,0,0,0.1);
	color: #00ad8e;
	text-decoration: none;	
}

.btn_flat:focus {
	background-color: rgba(0,0,0,0.125);
	outline: none;
	color: #00ad8e;
	text-decoration: none;	
}

.btn_half{
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	text-decoration: none;
	overflow: hidden;
	font-size: 11pt;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 6px 12px 6px 8px;
	width: auto;
	height: auto;
	color: #00ad8e;
	border-radius: 32px;
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn_half:hover {
	background-color: rgba(0,0,0,0.1);
	color: #00ad8e;
	text-decoration: none;	
}

.btn_half:focus {
	background-color: rgba(0,0,0,0.125);
	outline: none;
	color: #00ad8e;
	text-decoration: none;	
}

#prevBtn:hover {
	background-color: rgba(0,0,0,.1);
}

#prevBtn:active {
	background-color: rgba(0,0,0,.15);
	outline: none;

}

#prevBtn:focus {
	outline: none;
}


.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: rgba(0, 173, 142, 0.5);
	border: none;		
	border-radius: 50%;
	display: inline-block;
}

.step.active {
	opacity: 1;
	background-color: #00ad8e;
}

.step.finish {
	background-color: #00ad8e;
}

#nextBtn:active, #nextBtn:focus {
	outline: none;
}

.icon-bar {
	position: relative;
	margin: 0px;
	bottom:0;
	color: #333333;
	border-top: 1px solid rgba(153,153,153,.4);
}

.big-icon-bar {
	position: fixed;
	width: 100%;
	padding-left: 32px;
	margin: 0px;
	bottom:0;
	left: 0;
	background-color: rgba(0,173,142, 0.2);
	color: #333333;
	border-top: 1px solid rgba(153,153,153,.3);
}

.material-icons-sfw {
	font-feature-settings: 'liga';
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	 user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
}

.material-icons-projekt {
/*	margin: -6px 12px -6px 0px;*/
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 50%;
	padding: 4px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.material-icons-projekt:hover {
	background-color: rgba(0,173,142,.15);
}

.material-icons-projekt:active {
	background-color: rgba(0,173,142,.20);
}

.material-icons {
	margin: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;		/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	color: #666666;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 50%;
	padding: 8px;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.material-icons:hover {
	background-color: rgba(100, 100, 100, .15);
}

.material-icons:active {
	background-color: #dddddd;
}

.material-icons-search {
	margin: 0px;
	position: absolute;
	right: 6px;
	top: 4px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	cursor: pointer;
	vertical-align: middle;
	padding: 0px;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.material-icons-search:hover {
	opacity: .60;
}

.material-icons-search:focus {
	opacity: .45;
}

.material-icons-inherit {
	margin: 0px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;		/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	vertical-align: middle;
}

.material-icons-dark {
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;		/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	cursor: default;
	vertical-align: middle;
	color: #333333;
}

.material-icons-green {
	margin: 1px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;		/* Preferred icon size */
	display: inline-block;
	text-transform: none;
	direction: ltr;
	cursor: pointer;
	vertical-align: middle;
	color: #00ad8e;
}

.material-icons-sync {
	margin-bottom: 4px;
	margin-left: 1px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 20px;
	display: inline-block;
	text-transform: none;
	direction: ltr;
	cursor: default;
	vertical-align: middle;
	color: #333333;
	transition: all .2s ease-in;
	opacity: 1;
}

.material-icons-sync:hover {

}

.material-icons-tool {
	padding: 8px;
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 24px;		/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	color: #333333;
	border-radius: 50%;
	cursor: pointer;
	vertical-align: middle;
}

.material-icons-tool:hover {
	background-color: rgba(100, 100, 100, .15);
}

.material-icons-tool:active {
	background-color: #dddddd;
}

.material-icons-object {
	margin-right: 4px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #666666;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-object-green {
	margin-right: 4px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-dd {
	margin: 2px 4px 6px 0px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #666666;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-dd-filter {
	margin: 8px 8px 0px 12px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-dd-green { 
	margin: 2px 4px 6px 0px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-dd-white {
	margin:8px;
	margin-top: 6px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #ffffff;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-active {
	margin:16px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #00ad8e;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-inactive {
	margin:16px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #bbb;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-white {
	margin:16px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #ffffff;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-red {
	margin:0px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #f0323c;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-orange {
	margin:0px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #FFBB11;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.small {
	margin:0px;
	font-size: 22px;
}

.material-icons-white-big {
	margin:16px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 50px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: white;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-filter {
	margin-right:8px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #ffffff;
	cursor: default;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-big {
	margin: 32px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
}

.material-icons-link {
	font-weight: normal;
	font-style: normal;
	font-family: 'Material Icons';
	font-size: 16px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	direction: ltr;
	color: #333333;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 50%;
	padding: 8px;
}

.material-icons-upload {
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	margin-top: 32px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;		
	display: inline-block;
	line-height: 0;
	text-transform: none;
	direction: ltr;
	color: #ffffff;
	cursor: pointer;
	letter-spacing: 1px;
	word-wrap: break-word;
	white-space: nowrap;
	vertical-align: middle;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

#Impressum {
	top: 64px;
	margin: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: auto;
	bottom: 0px;
}

#Uploads {
	top: 64px;
	margin: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: auto;
	bottom: 0px;
}

.accordion {
	background-color: #ffffff;
	color: #00ad8e;
	cursor: pointer;
	padding: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	font-family: Assistant, sans-serif;
}

.active, .accordion:hover {
	background-color: #e7e7e7;
}

.panel-af {
	padding: 0 16px;
	background-color: #ffffff;
	max-height: 0;
	overflow: hidden;
	color: #777777;
	transition: max-height .6s ease-out;
	-webkit-transition: max-height .6s ease-out;
}


.popup {
	background: #ffffff;
	color: #333333;
	display: none;
	position: absolute;
	border-radius: 4px;
	outline:0;
	box-shadow: 0px 4px 12px rgba(0,0,0,.36);
}

.popup p1 {
	list-style: none;
	padding: 16px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.popup p1:hover {
	background-color: #dddddd;
}

.popup p1:focus {
	background-color: #cccccc;
}


.modal .modal--close {
	margin: 14px;
	background-color: transparent;
	border-radius: 50%;
	color: #ffffff;
	float: right;
	font-size: 24pt;
	font-weight: 100;
	height: 32px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	transition: .2s;
	width: 32px;
	-webkit-touch-callout: none;
	user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-khtml-user-select: none; 

}

.modal .modal--close:hover {
	background-color: rgba(255,255,255,.2);
}

.modal .modal--close:focus {
	background-color: rgba(255,255,255,.1);
}

.modal {
	background: rgba(0, 0, 0, .6);
	border: 0;
	bottom: 0;
	display: table;
	left: 0;
	height: 100%;
	opacity: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: .2s .5s;
	width: 100%;
	z-index: -9999;
	box-sizing: border-box;
}

.modal:target {
	outline: 0;
	opacity: 1;
	transition: .2s .2s;
	z-index: 99999999;
}

.modal #modal--content {
	transform: translateY(-200%);
	transition: transform .5s 0s;
}

.modal:target #modal--content {
	transform: translateY(0%);
	transition: transform .2s .5s;
}

.modal > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.modal #modal--content {
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, .3);
	display: inline-block;
	max-width: 1200px;
	text-align: left;
	font-size: 11pt;
}

.modal h {
	color:#ffffff;
	margin-top:18px;
	margin-left:32px;
	position: absolute;
}

.custom-modal {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
	margin: 0;
	z-index: 1;
	display: none;
}

.custom-modal-show {
	display: block;
}

.message .message--close {
	margin: 14px;
	background-color: transparent;
	border-radius: 50%;
	color: #ffffff;
	float: right;
	font-size: 24pt;
	font-weight: 100;
	height: 32px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	transition: .2s;
	width: 32px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.message .message--close:hover {
	background-color: rgba(255,255,255,.2);
}

.message .message--close:focus {
	background-color: rgba(255,255,255,.1);
}

.message {
	background: rgba(0, 0, 0, .6);
	border: 0;
	bottom: 0;
	display: table;
	left: 0;
	height: 100%;
	opacity: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: .2s .5s;
	width: 100%;
	z-index: -9999;
	box-sizing: border-box;
}

.message:target {
	outline: 0;
	opacity: 1;
	transition: .2s .2s;
	z-index: 9999999;
}

.message #message--content {
	transform: translateY(-200%);
	transition: transform .5s 0s;
}

.message:target #message--content {
	transform: translateY(0%);
	transition: transform .2s .5s;
}

.message > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.message #message--content {
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, .3);
	display: inline-block;
	min-width:800px;
	max-width: 1200px;
	text-align: left;
	font-size: 11pt;
}

.message h2 {
	color:#ffffff;
	margin-top:18px;
	margin-left:32px;
	position: absolute;
	font-size: 14pt;
}

.inputfile-box {
	position: relative;
	padding: 0px 16px 24px 0px;
	border-radius: 4px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.inputfile {
	display: none;
}

.inputfile-box label,
.inputfile-box-button {
	padding: 8px;
	margin-top: 4px;
	width: 250px;
	text-align: center;
	background-color: #ffffff;
	color: #00ad8e;
	cursor: pointer;
	border: 1px solid rgba(204,204,204,.25);
	border-radius: 4px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.inputfile-box label:hover,
.inputfile-box-button:hover {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.24);
	border: 1px solid #ffffff;
}

.inputfile-box label:focus,
.inputfile-box-button:focus {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.24);
}

.inputfile-box label:active,
.inputfile-box-button:active {
	background-color: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.05);
}

.clipboard-dialog {
	height: 200px;
	width: 250px;t
	text-align: center;
	position:relative;
}

.clipboard-dialog p {
	margin: 8px 18px;
	color: #aaaaaa;
	text-align: center;
	line-height: 16px;
}

.clipboard-image-box {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	bottom: 12px;
	width: 200px;
	background: repeating-conic-gradient(#dddddd 0% 25%, transparent 0% 50%) 50% / 20px 20px;
}

.clipboard-image-box img {
	border: 1px solid #00ad8e;
}

.container {
	display: inline-block;
	width: 100%;
}

.pop-prj-header {
	background-color: #e6e6e6;
	/*box-shadow: 0px 3px 3px 0 rgba(0,0,0,.24);*/
	position: relative;
	height: 48px;
	width: 100%;
	color: #00ad8e;
	font-size: 14pt;
	border-radius: 4px 4px 0px 0px;
}

.pop-prj-header h1 {
	margin-top: 14px !important;
}

.file-box {
	position: absolute;
	overflow: hidden;
	width: 220px;
	top: 79px;
	text-align: left;
	left: 24px;
	box-sizing: border-box;
	max-height: 24px;
	background-color: #ffffff;
	color: #333333;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.file-button {
	text-decoration: none;
	overflow: hidden;
	cursor: pointer; 
	text-align: center;
	position: relative;
	width: auto;
	height: auto;
	color: #00ad8e;
	font-weight: bold;
	font-size: 12pt;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

.input-disabled {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #00ad8e;
}

.prj-form {
	height: auto;
}

.prj-form textarea,
.prj-form input[type=text], 
.prj-form input[type=password] {
	min-width: 300px;
	padding: 8px;
	font-size: 11pt;
	box-sizing: border-box;
	display: inline-block;
	margin: auto;
	height: 32px;
	margin-bottom: 16px;
	right: 0px;
	border: none;
	border: 1px solid #aaaaaa;
	position: relative;
	color: #333333;
	resize: none;
	background-color: transparent;
	resize: none;
}

.prj-form textarea:focus,
.prj-form input[type=text]:focus, 
.prj-form input[type=password]:focus {
	border-bottom: 2px solid #00ad8e;
	outline: none;
}

.prj-form input.invalid {
	border-bottom: 2px solid #C31818;
	background-color: #F6D3D3;
}

.prj-form input.invalid:focus, .prj-form input.invalid:active {
	border-bottom: 2px solid #00ad8e;
	background-color: #ffffff;
}

.prj-form textarea:active,
.prj-form input[type=text]:active, 
.prj-form input[type=password]:active {
	border-bottom: 2px solid #00ad8e;
	outline: none;
	background-color: #ffffff;
}

.settings-form {
	width: 100%;
	display: flex;
}

.settings-form input,
.settings-form label {
	display: block;
}

.settings-form label {
	font-weight: bold;
}

.settings-form-element {
	margin-right: 16px;
}

.settings-form input[type=text].set-disabled,
.settings-form input[type=number].set-disabled,
.settings-form input[type=password].set-disabled {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #00ad8e;
}

.settings-form input[type=text].set-disabled:focus,
.settings-form input[type=number].set-disabled:focus, 
.settings-form input[type=password].set-disabled:focus {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #00ad8e;
	outline: none;
}

.settings-form input[type=text].set-disabled:active,
.settings-form input[type=number].set-disabled:active, 
.settings-form input[type=password].set-disabled:active {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #00ad8e;
}

.settings-form textarea,
.settings-form input[type=text],
.settings-form input[type=number], 
.settings-form input[type=password] {
	min-width: 200px;
	padding: 8px;
	font-size: 11pt;
	box-sizing: border-box;
	display: inline-block;
	margin: auto;
	height: 32px;
	margin-bottom: 16px;
	right: 0px;
	border: none;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
	color: #333333;
	background-color: rgba(255,255,255,0.4);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	resize: none;
}

.settings-form textarea:focus,
.settings-form input[type=text]:focus,
.settings-form input[type=number]:focus,
.settings-form input[type=password]:focus {
	border-bottom: 2px solid #00ad8e;
	outline: none;
}

.settings-form input.invalid {
	border-bottom: 2px solid #C31818;
	background-color: #F6D3D3;
}

.settings-form input.invalid:focus, .settings-form input.invalid:active {
	border-bottom: 2px solid #00ad8e;
	background-color: #ffffff;
}

.settings-form textarea:active,
.settings-form input[type=text]:active,
.settings-form input[type=number]:active,
.settings-form input[type=password]:active {
	border-bottom: 2px solid #00ad8e;
	outline: none;
	background-color: #ffffff;
}

.custom-drop {
	margin-left: 0px;
	font-family: Assistant, sans-serif;
	font-size: 11pt;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #dddddd;
	min-width: 100px;
	padding: 6px 16px 6px 8px;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.custom-drop:focus {
	outline: none;
}

.custom-drop-disabled {
	background-color: rgba(0,173,142,.15);
	border-bottom: 1px solid #00ad8e;
	cursor: default;
}
 
/*.custom-drop --->SOBALD EINE OPTION AUSGEWÄHLT IST {

		border: 1px solid #00ad8e;

		color: #00ad8e;

		background-color: rgba(0,173,142,0.25);

}*/

.custom-drop-content-prj {
	background-color: #ffffff;
	color: #333333;
	border: none;
	font-size: 11pt;
	border-radius: 0px 0px 4px 4px;
	position: absolute;
	min-width: 100px;
	margin: 16px;
	padding: 0;
	z-index: 2;
	display: none;
	box-shadow: 0px 8px 16px 4px rgba(0,0,0,.24);
	right: -2px;
	top: 10px;
}

.custom-drop-content-prj ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

.custom-drop-content-prj ul li {
	list-style: none;
	cursor: pointer;
	padding: 8px 12px 8px 12px;
	transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
}


.custom-drop-content-prj ul li:hover {
	background-color: #e2e2e2;
}

.ch-prj-list-element .custom-drop-content-prj {
	right: 42px;
}

.dd-triangle {
	float: right;
	top: 8px;
	left: 8px;
	position: relative;
	border-top: 6px solid #333333;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.custom-drop-prj:focus .dd-triangle {
	top: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #333333;
}

.newmessage-box,
.newproject-box {
	position: absolute;
	width: 260px;
	height: 60px;
	background-color: rgba(0,0,0,0.7);
	z-index: 999999999;
	transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
}

.pos-1 {
	bottom: 32px;
	right: 32px;
}

.pos-2 {
	bottom: 32px;
	right: -200px;
}

.newmessage-box:hover,
.newproject-box:hover {
	background-color: rgba(0,0,0,0.8);
}

.newmessage-content,
.newproject-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 32px;
}
.newmessage-content a,
.newproject-content a {
	position: absolute;
	color: #f2f2f2;
	text-decoration: none;
	height: 60px;
	width: 260px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	cursor: pointer;
}

.newmessage-content p {
	position: absolute;
	color: #f2f2f2;
	bottom: 12px;
	right: 14px;
}

.newproject-content p {
	position: absolute;
	color: #f2f2f2;
	bottom: 12px;
	right: 8px;
	left: 8px;
	top: 8px;
}

.newmessage-icon,
.newproject-icon {
	position: absolute;
	color: #ffffff;
	bottom: 10px;
	left: 10px;
}

.unread-marker {
	background-color: orange;
	width: 18px;
	height: 18px;
	right: 12px;
	position: absolute;
	border-radius: 9px;
	text-align: center;
	padding-top: 1px;
	font-size: 9pt;
	color: #ffffff;
}

.unread-marker-sidenav {
	background-color: orange;
	width: 18px;
	height: 18px;
	right: 64px;
	position: absolute;
	margin-left: 2px;
	border-radius: 9px;
	text-align: center;
	padding-top: 1px;
	font-size: 9pt;
	color: #ffffff;
}

.unread-marker-header {
	background-color: orange;
	width: 18px;
	height: 18px;
	position: absolute;
	margin-left: 2px;
	border-radius: 9px;
	text-align: center;
	padding-top: 1px;
	font-size: 9pt;
	color: #ffffff;
}

.dev-delete-button {
	position: absolute;
	right: 0px;
	bottom: 2px;
	cursor: pointer;
	color: #aaaaaa;
}

.dev-delete-button:hover,
.dev-deleteall-button:hover {
	color: rgb(240,50,60);
}

.dev-deleteall-button {
	position: absolute;
	right: 17px;
	cursor: pointer;
	color: #333333;
}

.documents-disabled {
	opacity: 0.2;
}

.ch-ftp-check {
	display: none;
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
}

.ch-ftp-check p {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 30px;
	margin: auto;
	text-align: center;
	color: #ffffff;
}

.ch-no-ftp {
	display: block !important;
}

.tablink-disabled {
	opacity: 0.4;
}

.ch-projectnull {
	position: relative;
	position: relative;
	color: #fff;
	background: red;
	width: 14px;
	border-left: 4px solid red;
	border-right: 4px solid red;
}

/*
.ch-projectnull:after {
	content: '';
	position: absolute;
	top: -4px;
	right: -12px;
	background-color: #ff0000;
	text-align: center;
	width: 12px;
	height: 12px;
	border-radius: 24px;
}

*/

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
	cursor: default;
}

.ch-prj-big {
	float: left;
	margin: 14px;
	box-sizing: border-box;
	width: 18%;
	min-width: 280px;
	height: 280px;
	border-radius: 6px;
	position: relative;
	background-color: rgba(0,173,142,.15);
	border: 1px solid #00ad8e;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
}

.ch-prj-big-container {

}

.ch-prj-big-container:hover {
	box-shadow: 0px 6px 12px rgba(0,0,0,0.24);
}

.ch-prj-big-head {
	display: block;
	position: relative;
	width: 100%;
	height: 42px;
	background-color: #00ad8e;
}

.ch-prj-big-image {
	display: block;
	position: relative;
	width: 100%;
	height: 140px;
	background-color: #ffffff;
	border-radius: 6px 6px 0px 0px;
	transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
}

.ch-prj-big-image:hover img {
	opacity: 0.6;
}

.ch-prj-big-image img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
}


.ch-prj-big-imgfile {
	width: auto;
	max-width: 280px;
	height: auto;
	max-height: 140px;
}

.ch-prj-big-menu-cross {
	position: absolute;
	top: 5px;
	right: 6px;
	width: 32px;
	height: 32px;
	background-color: rgba(255,255,255,0.2);
	border-radius: 32px;
}

/*
.ch-prj-big-menu a {
	display: none;
}

.ch-prj-big-menu-cross {
	display: none;
}
*/
.ch-prj-big-projecttitle {
	position: absolute;
	top: 2px;
	left: 8px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	max-width: 236px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ch-prj-big-name {
	position: absolute;
	top: 20px;
	left: 8px;
	color: #ffffff;
	font-size: 14px;
}

.ch-prj-big-content {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	font-size: 14px;
	border-radius: 0px 0px 6px 6px;
	cursor: default;
}

.ch-prj-big-container:hover {
	background-color: #ffffff;
}

.ch-prj-big-pid {
	position: absolute;
	top: 4px;
	left: 8px;
	color: #333333;
}

.ch-prj-big-formulars {
	position: absolute;
	top: 20px;
	left: 8px;
	color: #333333;
}

.ch-prj-big-version {
	position: absolute;
	top: 36px;
	left: 8px;
	color: #333333;
}

.ch-prj-big-author {
	position: absolute;
	top: 52px;
	left: 8px;
	color: #333333;
}

.ch-prj-big-designerversion {
	position: absolute;
	top: 52px;
	left: 8px;
	color: #333333;
}

.ch-prj-big-date {
	position: absolute;
	top: 75px;
	right: 8px;
	color: #333333;
}

.ch-prj-big-visibility {
	position: absolute;
	top: 74px;
	left: 4px;
	color: #333333;
}

.ch-prj-big-license {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 40px;
	border-radius: 24px;
	background-color: #00ad8e;
	padding: 4px 3px;
}

.ch-prj-big-chargestate {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 8px;
	border-radius: 24px;
	background-color: #333333;
	padding: 4px 3px;
}

.ch-prj-big-checkbox {
	display: none;
}


.ch-deletefromdevice-transfermode {
	margin: 12px 0px;
	padding: 8px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.ch-deletefromdevice-transfermode p{
	margin: 0px 0px 12px 0px;
}

.oneproject-image {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	width: auto;
	max-width: 240px;
	height: auto;
	max-height: 140px;
}

.note-editor.note-frame .note-editing-area .note-editable {
	background-color: #ffffff;
	color: #333333;
	caret-color: #333333 !important;
}

.btn-default {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #333;
	background-color: #e7e7e7;
	border-color: #adadad;
}

#toast_container {
	visibility: hidden;
	position: absolute;
	top: 120px;
	left: 0px;
	right: 0px;
	margin: auto;
	max-width: max-content;
	z-index: 999999999;
}

.toast_body {
	height: 42px;
	min-width: 250px;
	color: white;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 0px 10px 16px rgba(0,0,0,0.30);
	text-align: center;
	font-size: 12pt;
	border-radius: 25px;
	opacity: 1;
}

.toast_body_success {
	background-color: #f5b41e;
}

.toast_body_fail  {
	background-color: #f50a50;
}

.toast_body_alert  {
	background-color: #f5b41e;
}

.toast_text {
	margin: 0px 8px 0px 8px;
}

#toast_container.toast_shown {
	visibility: visible;
	-webkit-animation: toast-fadein 0.5s, toast-fadeout 0.5s 2.5s;
	-moz-animation: toast-fadein 0.5s, toast-fadeout 0.5s 2.5s;
	animation: toast-fadein 0.5s, toast-fadeout 0.5s 2.5s;
}

@-webkit-keyframes toast-fadein {
	from {opacity: 0;} 
	to {opacity: 1;}
}

@keyframes toast-fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes toast-fadeout {
	from {opacity: 1;} 
	to {opacity: 0;}
}

@keyframes toast-fadeout {
	from {opacity: 1;}
	to {opacity: 0;}
}

.toast_checkmark {
	display: inline-block;
	transform: rotate(45deg);
	height: 20px;
	width: 10px;
	border-bottom: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	position: absolute;
	left: 18px;
	top: 8px;
}

.toast_cross {
	font-size: 32pt;
	font-weight: bold;
	position: absolute;
	bottom: -5px;
}

.table-collapse {
	height: 0px !important;
	padding: 5px !important;
	overflow: hidden;
}

.accountmanager-table {
	width: 800px;
	height: 600px;
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 100px;
}

.accountmanager-table-head {
	position: relative;
	width: 100%;
	height: 42px;
	font-size: 16px;
	font-weight: bold;
	margin-top: -42px;
	border-bottom: 2px solid #00ad8e;
}

.accountmanager-table-content {
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 16px;
	overflow-y: auto;
/*	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.3);*/
}

.accountmanager-table-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.accountmanager-table-content ul li {
	height: 32px;
	border-top: 1px solid #dddddd;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.accountmanager-table-content ul li:hover {
	background-color: #ededed;
}

.acc-user-head {
	bottom: 12px;
}

.acc-user-content {
	bottom: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.acc-user-login-head,
.acc-user-login-content {
	position: absolute;
	left: 12px;
	max-width: 200px;
}

.acc-user-name-head,
.acc-user-name-content {
	position: absolute;
	left: 220px;
	max-width: 270px;
}

.acc-user-registrationdate-head,
.acc-user-registrationdate-content {
	position: absolute;
	left: 500px;
}

.acc-user-rights-head,
.acc-user-rights-content {
	position: absolute;
	right: 12px;
}

.ch-dummy-table {
	width: 650px;
	position: relative:
}

.ch-dummy-table input {
	min-width: unset !important;
}

.ch-dummy-table-head {
	position: relative;
	width: 650px;
	height: 32px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #00ad8e;
}

.ch-dummy-table-head-objectnumber {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 64px;
}
.ch-dummy-table-head-objectname {
	position: absolute;
	top: 0px;
	left: 80px;
}
.ch-dummy-table-head-licenseplate {
	position: absolute;
	top: 0px;
	left: 246px;
}
.ch-dummy-table-head-serialno {
	position: absolute;
	top: 0px;
	left: 412px;
}

.ch-dummy-table-head-active {
	position: absolute;
	top: 0px;
	left: 590px;
}

.ch-dummy-table-row {
	position: relative;
	width: 650px;
	height: 42px;
}

.ch-dummy-table-content-objectnumber {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 42px;
}

.ch-dummy-table-content-objectname {
	position: absolute;
	top: 0px;
	left: 80px;
}
.ch-dummy-table-content-licenseplate {
	position: absolute;
	top: 0px;
	left: 246px;
}
.ch-dummy-table-content-serialno {
	position: absolute;
	top: 0px;
	left: 412px;
}
.ch-dummy-table-content-active {
	position: absolute;
	top: 0px;
	left: 600px;
}

.ch-dummy-table-content-objectnumber input {
	width: 64px;
}

.ch-dummy-table-content-objectname input {
	width: 150px;
}

.ch-dummy-table-content-licenseplate input {
	width: 150px;
}

.ch-dummy-table-content-serialno input {
	width: 150px;
}


.ch-newdevice-list {
	margin: 16px 16px 0px 16px;
	width: 300px;
	height: 300px;
	overflow-y: auto;
}

.ch-newdevice-list-head {
	font-size: 12pt;
}

.ch-newdevice-list ul {
	liste-style: none;
	margin: 0px;
}

.ch-newdevice-list li {
	padding: 8px;
	border-bottom: 1px solid #cccccc;
}

.ch-newdevice-list li:hover {
	cursor: pointer;
	background-color: #ededed;
}