.link-button {
	background: none;
	border: none;
	color: rgb(255, 255, 255);
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
  }
  .link-button:focus {
	outline: none;
  }
  .link-button:active {
	color:rgb(255, 255, 255);
  }

/* Josua Projekt Kommentare start*/
#activity_text {
	padding-right: 35px !important;
}
.activity_text_icon:after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f00d";
	position: absolute;
	margin-left: -25px;
	font-size: 24px;
	padding-top: 3px;
}
.activity_text_icon {
	display: none;
	cursor: pointer;
}
.activityrow {
	padding: 7px 0;
}
.activityFullMessage {
    background-color: rgb(240,240,240);
    padding: 7px;
    border-radius: 4px;
	margin: 5px 0;
	overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.activitydate {
	float: right;
}
.editActivity, .deleteActivity, .replyActivity {
	cursor: pointer;
}
.activityname {
	font-weight: bold;
}
.editActivity {
	padding-right: 5px;
}
.mymessage .activityname, .mymessage .activitydate, .mymessage .editActivity, .mymessage .deleteActivity {
	color: #157BFF;
}
.mymessage .activityFullMessage {
	background-color: #157BFF;
	color: white;
}
.activityrow.activityEditInProgress {
    background-color: rgba(21, 123, 255, 0.1);
}
.highlightUsername {
    text-decoration: underline;
    color: #157BFF;
}
.mymessage .highlightUsername {
	color: white;
}
.activityrow.systemNotification {
	color: #157BFF;
}
/* Josua Projekt Kommentare ende*/

select#customerselect {
	background-color: white !important;
	padding-left: 0px !important;
}
.deleteWarning {
	color: darkred;
	font-weight:600;
	font-size: 120%;
	line-height: initial;
}
.paywallWarning {
	color: darkred;
}
/* Josua tom-select*/
.ts-control {
	background-repeat: no-repeat !important;
    background-size: calc(100% - 3px) 1px, 100% !important;
    background-position: bottom center, 0 !important;
    border-radius: 4px !important;
    color: rgb(144,144,144) !important;
    padding: 5px !important;
    margin-left: auto !important;
    background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(white,white) !important;
    border: none !important;
}


/*Josua: popup-form style start*/
.popup-overlay {
	position: fixed;
	background-color: rgba(30, 30, 30, 0.8);
	height:100%;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px;
	z-index: 9999999999;
}
.popup {
	width: 80%;
	height: max-content;
	display: flex;
	flex-direction: column;
	max-height: 85%;
}
.popup-content {
	background-color: rgb(240, 240, 240);
	border-radius: 15px;
	padding: 40px;
    overflow-y: auto;
}
.popup-title {
	font-size: 30px;
    margin-bottom: 20px;
    color: white;
    font-weight: bold;
}
.popup  input:not(.button) {
	background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(white,white);
}
.popup .container {
	width: 100%;
}
.popup .popup-exit-button {
	color: darkred;
	cursor: pointer;
}
.popup .submitbutton {
	width: max-content;
	float: right !important;
}
.popup .popup-exit-button {
	float: right;
	padding: 15px;
}
.popup .pflicht-txt,
#newform .pflicht-txt {
    width: max-content;
	float: left !important;
}
.popup .pflicht-stern,
#newform .pflicht-stern {
    color: #157bff;
}
.popup input:invalid,
#newform input:invalid {
    box-shadow: 0px 0px 1px 0px #157BFF;
}
.popup input.validationError:invalid,
#newform input.validationError:invalid {
    box-shadow: 0px 0px 1px 1px darkred;
}
.popup input.validationError::-webkit-input-placeholder,
#newform input.validationError::-webkit-input-placeholder {
	color: darkred !important;
}
.popup input.validationError:-ms-input-placeholder,
#newform input.validationError:-ms-input-placeholder {
	color: darkred !important;
} 
.popup input.validationError::placeholder,
#newform input.validationError::placeholder {
	color: darkred !important;
}
/*Josua: popup-form style ende*/


/*Josua form helper classes start*/
.flex-row-element {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.form-flex-element {
	display: flex;
	margin-bottom: 20px;
}
.first-half {
	width: 50%;
	padding-right: 30px;
}
.second-half {
	width: 50%;
}
.form-caption {
	color: rgb(144,144,144);
	margin-bottom: 8px;
	margin-top: 8px;
	text-transform: uppercase;
}
.inputHalfLeft {
    width: calc(50% - 10px);
    margin: 0 5px 0 0;
	display: inline-block;
    text-align: left;
}
.inputHalfRight {
    width: calc(50% - 10px);
    margin: 0 0 0 5px;
    display: inline-block;
    text-align: left;
}
.radioTxt {
	cursor: pointer;
}
input:not(.button) {
	background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(rgb(240,240,240), rgb(240,240,240));
	background-repeat: no-repeat;
	background-size: calc(100% - 3px) 1px, 100%;
	background-position: bottom center, 0;
	border-radius: 4px;
	color: rgb(144,144,144);
	padding: 5px !important;
	margin-left: auto;
}
input:not(.button):focus {
	color: #157BFF;
}
/*Josua form helper classes ende*/
/*Josua change select design start*/
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  -moz-padding-start: calc(10px - 3px);
  padding-left: 15px !important;
  outline: none;
  cursor: pointer;
  padding: 5px;
  line-height: 20px;
	font-size: 1em;
	font-family: Strada-Regular, sans-serif;
	color: rgba(80, 80, 80, 1);
/*width: 100%;*/
box-sizing: border-box;
text-align: left !important;
}
select::-ms-expand {
  display: none;
}
select:focus::-ms-value {
  background-color: transparent;
}
.orderByButtons select {
	color: #157BFF;
}
/*Josua change select design ende*/
/*Josua add Icons start*/
.timeContainer:after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f304";
	margin-left: 5px;
}
.kunden-export:after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f358";
	margin-left: 5px;
}
.projekt-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f0ca";
	margin-right: 10px;
}
.projekt-menu-item a.menuAddNewLink:before, .kunde-menu-item a.menuAddNewLink:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f055";
	margin-right: 10px;
	cursor: pointer;
}
.kunde-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f0b1";
	margin-right: 10px;
}
.kalender-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f073";
	margin-right: 10px;
}
.arbeitszeiten-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f017";
	margin-right: 10px;
}
.einstellungen-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f013";
	margin-right: 10px;
}
.logout-menu-item:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f3e5";
	margin-right: 10px;
}
.select-wrapper:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f107";
	align-self: center;
	margin-right: -10px;
	color: #157BFF;
	z-index: 1;
}
.time-icon-left:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f053";
	color: white;
	text-align: center;
	line-height: 1;
}
.time-icon-right:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f054";
	color: white;
	text-align: center;
	line-height: 1;
}
.filedelete:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f2ed";
	margin-right: 10px;
	color: red;
	font-size: 22px;
}
.filedownload:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f56d";
	margin-right: 14px;
	color: #157BFF;
	font-size: 22px;
}
/*Josua add Icons ende*/

.time-buttons {
	position: relative;
    display: inline-flex;
    vertical-align: middle;
	margin-bottom: 15px;
}
#time-prev, #time-next {
	background-color: #157BFF;
	padding: 15px;
	cursor: pointer;
}
#time-prev {
	border-radius: 5px 0 0 5px;
}
#time-prev:hover {
	background-color: #157BFF;
}
#time-next:hover {
	background-color: #157BFF;
}
#time-next {
	border-radius: 0 5px 5px 0;
}
.time-icon-right, .time-icon-left {
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	line-height: 1;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.todays-projects {
	padding-top: 5%;
}
#einstellungenContent {
	margin-top: 10px;
}
#einstellungenContent .container {
	height: min-content;
}
#materialklassen {
	color: #157BFF;
}

.uebersicht-zeiten-mitarbeiter .select-wrapper {
	margin-bottom: 25px;
}
#verbrauchMaterAdd .select-wrapper, .status-wrapper {
	float: right;
	width: auto !important;
}
.select-wrapper {
	display: flex;
	width: 100%;
	margin-left: 10px;
} 
#content tr > td:first-child {
	background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(rgb(240,240,240), rgb(240,240,240));
	background-repeat: no-repeat;
	background-size: calc(100% - 3px) 1px, 100%;
	background-position: bottom right, 0;
	border-radius: 4px 0 0 4px;
	padding-left: 10px;
}
#content tr > td {
	background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(rgb(240,240,240), rgb(240,240,240));
	background-repeat: no-repeat;
	background-size: 100% 1px, 100%;
	background-position: bottom right, 0;
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content tr > td:last-child {
	background-image: linear-gradient(rgb(198,198,200), rgb(198,198,200)), linear-gradient(rgb(240,240,240), rgb(240,240,240));
	background-repeat: no-repeat;
	background-size: calc(100% - 3px) 1px, 100%;
	background-position: bottom left, 0;
	border-radius: 0 4px 4px 0;
	padding-right: 10px;
}
#user-availability-status {
	color: #157bff;
    font-style: italic;
    font-weight: 100;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing: -1px;
    opacity: 0.5;
	text-transform: initial;
	float: right;
}
.usernameWarning {
    color: darkred;
}

/*Josua Filesystem*/
.filename {
	color: #157BFF;
	cursor: pointer;
}
.addfile input[type="file"] {
    display: none;
}

.addfile .custom-file-upload {
	cursor: pointer;
}
.addfile #filesubmitbutton {
	display: none;
	float: none !important;
	background-color: green !important;
	width: max-content;
	margin-left: auto;
}
.addfile #fileabortbutton {
	display: none;
	float: none !important;
	background-color: red !important;
	width: max-content;
}
.addfile #fileuploadbutton {
	float: none !important;
	line-height: 20px;
}
.addfile #filesubmit {
	display: flex;
	margin-bottom: 25px;
}
.addfile #file-name {
	line-break: anywhere;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	display: flex;
	align-items: center;
}
.filelist .filerow {
	width: 100%;
    display: flex;
	line-height: 2;
}
.filelist .filedownload {
	margin-left: auto;
	align-self: end;
	cursor: pointer;
}
.filelist .filedelete {
	margin-left: 0px;
	align-self: end;
	cursor: pointer;
}
.centerdpopupimgfile {
	max-width: 90%;
    max-height: 90%;
    margin: auto;
    display: block;
}
/* Josua Csv popup dropin*/
#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 60vw;
    height: 60vh;
    font-size: 18px;
	display: flex;
	margin: auto;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
  align-self: center;
  line-height: 1.5;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}
