html {
	min-height: 100%;
	position: relative;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica,Arial;
	font-size:12px;
	background-color: #fff;
	overflow-y:scroll;
	height: 100vh;
	display: flex;
	flex-direction: column;
}

body.darkmode {
	background-color: #00203E;
	color: white;
	font-family: "Helvetica Neue Thin",Helvetica,Arial;
}

#cloud-container {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	visibility: hidden;
}

form {
	margin:0;
	padding:0;
}

a {
	color:#003a61;
}

.hide {
	display: none;
}

.hide-on-desktop {
	display: none;
}

#burgermenu  {
	display: none;
}

.burger {
	height: 20px;
	width: 20px;
	position: relative;
	top: 14px;
}

.dashboard-quicklinks {
	font-size: 10px;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.cb {
	clear:both;
}

.white-back {
	background-color:#fff;
}

.dashboard-information {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	visibility: hidden;
}

.dashboard-information-box {
	position: fixed;
	width: 900px;
	height: 75%;
	background-color: #FFF;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow-y: scroll;
	max-width: 100%;
}

.dashboard-information-content {
	padding: 20px;
}

#dashboard-alert {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	visibility: hidden;
}

.dashboard-box {
	position: fixed;
	width: 900px;
	height: auto;
	background-color: #FFF;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 40px;
}

.dashboard-alert-header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #d6e3f4;
}

.dashboard-header-name {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 20px;
	font-size: 20px;
	color: #003A61;
}

.dashboard-close {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	cursor: pointer;
}

.close-btn {
	width: 20px;
}

.dashboard-alert-headline {
	margin-bottom: 5px;
	margin: 15px 0;
	width: 80%;
}

.dashboard-projektnummer {
	float: left;
    margin-right: 5px;
}

.dashboard-bindestrich {
	float: right;
	margin-left: 6px;
}

.dashboard-datum-dash {
	display: inline;
}

.dashboard-datum-deadline {
	display: inline;
}