#selectfilebutton {
	cursor: pointer;
}
#selectfilebutton:hover {
	color: #157BFF;
}
/*Josua quick fix for extraBemerk Textarea*/
#extraBemerk {
	min-height: 109px;
}
th {
	text-align: left;
}
th:first-child {
	padding-left: 5px;
}
.kundentable {
	width: 100%;
}
.orderByButtons {
	display: flex !important;
	width: max-content !important;
	margin-left: auto !important;
	align-items: center;
}
.sortierennach {
    align-self: center;
    white-space: nowrap;
}
.white-content-box-headline {
	display: flex;
}
.white-content-box-headline a {
	align-self: center;
}
.kunden-export {
	color: #157BFF;
}
.white-content-box {
	background-color: white;
    padding: 25px;
	border-radius: 10px;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1);
}
#login-error-message {
	position: absolute;
	top: 15%;
	width: 100%;
	display: flex;
}
#login-error-message span {
	margin: auto;
	color: red;
	font-size: 22px;
	font-weight: 700;
}
.login-footer {
	position: absolute;
    bottom: 35px;
    width: 100%;
    color: white;
    display: flex;
	text-align: center;
	line-height: 1.7em;
}
.register-footer {
    bottom: 0px;
	padding-bottom: 20px;;
    width: 100%;
    color: white;
    display: flex;
	text-align: center;
	line-height: 1.7em;
}
.register-footer  span {
	margin: auto;
}
.login-footer  span {
	margin: auto;
}
#loginform {
	margin: auto;
}
#registerform {
	margin: auto;
}
#loginform img {
	width: 100%;
	padding-bottom: 30px;
}
#registerform img {
	width: auto;
	padding-bottom: 30px;
	margin: auto;
	text-align: center;
	display: block;
}
#registerform .statusMsg {
	display: block;
	text-align: center;
	margin: auto;
}
body.index {
	background-image: linear-gradient(rgba(21, 123, 255,0.6), rgba(21, 123, 255,0.6)),url("/images/Zeitgleich_Header-Grafik_1.png"), url("/images/Background_WEB.jpg");
	background-size: cover;
	display: flex;
	flex-direction: column;
}
body.index #loginsubmit, body.index input {
	background-color: white;
	border-radius: 5px;
	line-height: 25px;
}
body.index #loginsubmit {
	color: rgba(21, 123, 255,1)
}
body.index #registersubmit {
	background-color: white;
	border-radius: 5px;
	line-height: 25px;
	width: 200px;
	height: 80px;
	font-size: 1.4em;
	float: right;
  }
body.index #registersubmit {
	color: rgba(21, 123, 255,1)
}
body.index input {
	background-image: none;
}
#login-content {
	align-self: center;
	margin: auto;
	max-width: 80%;
	width: 400px
}
#register-content {
	align-self: center;
	margin: auto;
	max-width: 80%;
	width: 840px
}
.user-edit-img img{
	width: 25px;
	height: 25px;
}
.menu-user-info-wrapper {
	width: 400px;
	max-width: 25%;
	display: block;
	margin: 0;
	position: absolute;
	left: 0px;
	height: 100%;
}
.menu-user-name {
    display: inline;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
   /* margin-left: 80px;*/
	padding-left: 25px;
    color: white;
    font-size: 26px;
}
.menu-user-img {
    display: inline;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 20px;
    width: 50px;
    height: 50px;
}
#sidebarmenu {
	   background-color: white;
    position: fixed;
    left: 0px;
    height: 100%;
    width: 250px;
	padding-top: 130px;
	z-index:9;
}
#sidebar-list-wrapper {
	padding: 25px;
}
#sidebarmenu li {
	padding-bottom: 20px;
	font-size: 22px;
}
#sidebarmenu .menuAddNewLink {
    position: absolute;
    right: 15px;
}
#sidebarmenu .menuAddNewLink img{
	width: 20px;
}

#sidebar-logout-wrapper {
	position: absolute;
	bottom: 130px;
	padding: 25px;
}
.zurueck a {
	cursor:pointer;
}
/*.nj-picker:nth-of-type(5) .nj-item:nth-of-type(n+6) {
	display: none;
*/
.userSwList input[type="checkbox"] + label {
	float: left;
}
input, .button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#projectsFooter {
	margin-top: 10px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1050;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999999999999999999;
}
.modal-dialog {
	width: 40%;
    background-color: white;
    margin: auto;
    margin-top: auto;
    margin-top: 5%;
    padding: 15px;
}
.whitebackground#Enheit {
	border-radius: 0px !important;
}
.whitebackground {
	background-color: white !important;
}
.sortierennach {
	width: 100%;
	display: block;
}
.wiederherstellen {
	width: min-content !important;
	color: #157BFF;
}
.formrow #verbrauchEnheit{
	width: 50px !important;
    padding-right: 3px !important;
}

.formrow #beschreibungdropdown, .formrow #materialklassenform, .formrow #materialklassen {
	/*float: none;*/
	color: #157BFF;
	/*text-align: left;*/
}
.extratextfield {
	display: none;
}
.materialdropdown {
	display: none;
}
.leftrightmargin {
	Margin-left: 2.5% !important;
	margin-right: 2.5% !important;
}
.notblue {
	color: rgb(100, 100, 100) !important;
}
.LogoIcon {
	width: 25%;
	position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    padding-right: 20px;
	margin-right: 5%;
}
 td {
	/*border-radius: 0px !important;*/
	border: none !important;
	/*background-color: unset !important;
	overflow: hidden;
	text-overflow: ellipsis;*/
	padding: 0 2px;
	line-height: 20px;
	
	word-wrap: break-word;
	word-break: break-word;
}
 tr:nth-child(2n+1) {
	background-color: white !important;
}
tr:nth-child(2n) {
	background-color: unset;
}
 td:first-child {
	padding-left: 5px;
}
 td:last-child {
	padding-right: 5px;
}
#projecttable {
	width: 100%;
}
#mitarbeiterprojektcontent #projecttable td > a {
    width: 100%;
    display: block;
    height: 100%;
    /*line-height: 40px;*/
	line-height: 1.2em;
}
.filterButtons select {
	color: #157BFF;
}
.filterButtons .formrow, .filterButtons {
	display: flex !important;
}
.filterbutton {
	width: 45% !important;
	margin: 2.5%;
	background-color: white !important;
	cursor: pointer;
}
.filterbutton.onethird {
	width: 30% !important;
	margin: 1.25%;
	background-color: white !important;
	cursor: pointer;
}
.filterbutton.onethird#buttonactive0 {
	margin-left: 2.5% !important;
}
.filterbutton.onethird#buttonactive2 {
	margin-right: 2.5% !important;
}
.filterbutton.active {
	background-color: #157BFF !important;
	color: white !important;
}
.statuscolor {
	float: right;
	width: 21px;
	height: 21px;
	border-radius: 50px;
	margin: 2px;
}
.inputdate, .timeContainer, .bluetext, .worktime, .bemerkungTxt, #verbrauchMenge, #verbrauchEnheit, .materialbemerkungen, .projektname, .projektnummer, .startdate, .enddate, .planZeitFeld, .leistungsort {
	color: #157BFF;
}
.activeMenu a:first-child, .activeMenu:before {
	color: #157BFF !important;
}
.menuSearchField {
	background-color: white !important;
    width: 60%;
    display: inline;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 20px;
	border-radius: 10px;
}

#menu {
	background-color: #157BFF;
	position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999999;
    height: 85px;
}
#mainMenuIcon {
	width:800px;
	max-width: 75%;
	display: block !important;
	margin: 0;
	position: absolute;
	right: 0px;
	height: 100%;
}
#newMenu {
	display: none;
	position: absolute;
	margin: 10px;
	color: white;
	z-index:9999999;
	top: 18px;
}
.sidenav {
  height: calc(100vh - 60px);
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
	background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.projekt-menu-item-mobile, .kunde-menu-item-mobile {
	cursor: pointer;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #157BFF;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#mySidenav {
	z-index: 999999;
}


.arbeitszeitlistelement  {
	float: right;
}
#arbeitszeitStd, #arbeitszeitMin {
		text-align: right;
	padding: 0px !important;
	float: right;
}
.datum.formrow{
    font-size: 14px;
    padding-top: 0px;
}
.arbeitszeitenrow, .materialrow {
	padding: 8px;
}
.arbeitszeitenrow:nth-child(2n), .materialrow:nth-child(2n) {
	background-color: rgb(222, 222, 222) !important;
}
.bearbeiten.button {
	width: 25% !important;
	margin: 0px auto !important;
	padding: 2px 4px !important;
	min-width: 85px;
}
.worktime {
	float: right !important;
}
.oneColumn {
	width: 100%;
}
.enddate, .projektname, .leistungsort, .beginndatum {
	width: 150px !important;
	float: right;
	background: transparent;
	padding: 0px;
	text-align: right;
	border-radius: 0px !important;
}
.inputdate, #verbrauchMenge, #verbrauchPreis, #verbrauchEnheit, .formrow select, .projektnummer, .startdate, .planZeitFeld, #costMult {
	width: auto !important;
	float: right;
	/*background: transparent*/
	padding: 0px;
	text-align: right;
	border-radius: 0px;
}
/*.formrow select {
	float: none;
}*/
#planzeitStd, #planzeitMin {
	background: transparent;
	text-align: right;
	padding: 0px !important;
	/*display: flex !important;
	align-items: center !important;*/
	margin: auto !important;
}
.formrow {
	padding-bottom: 4px;
	padding-top:4px;
	min-height: 30px;
}
textarea {
	background-color: white !important;
    border: 1px solid rgb(222, 222, 222) ;
	font-size: 1em;
	line-height: 20px;
	background: white none repeat scroll 0% 0%;
	padding: 5px;
	border-radius: 8px;
	color: #157BFF;
	width: 100%;
	box-sizing: border-box;
	font-family: Strada-Regular, sans-serif;
	resize: none;
}
.accordion:after {
  /*content: '\002B';*/
background: url("http://zeitgleich-burk.provinzglueck.com/images/css/Zeitgleich_open.png") no-repeat;
    background-size: auto;
width: 20px;
height: 20px;
content: "";
display: inline-block;
background-size: 100%;
float: right;
}
.accordion.active:after {
  /*content: "\2212";*/
  background: url("http://zeitgleich-burk.provinzglueck.com/images/css/Zeitgleich_close.png") no-repeat;
    background-size: auto;
width: 20px;
height: 20px;
content: "";
display: inline-block;
background-size: 100%;
float: right;
}
.accordion {
	width: 100%;
	background-color: transparent !important;
	text-align: left;
	cursor: pointer;
	color: #157BFF !important;
	margin-bottom: 1px;
}
.accordion:after {
	
}
.active + .panel {
  display: block;
}
.panel {
	padding: 0 5px;
	display: none;
	overflow: hidden;
}
::placeholder {
	color: rgba(80, 80, 80, 1);
	font-style: italic;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: -1px;
}
.half {
	width: calc(50% - 2px);	
}
.oneFourth {
	width: calc(25% - 2px);	
}
.oneEighth {
	width: calc(12.5% - 2px);	
}
.twoThird {
	width: calc(66.66% - 2px);	
}
.threeFourth {
	width: calc(75% - 2px);	
}
.autoMarginBlock {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	float: none !important;
}
td.txtRight {
	text-align: right;
}
.timeContainer {
	text-align: right;
	border-radius: 6px;	
	min-width: 40px;
	width: auto;
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: auto;
}
input[type=submit] {
	cursor: pointer;
}
#warningOverlay.screenSize {
	display: none;
}
#mobileMenu {
	position: fixed;	
}