.setcard-image-business {
	background-image: url('../images/common/icon_setcard_man.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-businessin {
	background-image: url('../images/common/icon_setcard_woman.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-file {
	background-image: url('../images/common/icon_setcard_file.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-laptop {
	background-image: url('../images/common/icon_setcard_laptop.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-working {
	background-image: url('../images/common/icon_setcard_working.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-deadline {
	background-image: url('../images/common/icon_setcard_deadline.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.setcard-image-budget {
	background-image: url('../images/common/icon_setcard_budget.png');
	width: 30px;
	height: 30px;
	margin-right: 20px;
	float: left;
	background-size: cover;
}

.dashboard-content {
	margin: 20px 20px 50px;
}

.dashboard-content-headline {
	top: 20px;
	position: relative;
	margin-bottom: 40px;
}

.setcard-balken-name {
	font-size: 14px;
}

.dashboard-linie-box {
	height: 10px;
	width: 250px;
	background-color: #A8D1A9;
	margin-left: 10px;
}

.dashboard-box-disable {
	display: none;
}

.dashboard-linie {
	height: 10px;
	background: linear-gradient(to right, #003A61, #DB0210);
	max-width: 250px;
	width: 70vw;
	float: left;
	position: relative;
}

.dashboard-linie-grün {
	height: 10px;
	background-color: #A8D1A9;
	position: relative;
}

.gebuchte-stunden {
	width: 10px;
	height: 10px;
	background-color: #DB0210;
	float: left;
	margin: 3px 10px 3px 0;
}

.gebuchte-stunden-rot {
	width: 5px;
	height: 10px;
	background-color: #DB0210;
	float: left;
	margin: 3px 10px 3px 0;
}

.gebuchte-stunden-blau {
	width: 5px;
	height: 10px;
	background-color: #003A61;
	float: left;
	margin: 3px 0;
}

.dashcard-legende {
	margin: 20px 0 20px 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.gebuchte-stunden-text {
	float: left;
}

.freieStunden {
	width: 10px;
	height: 10px;
	background-color: #A8D1A9;
	float: left;
	margin: 3px 10px 3px 20px;
}

.freieStundenText {
	
}

.prozentAnzeige {
	position: absolute;
	transform: translate(0, 50%);
	left: 80%;
	bottom: 50%;
	border-radius: 60px;
	width: 120px;
	height: 120px;
	background-color: #F00;
	background-image: linear-gradient(162deg, transparent 50%, #CCC 50%), linear-gradient(90deg, #CCC 50%, transparent 50%);
}

.prozentKreis {
	position: absolute;
	transform: translate(0, 50%);
	right: 13%;
	bottom: 42%;
}

.prozentText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.dashboard-kreis-text {
	position: relative;
	text-align: center;
	bottom: -15px;
}

.dashboardFilter select {
	width: 170px;
	margin-left: 6px;
}

.dashboardFilter select:first-child {
	margin-right: 0px;
}

.checkboxNurAlertsAnzeigen {
	float: left;
	margin: 20px 0 -20px 0;
}

.checkboxNurGeschlosseneProjekteAnzeigen {
	float: left;
	margin: 20px 0 -20px 10px;
}

.css-dashboardInfo {
	width: 22px;
	height: 22px;
	background: url('../images/common/icon_information.png') center left no-repeat;
	cursor: pointer;
    position: relative;
	left: 300px;
    top: -30px;
}

.backDashboardFilter {
	position: absolute;
	right: 100px;
	margin-top: 20px;
}

.resetDashboardFilter {
	position: absolute;
	right: 0;
	margin-top: 20px;
}

#linie-pm {
	width: 20px;
}

#loader-big {
	display:block;	
	bottom: 0;
	left: 0;
	width:100%;
	height:75px;
	text-align:center;	
	position:fixed;
	z-index:9999;
	background-color:#fff;	
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	text-transform:uppercase;
}

#loader-big img {
	padding-top:17px;
	vertical-align: top;
}

#loader-big span {
	color: #003a61;
  display: inline-block;
  padding: 29px 0 0 10px;
}


.kunden-text-ueberbucht-true {
	background-color:#800000;
	padding:5px 0;
	text-align:center;
	width:120px;
	display:block;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;	
}

.kunden-text-ueberbucht-main {
	background-color:#808080;
	padding:5px 0;
	text-align:center;
	width:120px;
	display:block;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;	
}

.kunden-text-ueberbucht-false {
	background-color:#008000;
	padding:5px 0;
	text-align:center;
	width:120px;
	display:block;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;	
}

.error {
	background:#995050 url('../images/common/icon_fehler.png') center left no-repeat;
	background-position:0 0;
	min-height:44px;
	color:#fff;
	text-align:left;	
	padding: 0 30px 5px 70px;		
	margin-bottom:20px;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.error-hover {
	background:#fff url('../images/common/icon_fehler.png') center left no-repeat;
	background-position:0 -80px;
}

.okay {
	background:#719850 url('../images/common/icon_okay.png') top left no-repeat;
	background-position:0 0;
	color:#fff;		
	text-align:left;
	padding:0 30px 5px 70px;		
	margin-bottom:20px;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.info {
	background:#696969 url('../images/common/icon_info.png') top left no-repeat;
	background-position:0 0;
	color:#fff;		
	text-align:left;
	padding:0 30px 5px 70px;		
	margin-bottom:20px;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.okay-hover {
	background:#fff url('../images/common/icon_okay.png') center left no-repeat;
	background-position:0 -80px;
}

.error span, .okay span, .info span {
	padding: 8px 0 4px;
	display:block;
}

h4.zuordnung-h4 {
	margin-top:30px;
	background-color:#d6e3f4;
	color:#000;
	padding:5px;
}

.zentriert {
	margin:0 auto;
}
	


.seite {
	max-width:900px;
	margin:0 auto;
	position:relative;	
}

.seite-small {
	max-width:900px;
	margin:0 auto;
}

.seite .orange {
	color: #c09718;
}

.seite a {
	text-decoration: none;
}

#message-content {
	min-height:180px;
}


.ptb10 {
	padding:10px 0;
}

.mb5 {
	margin-bottom:5px;
}

.btn {
	background-color:#003a61;
	border:0;	
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	padding:5px 20px;
	cursor:pointer;
	text-decoration:none;
}

.btn-warten, .btn-aktiv {
	background-color:#fff !important;
	cursor:default !important;	
	color:#003a61 !important;
}

.grauback {	
	display:block;
	padding:25px 0;
}

.posrel {
	position:relative;
}

.nowrap {
	white-space:nowrap;
}

.loeschen-icon-meinkalender {
	background:url('../images/common/icon_loeschen.png') top left no-repeat;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	float:right;
	margin-left:10px;
}


input[type=text], input[type=password], select, textarea {
	border:1px solid #8d8d8d;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family:Verdana,Helvetica,Arial;
	font-size:12px;
}

.lesezeichen {
	background:url('../images/common/lesezeichen.png') center left no-repeat;
	padding-left:25px;
	min-height:29px;
	display:inline-block;
	text-decoration:none;
	line-height:29px;
}

h1 {	
	color:#003a61;
	font-size:30px;
	font-weight:normal;	
	margin:0;	
	padding:0;
}

.darkmode h1 {
	color: white;
	font-size: 40px;
}

h3 {	
	color:#003a61;
	font-size:22px;
	font-weight:normal;	
	margin:0;	
	padding:0;
}

h2 {
	color:#444;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;	
	padding:0;
}

.tab td {
	padding:4px 20px 4px 0;
	vertical-align:top;
}

.tab td input, .tab td select, .tab td textarea {
	width:300px;
}

.tab td input.input-short {
	width:100px;
}

.tab td select.select-short {
	width:60px;
}

.tab td select.select-middle {
	width:112px;
}

.tab th {
	padding-right:20px;
	font-weight:normal;
	text-align:left;
}

.temp-delete {
	display:block;
	width:100%;
}


.trennlinie {
	border-bottom:1px dashed #9E9E9E;
}

.subnavigation {	
	position:relative;
}


#loader {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #8d8d8d;
	padding:10px;
	width:160px;
	margin:0 auto;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	margin-top:30px;
}

#loader div {
	padding-top:10px;
}



/* NAVIGATION */

#navigation-fixed {
	 background:#fff url('../images/common/back.png') top left repeat-x;
	 position:fixed;
	 width:100%;
	 display:block;
	 z-index:999;
}

#navigation-fixed-rel {
	height:90px;
}

#navigation {
	padding:23px 0 15px 0;
	position:relative;
}

#navigation-mobile {
	display: none;
}

.header-shadow {
	-moz-transition: box-shadow 400ms; 
  -o-transition: box-shadow 400ms; 
  -webkit-transition: box-shadow 400ms;
  transition: box-shadow 400ms;
  
  -webkit-box-shadow: 0px 0 15px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0 15px 10px rgba(0,0,0,0.25);
	box-shadow: 0px 0 15px 10px rgba(0,0,0,0.25);
}

.icon {
	width:51px;
	height:51px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-999px;
	position:relative;
	margin-right:10px;
	background-size: contain !important;
	border-radius: 5px;
}

.dashboard-header {
	width:90%;
	display:block;
	overflow:hidden;
	position:relative;
	margin:5%;
	font-size: 14px;
	text-decoration: none;
	height: 60px;
	background: #dc0610;
	color: #FFF;
}

.dashboard-header-setcard {
	width:750px;
	display:block;
	overflow:hidden;
	position:relative;
	margin: 20px 0 20px 20px;
	font-size: 16px;
}

.dashboard-header-setcard-subheadline {
	font-size: 12px;
	margin-top: 5px;
}

.dashboard-header-icon-deadline {
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url('../images/common/icon_setcard_deadline.png');
	background-size: cover;
	background-position: center;
	top: 50%;
    transform: translate(0, -50%);
	left: 10px;
}

.dashboard-header-icon-budget {
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url('../images/common/icon_setcard_budget.png');
	background-size: cover;
	background-position: center;
	top: 50%;
    transform: translate(0, -50%);
	left: 10px;
}

.dashboard-header-text {
	position: absolute;
	left: 60px;
	top: 15px;
	font-size: 20px;
}

.dashboard-deadline {
	position: relative;
	width: 50%;
	float: left;
}

.dashboard-budget {
	position: relative;
	width: 50%;
	float: left;
}

.dashboard-tile {
	width:90%;
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	margin: 0 5%;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
}

.dashboard-headline {
	position: relative;
	margin-bottom: 5px;
}

.dashboard-details {
	position: relative;
}

.dashboard-icon {
	width:250px;
	height:250px;
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom: 5px;
}

.dashboard-headline {
	float: left;
}

.dashboard-kw {
	text-align: right;
}

.dashboard-header-kw {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 80px;
	font-size: 20px;
	color: #003A61;
}

.dashboard-alertbox {
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #BBB;
}

.dashboard-circle {
	position: absolute;
	top: 14px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: #F00;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.dashboard-circle-zero {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: #777;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.dashboard-number {
	margin: auto;
	text-align: center;
	height: 19px;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	color: #FFF;
}

.dashboard-alert-wrapper {
	float: left;
}

.icon-dg {	background:url('../images/common/icon_dg.png') top left no-repeat;	}
.icon-zeiterfassung {	background:url('../images/common/icon_zeiterfassung.png') top left no-repeat; }
.icon-kalender {	background:url('../images/common/icon_kalender.png') top left no-repeat; }
.icon-dashboard {	background:url('../images/common/icon_dashboard.png') top left no-repeat; cursor: pointer;}
.icon-statistik {	background:url('../images/common/icon_statistik.png') top left no-repeat; }
.icon-neu {	background:url('../images/common/icon_neu.png') top left no-repeat; }
.icon-neukunde {	background:url('../images/common/icon_neuen_kunden.png') top left no-repeat; }
.icon-user {	background:url('../images/common/icon_user.png') top left no-repeat; }
.icon-einstellungen {	background:url('../images/common/icon_einstellungen.png') top left no-repeat; }
.icon-logout {	background:url('../images/common/icon_logout.png') top left no-repeat; }
.icon-freier-mitarbeiter {	background:url('../images/common/icon_freier_mitarbeiter.png') top left no-repeat; }
.icon-ressource {	background:url('../images/common/icon_ressource.png') top left no-repeat; }
.icon-dashboard-alert {	background:url('../images/common/icon_dashboard_alert.png') top left no-repeat; cursor: pointer; overflow: visible;}
.icon-mr45 { margin-right:45px !important; }
.icon-mr90 { margin-right:90px !important; }
.icon-m0 { margin:0 !important; }
.alert-important {background-color:#ff0202; background-image: url('../images/common/icon_skull.png'); background-repeat: no-repeat; background-position: center;}
.alert-normal {background-color:#ffa800; background-image: url('../images/common/icon_coins.png'); background-repeat: no-repeat; background-position: center;}
.icon-budgetWirdKnapp {background:url('../images/common/icon_budgetWirdKnapp.png') top left no-repeat;background-size: cover;}
.icon-keinBudgetEingetragen {background:url('../images/common/icon_keinBudgetEingetragen.png') top left no-repeat;background-size: cover;}

.clickable {
	cursor: pointer;
}

.icon-dashboard-alert-counter {
	position: relative;
	top: -10px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: #dc0610;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.alert-counter {
	color: #FFF;
	text-indent: 0;
	height: 20px;
	position: relative;
    top: -51px;
}

.dashboard-card {
	position: relative;
	border: 1px solid #d6e3f4;
	margin: 30px 0;
	min-height: 290px;
    left: 50%;
    transform: translate(-50%, 0);
}

.dashboard-setcard-projekt-info {
	position: absolute;
	top: 20px;
	left: 526px;
	color: #dc0610;
	line-height: 20px;
}

.projectcard-img-deadline {
	background: url('../images/common/Deadline.png');
	width: 15px;
	height: 15px;
	background-size: cover;
	float: left;
	margin-right: 5px;
}

.projectcard-img-deadline-blau {
	background: url('../images/common/Deadline_blau.png');
}

.projectcard-img-budget {
	background: url('../images/common/Muenzen.png');
	width: 13px;
	height: 15px;
	background-size: cover;
	float: left;
	margin-right: 7px;
}

.projectcard-img-budget-blau {
	background: url('../images/common/Muenzen_blau.png');
}

.setcard-prozent {
	font-size: 13px;
	margin-right: 15px;
}

#statistik, #ressourcenplanung {
	position:relative;
}
#btn-zurueck {
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	position:fixed;	
	background:url('../images/common/icon_zurueck.png') top left no-repeat;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	background-size: contain;
}
#btn-zurueck:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;	
}

.icon span {
	background:url('../images/common/icon_overlay.png') top left no-repeat;	
	width:51px;
	height:51px;
	display:none;
}

#navigation-aktiv {
	position:absolute;
	top:89px;
	left:17px;
	background:url('../images/common/aktiv.png') top left no-repeat;	
	width:50px;
	height:15px;
}


.subheader {
	position: relative;
	padding: 30px 0;
	background: #adc8ea url('../images/common/subheader.png') top left repeat-x;
}

.subsubheader {
	position: relative;
    padding: 30px 0;
	background-color: #d6e3f4;
}



/* LOGIN */
#login {
	text-align: center;
}

#login input[type=text], #login input[type=password] {
	width: 154px;
}

.darkmode #login input[type=text], .darkmode #login input[type=password], .darkmode #login input[type=submit] {
	width: 260px;
	height: 50px;
	padding: 0;
	margin: 10px;
	text-align: center;
	font-size: 18px;
}

.darkmode #login input[type=submit] {
	margin-top: 35px;
	color: black;
	background-color: #C09718;
	text-transform: capitalize;
	font-weight: 700;
	border-radius: 5px;
	transition: background-color .3s ease;
}

.darkmode #login input[type=submit]:hover {
	background-color: white;
}


/* USER-BILD */
.userbild-gross {
	width:164px;
	height:162px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 auto;	
	border-radius:20px;
}