#mobileMenuOverlay {
		z-index: 999;
		display: table-cell !important;
		position: fixed;
		width: 100vw;
		height: 100vh;
		vertical-align: middle;
		background-color: #000;
		color: #fff;
		text-align: center;
		line-height: 100vh;
		font-size: 6vw;
		top: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
	    transition: 1s ease-in-out,padding-top 0s;

}

table tbody tr:nth-child(even) {
	background-color: #fff;
}

table.projecttable tbody tr:nth-child(even) {
	background-color: #E0E1E3;
}

table tbody tr:nth-child(odd) > td {
	background-color: rgb(224, 225, 227);
}
table.noTrTdBgCol tbody tr:nth-child(2n+1) > td {
    background-color: transparent;
}
table.noTrTdBgCol tbody tr:hover:nth-child(2n+1),
table.noTrTdBgCol tbody tr:hover:nth-child(2n+1) > td,
#content table.noTrTdBgCol tr > td, 
#content table.noTrTdBg tr > td {
/*	background-color: transparent !important;
 	
	border: none !important;
 */
 }
 #content table.noRowBorder tr > td {
 	border: none !important;
 }
.container.groupContainer { 
	/*border-radius: 8px 8px 8px 8px; */
	background-color: white !important;
	border-top: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	margin: 0 0 15px 0;
	padding: 10px !important;
	page-break-inside: avoid;
	break-inside: avoid;
}
#content table { 
	border-collapse: separate;
	border-spacing: 0px 8px;
	}
#content .usercalendar table { 
	border-collapse: unset !important;
	border-spacing: 0px 0px !important;
	}
/*#content tr {
    height: 32px;
}*/
/*#content tr > td {
	border-top: 1px solid rgb(222, 222, 222);
	border-right: none;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: none;	
}
#content tr > td:first-child { 
	border-radius: 8px 0 0 8px;
	border-top: 1px solid rgb(222, 222, 222);
	border-right: none;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
}
#content tr > td:last-child { 
	border-radius: 0 8px 8px 0; 
	border-top: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: none;
}
#content tr > td:first-child:last-child {
	border-radius: 8px; 
	border-top: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);	
}*/
#content tr.borderless > td { 
	border: none !important;
}

.kundeEditData .bp-group {
	column-count: auto;
}


.kundeEditData .kundeEditFormContainer tr {
    background-color: transparent;
}

#neuTaetigkeitForm tr,
#neuPStatusForm tr,
#edit.floatingForm tr,
#neuPArtForm tr {
	background-color: transparent;
}
.projektKundenAuswahl input[type="radio"] {
	width: 12px;
}
/* änderung ist angekommen */

td.time {
    width: 50px;
}
td.stunde, td.minute {
	background-color: rgb(255, 0, 0);
	border-right: 1px solid;
}

.arbeitszeitStatistik tr {
	display: block;
	margin-bottom: 4px;
}

.arbeitszeitPerson img {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 8px;
}

#arbeiter img {
	display: block;
	float: left;
	margin-right: 9px;
	line-height: 30px;
	padding-top: 2.5px;
}

div.projektname {
	display: block;
	position: absolute;
	z-index: 12;
	top: 0px;
	left: 80px;
	font-weight: bold;
	color: rgb(50, 47, 47);
	width: 1100px;
}

tr#projektart {
	display: none;
}

tr.zugehoerigesProjekt {
	display: none;
}

tr#unterprojekte {
	display: none;
}

tr.oberprojekte {
	display: none;
}

tr.projektart {
	display: none;
}

tr.projektAuswahl {
	display: none;
}

td.taetigkeit {
	/* width: 66px; 
	width: 100px;*/
}

div#zeitenParser {
	width: 95%;
	float: none;
	clear: both;
}
.nonblockForm {
	display:unset;
}
.container textarea.blueBgField, 
.container input.blueBgField {
	background-color: rgba(221, 240, 254, 1) !important;
}
.container textarea.greenBgField,
.container input.greenBgField {
	background-color: rgba(229, 240, 224, 1) !important;
}
.container td.kontaktBemerkungen strong {
	padding: 5px;
	border-bottom: 2px solid rgb(238, 238, 238);
	margin: 0px 0px 10px;
	font-size: 1.2em;
	text-transform: uppercase;
}

tr#kontakteFirst {
	border-top: medium none;
}

div.gearbeitetHeute {
	position: absolute;
	min-width: 204px;
	padding: 3px;
	width: 218px;
	left: 1075px;
}

.gearbeitetHeute br {
	clear: left;
}

span.uhr, span.min {
	margin-right: 14px;
}

span.von {
	display: block;
	float: left;
	width: 18px;
	margin-top: 5px;
}
/*
div#projects select[name="show2"] {
	width: calc(50% - 3px);
	display: inline-block;
}

div#projects select[name="show"] {
	width: calc(50% - 2px);
	display: inline-block;
}*/

div#projects {
	max-width: 100%;
}
/*
div#projectsHeader, div#projektcontent,
div#kundenHeader, div#kundenContent,
div#zeitenHeader, div#zeitenContent,
div#kundeEditContent,
#marketingvertraegeContent
*/
#content {
	max-width: 1900px;
	width: 100%;
	margin: 0 auto;
	padding: 130px 50px 50px 300px;
	overflow-x: hidden;
	box-sizing: border-box;
	padding-top: 155px;
	
}


div#zeitenParser {
	width: 95%;
}

div.clear {
	clear: both;
}

.arbeitszeitdetails {
	margin-bottom: 5px;
}

div.projektDesCurrentUser a {
	position: relative;
}

div.projektDesCurrentUser {
	width: 282px;
	height: 31.7px;
	display: flex;
	align-items: center;
}

div.projekteWrap {
	overflow: hidden;
	position: relative;
}

div.left {
	float: left;
}

iframe#todoList {
	width: 100%;
	height: 233px;
	border: medium none;
}
/*
.container.projektContainer.projectToDo {
	min-height: 500px;
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font: inherit;
	vertical-align: baseline;
}

html {
	height: 100%;
	padding: 0;
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: outside none none;
}

blockquote, q {
	quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}
/*
body {
	height: 					100%;
	padding: 					0;
    color:                      rgb(85, 85, 85);
    font-size:                  16pt;
    margin:                     0px;
    background:                 rgb(220, 220, 220) url("images/css/hintergrund_x.jpg") repeat-x fixed 0% 0%;
    font-family:                Strada-Regular,sans-serif;
}
*/
body {
	height: 100%;
	padding: 0;
	color: rgb(100, 100, 100);
	font-size: 16px;
	margin: 0px;
	/* background-image: linear-gradient(rgba(245,245,245,1), rgba(220,220,220,1)); 
	background-image: linear-gradient(rgba(235, 235, 235, 1),rgb(245, 245, 245, 1));*/
	background-color: rgb(245,245,245);
	font-family: Strada-Regular, sans-serif;
	background-attachment: fixed;
}

td {
	position: relative;
}

td.projektlink {
	width: 212px;
}

td {
	color: inherit;
	vertical-align: middle;
	font-size: 1em;
}

#arbeiter a:hover {
	border: medium none;
}

#arbeiter a {
	margin: 0px 25px 0px 10px;
	display: block;
	float: left;
	line-height: 30px;
	height: 29px;
}

a {
	color: inherit;
	text-decoration: none;
}
/*
a:hover {
	border-bottom: 1px solid rgb(204, 204, 204);
}
*/
h1 {
	font-size: 1.5em;
	color: #157BFF;
	margin: 0px 0px 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.container .kontakteTabelle h2 {
	margin: -6px;
}

h2 {
	font-size: 1.4em;
	margin: 0px 0px 10px;
	text-transform: uppercase;
	color: #157BFF;
	font-weight: normal;
}

.projektEdit input[type="radio"] {
	width: 12px;
}

.projektEdit input[name="druckerei"] {
	width: 188px;
}

.projektEdit input[name="planzeitStd"], .projektEdit input[name="planzeitMin"]
	{
	width: 74px;
}

.projektEdit input, .projektEdit textarea {
	width: 212px;
}

.projektEdit select {
	width: 225px;
}

.gearbeitetHeute.edit label {
	text-align: right;
}

.gearbeitetHeute.edit input, .gearbeitetHeute.edit label {
	float: left;
	width: 160px;
}

.gearbeitetHeute.edit input {
	margin-bottom: 10px;
	display: block;
	left: 98px;
	line-height: 0;
	margin-left: 20px;
}

.gearbeitetHeute input[type="submit"] {
	width: inherit;
	margin-left: 0px;
	margin-top: 1px;
}

.gearbeitetHeute input[name="pause"] {
	margin-left: 22px;
}

.gearbeitetHeute input {
	margin: 0px 3px 1px 4px;
	width: 29px;
}

input.fullWidth {
	width: 79.5%;
}

textarea.beschreibung, .zeitStringBlock textarea {
	display: block;
	height: 115px;
	width: 97.1%;
	margin: 6px 0px;
}

.fullWidth {
	width: 79%;
}

input.projektText {
	min-width: 198px;
}

select.projektAuswahl {
	display: block;
	min-width: 210px;
}

input.zeitStundenMinuten {
	float: left;
	margin-right: 7px;
}

input.projektText {
	display: block;
	margin-bottom: 5px;
}

input.datumArbeitszeit {
	float: left;
	margin-right: 7px;
}

input, button /*, select*/ {
	font-size: 1em;
	line-height: 20px;
	/*
    font-size:                  1em;
    background:                 rgb(238, 238, 238) none repeat scroll 0% 0%;
    */
	background: rgb(224, 225, 227) none repeat scroll 0% 0%;
	padding: 5px;
	border: none;
	/*border-radius: 8px;*/
	color: rgba(80, 80, 80, 1);
	width: 100%;
	box-sizing: border-box;
	font-family: Strada-Regular, sans-serif;
	outline: none;
}

input:disabled, textarea:disabled, button:disabled, select:disabled {
	opacity: 0.5;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	width: 30px;
	height: 15px;
	border-radius: 16px;
	border: 2px solid #ddd;
	background-color: #EEE;
	display: inline-block;
	content: "";
	float: right;
	margin-right: 5px;
	transition: background-color 0.5s linear;
	margin-top: 0px;
}

input[type="checkbox"]+label:hover {
	cursor: pointer;
}

input[type="checkbox"]+label::before {
	width: 15px;
	height: 15px;
	border-radius: 16px;
	background-color: #fff;
	display: block;
	content: "";
	transition: margin 0.1s linear;
	box-shadow: 0px 0px 2px #aaa;
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image: linear-gradient(top, #f4f1ee, #fff);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px
		white, inset 0px -1px 1px 1px rgba(204, 198, 197, .5);
}

input[type="checkbox"]:checked+label {
	background-color: #157BFF;
}

input[type="checkbox"]:checked+label::before {
	margin: 0 0 0 15px;
}
/*
label {
    display: inline;
}
*/
.radio-1 {
    width: 193px;
}
.button-holder {
    float: left;
    margin-left: 6px;
    margin-top: 16px;
}
.buttonContainerFlex {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.buttonContainerFlex > * {
	max-width: calc(50% - 5px);
}
input[type=radio] {
    display: none;
}
:not(.accGroup) > input[type=radio] + label {
	/*
    background-color: #fafafa;
    border: 2px solid #cacece;
    border-radius: 50px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    padding: 11px;
    position: relative;
    left: 9px;
	*/
	position: relative;
	display: inline-block;
	width: 34px;
}
:not(.accGroup) > input[type=radio]:not(.accSwitch) + label::before {
	/*
    background: none repeat scroll 0 0 #FDFDFD;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    content: " ";
    font-size: 36px;
    height: 8px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 8px;
    */
    /*
	width: 15px;
	height: 15px;
	border-radius: 16px;
	background-color: #fff;
	display: inline-block;
	content: "";
	transition: margin 0.1s linear;
	box-shadow: 0px 0px 2px #888;
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image: linear-gradient(top, #f4f1ee, #fff);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3), inset 0px 2px 1px 1px
		white, inset 0px -1px 1px 1px rgba(204, 198, 197, .5);
	left: 12px;
	top: 7px;
	position: absolute;
	*/

}
:not(.accGroup) > input[type=radio] + label::after {
	background: none repeat scroll 0 0 #EEE;
	border-radius: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
	content: " ";
	height: 12px;
	left: 15px;
	position: absolute;
	top: -11px;
	width: 12px;
}
:not(.accGroup) > input[type=radio]:checked + label::after {
/*
    background: none repeat scroll 0 0 #94E325;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    content: " ";
    font-size: 36px;
    height: 8px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 8px;
*/
	/*
	background: none repeat scroll 0 0 #94E325;
	*/
	background-image: linear-gradient( rgba(21, 123, 255, 0.5), rgba(21, 123, 255));
	border-radius: 50px;
	/*
	background-image: linear-gradient( rgb(153, 199, 31), rgb(0, 154, 60));
	box-shadow: 0px 0px 4px 2px rgb(153, 199, 31);*/
	box-shadow: 0px 0px 4px 2px rgba(21, 123, 255, 0.5);
	content: " ";
	height: 12px;
	left: 15px;
	position: absolute;
	top: -11px;
	width: 12px;
}
:not(.accGroup) > input[type=radio]:checked + label {
	/*
    background-color: #e9ecee;
    border: 2px solid #adb8c0;
    color: #99a1a7;
    padding: 11px;
    */
}
:not(.accGroup) > input[type=radio] + label:active, 
:not(.accGroup) > input[type=radio]:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

:not(.accGroup) > input[type="radio"] + label + input[type="text"] {
    width: calc(100% - 34px);
}

input.inputLink {
	padding-right: 60px;
}

a.inputLink {
	display: inline-block;
	position: absolute;
	/*margin-left: -55px;*/
	line-height: 28px;
	/* background-color: rgba(229,240,224,1); */
	background-color: rgba(221, 240, 254, 1);
	/* color: white; */
	padding: 0px 5px 0 5px;
/*	border-radius: 0 8px 8px 0;*/
	font-weight: bold;
	font-style: italic;
	width: 50px;
	height: 30px;
	text-align: center;
	overflow: hidden;
	letter-spacing: -0.5px;
	right: 2px;
	top: 1px;
}

.formContainer {
	display: flex;
	margin: auto -10px;
}
.formColumn {
	flex: auto;
	padding: 10px;
}

#registerform h2 {
	color: #fff;
}

#registerform h3 {
	color: #fff;
	padding: 20px 5px;
}


#loginform .loginTextField, #loginform .password, #loginform select {
	width: 100%;
	margin-bottom: 15px;
}
#registerform .registerTextField, #registerform .password, #registerform select {
	width: 100%;
	margin-bottom: 15px;
}
input.registerTextField::placeholder, input.password::placeholder {
	color: rgb(128, 128, 128);
}
strong, b {
	font-weight: bold;
}

img {
	border: 0px none;
}

.pic {
	margin: 3px 6px 3px 0px;
}

.klein {
	font-size: 7pt;
}

.error {
	background: rgb(204, 0, 0) none repeat scroll 0% 0%;
	float: left;
	padding: 15px;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	text-align: center;
	width: auto;
}
.success {
	background: #157BFF none repeat scroll 0% 0%;
	float: left;
	padding: 15px;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	text-align: center;
	width: auto;
}

.green {
	color: rgb(125, 178, 38);
}

.row1 {
	background-color: rgb(238, 238, 238);
}

.row2 {
	background-color: rgb(221, 221, 221);
}

.rowhead {
	font-size: 1em;
	background-color: rgb(125, 178, 38);
	color: rgb(255, 255, 255);
	font-weight: bold;
}

.rowheadsmall {
	background-color: rgb(125, 178, 38);
	color: rgb(255, 255, 255);
}

.button {
	font-size: 100%;
	display: block;
	background-color: #157BFF;
	color: white;
	padding: 9px 5px 9px 5px;
	margin: 5px 5px 0px 0px;
	text-align: center;
	float: left;
	cursor: pointer;
	border-radius: 6px;
}
.buttonSmall {
	width: calc(50% - 10px);
    box-sizing: border-box;
    margin: 5px auto;
}
.loader {
	width: 100%;
	text-align: center;
}

div.arbeitszeitStatistik table tr {
	position: relative;
}

div.arbeitszeitStatistik {
	float: none;
	margin-left: 25px;
	width: 230px;
	display: none;
}

div.arbeiterListe {
	width: 80%;
	clear: both;
	display: none;
}

#projects #projectsHeader div.welcheProjekteVonWem {
	/* width: calc(67% - 5px); */
	box-sizing: border-box;
	max-height: 90px;
	/* margin-right: 				5px; */
}

#projectsHeader > * {
	min-width: 669px; /* früher war 646px */
}
#kundeEditContent{
	overflow-x: auto;
}
#kundeEditContent > *{
	/* min-width: 699px; *//* früher war 646px */
}

div.projektContainer, 
div.kundenContainer,
div.webvertraegeContainer, 
div.marketingvertraegeContainer,
div.zeitenContainer,
div.auswertungContainer,
div.taetigkeitContainer,
div.pStatusContainer,
div.workTimeData, 
div.workTimeList,
div.projectData,
div.projectToDo,
div.arbeitAbschContainer
{
	width: 100%;
	margin: 0 0 15px 0;
	float: none;
	display: block;
    break-inside: avoid;
    break-before: column;
    overflow-x: auto;
}
.container.projektContainer > * {
   /* min-width: 637px 678px; /* früher war 646px */
}
div#neuProjekt,
div#neukundeData
{
	width: 100%;
	margin: 0 0 15px 0;
	float: none;
	display: inline-block;
    break-inside: avoid;
    break-before: column;
}
.container.projektContainer.workTimeData,
.container.kundenContainer.kundeEditData,
.container.kundenContainer.kundeEditProjekte
{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0 !important;
}
.container.taetigkeitContainer.neuTaetigkeit,
.container.pStatusContainer.neuPStatus,
.container.pArtContainer.neuPArt,
.halfContainer {
	width: 50%;
	break-inside: avoid;
}
.container.pArtContainer.neuPArt {
	width: 100%;
}

#edit.floatingForm input[type=text] {
	background-color: #ffffff;
	/* margin-bottom: 10px; - eventuel in manche Fälle erforderlich*/
	margin-bottom: 0px !important;
	border: 1px solid rgb(222, 222, 222);
}

.groupContainer,
.container.auswertungContainer,
.projekt-details #contacts,
.projekt-details #stunden,
.projekt-details #startwork {
    background-color: #fff;
	border: 1px solid rgb(222, 222, 222);
	/*border-radius: 8px;*/
    padding: 10px;
    box-sizing: border-box;
    float: none;
}
div.zeitGespeichertIn {
	float: none;
	width: 499px;
}

div.zeitStringBlock {
	width: 500px;
	float: left;
}

div.noPreferencesLink {
	height: 3490px;
}

.rowspanNeighbourBottomRight {
    border-left: none !important;
    border-top: none !important;
    border-radius: 0 0 8px 0 !important;
}
.rowspanNeighbourTopRight {
    border-left: none !important;
    border-bottom: none !important;
    border-radius: 0 8px 0 0 !important;
}
.container {
	/*
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    border:                     1px solid rgb(221, 221, 221);
    float:                      left;
    margin:                     0px 20px 10px 0px;
    border-radius:              10px;
    -moz-border-radius:         10px;
    -webkit-border-radius:      10px;
    min-width:                  350px;
    padding:                    15px;
	*/
	border: none;
	float: none;
	/*margin: 0px 20px 10px 0px;
	border-radius: 8px;*/
	min-width: 230px;
	padding: 15px 0 15px;
}

label {
	display: block;
}