.userbild-gross span {
	position:absolute;
	width:162px;
	height:162px;
	background:url('../images/common/user_back.png') top left no-repeat;	
}

.dashboard-close-icn {
	width: 20px;
}

.userbild-klein {
	width:51px;
	height:51px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0 auto;	
	border-radius: 5px;
}

.userbild-klein span {
	position:absolute;
	width:51px;
	height:51px;
}




.btn-kachel {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #8d8d8d;
	padding:10px;
	text-decoration:none;
	background-color:#fff;
	float:left;
	margin-right: 5px;
}

.btn-kachel-light {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:10px;
	text-decoration:none;
	color:#ccc;
	background-color:#f0f0f0;
}

.btn-kachel:hover {
	background-color:#e0e0e0;
}

.btn-kachel-aktiv {
	background-color:#003A61 !important;
	color: #fff !important;
}




/* STUNDENERFASSUNG */
#stundenerfassung {
	position:relative;
}

#stundenerfassung-projektvorschlag {
	position:absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	border:1px solid #8d8d8d;
	-webkit-box-shadow: 0px 0px 16px #000000; 
	-moz-box-shadow: 0px 0px 16px #000000; 
	box-shadow: 0px 0px 16px #000000;
	padding:5px;
	display:none;
	left: 120px;      
  top: -33px;
  z-index: 2147483647;
}

#stundenerfassung-projektvorschlag a {
	display:block;
	margin:2px 0;
	text-decoration:none;
	padding:3px;
}

#stundenerfassung-projektvorschlag a:hover {
	background-color:#e0e0e0;
}

#stundenerfassung-stundeminute-projekt, #stundenerfassung-stundeminute-maintenance {
	color: #E2E2E2;
  font-size: 62px;
  font-weight: bold;
  left: 700px;
  position: absolute;
  top: 14px;
}

#stundenerfassung-maintenance {
	display:none;
}

#stundenerfassung-lastproject {
	max-height:80px;
	overflow:auto;
}

#stundenerfassung-lastproject a {
	display:block;
	padding-bottom:2px;
	font-size:10px;
	text-decoration:none;
}

#stundenerfassung-lastproject a:hover {
	background-color:#9E9E9E;
	color:#fff;
}

#stundenerfassung-kalender {
	position:absolute;
	right:0;
	top:-18px;
}





/* MEIN-KALENDER */
#mein-kalender .kalenderblatt {
	background:url('../images/common/kalenderblatt.png') top left no-repeat;
	width:51px;
	height:51px;
	display:block;
}

#mein-kalender .kalenderblatt-monat {
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:8px;
	padding:5px 0;
}

#mein-kalender .kalenderblatt-tag {
	text-align:center;
	color:#fff;	
	font-size:20px;
	line-height:20px;	
}

#mein-kalender .mein-kalender-tab {
	width:100%;
}

#mein-kalender .mein-kalender-tab th {
	width:70px;
}

#mein-kalender .mein-kalender-tab td {
	vertical-align:center;
	padding:4px;
}

#mein-kalender .mein-kalender-td {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	padding:5px;
}

.td-round {	
	border-top:1px solid #fff;
}



/* KUNDEN */
.kunden-icon {
	background:url('../images/common/icon_kunde.png') top left no-repeat;
	width:51px;
	height:51px;
	overflow:hidden;
	display:block;
	text-decoration:none;
}

.kunden-icon-big {
	background:url('../images/common/icon_kunde_big.png') top left no-repeat;
	width:70px;
	height:70px;
	overflow:hidden;
	display:block;
	text-decoration:none;
}

.kunden-icon-ueberbucht-true {
	background:url('../images/common/icon_kunde_ueberbucht_true.png') top left no-repeat !important;
}

.kunden-icon-ueberbucht-false {
	background:url('../images/common/icon_kunde_ueberbucht_false.png') top left no-repeat !important;
}

.kunden-icon-ueberbucht-true-big {
	background:url('../images/common/icon_kunde_ueberbucht_true_big.png') top left no-repeat !important;
}

.kunden-icon-ueberbucht-main-big {
	background:url('../images/common/icon_kunde_ueberbucht_main_big.png') top left no-repeat !important;
}

.kunden-icon-ueberbucht-false-big {
	background:url('../images/common/icon_kunde_ueberbucht_false_big.png') top left no-repeat !important;
}

.kunden-icon-big:hover {
	background-position:0 -80px;
}

.kunden-icon span {
	text-align:center;
	color:#fff;	
	font-size:18px;
	display:block;
	padding-top: 13px;
}

.kunden-icon-big span {
	text-align:center;
	color:#fff;	
	font-size:20px;
	display:block;
	padding-top: 11px;
}

.kunden-icon-fl {
	float:left;
	margin:0 10px 10px 0;
}


.statpl-listing {
	clear:both;
	margin-bottom:15px;
}

.statpl-listing-icon {
	float:left;
	width:100px;
}

.statpl-listing-icon span {
	font-size:13px;
	padding-top:15px;	
}

.statpl-listing-text {
	float:left;
	width:700px;
}

.statpl-listing-text div {
	padding:10px 0 5px 0;
	font-weight:bold;
}




#jobnummer-div-warning {
	padding:10px 0 5px 0;
	font-size:11px;
}

.stdmin-big-tab th {
	font-size:30px;
	font-weight:bold;
	color:#444;
	text-align:center;
	padding:0 10px;
}

.stdmin-big-tab td {
	font-size:11px;	
	text-align:center;
	padding:0 20px;
	text-transform:uppercase;
}

.donut-pie {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	background-color:#fff;
}

.stat-user-tab {
	border-collapse:collapse;		
}

.stat-user-tab td {
	border-top:1px solid #9b9b9b;
	border-bottom:1px solid #9b9b9b;
	padding:5px 20px;
}

.stat-user-tab th {
	border:0;
	text-align:left;
	font-weight:bold;
	padding:5px 20px;
}

.ul-square-padding {
	list-style-type:square;
}

.ul-square-padding li {
	padding:5px 0;
}


.ul-none-padding {
	list-style-type:none;
}

.ul-none-padding li {
	padding:5px 0;
}

.kachel-listung {
	margin:0;
	padding:0;
	list-style-type:none;
}

.kachel-listung li {
	float:left;
	width:233px;
	margin:0;
	padding:0;
}

.kachel-listung li:last-child, .kachel-listung li.lastkachel {
	width:200px;
}

.kachel-listung li.limatop {
	margin-top:20px;
}

.kachel-200x200 {
	width:200px;
	height:200px;
	display:block;
	overflow:hidden;
	background-size: contain !important;
}

.kachel-ressourcenplan-planung {
	background:url('../images/common/kachel_ressourcenplan_planung.png') top left no-repeat;
}

.kachel-ressourcenplan-zuordnung {
	background:url('../images/common/kachel_ressourcenplan_zuordnung.png') top left no-repeat;
}

.kachel-ressourcenplan-mitarbeiter {
	background:url('../images/common/kachel_ressourcenplan_mitarbeiter.png') top left no-repeat;
}

.kachel-ressourcenplan-plan {
	background:url('../images/common/kachel_ressourcenplan_plan.png') top left no-repeat;
}

.kachel-plan-woche {
	background:url('../images/common/kachel_plan_woche.png') top left no-repeat;
}