.mitarbeiterCheckboxes label {
	display: inline;
}
#mainMenuIcon {
	transition: all .5s ease-in-out;
}
img.menuIcons {
	/*width: 25px;*/
	vertical-align: middle;
}

.wikiFormSent {
	display: none;
}

/*img.provinzIcon.menuIcons {
	width: 19px;
}*/

img.auswertungIcon {
	width: 20px;
}

.projektStatus {
filter: saturate(0%) brightness(80%) contrast(10000%) grayscale(100%) invert(100%);
/* 	filter: hue-rotate(-45deg) saturate(10) contrast(5);
 */
 /*
	background-clip: text;
	color: transparent;
    width: 140px;
    display: block;
	float: right;
*/
}
.textColorContrastFilter {
	filter: saturate(0%) brightness(80%) contrast(10000%) grayscale(100%) invert(100%);
	border-radius: 8px !important;
}
.textColorContrastSelectBox {
	border-radius: 8px !important;
}
/* Wof�r ist das? Zerhaut Auswertung und Zeltmission Seite. Andre 10.11.18

body.index .container {*/
/*margin: 0 auto;*/
/*border-radius: 10px;*/
/*width: 300px;*/
/*float: none;*/
/*min-width: initial;*/
/*height: 177px;*/
/*top: calc(50vh - 100px - 15px);*/
/*position: relative;*/
/*}*/

#auswertungHeader h2 {
    display: inline-block;
}
#auswertungHeader h2 input {
    display: inline-block;
    width: 60px;
    font-size: 1em;
    padding: 0 0 0 4px;
    font-family: revert;
    vertical-align: middle;
    bottom: 3px;
    position: relative;
}
.kundeEdit .container {
	/*
    min-width: 230px;
*/
	min-width: calc(50% - 20px - 30px - 2px);
}
/*
.webseiteWartungsvertrag.container {
	width: 284px;
}
*/
.webseiteWartungsvertrag.container input, .webseiteWartungsvertrag.container textarea,
	.webseiteWartungsvertrag.container button, .webseiteWartungsvertrag.container select
	{
	background-color: rgba(221, 240, 254, 1);
}

.marketingVertrag.container input, .marketingVertrag.container textarea,
	.marketingVertrag.container button, .marketingVertrag.container select
	{
	background-color: rgba(229, 240, 224, 1);
}

div#gesamtzeit {
	width: calc(33% - 5px);
	box-sizing: border-box;
}
/*
div#monatszeiten {
	height: 29px;
	position: absolute;
	min-width: 158px;
	width: 197px;
	left: 842px;
}
*/

.container h2 {
	padding: 5px;
	width: auto;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	text-align: left;
}

.container h2 .right {
	color: rgb(204, 204, 204);
	float: right;
}

h2.underlined {
	border-bottom: 2px solid rgb(222, 222, 222);
	box-sizing: border-box;
	margin-bottom: 15px;
}
h2.fullwidth {
	width:100%;
}

.container.auswertungContainer > h2 {
    display: block;
    padding: 0 0 10px 0;
}
.projectListHeader,
#auswertungHeader {
	position: relative;
	border-bottom: 2px solid rgb(222, 222, 222);
	vertical-align: middle;
	padding: 0 0 5px 0;
	box-sizing: border-box;
	margin-bottom: 15px;
	height: 40px;
}
#auswertung .auswertungContainer > img {
	max-width: 100%;
}

.kundenListHeader {
	display: none;
}

#kundenHeader {
	position: relative;
	border-bottom: 2px solid rgb(222, 222, 222);
	vertical-align: middle;
	padding: 0 0 5px 0;
	box-sizing: border-box;
	margin-bottom: 15px;
	/* height: 40px; */
}
#zeitenHeader {
	position: relative;
	padding: 0 0 15px 0;
	box-sizing: content-box;
	line-height: 0;
	column-width: 180px;
	column-gap: 15px;
	column-count: 4;
}
#zeitenHeader>a {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	width: 100%;
	margin: 0 0 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #157BFF;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	line-height: 25px;
	position: relative;
	text-align: center;
}

#zeitenHeader>a>img {
	vertical-align: bottom;
	display: inline-block;
	position: absolute;
	left: 0px;
	max-width: 25px;
	height: 25px;
}
#einstellungenHeader {
	position: relative;
	border-bottom: 2px solid rgb(222, 222, 222);
	padding: 0 0 5px 0;
	box-sizing: content-box;
	line-height: 0;
	column-width: 180px;
	column-gap: 5px;
}
#einstellungenHeader>a {
	display: inline-block;
	padding: 5px;
	width: 100%;
	margin: 0 5px 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgb(100, 100, 100);
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	/*border: 1px solid #000;*/
	line-height: 20px;
	position: relative;
	text-align: center;
}
/*
.sortingSection, .exportSection {
	position: absolute;
	right: 0px;
	display: inline-block;
	vertical-align: middle;
}
*/
.sortingSection, .exportSection {
    position: relative;
    right: 0px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    margin-bottom: 5px;
    float: right;
    width: 100%;
    text-align: right;
}
.sortingSection>a, .exportSection>a {
	display: inline-block;
	font-size: 1em;
	line-height: 20px;
	padding: 5px;
	background: rgb(224, 225, 227) none repeat scroll 0% 0%;
	border-radius: 8px;
}

#stundenUebersicht td, #gesamtzeit div {
	padding: 0px;
}

.container table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	overflow-y: visible;
	overflow-x: scroll;
	table-layout: fixed;
	/* display: flex; */
}

tr.tableHead > td {
    background-color: rgb(229, 240, 224) !important;
}

td.menge {
    width: 60px;
    text-align: right;
}
td.einheit {
    width: 60px;
}

td.datum {
	width: 115px;
	min-width: 115px;
}

.datumZeit {
	width: 110px;	
}

td.arbeitszeit {
	/* width: 82px; */
	width: 42px;
}
td.pause {
	/* width: 82px; */
	width: 42px;
}

td.berechLabel {
	width: 115px;
}

td.InternProjLabel {
    width: 80px;
}

td.checkbox {
    width: 40px;
}

.container td.minute {
	padding: 0px;
	background-color: rgb(255, 0, 0);
	width: 56px;
}

td.arbeitszeitPerson {
	width: 70px;
	line-height: 30px;
	height: 30px;
}

tr:not(:first-child) td .bemerkungTxt,
tr:not(:first-child) td.bemerkungTxt {
    font-size: 80%;
    line-height: 1.1em !important;
    letter-spacing: -0.5px;
    border: 1px solid rgb(222, 222, 222) !important;
    border-radius: 8px;
    background-color: rgb(221, 240, 254) !important;
    /*
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    */
    display: block;
    position: relative;
    min-height: 40px;
    padding: 5px;
    text-align: justify;
}

td.kontaktBemerkungen h2 {
	text-transform: none;
	color: inherit;
}

.container td {
	vertical-align: middle;
	/*
    border-bottom:              1px solid rgb(238, 238, 238);
    */
	border-bottom: none;
	padding: 0 2px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
}

/*.container tr:hover {
	background: rgb(238, 238, 238) none repeat scroll 0% 0%;
}
.container table.neutral tr:hover {
	background: initial; 
}*/
/*
#menu {
    background:                 rgb(220, 220, 220) url("images/css/hintergrund_x.jpg") repeat-x fixed 0% 0%;
    float:                      left;
    height:                     36px;
    color:                      rgb(255, 255, 255);
    z-index:                    1000;
    text-shadow:                0px 0px 2px rgb(102, 102, 102);
    margin:                     0px 0px 0px 25px;
    position:                   absolute;
    width:                      1070px;
}
*/
/*#menu {
	height: 50px;
	color: rgb(255, 255, 255);
	z-index: 1000;
	text-shadow: 0px 0px 2px rgb(102, 102, 102);
	margin: 0px auto 30px;
	padding: 0;
	position: fixed;
	width: 100%;
	background-image: linear-gradient(rgb(0, 154, 60), rgb(153, 199, 31));
	border-bottom: 2px solid rgb(100, 100, 100);
	box-sizing: border-box;
	box-shadow: 0px 0px 4px #000;
}
#menuContent {
	max-width: 1900px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	height: 50px;
	box-sizing: border-box;
}
#mobileMenuButton {
    height: 50px;
    width: auto;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    display:none;
}
.menu-btn {
	display: inline-block;
}
@media all and (max-width: 719px) {
	.hamburger {
		display: inline-block; 
	}			
	.menu-btn {
		display: inline-block;
	}
	.menu-btn.open {
    z-index: 9999;
	}
}
.menuContentElement {
    display: inline-block;
    vertical-align: middle;
}
*/
/*
#menu ul {
    padding:                    0px;
    margin:                     0px;
    overflow:                   hidden;
    height:                     33px;
    list-style:                 outside none none;
    float:                      left;
    width:                      1070px;
}
*/
/*#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: outside none none;
	float: left;
	background: rgba(149, 193, 31, 1) repeat-x 0% 0%;
}

#menu li {
	float: left;
	letter-spacing: -1px;
}

#menu .activeMenu.mainMenuItem {
	background-color: rgb(153, 199, 31);
	border-bottom: 2px solid #fff;
	border-radius: 8px;
	display: block;
	z-index: 9999999;
	position: relative;
	height: 50px;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px #fff;
	overflow: hidden;
}

#menu .activeMenu.mainMenuItem a {
	color: initial;
}*/
/*
#menu li a {
    color:                      rgb(255, 255, 255);
    display:                    block;
    float:                      left;
    padding:                    11px 7px;
    font-size:                  0.9em;
    text-transform:             uppercase;
}
*/
/*
#menu li a {
	color: rgb(255, 255, 255);
	display: block;
	float: left;
	padding: 0 7px;
	font-size: 16px;
	text-transform: uppercase;
	vertical-align: middle;
	line-height: 48px;
	height: 50px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#menu li a.menuAddNewLink {
	padding: 0 3px;
}

#menu #desktopMenu a:hover {
	background-color: rgb(0, 154, 60);
	border-bottom: 2px solid #fff;
	border-radius: 8px;
	display: block;
	z-index: 9999999;
	position: relative;
	height: 50px;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px #fff;
	overflow: hidden;
}*/
/*
#menu input {
    float:                      left;
    margin:                     4px 30px;
    background:                 rgb(109, 155, 31) none repeat scroll 0% 0%;
    border-color:               rgb(99, 142, 27);
    color:                      rgb(255, 255, 255);
}
*//*
#menu input {
	margin: 0px 0px;
	background: rgb(109, 155, 31) none repeat scroll 0% 0%;
	border-color: rgb(99, 142, 27);
	color: rgb(255, 255, 255);
	line-height: 22px;
	width: min-content;
	font-size: 16px;
	margin: 6px 0 0 16px;
}

#menu .menuSearchField {
	background-color: #fff;
	color: rgba(100, 100, 100, 1);
	float: right;
	margin: 10px 0 10px 10px;
	height: 30px;
	box-sizing: border-box;
}
#mobileMenuList {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
}
#mobileMenu li {
	float: none;
	clear: both;
	text-align: center;
}
#mobileMenu .activeMenu.mainMenuItem {
    background-color: initial;
	border: initial;
	display: block;
	z-index: 9999999;
	position: relative;
	box-shadow: initial;
	overflow: hidden;
	height: auto;
}	
#mobileMenu li a {
	float: none;
	display: block;
}
#mobileMenu .activeMenu.mainMenuItem a {
    color: #95c11f;
}	*/
#quickfilter {
	color: rgb(187, 187, 187);
	width: calc(50% - 3px);
}

#quickfilter:focus {
	color: rgb(102, 102, 102);
}

#logo {
	float: right;
	font-size: 16pt;
	height: 50px;
	color: rgb(255, 255, 255);
	text-shadow: 0px 0px 2px rgb(102, 102, 102);
	line-height: 50px;
	padding: 0 10px;
	color: #fff;
}
/*
#content {
    float:                      left;
    margin:                     60px 0px 0px 30px;
}

#content {
	margin: 0px auto 30px;
	padding: 10px;
	height: 100%;
}
#content {
	margin: 0px auto;
	padding: 65px 10px 0;
	max-width: 100vw;
	overflow-x: hidden;
}
*/
#overview_left {
	float: left;
	width: 350px;
	margin-right: 50px;
}

#overview_right {
	float: left;
	width: 350px;
}

td.letzteStatusaenderung {
	min-width: 1px;
}
/*
#projects td {
    border-bottom:              1px solid rgb(255, 255, 255);
}
*/
#projects td {
	vertical-align: middle;
}

#projects select {
	font-size: 1em;
	max-width: 100%;
	box-sizing: border-box;
	height: 30px;
}

#projects form {
	margin: 0px;
}

#projects #projectsHeader form {
	text-align: left;
}

#projects #projectsHeader,
#kundeEdit #kundeEditHeader,
#projektDetails #projektDetailsHeader {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto;
}

#projects #projectsHeader > .container,
#projects #projectsHeader >.accGroup > .container {
	
	border: 1px solid rgb(222, 222, 222);
	padding: 5px;
	line-height: 40px;
	/*
	margin: 0 0 5px 0;
	border-radius: 8px;
	max-height: 90px; 
	*/
	float: none;
	display: block;
	width: 100%;
}
.accGroup {
	overflow: auto;
	break-inside: avoid;
	page-break-inside: avoid;
	display: block;
}
#time {
	font-size: 9em;
	color: rgb(187, 187, 187);
}

.sub_projects td {
	font-size: 0.9em;
	padding: 2px 5px;
	vertical-align: middle;
}

.sub_projects img {
	width: 18px;
}

.sub_projects table {
	margin-left: 30px;
	margin-bottom: 20px;
	width: 90%;
}

#projects .status_4 {
	/*
    opacity:                    0.35;
    -ms-filter:                 "alpha(opacity=35)";
    filter:                     alpha(opacity=35);
    */
	
}

#projects .status_6 {
	/*
    opacity:                    0.35;
    -ms-filter:                 "alpha(opacity=35)";
    filter:                     alpha(opacity=35);
    */
	
}
/*
#projects .status_8 {
	color: rgb(60, 87, 15);
}

#projects .status_9 {
	color: rgb(136, 99, 0);
}

#projects .status_10 {
	color: rgb(51, 9, 0);
}

#projects .status_11 {
	color: rgb(255, 255, 255);
}

#projects .status_12 {
	color: rgb(85, 109, 111);
}

#projects .status_13 {
	color: rgb(255, 255, 255);
}
*/

.bar_border {
	border: 1px solid rgb(170, 170, 170);
	border-radius: 8px;
	background: rgb(238, 238, 238) none repeat scroll 0% 0%;
	width: 100%;
	position: relative;
	height: 30px;
	overflow: hidden;
	box-sizing: border-box;
}

.bar {
	background: rgb(187, 187, 187) none repeat scroll 0% 0%;
	height: 30px;
}

form td {
	border-bottom: 1px solid rgb(238, 238, 238);
}

#zm table {
	border-spacing: 2px;
}

#zm td {
	border: 0px none;
	text-align: center;
}

#zm .rowhead {
	background: transparent none repeat scroll 0% 0%;
	color: rgb(102, 102, 102);
	font-weight: bold;
}

#zm .green {
	background: rgb(125, 178, 38) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
}

#webfolioHeader a {
	display: inline-block;
	/* float: left; */
	padding: 10px;
}

#webfolioHeader a:hover {
	background: rgb(222, 222, 222) none repeat scroll 0% 0%;
	border: 0px none;
}
#webfolioHeader, #webfolioContent {
	width:100%;	
	border: 1px solid rgb(222, 222, 222);
	border-radius: 8px;
	box-sizing: border-box;
}
#eva .row {
	float: left;
	height: 20px;
	width: 100%;
	margin-bottom: 10px;
}

#eva .name {
	width: 200px;
	padding: 5px;
	float: left;
}

#eva .bar {
	float: left;
	padding: 5px;
	background: rgb(221, 221, 221) none repeat scroll 0% 0%;
	margin-right: 10px;
}

#eva form {
	margin: 0px;
	padding: 0px;
}

#projects table tr, #einstellungen table tr, #edit.floatingForm tr {
	height: 40px;
	overflow: hidden;
	box-sizing: content-box;
}
.farbMuster {
    width: 20px;
    height: 20px;
    border-radius: 30%;
    border: 2px solid #efefef;
    box-shadow: 0px 0px 0px 0px #efefef;
}
.farbMusterIcon {
	float: right;
}
/*td.bild {
	width: 120px;
}

td.oberprojekt {
	width: 0px;
	padding: 0;
}

td.projektnr {
	width: 95px;
}
td.projSperr {
	width: 40px;
}
td.idNummer {
	width: 40px;
}
td.projFarbe {
	width: 40px;
}
td.smallButton {
	width: 30px;
}
#marketingvertraege td.kunde {
	width: 90px;
}

#webvertraege td.kunde {
	width: 90px;
}

td.tel {
	width: 100px;
	word-wrap: break-word;
}

#webvertraege td.tel {
	width: 70px;
	word-wrap: break-word;
}

#marketingvertraege td.tel {
	width: 80px;
	word-wrap: break-word;
}

td.zeitBalken {
	width: 50px;
}

td.vertrag {
	width: 80px;
}

td.vertrag>a {
	padding: 5px 0px !important;
	box-sizing: border-box;
	word-wrap: normal;
	word-break: normal;
}

td.bild>img {
	vertical-align: middle;
}

.zeitBalken .klein.zeitText {
	position: absolute;
	line-height: 20px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	top: 0;
	padding: 5px 0;
}

td.status {
	min-width: 100px;
	text-align: left;
	width: 135px;
}

td.zeitText {
	min-width: 27px;
}

td.art {
	width: 120px;
}

td.name {
	width: 140px;
}
td.farbe {
	width: 25px;
}
td.kuerzel {
	min-width: 40px;
}

td.nachgehakt {
	min-width: 50px;
}

td.notiz {
	min-width: 300px;
}

#webvertraege td.notiz {
	min-width: unset;
	width: 45px;
}

#marketingvertraege td.notiz {
	min-width: unset;
	width: 45px;
}

td.kontakt {
	width: 105px;
}

#webvertraege td.kontakt {
	width: 90px;
}

#marketingvertraege td.kontakt {
	width: 90px;
}

td.eMail {
	width: 130px;
}

#webvertraege td.eMail {
	width: 110px;
}

#marketingvertraege td.eMail {
	width: 100px;
}

td.bearbeiten {
	width: 20px;
}

td.durchlauf {
	width: 20px;
}

td.loeschen {
	width: 20px;
}
td.eintragen {
	width: 80px;
}
td.eMail>a {
	width: 100%;
	display: inline-block;
	word-wrap: break-word;
	word-break: break-word;
}

tr.tableHeader > td.vip a {
    font-size: 95%;
    letter-spacing: -0.5px;
}

td.vip {
	width: 20px;
}

td.vip>a {
	padding: 5px 0px !important;
	box-sizing: border-box;
	word-wrap: normal;
	word-break: normal;
}

td.stdProMonat {
	width: 45px;
}

td.stundensatz {
	width: 40px;
}

.kontakteTabelle .loeschen {
    text-align: right;
}

#marketingvertraege td.startDatum {
	width: 70px;
}

#webvertraege td.startDatum, #webvertraege td.endDatum, #webvertraege td.kuendigungsFrist
	{
	width: 70px;
}

#webvertraege td.startDatum>a, #webvertraege td.endDatum>a,
	#webvertraege td.kuendigungsFrist>a {
	padding: 5px 0;
}

#marketingvertraege td.startDatum>a {
	padding: 5px 0;
}

#webvertraege td.betrag {
	width: 55px;
}

#marketingvertraege td.betrag {
	width: 55px;
}*/

.zeitSummepPerson {
	padding: 10px 0px;
}

.sumPPZeile {
	margin: 10px;
}

.zeitSummepPerson table {
	width: 0%;
}
/*
.zeitSummepPerson td {
	width: 20px;
}
*/
.input-append .btn.dropdown-toggle {
	float: none;
}

.container.projektEdit {
	/* width:                      380px; */
	
}

#blueimpIframe {
	width: 100%;
	/*height: calc(75vw - 100px);
	max-height: 1080px;
	border: medium none;*/
}

/* Tab - Submenu */
#tab-menu .tab-menu {
	padding: 0 0 40px;
}

#einstellungenHeader > a.tab-item {
	display: inline-block;
	background: rgba(21, 123, 255, 0.5) repeat-x 0% 0%;
	vertical-align: middle;
	font-size: 18px;
	min-width: 150px;
	color: #fff;
	border-radius: 8px;
	margin-right: 0px;
	float: none;
}

#einstellungenHeader > a.tab-item.active, .headerButton.active {
	background: #157BFF repeat-x 0% 0%;
	color: #fff;
}