.kachel-plan-tag {
	background:url('../images/common/kachel_plan_tag.png') top left no-repeat;
}

.kachel-plan-pdf {
	background:url('../images/common/kachel_plan_pdf.png') top left no-repeat;
}

.kachel-statistik-alle {
	background:url('../images/common/kachel_statistik_alle.png') top left no-repeat;
}

.kachel-statistik-kompakt {
	background:url('../images/common/kachel_statistik_kompakt.png') top left no-repeat;
}

.kachel-statistik-pl {
	background:url('../images/common/kachel_statistik_pl.png') top left no-repeat;
}

.kachel-statistik-suche {
	background:url('../images/common/kachel_statistik_suche.png') top left no-repeat;
}


.kachel-headline {
	background:url('../images/common/kachel_headline_pfeil.png') center right no-repeat;
	text-decoration:none;
	display:inline-block;
	margin-bottom:10px;
	padding:0 20px 4px 0;
	font-size:20px;
}

.kachel-subline {
	display: block;
  padding: 15px 32px 0 0;
  text-decoration: none;
}

.kachel-subline-div {
	color:#003a61;
	padding-top:15px;
}


.kachel-zusatzpfeil {
	margin-top:10px;
	text-decoration:none;
	padding-right:20px;
	display:inline-block;
	background:url('../images/common/kachel_headline_pfeil.png') center right no-repeat;
}



.stat-kompakt-tab {
	border-collapse:collapse;		
}

.stat-kompakt-tab td {
	border-top:1px solid #9b9b9b;
	border-bottom:1px solid #9b9b9b;
	padding:5px 20px 5px 20px;
}

.stat-kompakt-tab th {
	border:0;
	text-align:right;
	font-weight:bold;
	padding:5px 20px 5px 20px;
}


.info-tag {
	background-color:#003A61;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	color:#fff;
	padding:0 5px;
	font-weight:bold;
	margin-left:10px;
	cursor:help;
}

.mein-kalender-tab-navi td {
	background-color:#fff;
	padding:5px;	
	color:#003A61;
}

.mein-kalender-tab-navi td a {
	color:#003A61;
	text-decoration:none;
}

.mein-kalender-tab-content th {
	padding:10px 0;
	font-size:16px;
	text-transform:uppercase;
	color:#666;
}

.mein-kalender-tab-content {
	border-collapse:collapse;
}

.mein-kalender-tab-content td {
	border:2px solid #D6E3F4;
	width:14.285%;
	text-align:center;
}

.mein-kalender-tab-content .mein-kalender-tab-content-days {
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;		
}

.mein-kalender-tab-content .mein-kalender-tab-content-day {
	height:40px;
	vertical-align:middle;
	background-color:#e0e0e0;
}

.mein-kalender-tab-content .mein-kalender-tab-content-day-gebucht {
	background-color:#a8d0a8;
}

.mein-kalender-tab-content .mein-kalender-tab-content-day-nichtgebucht {
	background-color:#e6caca;
}

.mein-kalender-tab-content-days-short, .mein-kalender-h1-short {
	display:none;
}

#statistik-mobil-table-komplett-hinweis {
	display:none;
}

#statistik-zurueck {
	position:absolute;
	left:-70px;
	z-index:999;
	top: -5px;
}

#statistik-filter-tab-archiv {
	padding-left:20px;
}


#passwort-vergessen-a {
	text-decoration:underline;	
}

#passwort-vergessen-div {
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:20px;
	display:none;
}

.mksmall, .mksmall a {
	font-size:10px;
	padding:0 0 10px 0;
	text-decoration:none;
	text-transform:uppercase;
}

.sticky-stat-kompakt {
	display:none;
	position:absolute;
	top:97px;
	background-color: #fff;
	padding: 5px 10px;
	border:1px solid #000;
}

.sticky-plan-kompakt {
	display:none;
	position:absolute;
	top:89px;
	background-color: #adc8ea;
	width:60px;
	text-align:center;
	padding:5px 0;
	color:#fff;
	font-weight:bold;		
	z-index:9999;
}

.sticky-plan-kompakt-heute {
	background-color:#003a61;
}


#ressourcenplanung-abs-kw {
	color: #fff;
  font-size: 30px;
  font-weight: normal;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 260px;
  z-index: 998;
}

.mitarbeiter-plan-divlist {
	float:left;
	width:440px;
	margin-bottom:20px;
}

.mitarbeiter-plan-divlist-r {
	float:right;
	width:440px;
	margin-bottom:20px;
	text-align:left;
}

.mitarbeiter-plan-divlist-in {
	float:left;
	padding:10px;
}

.mitarbeiter-plan-div-tab td {
	padding:2px 4px;
}

.mitarbeiter-plan-div-tab tr:first-child td {
	text-align:center;
} 

.mitarbeiter-plan-div-tab td:first-child {
	padding:0 15px 0 0;
} 

.mitarbeiter-plan-divlist-in .mpd-input  {
	width:20px;
	text-align:center;
}

.mpd-input-blue {
	background-color:#5399D5;
	color:#fff;
}