/* Inhalt-Gruppen für Responsive teilung */
.bp-group {
max-width: 1900px;
width: 100%;
margin: 0 auto;
column-count: 2;
column-gap: 10px;
/* 	width: calc(1080px - 10px);
	display: inline-block;
	float: left;
 */
 }
.kundeEditProjekte .bp-group {
	column-count: initial;
	column-gap: 0;
}
.kundeEditProjekte .container {
    margin: 0;
}
.kundeEditProjekte .container table td > a {
	box-sizing: border-box;
}
/* Bookmark - Submenu
.bookmark-submenu {
	width: calc(960px - 10px);
	display: inline-block;
	float: left;
}
*/
.kundeEditFormContainer {
	width: 100%;
	margin: 0 0 15px 0;
	float: none;
	/* display: inline-block; */	
}
.userSwList {
	padding-inline-start: 0;
}
h1.page_title {
	padding: 0 0 15px;
	margin: 0 auto;
	margin-left: 0px;
	max-width: 1900px;
	color: black;
}

.wartung-bg>a {
	background-color: rgba(149, 193, 31, 0.5);
}

.marketing-bg>a {
	background-color: rgba(221, 240, 254, 1);
}

td.wartung-bg, td.marketing-bg, td.bg-red, td.bg-orange, td.bg {
	vertical-align: middle;
	border-bottom: 1px solid rgb(238, 238, 238);
	border-bottom: none;
	padding: 0 2px;
	line-height: 20px;
}

td.wartung-bg>a, td.marketing-bg>a, td.bg-red>a, td.bg-green>a, td.bg-orange>a,
	td.bg>a {
	padding: 5px 0px;
	border-radius: 8px;
	display: inline-block;
	border: 1px solid rgb(170, 170, 170);
	width: 100%;
	text-align: center;
}

td.bg-red>a {
	background-color: red;
	color: #fff;
}

td.bg-green>a {
	background-color: green;
	color: #fff;
}

td.bg-orange>a {
	background-color: orange;
	color: #fff;
}

td.bg-gold>a {
	background-color: gold;
	color: #fff;
}

.text-center {
	text-align: center;
}

div.content-section {
	width: calc(960px - 10px);
	display: inline-block;
	float: left;
}
.input-onefourth {
	width: calc(25% - 5px);
}
.input-onethird {
	width: calc(33% - 5px);
}

.input-half {
	width: calc(50% - 5px);
}

input.input-half.input-num {
	width: calc(50% - 65px);
}

input.bg-gold {
	background-color: gold;
	color: #000;
}
.kundeNeuContainer {
	display: inline-block;
	margin: 0 0 10px 0;
}

.accPanel {
	overflow-x: auto;
	padding: 0;
	margin: 0 0 10px 0;
}

.planZeitFeld {
    width: calc(50% - 2px);
    display: inline-block;
}
.planZeitFeld > input {
    width: calc(100% - 35px);
}

.accHeader > h2 {
	width: 100%;
	border-bottom: 2px solid rgb(222, 222, 222);
	box-sizing: border-box;
	margin-bottom: 15px;
}
.onlyAccHeader {
	display: none;
}
.projSperr {
    font-weight: lighter;
	text-transform: none;
	font-size: 80%;
}

.orderByButtons > h2 {
	width: 100%;
}

#einstellungen tr.rowQr,
#einstellungen tr.rowTrello,
#einstellungen tr.rowSlack {
	display: none;
}

.userlistTable th {
    vertical-align: bottom;
    padding-left: 10px;
    font-weight: 600;
    color: #000;
}
table.inactiveUsers td {
    background-color: rgba(255, 0, 0, 0.05) !important;
    background-image: none !important;
    color: #646464 !important;
}
td.iconCell,
th.iconCell {
    text-align: end;
    width: 30px !important;
}

/***
************ RESPONSIVE RULES ************
***/

/*** Responsive Styles Large Desktop And Above ***/
/*@media all and (min-width: 1536px) { */
@media all and (min-width: 720px) {
	div#projectsHeader {
		column-gap: 10px;
		display: flex;
	}
}
@media all and (min-width: 1366px) {
	td.farbe {
		display: none;
	}
	#blueimpIframe {
		width: 100%;
		/*height: 182px;
		height: calc(50vw - 100px);
		border: medium none;*/
	}
	div#einstellungenContent,  
	div#projektcontent,
	/*div#kundenContent, */
	/*div#zeitenContent, */
	div#kundeEditContent, 
	#auswertungContent,
	#projektDetailsContent,
	#projektNeuContent,
	#kundeNeuContent,
	#arbeitAbschContent {
		column-count: 2;
		column-gap: 10px;
		display: flex;
	}
	.oneColumn {
	    -webkit-column-break-inside: avoid;
	    page-break-inside: avoid;
	    break-inside: avoid;
	    display: block;
	}
	.oneColumn .container {
		display: inline-block;
		width: 100%;
	}
	#projects #projectsHeader {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.container.projektContainer:first-of-type, 
	.container.kundenContainer:first-of-type,
	.container.webvertraegeContainer:first-of-type, 
	.container.marketingvertraegeContainer:first-of-type, 
	.container.zeitenContainer:nth-child(2n-1)
		{
		margin: 0 10px 15px 0;
	}
	/*
	.container.projektContainer, 
	.container.kundenContainer, 
	.container.webvertraegeContainer,
	.container.marketingvertraegeContainer,
	.container.zeitenContainer {
		width: calc(50% - 5px);
	}
	*/
	/*
	.container.projektContainer:nth-child(2n) .sortingSection, 
	.container.kundenContainer:nth-child(2n-1) .exportSection,
	.container.webvertraegeContainer:nth-child(2n-1) .exportSection,
	.container.marketingvertraegeContainer:nth-child(2n-1) .exportSection
		{
		display: none;
	}
	*/
}
@media all and (max-width: 1279px) { 
	div.container.kundenContainer {
	    padding-top: 0;
	    padding-bottom: 0;
	    margin-top: 0;
	    margin-bottom: 0;
	}
	div.container.kundenContainer:nth-child(2) > .kundenListHeader,
	div.container.kundenContainer:nth-child(2) .tableHeader {
		display: none;
	}
}
@media all and (max-width: 1279px) {
	body[class*="calendar"] .form-flex-element {
		display: block;
	}
	body[class*="calendar"] .first-half, .second-half {
		width: 100%;
		padding-right: 0px;
	}
	body[class*="calendar"] .menu-user-name {
		padding-left: 50px;
	}
	body[class*="calendar"] #sidebarmenu {
		display: none;
	}
	body[class*="calendar"] #newMenu {
		display: block;
	}
	body[class*="calendar"] #content {
		padding: 65px 10px 50px;
	}
	body[class*="calendar"] #menu {
		position: relative
	}
	body[class*="calendar"] .menu-user-info-warpper {
		display: none;
	}
}
@media all and (min-width: 1405px) and (max-width: 1535px) {
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

@media all and (min-width: 981px) and (max-width: 1099px) {
}
/*** Responsive Styles Tablet And Below ***/
/* 980px */
@media all and (max-width: 1279px) {
	.form-flex-element {
		display: block;
	}
	.first-half, .second-half {
		width: 100%;
		padding-right: 0px;
	}
	.menu-user-name {
		padding-left: 50px;
	}
	#sidebarmenu {
		display: none;
	}
	#newMenu {
		display: block;
	}
	#content {
		padding: 65px 10px 50px;
	}
	#menu {
		position: relative
	}
	.menu-user-info-warpper {
		display: none;
	}
}

@media all and (max-width: 500px) {
	.menu-user-name {
		display: none;
	}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

@media all and (min-width: 720px) {
	.container.projektContainer:first-of-type, .container.kundenContainer:first-of-type, .container.webvertraegeContainer:first-of-type, .container.marketingvertraegeContainer:first-of-type, .container.zeitenContainer:nth-child(2n-1) {
		/*overflow: visible;*/
	}
	.groupContainer, .container.auswertungContainer, .projekt-details #contacts, .projekt-details #stunden, .projekt-details #startwork {
	    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.2) !important;
	}
}

@media all and (min-width: 719px) {
	td.farbe {
		display: none;
	}
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 719px) {
	table.kundentable td.eMail, table.kundentable th.eMail {
		display: none;
	} 
	table.kundentable td.tel, table.kundentable th.tel {
		display: none;
	}
	table.projecttable td.bild, table.projecttable th.bild {
		display: none;
	}
	table.projecttable td.projektnr, table.projecttable th.projektnr  {
		display: none;
	}
	table.projecttable td.zeitBalken, table.projecttable th.zeitBalken {
		display: none;
	}
	table.projecttable td.status, table.projecttable th.status {
		display: none;
	}
	#blueimpIframe {
		width: 100%;
		height: calc(100vw - 0px);
		border: medium none;
	}
	.container.verbrauchMaterial.accPanel tr,
	.container.arbeitszeitenList.accPanel > table tr,
	.container.listProjekte.accPanel > table tr,
	.container.listProjVer.accPanel > table tr,
	.container.listProjMit.accPanel > table tr {
	    display: table;
	    width: calc(100% - 4px);
	    border-style: solid;
	    border-radius: 8px;
	    background-color: #E0E1E3;
	    border-color: rgb(170, 170, 170);
	    border-width: 1px 2px 1px 2px;
	    margin-bottom: 4px;
	}
	.container.arbeitszeitenList.accPanel > table .tableHead td {
		text-align: center;
	}
	.container.arbeitszeitenList.accPanel > table .tableHead td.bemerkungen {
		text-align: center;
		line-height: 30px;
	}
	.container.arbeitszeitenList.accPanel > table .tableHead td.bearbeiten {
		opacity: 0;
	}
	.container.listProjekte.accPanel > table td,
	.container.listProjVer.accPanel > table td,
	.container.listProjMit.accPanel > table td  {
		height: 40px;
		overflow: hidden;
	}
	.container.listProjekte.accPanel > table td.bild, 
	.container.listProjVer.accPanel > table td.bild,
	.container.listProjMit.accPanel > table td.bild {
	    width: calc(36% - 12px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.listProjekte.accPanel > table td.projektnr, 
	.container.listProjVer.accPanel > table td.projektnr,
	.container.listProjMit.accPanel > table td.projektnr {
	    width: calc(28% - 12px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.listProjekte.accPanel > table td.kunde,
	.container.listProjVer.accPanel > table td.kunde,
	.container.listProjMit.accPanel > table td.kunde {
	    width: calc(36% - 12px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.listProjekte.accPanel > table td.name,
	.container.listProjVer.accPanel > table td.name,
	.container.listProjMit.accPanel > table td.name {
	    width: calc(40% - 12px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.listProjekte.accPanel > table td.zeitBalken,
	.container.listProjVer.accPanel > table td.zeitBalken,
	.container.listProjMit.accPanel > table td.zeitBalken {
	    width: calc(20% - 4px);
	    display: inline-block;
	    padding: 0px 0px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	    height: 48px;
	} 
	.container.listProjekte.accPanel > table td.zeitBalken .bar_border,
	.container.listProjekte.accPanel > table td.status .textColorContrastFilter,
	.container.listProjVer.accPanel > table td.zeitBalken .bar_border,
	.container.listProjVer.accPanel > table td.status .textColorContrastFilter, 
	.container.listProjMit.accPanel > table td.zeitBalken .bar_border,
	.container.listProjMit.accPanel > table td.status .textColorContrastFilter {
		height: 48px !important;
		border: none;
	}
	.container.listProjekte.accPanel > table td.zeitBalken .bar_border .bar,
	.container.listProjVer.accPanel > table td.zeitBalken .bar_border .bar,
	.container.listProjMit.accPanel > table td.zeitBalken .bar_border .bar {
		height: 48px;	
	}
	.container.listProjekte.accPanel > table td.zeitBalken .bar_border .klein.zeitText,
	.container.listProjVer.accPanel > table td.zeitBalken .bar_border .klein.zeitText,
	.container.listProjMit.accPanel > table td.zeitBalken .bar_border .klein.zeitText {
		line-height: 35px;
	}
	.container.listProjekte.accPanel > table td.status,
	.container.listProjVer.accPanel > table td.status,
	.container.listProjMit.accPanel > table td.status {
	    width: calc(40% - 4px);
	    height: 48px; 
	    display: inline-block;
	    padding: 0px 0px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.arbeitszeitenList.accPanel > table td.bild {
	    width: calc(35% - 11px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	} 
	.container.arbeitszeitenList.accPanel > table td.datum {
	    width: calc(25% - 11px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	    min-width: 55px;
	} 
	.container.arbeitszeitenList.accPanel > table td.arbeitszeit {
	    width: calc(20% - 11px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	}	 
	.container.arbeitszeitenList.accPanel > table td.pause {
	    width: calc(20% - 11px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	}	
	.container.arbeitszeitenList.accPanel > table td.bemerkungen {
		width: calc(100% - 0px);
		display: inline-block;
		border-radius: 6px !important;
		padding: 0;
	}	
	.container.verbrauchMaterial.accPanel .tableHead td.bemerkungen {
		text-align: center;
		line-height: 30px;
	}
	.container.verbrauchMaterial.accPanel .tableHead td.bearbeiten {
		opacity: 0;
	}
	.container.verbrauchMaterial.accPanel td.menge, 
	.container.verbrauchMaterial.accPanel td.einheit {
	    width: calc(50% - 12px);
	    display: inline-block;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    border: 1px solid rgb(222, 222, 222) !important;
	    background-color: #fff;
	}
	tr:not(:first-child) td .bemerkungTxt, tr:not(:first-child) td.bemerkungTxt {
	    border: 1px solid rgb(222, 222, 222) !important;
	    border-radius: 8px;
	}	
	.container.arbeitszeitenList.accPanel td.bearbeiten {
	    width: 17px;
	    /* display: inline-block; */
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    background: none;
	    border: 0 !important;
	}
	.container.verbrauchMaterial.accPanel td.bemerkungen {
		width: calc(100% - 0px);
		display: inline-block;
		border-radius: 6px !important;
		padding: 0;
	}	
	.container.verbrauchMaterial.accPanel td.bearbeiten {
	    width: 17px;
	    padding: 4px 4px;
	    border-radius: 6px !important;
	    background: none;
	    border: 0 !important;
	}
	#dateTimeWork td.datum {
		display: table-cell !important;
	}
	.onlyAccHeader {
		display: block;
	}
	/*#mainMenuIcon {
		z-index: 9999;
		position: relative;
	}*/
	#mobileMenuButton {
		display: inline-block;
	}
	#mobileMenu.open #mobileMenuOverlay {
		visibility: visible;
		opacity: 0.9;
		transition: 1s ease-in-out,padding-top 0s;
	}
	#desktopMenu {
		display: none;
	}
	div#projektcontent > .projektContainer {
		padding: 0;
		margin: 0;
	}	
	.kundeEditData .bp-group {
		column-count: auto;
	}
	
	#projectsHeader > *,
	.container.projektContainer > *,
	.accGroup.noScrollX,
	.noScrollX {
    	min-width: auto;
	}
	#projectsHeader > *,
	.accGroup.noScrollX,
	.noScrollX {
    	max-width: 100%;
    	overflow-x: hidden;
	}
	/*
	#workTimes {
		padding: 0;
	}
	
	#workTimes > * {
	    min-width: 677px;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	*/
	#dateTimeWork td:first-child {
	    min-width: 115px;
	    display: block;
	}
	
	#content input[name="accSwitch"] { 
		display:none;
	}
	
	#content .accPanel {
		height: 0;
		overflow: hidden;
		line-height: 1.5;
		box-sizing: border-box;
		transition: 0.5s;
	}		
	#content input.accOpen:checked~.accPanel {
		height: auto;
		transition: 0.5s;
		padding-top: 5px !important;
		background-color: #fff;
		border-radius: 0;
	}
	#content input.accClose~.accPanel {
	    padding: 0 !important;
	    margin: 0 !important;
	    border: none !important;
	    transition: 0.5s;
	}
	.accGroup {
	    overflow-x: auto;
		background-color: #fff;
		border-radius: 8px;
		border: 1px solid rgb(222, 222, 222);
	}
	.accGroup > input.accOpen:checked~* {
	    min-width: 697px !important; /* früher war 646px */
	}
	.accGroup.noScrollX > input.accOpen:checked~* {
		min-width: 338px !important;
	}
	#projectsHeader .accGroup > * {
	    min-width: 340px !important;
	}
	.accHeader {
	    width: calc(100vw - 30px) !important;
	    padding: 5px;
	    margin: 0;
	    background-color: rgb(125, 178, 38);
	    color: #fff;
	    border-radius: 8px;
	    box-sizing: border-box;
	    width: 100% !important;
	    position: relative;
    }
	.accHeader > h2 {
	    color: #fff;
	    margin: 0;
	    padding: 0;
	    padding-left: 25px;
	    border: none;
    }
	label.accClose {
		position: relative;
	}
	#content #projects #projectsHeader > .accGroup > input.accOpen:checked~.accPanel.container,
	.accGroup > input.accOpen:checked~.accPanel.container {
    	border: 1px solid rgb(222, 222, 222) !important;
    	margin: 0 0 5px 0 !important;
		padding: 5px !important;
    }
    
	.accGroup > label:nth-child(odd)::after {
	    content: "+";
	    top: calc(50% - 9px);
	    position: absolute;
	    left: initial;
	    box-shadow: initial;
	    background: transparent;
	    right: 10px;
	    height: 16px;
	    width: 16px;
	    font-size: 26px;
	    line-height: 11px;
	    bottom: auto;
	    display: block;
	    border: 1px solid #fff;
	    vertical-align: middle;
	    text-align: center;
	    padding: 0px;
	    margin: 0;
	    box-sizing: content-box;
	    border-radius: 6px;
	}
	.accGroup > label:nth-child(2n+1)::before {
	    content: "+";
	    top: calc(50% - 9px);
	    position: absolute;
	    left: initial;
	    box-shadow: initial;
	    background: transparent;
	    right: initial;
	    height: 16px;
	    width: 16px;
	    font-size: 26px;
	    line-height: 11px;
	    bottom: auto;
	    display: block;
	    border: 1px solid #fff;
	    vertical-align: middle;
	    text-align: center;
	    padding: 0px;
	    margin: 0;
	    box-sizing: content-box;
	    border-radius: 6px;
	}
	/* Fach geöffnet, dann verschwindet das Plus-Zeichen */
	.accGroup input.accOpen:checked ~ label.accHeader:nth-child(odd)::after,
	.accGroup input.accOpen:checked ~ label.accHeader:nth-child(odd)::before { 
		content: "";
		opacity: 0;
	}
	
	/* und statt dessen erscheint das Minus-Zeichen */
	.accGroup input.accOpen:checked ~ label.accClose::after {
	    content: "-";
	    color: #fff;
	    top: calc(50% - 25px);
	    position: absolute;
	    left: initial;
	    box-shadow: initial;
	    background: transparent;
	    right: 10px;
	    height: 16px;
	    width: 16px;
	    font-size: 26px;
	    line-height: 11px;
	    bottom: auto;
	    display: block;
	    border: 1px solid #fff;
	    vertical-align: middle;
	    text-align: center;
	    padding: 0px;
	    margin: 0;
	    box-sizing: content-box;
	    border-radius: 6px;
	}
	.accGroup input.accOpen:checked ~ label.accClose::before {
	    color: #fff;
	    top: calc(50% - 25px);
	    position: absolute;
	    left: 5px;
	    box-shadow: initial;
	    background: transparent;
	    right: initial;
	    height: 16px;
	    width: 16px;
	    font-size: 26px;
	    line-height: 11px;
	    bottom: auto;
	    display: block;
	    border: 1px solid #fff;
	    vertical-align: middle;
	    text-align: center;
	    padding: 0px;
	    margin: 0;
	    box-sizing: content-box;
	    border-radius: 6px;
	    content: "-";
	}
	/*
	.groupContainer, 
	.container.auswertungContainer, 
	.projekt-details #contacts, 
	.projekt-details #stunden, 
	.projekt-details #startwork {
		border: none;
		background: none;
	}
	*/
	.groupContainer {
		background-color: initial !important;
		border: none !important;
		padding: 0 !important;
	}

}
/*** Responsive Styles Smartphone Portrait ***/
/*@media all and (max-width: 479px) {
	.menuSearchField {
	    max-width: 80px;
	}
}*/

/*@media all and (max-width: 359px) {
	#warningOverlay.screenSize {
		display: table-cell !important;
		position: fixed;
		width: 100vw;
		height: 100vh;
		vertical-align: middle;
		z-index: 999999;
		background-color: #000;
		color: #fff;
		text-align: center;
		line-height: 100vh;
		font-size: 6vw;
		top: 0;
		left: 0;
	}
}*/