.mpd-input-green {
	background-color:#7EB06D;
	color:#fff;
}

.mpd-input-red {
	background-color:#F2C4C9;
}

.mpd-input-btn {
	width:100%;
	margin-top:5px;
	cursor:pointer;
}

.mitarbeiter-plan-rahmen {
	border:1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:5px;			
}


.icon-40x40 {
	min-height:50px;
	padding-left:55px;
	display:block;
	line-height: 34px;
}

.icon-40x40-zuordnung {
	background:url('../images/common/icon_ressource_zuordnung.png') top left no-repeat !important;
}

.icon-40x40-planung {
	background:url('../images/common/icon_ressource_planung.png') top left no-repeat !important;
}

.icon-40x40-plan {
	background:url('../images/common/icon_ressource_plan.png') top left no-repeat !important;
}

.icon-40x40-mitarbeiter {
	background:url('../images/common/icon_ressource_mitarbeiter.png') top left no-repeat !important;
}

.icon-40x40-statistik {
	background:url('../images/common/icon_statistik_all.png') top left no-repeat !important;
}

.icon-40x40-search {
	background:url('../images/common/icon_search.png') top left no-repeat !important;
}

.icon-40x40-statistiklist {
	background:url('../images/common/icon_statistik_list.png') top left no-repeat !important;
}

.plan-tag-aktiv {
	font-weight:bold;
	color:#000;	
}

.plan-tag-aktiv-input {	
	border:2px solid #000 !important;
}


.box-white {
	background-color:#fff;
	width:100%;	
	margin-bottom:10px;
}

.box-white-float {
	float: left;   
  margin-right: 3px;
  width: 33%;
}

.pp10 {
	padding:10px;
}

.border-abt-1 {
	border-left:30px solid #9B9B9B !important;
}

.border-abt-2 {
	border-left:30px solid #b1869f !important;
}

.border-abt-3 {
	border-left:30px solid #e09d66 !important;
}

.border-abt-4 {
	border-left:30px solid #73b9d9 !important;
}

.w100prozent {
	width:100%;
}



.mpd-input-btn-error {
	background-color:#800000;
	text-align:center;
	color:#fff;
	padding:4px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	display:none;
	margin-top: 5px;
}

#plan-new-div-l {
	float:left;
	width:500px;
}

#plan-new-div-r {
	float:right;
	width:230px;
	text-align:left;
	margin-top: 10px;	
	position:relative;
}

.error-input-select {
	border:1px solid #800000 !important;
	color:#800000;
}

.plan-plan-listing {
	float:left;
	width:300px;
}

.plan-plan-listing-inner {
	padding-right:20px;
}


.plan-ansicht-box {	
	padding:5px 10px;
	border:1px solid #adc8ea;
	background-color:#fff;	
	margin-bottom:20px;
}

.plan-ansicht-box a {
	padding-top:5px;
}

.ressource-ansicht-box {
	padding:10px 5px;
	border:1px solid #bbb;
	background-color:#fff;	
	margin-bottom:10px;
}

.plan-ansicht-box-2 {
	border-left:30px solid #b1869f; /* Konzeption */
}

.plan-ansicht-box-3 {
	border-left:30px solid #e09d66; /* Kreation */
}

.plan-ansicht-box-4 {
	border-left:30px solid #73b9d9; /* Programmierung */
}

.plan-zuordnung-detail-a {
	cursor:pointer;
}

.ressource-zuordnung-box-l {
	width:420px;
	float:left;
}

.ressource-zuordnung-box-r {
	width:420px;
	float:right;
	text-align:left;
}

.planung-plan-tab td {
	padding:2px 4px;
	padding:5px 10px;
	border:1px solid #bbb;
	text-align:center;
}

.planung-plan-tab th {
	font-weight:normal;
	text-align:left;
	padding:2px 10px 2px 0;
}

.planung-plan-tab-td-green {
	background-color:#d9e8d7;
}

.planung-plan-tab-td-yellow {
	background-color:#f2e78b;
}

.planung-plan-tab-td-red {
	background-color:#f4c5c5;
}

.planung_kw, .planung_jahr {
	font-size:16px;
}




.color-urlaub-background {
	background-color:#dbd590;
}

.color-krank-background {
	background-color:#dcb5b4;
}

.color-abwesend-background {
	background-color:#cae1b2;
}

.color-wochentag-background {
	background-color:#adc8ea;
	color:#fff;
}

.uni-tab-20prozent {
	width:20%;
}

.color-aktuellerwochentag-background {
	background-color:#003a61;
	color:#fff;
}

.uni-tab {
	width:100%;
}

.uni-tab td {
	padding:10px;
	text-align:center;
}

.uni-tab-legende {
	width:15px;
	height:15px;
	display:inline-block;
	float:left;
}

.uni-tab-legende-margin {
	margin:0 30px 0 10px;
}


#ressourcenplan-zuordnung-matrix select {
	margin:0 10px;
}

#ressourcenplan-zuordnung-matrix-rohling {
	display:none;
}

#ressourcenplan-zuordnung-matrix-a {
	display: block;
	float: left;
  margin-top: 10px;
  padding-right:20px;
  background:url('../images/common/kachel_headline_pfeil.png') center right no-repeat !important;
}

.trans {
	opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
}

#plan-ausgabe-html h1 {
	background:none;
	padding:0;
}

.td-plan-urlaub {
	background-color:#c8ddff;
}

.td-plan-krank {
	background-color:#ffdfa8;
}

.attention-rel, .zuordnung-okay-rel  {
	position:relative;
}

#date-calenderweek {
	padding: 5px 12px 0 0;
	color:#6a6a6a;
	font-size:11px;	
}

.attention {
	width:42px;
	height:42px;
	display:block;
	position:absolute;
	z-index:99;
	left: 253px;
	top: -10px;
	background:url('../images/common/attention.png') top left no-repeat !important;
}

.zuordnung-okay {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	z-index:99;
	left: 248px;
	top: 5px;
	opacity:0.5;
	filter: alpha(opacity=50);
	background:url('../images/common/zuordnung_okay.png') top left no-repeat !important;
}

.save-tree {
	background:url('../images/common/savetree.png') top left no-repeat !important;
	height:42px;
	padding: 7px 0 0 55px;
	color:#008001;
}

.feedback-select {
	margin-top:10px;
	width:100%;
}

#feedbacktext {
	width:99%;
	height:200px;
}

#feedback-textbaustein {
	display:none;
}


.feedback-a {
	float:right;
	background:url('../images/common/feedback.png') top left no-repeat;
	background-position:0 5px;
	padding-left:30px;
	height:21px;	
	clear:both;
}

.feedback-a:hover {
	background-position:0 -25px;
	color:#DC0210;
}


#historie-anzeige {
	display:none;
}

.starte-projektarbeit {	
	float: right;
	font-size: 14px;
	padding: 5px;
	text-transform: none;
	text-decoration:none;
}

.starte-projektarbeit-gruen {
	background-color: #008000;
	color: #fff;
}

.starte-projektarbeit-rot {
	background-color: #800000;
	color: #fff;
}

.starte-projektarbeit-grau {
	background-color: #808080;
	color: #fff;
}

.management-cockpit-kuerzel {
	padding:5px 0;
	display:block;
	text-align:center;
	background-color:#f0f0f0;
}

.tab-management-cockpit td {
	text-align:center;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.tab-management-cockpit th {
	text-align:center;
	border-right:1px solid #ccc;
	vertical-align:bottom;
}

.tab-management-cockpit td:last-child, .tab-management-cockpit th:last-child {
	border-right:0;
}

.management-cockpit-diagram {
	width:51px;
	margin:0 auto;
	display:block;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}

.management-cockpit-diagram-rot {
	background-color:#800000;
}

.management-cockpit-diagram-gruen {
	background-color:#008000;
}

.tab-management-cockpit .userbild-klein {
	float:none;
}


.rp-serienauswahl {
	float:left;
	width:33%;
}

.rp-serienauswahl input[type="checkbox"] {
	width:20px !important;
}



@media screen and (max-width: 750px) {
	.icon-neukunde, .icon-einstellungen  {
		display:none;
	}
}

@media screen and (max-width: 950px) {
	#ressourcenplanung-abs-kw {
		display:none;
	}	
}

.showOnlyExtern {
	float: left;
    margin: 20px 0 -20px 10px;
}

.citebox {
	background-color: white;
	padding: 10px;
	border-radius: 5px;
	color: black;
	margin: 60px 20px 0;
}
.footer {
	background-color: white;
	color: #00203e;
	flex-shrink: 0;
}
.footer a {
	text-decoration: none;
}
.footer .orange {
	color: #c09718;
	font-weight: bold;
}
.footer .content {
	display: inline-flex;
	flex-direction: row;
	padding: 2rem;
}
.footer .icons {
	display: flex;
	padding-left: 1rem;
}
.footer .icons .icon {
	background-size: contain;
	width: 25px;
	height: 25px;
}
.footer .icons .icon.linkedin {
	background: url(../images/common/linkedin.svg) no-repeat center center;
}
.footer .icons .icon.instagram {
	background: url(../images/common/instagram.svg) no-repeat center center;
}
.footer .text {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	margin: 0;
}
.footer .legal {
	display: flex;
	padding-left: 1rem;
}
.footer .legal .item {
	margin-right: 10px;
}
@media screen and (max-width: 768px) {
	.footer .content {
		flex-direction: column;
	}
	.footer .legal {
		padding-top: 1rem;
		padding-left: 0;
	}
	.footer .icons {
		padding-top: 1rem;
		padding-left: 0;
	}
}

.footer .footer-line {
	border-top:1px solid #aaa;
}

.footer .partner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 2rem 2rem;
}
.footer .partner .logos {
	max-height: 3rem;
	padding: 0 2rem .5rem .75rem;
}
.impressum, .datenschutz {
	padding: 2rem;
}
.impressum a, .datenschutz a {
	text-decoration: none;
}
.impressum .orange, .datenschutz .orange {
	color: #c09718;
}
.footer .wrapper {
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	max-width: 100%;
}
.content-wrapper {
	flex: 1 0 auto;
}