@charset "UTF-8";
/* CSS Document */
/* 2020-10-15 #login Screen mobile */
/* 2021-03-21 wochenjournal Z1221: width:68% statt 69% (da neuer img bto)
// 2025-05-05 Abgleich zeies php8 3.3.2 online-DEV (mein tag gestern)

/* ##### GENERELL SETTINGS #####----------------------------------*/

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:18px;
	font-family:'exoregular';
	background-color:var(--c_yellow_regular);
	color:var(--c_yellow_dark);
}

.clear { clear:both; }
@media screen and (max-width:600px) {
	.hide_on_small { display:none; }
}

/* ##### FONTS ##### ----------------------------------*/

@font-face {
    font-family:'exoblack';
    src: url('fonts/exo/black/exo-black-webfont.eot');
    src: url('fonts/exo/black/exo-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo/black/exo-black-webfont.woff2') format('woff2'),
         url('fonts/exo/black/exo-black-webfont.woff') format('woff'),
         url('fonts/exo/black/exo-black-webfont.ttf') format('truetype'),
         url('fonts/exo/black/exo-black-webfont.svg#exoblack') format('svg');
    font-weight:normal;
    font-style:normal;
	letter-spacing:0.05em;
}
@font-face {
    font-family:'exobold';
    src: url('fonts/exo/bold/exo-bold-webfont.eot');
    src: url('fonts/exo/bold/exo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo/bold/exo-bold-webfont.woff2') format('woff2'),
         url('fonts/exo/bold/exo-bold-webfont.woff') format('woff'),
         url('fonts/exo/bold/exo-bold-webfont.ttf') format('truetype'),
         url('fonts/exo/bold/exo-bold-webfont.svg#exoblack') format('svg');
    font-weight:normal;
    font-style:normal;
	letter-spacing:0.04em;
}
@font-face {
    font-family:'exoregular';
    src: url('fonts/exo/regular/exo-regular-webfont.eot');
    src: url('fonts/exo/regular/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo/regular/exo-regular-webfont.woff2') format('woff2'),
         url('fonts/exo/regular/exo-regular-webfont.woff') format('woff'),
         url('fonts/exo/regular/exo-regular-webfont.ttf') format('truetype'),
         url('fonts/exo/regular/exo-regular-webfont.svg#exoblack') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'exolight';
    src: url('fonts/exo/light/exo2-extralight.eot');
    src: url('fonts/exo/light/exo2-extralight.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo/light/exo2-extralight.woff2') format('woff2'),
         url('fonts/exo/light/exo2-extralight.woff') format('woff'),
         url('fonts/exo/light/exo2-extralight.ttf') format('truetype'),
         url('fonts/exo/light/exo2-extralight.svg#exo_2extra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ##### LINKS ##### ----------------------------------*/

a { color:inherit; text-decoration:none; border:0 none;}
a:hover { cursor:pointer; }
a.txtlink { text-decoration:underline;}
a.txtlink:hover { opacity:0.8;}
a:link img {border:0px;}
a > span { margin:18px 2px;}

a.deletelink, .deletelink {color:rgba(255,0,0,1);}
a.editlink, .editlink { color:rgba(102,167,158,1);}

.deletelink, .editlink {
	text-transform:uppercase;
	font-size:0.9em;
	letter-spacing:0.1em;
	padding:0 8px 0 0;
}

/* ##### HEADLINES | TXT | MARKUPS ##### ----------------------------------*/

h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal; line-height:1.4em;}
h1, h2, h3 {font-family:'exoblack';}

h1 { font-size:2.6em;  }
h2 { font-size:2.0em; }
h3 { font-size:1.2em; }
h4 { font-size:1.2em; }

b { font-weight:normal; font-family:'exobold'; }
small { font-size:0.8em; line-height:1.0em;}

.txt_center { text-align:center;}
.txt_left { text-align:left;}
.txt_right { text-align:right;}
.txt_block { text-align:justify;}

.pagetitle { width:auto; margin:0 20px 12px 0;}
.forminfotitle { width:auto; margin:0 0 20px 0;}
.printonly { display:none;}
.print_header { display:none}

.logtime { display:none;}

/* ##### FLOATINGS ##### ----------------------------------*/

.border_max_yellow, .border_max_black, hr, .screen, .screen .top, .screen .top .pagetitle, .screen .info, .screen .info .address, #overlay .signet > .bg, #overlay .signet > p, .lastentry > .row:nth-of-type(1), .lastentry .row > .row, .lastentry div, .newpid,
.wrap, .actionwrap, .list, .querywrap, .querywrap h3, .querywrap p, .querywrap small, .querywrap .data, .querywrap .data b, .querywrap .data h2, .querywrap .information, .querywrap .actionwrap .bto.correction, .listrow, .toprow, .toprow .detail,
.listrow .wrap, .toprow .wrap, .listrow .profile, .row > .user > .profile, .profile img, .list.firmen .listrow .title, .list.firmen .listrow .detail, .list.user .listrow .detail, .list.user .listrow .name, .list.week .listrow, .list.week .listrow .wrap,
.list.week .listrow .wrap .day, .list.week .listrow .wrap.hours, .list.week .listrow .wrap.hours .hour_entry_item, .list.week .listrow .wrap.hours .hour_entry_item .col, .list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(1) small,
.list.month .listrow, .list.month .wrap, .list.month .listrow .wrap.hours, .list.month .listrow .wrap.hours > .hour_entry_item, .list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(3) small, .list.month .listrow .wrap.hours > .toprow > .col,
.list.kunden, .list.kunden .listrow .col, .list.kunden > h3, .list.projekt .listrow, .list.projekt .listrow .col, .list.projekt .listrow .projekt_error, .list.month .listrow .wrap.hours > .hour_entry_item .col, .userdetail, .logintext, .callback_msg_icon, .callback_msg, form.loginform .error,
.screen .top .bto, .list.abrechnung, .list.abrechnung .listrow, .c_button, #overlay .callback h2, .wrap.lastentry > span, .wrap.lastentry > .row, .wrap.lastentry .item, .wrap.lastentry .item .entry, .wrap.lastentry .item .projekt, .wrap.lastentry .item .user,
.wrap.todayentry > span, .wrap.todayentry > .row, .wrap.todayentry .row .item, .wrap.todayentry .row .item .col, .wrap.todayentry .summe, .list.week .listrow .wrap .day b span:nth-of-type(1),
.list.week .listrow .wrap .day b span:nth-of-type(2), .list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4), .list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5),
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) > img.ic, .list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) > img.bto, .list.abrechnung .toprow .col, .listsssssen .toprow .col, .list.abrechnung .listrow .col,
.list.abrechnung .listrow .col:nth-of-type(5) span, .list.checkoutarchive, .list.checkoutarchive .toprow .col, .list.checkoutarchive .listrow .col, .list.ausgabe, .list.ausgabe .toprow, .list.ausgabe .toprow .col, .list.ausgabe .listrow .col, 
.row.summary .col12:nth-of-type(1) > span, .row.summary span, .row.summary b, .small_list, .small_list .item, .small_list .item .col, .list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(1) > .timevalue,
.month_action .col, .month_action .col:nth-of-type(1) span, .month_action .col:nth-of-type(2) .label_wrap label, .list.projekt .listrow, .list.projekt .listrow .col, .list.projekt .listrow .col:nth-of-type(2) span,
.list.projekt .listrow .col:nth-of-type(3) .flags_wrap, .list.projekt .listrow .col:nth-of-type(3) .flags_wrap .flag, .list.stundentyp .listrow, .list.stundentyp .toprow .col, .list.stundentyp .listrow .col,
.stundentyp_item, .stundentyp_item .col, .list.stundentyp_user, .list.stundentyp_user .stundentyp_user_row, .list.stundentyp_user .stundentyp_user_row input, .logout .bto, .headicon, .alertbox .inner span, .alertbox .button, 
.pagetitle, .forminfotitle, .list.rechnung .listrow .col, .list.rechnung .toprow .col, .list.rechnunglog .listrow .col,
.alpha {float:left;} 

.omega {float:right !important;}

/* ##### COLORS ##### ----------------------------------*/

body { 
	--c_white:rgba(255,255,255,1);
	--c_black:rgba(17,17,15,1);
	--c_yellow_light:rgba(255,229,91,1);
	--c_yellow_regular:rgba(255,212,0,1);
	--c_yellow_semi:rgba(235,189,0,1);
	--c_yellow_medium:rgba(214,157,29,1);
	--c_yellow_dark:rgba(103,76,29,1);
	--c_grey_light:rgba(245,245,245,1);
	--c_grey_regular:rgba(192,193,191,1);
	--c_grey_medium:rgba(60,60,60,1);
	--c_grey_dark:rgba(25,25,23,1);
	--bto_bg_red:rgba(194,6,52,1);
	--bto_bg_green:rgba(110,155,60,1);

}

*::-webkit-selection { background-color:var(--c_black); color:var(--c_yellow_regular); text-shadow:none;}
*::-moz-selection { background-color:var(--c_black); color:var(--c_yellow_regular); text-shadow:none;}
*::selection { background-color:var(--c_black); color:var(--c_yellow_regular); text-shadow:none;}

/* OLD DEFINITIONS*/
.user { background-color:rgba(255,255,255,0.5)}

.date span:first-of-type, .month, .userid, .list.month .listrow .wrap label.label, .c_button {color:var(--c_yellow_regular);}
.screen.welcome h2, .list.firmen .listrow .detail, .wrap.todayentry .summe span, .list.movetoproj .listrow .col {color:var(--c_yellow_dark);}
.date span:last-of-type, .error_msg, .error_msg h4, .toprow, .actionwrap {color:var(--c_white);}
h1, h2, h3, h4, .listrow, .lastchangesrow .user, .userdetail {color:var(--c_black);}
.list.week, .list.month {color:var(--c_grey_dark);}

.listrow {background-color:var(--c_yellow_regular);}
.listrow:nth-of-type(even), .projectrow:nth-of-type(even), .wrap.todayentry .summe span {background-color:var(--c_yellow_medium);}
.error_msg {background-color:var(--c_yellow_dark);}
.date, .toprow, .userid, .actionwrap, .list.month .listrow .wrap label.label, .c_button {background-color:var(--c_black);}
.list.projekt > .listrow:nth-of-type(odd), .list.month .listrow .wrap.hours > .hour_entry_item:nth-of-type(even), .list.week .listrow:nth-of-type(even), .list.abrechnung .listrow:nth-of-type(even), .list.ausgabe .listrow:nth-of-type(even) { background-color:var(--c_grey_light);}
.list.week .listrow:nth-of-type(odd), .list.projekt > .listrow:nth-of-type(even), .list.month .listrow .wrap.hours > .hour_entry_item:nth-of-type(odd), .list.abrechnung .listrow:nth-of-type(odd), .list.ausgabe .listrow:nth-of-type(odd), .stundentyp_item {background-color:var(--c_white);}

/* ##### BORDERS | LINES ##### ----------------------------------*/

.border_max_yellow, .border_max_black, hr { width:100%; height:0; margin:7px 0 8px 0;}
.border_max_yellow, hr {border-bottom:1px solid rgba(103,76,29,0.4);}
.border_max_black {border-bottom:1px solid rgba(0,0,0,0.4);}

hr { border-top:0; border-left:0; border-right:0; margin:25px 0 24px 0 !important;}

/* ##### VERSIONS-INFO ##### ----------------------------------*/

#versioninfo {
	width:200px;
	height:auto;
	position:absolute;
	bottom:24px;
	left:24px;
	color:var(--c_black);
	font-size:0.9em;
}

#versioninfo span { width:100%; float:left;}
 
@media screen and (max-width:480px) {
	
	#versioninfo {
		top:8px;
	}
} 


/* ##### CONTENT ##### ----------------------------------*/

#content { 
	width:76%;
	height:auto !important;
	padding:0 2%;
	float:right;
}

#headdata {
	width:auto;
	position:absolute;
	top:24px;
	right:24px;
}

.screen { width:98%; margin:0; padding:24px 1% 0 1%;}
.screen .top .bto {margin:12px 0 0 10px;}
.screen .top .pagetitle {margin:6px 0 0 10px;}
.screen .info, .screen .top { width:100%;}
.screen .info .address { max-width:200px; margin-top:12px;}
.screen .info .bto { float:right;}

.screen.welcome  h2 {font-family:'exoregular';}
.screen.welcome { text-align:center; outline:1px solid rgba(214,157,29,1);}
.screen.welcome .txtbto { float:none; margin:20px auto 10px auto;}

.profile { overflow:hidden;}

.c_button {
	width:auto;
	margin:20px 0;
	padding:10px 15px;
	text-align:center;
}

#bg { 
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	background-color:var(--c_yellow_regular);
}

#bg:before {
	content:'';
	width:100%;
	height:550px;
	position:absolute;
	top:0;
	left:0;
	background:-ms-linear-gradient(0deg, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 99% );
	background:-webkit-linear-gradient(0deg, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 99% );
	background:-moz-linear-gradient(0deg, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 99% );
	background:-o-linear-gradient(0deg, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 99% );
	background:linear-gradient(0deg, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 99% );
}

/* ##### OVERLAY #####----------------------------------*/

#overlay { 
	width:100%; 
	height:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	background-color:rgba(255,212,0,0.8); 
	z-index:5000;
}

#overlay .signet { 
	width:200px; 
	position:absolute; 
	top:20%; 
	left:50%; 
	margin:0 0 0 -100px;
}

#overlay .signet > .bg { width:90%; height:200px; margin:-240px 5% 0 5%;}
#overlay .signet > p { width:100%; margin:20px 0; text-align:center;}

#overlay .callback {
	width:300px;
	position:absolute;
	top:20%;
	left:50%;
	padding:24px;
	margin:0 0 0 -174px;
	background-color:rgba(255,212,0,1);
	box-shadow:0px 0px 20px 2pt rgba(0,0,0,0.4);
	text-align:center;
	line-height:1.6em;
}

#overlay .callback .icon { width:64px; position:relative; left:50%; margin:0 0 0 -32px;}
#overlay .callback .enter { width:48px; position:relative; left:50%; margin:0 0 0 -18px !important;}
#overlay .callback h2 { margin:24px 0 0 0; width:100%;}

/* ##### FORM-WRAP // CONTENTS ##### ---------------------------*/

.formwrap { 
	width:96%; 
	float:left; 
	margin:20px 0 ; 
	padding:15px 2% 10px 2%;
	background-color:var(--c_yellow_semi);
}

.formwrap.arbeitinput {
	width:60%; 
	float:left; 
	margin:20px 0 ; 
	padding:15px 2% 10px 2%;
}

.formwrap.arbeitinput.edit { background-color:rgba(142,192,63,0.3) !important; }
.formwrap.arbeitinput.duplicate { background-color:rgba(255,51,0,0.1) !important;}


.formwrap.additional {
	width:35.5%;
	margin:20px 0 0 0.5%;
	padding:0 0 0 0;
	float:left;
}

.formwrap.user,
.formwrap.zuweisung {
	width:64%;
	float:left; 
	margin:20px 0 ; 
	padding:25px 0% 10px 0%;
}

.formwrap.workinghours {
	width:21.5%;
	min-height:287px;
	margin:20px 0 0 0.5%;
	padding:20px 2%;
	float:left;
}

.formwrap.pwd_recovery {
	width:56%;
	float:left;
	margin:100px 20%;
	padding:24px 2%;
	background-color:rgba(255,255,255,0);
}

.formwrap.pwd_recovery .input_bto { width:120px; margin:12px auto;}

/* ##### ADDITIONAL #####----------------------------------*/

.formwrap.additional > input.hidden { display:none;}
.formwrap.additional > input+label {
	float:left;
	font-size:0.8em;
	letter-spacing:0.1em;
	padding:6px 0;
	color:var(--c_yellow_dark);
	text-align:center;
}

.formwrap.additional > input:checked+label  {
	background:-ms-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 99% );
	background:-webkit-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 99% );
	background:-moz-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 99% );
	background:-o-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 99% );
	background:linear-gradient(90deg, rgba(255,255,255,0).1 0%, rgba(255,255,255,0) 99% );
}
.formwrap.additional > input:not(:checked)+label  {background-color:var(--c_yellow_medium);}
.formwrap.additional label.mark01, 
.formwrap.additional label.mark02 { letter-spacing:-0.001em; }
.formwrap.additional label.mark01 { width:35%;}
.formwrap.additional label.mark02 { width:65%;}

.formwrap.additional > input#todayentry:checked ~ .wrap.todayentry { display:block;}
.formwrap.additional > input#lastentry:checked ~ .wrap.lastentry { display:block;}

/* ##### WRAPS #####----------------------------------*/

.wrap.lastentry, .wrap.todayentry  {
	width:90%;
	padding:10px 5%;
	display:none;
	min-height:334px;
}

.wrap, .actionwrap, .list { width:100%;}
.querywrap { width:90%; padding:20px 5%;}
.wrap.user { width:96%; padding:10px 2%;}

/* ##### WORKING HOURS MODEL #####----------------------------------*/

.workinghours_model {width:100%; float:left;}
.workinghours_model > p { width:100%; float:left; margin: 0 0 12px 0;}

.weekday_wrap {
	width:46px;
	float:left;
	margin:0 4px 4px 0;
	text-align:center;
	outline:1px solid rgba(103,76,29,0.4);
}

.weekday_wrap > label { font-size:0.8em; text-transform:uppercase; letter-spacing:0.1em;}
.weekday_wrap > input {
	text-align:center;
	padding:3px 2%;
	margin:0px !important;
	background-color: rgba(214,157,29,0.5);
}


/* ##### PRODUCTIVITY TIMELINE #####----------------------------------*/

.p_timeline_wrap { 
	width:100%;
	height:auto;
	float:left;
	padding:4px 0 0 4px;
	margin:20px 0 80px 0;
	outline:1px solid rgba(0,0,0,0.1);
	background-color:rgba(255,255,255,1);
}

.p_timeline_wrap .inner { 
	width:100%; 
	float:left;
}

.workload {
	width:100%;
	float:left;
	margin-right:0;
	background-color:rgba(51,204,153,1);
}

.workload + .userlabel { 
	width:auto;
	padding:2px;
	background-color:rgba(255,255,255,1);
	margin:0 0 0 0;
	font-size:0.8em;
	position:absolute;
	display:none;
}
.workload:hover + .userlabel {
	display:block;
}

.p_timeline_wrap .day {
	/*width:0.1808%;*/
	min-width:4px;
	min-height:275px;
	margin:0 1px 76px 0; 
	float:left;
	background-color:rgba(240,240,240,1);
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:space-around;
	align-items:flex-end;
	align-content:center;
}

.p_timeline_wrap .day[title="sat"] { 	background-color:#e5e5e5; }
.p_timeline_wrap .day[title="sun"] {	background-color:#dfdfdf; }
.p_timeline_wrap .day:hover { 			background-color:#dddddd; }

.p_timeline_wrap .day .bar {
	width:100%;
	min-height:4px;
	float:left; 
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap ;
	justify-content:space-around;
	align-items:flex-end;
	align-content:center;
}

.p_timeline_wrap .day .label {
	width:auto;
	padding:2px;
	background-color:rgba(255,255,255,1);
	margin:0 0 0 0;
	font-size:0.8em;
	position:absolute;
	display:none;
}

.p_timeline_wrap .day:hover .label { display:block;}

.p_timeline_wrap .day .date { display:none;}

.p_timeline_wrap .day[title="mon"] .date {
	display:block;
	background-color:transparent;
	padding:0;
	font-size:0.7em;
	position:absolute;
	margin:302px 0 0 -28px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}



/* ##### LAST ENTRY #####----------------------------------*/

.wrap.lastentry > span { width:100%; margin:0; padding:0; font-family:'exobold';}
.wrap.lastentry > .row {width:100%; margin:0;}
.wrap.lastentry .item {
	width:100%;
	margin:0 0 4px 0;
	padding:0;
	font-size:0.7em;
	border-bottom:1px solid rgba(214,157,29,0.5);
}

.wrap.lastentry .item a { text-decoration:underline; color:rgba(0,0,0,1);}
.wrap.lastentry .item a:hover { color:rgba(0,0,0,0.5);}
.wrap.lastentry .item .entry { width:25%; min-width:auto;}
.wrap.lastentry .item .projekt { width:67%; min-width:auto;}
.wrap.lastentry .item .user { width:8%; min-width:auto; background-color:transparent;}

.lastentry > .row:nth-of-type(1) { margin:35px 0 0 0;}
.lastentry .row > .row { 
	font-size:0.8em;  
	padding-bottom:2px;
	margin-bottom:2px; 
	margin-top:2px; 
	border-bottom:1px solid rgba(0,0,0,0.06);
}

.lastentry .day {width:20%;}
.lastentry .user{width:10%;}
.lastentry .customer { width:10%;}
.lastentry .description {width:60%;}

.newpid { margin-top:6px;}

/* ##### TODAY ENTRY #####----------------------------------*/

.wrap.todayentry > span {width:100%; margin:0; padding:0;}
.wrap.todayentry > .row {width:100%; margin:0 0 15px 0;}

.wrap.todayentry .row .item {
	width:100%;
	padding:0;
	font-size:0.7em;
	border-bottom:1px solid rgba(214,157,29,0.5);
}

.wrap.todayentry .row .item:nth-of-type(1) {border-top:1px solid rgba(214,157,29,0.5); margin:10px 0 0 0;}
.wrap.todayentry .row .item .col { padding:2px 0.5%; border-right:1px solid rgba(214,157,29,0.5); margin-left:-1px;}
.wrap.todayentry .row .item a { text-decoration:underline; color:rgba(0,0,0,1);}
.wrap.todayentry .row .item a:hover { color:rgba(0,0,0,0.5);}
.wrap.todayentry .row .item .col:nth-of-type(1) { width:30%; }
.wrap.todayentry .row .item .col:nth-of-type(2) { width:15%; text-align:center; border-right:0px;}
.wrap.todayentry .row .item .col:nth-of-type(3) { width:52%; border-right:0px;}

.wrap.todayentry .summe { width:100%; text-align:left; font-size:0.8em;}
.wrap.todayentry .summe span {margin-left:10px; padding:2px 10px;}

/* ##### ARBEITSEINTRAG VARIATIONEN ##### ---------------------------*/

#arbeitinput { float:left; width:100%; position:relative;}
#arbeitinput #option { display:block;}

#option.op01 .datewrap {margin-top:5px;}

.option.opt02 {
	width:100%;
	float:left;
	margin:10px 0;
	background-color: rgba(103,76,29,1);

	border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}

.option.opt02 .start_datetime,
.option.opt02 .end_datetime { width:96%; height:38px; padding:10px 2%; float:left;}
.option.opt02 .start_datetime { border-bottom:1px solid rgba(0,0,0,0.05);}

.option.opt02 .start_datetime .day,
.option.opt02 .end_datetime .day { 
	width:20px; 
	float:left; 
	font-size:0.9em; 
	margin:7px 6px 0 4px;
	padding:4px;
	color: rgba(255,229,91,1);
}

.option.opt02 .start_datetime .dot,
.option.opt02 .end_datetime .dot { 
	width:9px; 
	height:9px;
	float:left; 
	font-size:0.7em; 
	margin:15px 10px 0 0;
	background-color:rgba(255,229,91,1.0);
	box-shadow:0px 0px 0px 1pt rgba(255,229,91,0.0);
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.option.opt02 .start_datetime .dot:after {
	content:'';
	width:1px;
	height:60px;
	float:left;
	background-color:rgba(255,229,91,0.4);
	margin:4px 0 0 4px;
}

.option.opt02 .start_datetime .time,
.option.opt02 .end_datetime .time { width:auto; float:left;}

.option.opt02 .start_datetime .time input,
.option.opt02 .end_datetime .time input {
	width:220px;
	background-color:transparent;
	outline:0px;
	border:0px;
	box-shadow:0px;
	font-family:'exolight';
	font-size:1.6em;
	letter-spacing:0.08em;
	color: rgba(255,229,91,1);
	margin:0 !important;
	padding:0 !important;
	position:absolute;
	z-index:1;
}

.option.opt02 #workdaywrap ~ a.date_selectbutton01,
.option.opt02 #workdaywrap ~ a.date_selectbutton02,
.option.opt02 #workdaywrap_end ~ a.enddate_selectbutton01,
.option.opt02 #workdaywrap_end ~ a.enddate_selectbutton02 { display:none;}


#option.op03 .stunde { width:150px; float:left; font-size:1.6em;}

#option.op03 .datewrap > .date > .dateselect {
	width:6em;
	height:auto;
	min-height:auto !important;
	position:inherit;
	float:left;
	padding:0 5px 0 0;
	margin:-22px 0 0 5px;
	font-size:0.8em;
	background-color:transparent;
}

.row.onevalue + .row > .beschreibung > textarea.h_description { height:141px;}
.h_input { text-align: right; }

/* ##### SPECIAL ITEMS ##### ---------------------------*/

label {}

.stundentypus { float:left; margin:15px 0 0 0;}
.zusatz { float:left; margin:-32px 0 0 110px;}

.beschreibung, .name { width:78%; margin:0; float:left;}
.beschreibung .h_description { width:100%; max-width:100%; min-width:100%; padding:10px 2%; height:60px; min-height:60px;}
.formwrap.h_edit .row .submit { width:auto; max-width:30%; margin:0; float:right;}

.kuerzel { max-width:100px;}

/* ##### DATE INPUT ##### ---------------------------*/

.datewrap { width:auto; float:left;}
.date{ width:auto; padding:8px 4px; margin:10px; float:right;}
.date#weekwrap{ width:auto; padding:8px 4px; margin:10px 0; float:right;}
.date#weekwrap span > b { color:rgba(255,212,0,1);}

.weekjournal .date, .weekjournal .bto  { float:left !important;}
.weekjournal .date { margin:10px 12px 10px 0;}

/*STUNDENREPORT - RECHNUNG*/
.current_date_input.start {}
.current_date_input.end {}

.current_date_input {
	width:49%; 
	float:left;
	margin:10px 1% 0px 0;
}

.current_date_input small { width:100%; float:left;}

.current_date_input .input_day,
.current_date_input .input_month, 
.current_date_input .input_year {float:left; margin-right:1%;}

.current_date_input input {text-align:center;}

.current_date_input .input_day { width:20%;}
.current_date_input .input_month { width:20%;}
.current_date_input .input_year { width:28%;}

.output { width:100%; margin:0;}
.output p, .output b { width:auto; margin-right:10px;}
.output p {float:left;}
.output b {margin-top:2px; float:right;}

/* ##### DAY SELECT ##### ----------------------------------*/

#workdaywrap .day, 
#workdaywrap .dateselect { display:inline-block; float:left; }

#workdaywrap .day { width:1.5em; } 
#workdaywrap .dateselect { } 

#button-startdate, #button-enddate { display:none;}

#button-startdate:checked ~ #workdaywrap > .dateselect,
#button-enddate:checked ~ #workdaywrap_end > .dateselect { display:block;}

#button-startdate:checked ~ #workdaywrap ~ a.date_selectbutton01,
#button-startdate:checked ~ #workdaywrap ~ a.date_selectbutton02,
#button-enddate:checked ~ #workdaywrap_end ~ a.enddate_selectbutton01,
#button-enddate:checked ~ #workdaywrap_end ~ a.enddate_selectbutton02 { 
	display:block; 
	position:relative; 
	z-index:5;
}

#button-startdate:checked ~ #workdaywrap ~ a img.bto { margin:5px 8px;}
#button-enddate:checked ~ #workdaywrap_end ~ a img.bto { margin:5px 8px;}


#workdaywrap > .dateselect,
#workdaywrap_end > .dateselect { 
	display:none;
	position:absolute;
	width:286px;
	height:58px;
	margin:-10px 0 0 28px;
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	z-index:2;
}

.dateselect span { 
	width:auto; 
	margin:22px 0 0 5%; 
	float:left;
	font-size:1.2em;
	background-color:transparent;
}

label.day_label {width:30px; height:28px; position:absolute; margin:5px 0 0 2px;}

/* ##### USER FORM ##### ----------------------------------*/

.formwrap.user > .row { width:90%; float:left; padding:0 5%;}
.formwrap.user .idwrap {width:100%; float:left;}
.formwrap.user .idwrap > p { font-size:1.5em; float:left; margin:0;}
.formwrap.user .idwrap > .userid {
	width:auto;
	float:left;
	margin:-5px 0 0 20px;
	padding:12px 18px;
}

.formwrap.user .row > .col02 + span { margin:11px 0 0 10px; float:left;}

.user_level_select_item { width:48%; float:left; margin:6px 2% 6px 0;}
.user_level_select_item > input[type="radio"] { display:none;}

.formwrap.additional.userpers > .row { width:90%; padding:8px 5%;}
.formwrap.additional.userpers > .row:nth-of-type(1) p {font-size:1.5em; float:left; margin:8px 0 0 0;}
.formwrap.additional.userpers span.label {}
.formwrap.additional.userpers span.color_value { color:rgba(214,157,29,1); color:#FFFFFF}

/* ##### ZUWEISUNG FORM ##### ----------------------------------*/

.formwrap.zuweisung > .row {width:90%; float:left; padding:0 5%;}
.formwrap.zuweisung > .row:last-of-type {margin-bottom:20px;}

.formwrap.zuweisung ~ .formsubmit_wrap {
	width:auto;
	min-height:327px;
    float:left;
    margin:20px 0 0 0.5%;
	padding:0 10px; 
	background-color:var(--c_yellow_semi);
}

.formwrap.zuweisung ~ .formsubmit_wrap > a { float:left; margin:120px 0 0 0;}

/* ##### DURATION PERIOD / ZEITRAUM / INPUT ##### ----------------------------------*/

.duration_period {width:100%; float:left;}

.duration_period > p { width:auto; float:left; margin:14px 20px 0 0;}
.duration_period .period_start,
.duration_period .period_end { width:auto; float:left; margin:10px 0;}
.duration_period .divider { width:auto; float:left; margin:16px 10px 0 10px;}

.duration_period .period_start > input + span,
.duration_period .period_end > input + span { float:left; margin:12px 2px 0 2px;}

.duration_period .period_start > input.day,
.duration_period .period_start > input.month,
.duration_period .period_end > input.day,
.duration_period .period_end > input.month { 
	font-size:1.2em; 
	float:left;
	width:25px;
	padding:2px 5px;
	margin:0;
	color: rgba(103,76,29,1) !important;
	background-color:rgba(255,255,255,0);
	border-bottom:1px solid rgba(214,157,29,1);
	text-align:center;
}

.duration_period .period_start > input.year,
.duration_period .period_end > input.year { 
	font-size:1.2em; 
	float:left;
	width:52px;
	padding:2px 5px;
	margin:0;
	color: rgba(103,76,29,1) !important;
	background-color:rgba(255,255,255,0);
	border-bottom:1px solid rgba(214,157,29,1);
	text-align:center;
}


/* ##### INPUT-OPTION SELECT ##### ----------------------------------*/

input#button-1,
input#button-2,
input#button-3,
input#button-4 { position:absolute; right:0; top:-20px; display:none;}

input#button-1:checked ~ #option.op01,
input#button-2:checked ~ #option.op02,
input#button-3:checked ~ #option.op03,
input#button-4:checked ~ #option.op04 { display:block;}

input:checked + label.circle_label { box-shadow:0px 0px 0px 2pt rgba(226,7,20,1); background-color:rgba(226,7,20,1);}

.circle_bto_wrap { width:100%; float:left; margin-bottom:10px;}

.circle_bto, label.circle_label { 
	width:20px; 
	height:18px; 
	float:left; 
	padding:2px 0 0 0;
	margin:0 5px 0 0;
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	font-size:0.6em;
	text-align:center !important;
	box-shadow:0px 0px 0px 0pt rgba(84,95,107,1);
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
label.circle_label:hover { cursor:pointer;}

label.circle_label.norm {background-color: rgba(246,245,244,1); box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);}
input:checked + label.circle_label.norm {background-color:rgba(0,144,201,1); box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.25), inset 0px 0px 0px 6pt rgba(0,144,201,1), inset 0px 0px 0px 8pt rgba(255,255,255,1);}

input[type="checkbox"].checkboxitem { display:none; position:absolute; visibility:hidden;}
input[type="checkbox"].checkboxitem:checked ~ label.checkbox_label {
	background-color:rgba(0,144,201,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);
}

label.checkbox_label {
	width:24px;
	height:24px;
	padding:0;
	margin:0px auto;
	background-color:rgba(246,245,244,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);
}

label.checkbox_label > img { margin:3px 0 0 3px; padding:0 !important;}

input[type="checkbox"]#select_usergroup_un:checked ~ .row > .filter_wrap > .filter_item:nth-of-type(1) > label.checkbox_label,
input[type="checkbox"]#select_usergroup_va:checked ~ .row > .filter_wrap > .filter_item:nth-of-type(2) > label.checkbox_label,
input[type="checkbox"]#select_usergroup_ma:checked ~ .row > .filter_wrap > .filter_item:nth-of-type(3) > label.checkbox_label {
	background-color:rgba(0,144,201,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);
}

/* ##### FORM & INPUT ##### ---------------------------*/

form { width:100%; float:left;}

form textarea,
form input,
form select { 
	color:rgba(103,76,29,1);
	background-color:rgba(214,157,29,1);
	font-family:'exoregular';
}

::-webkit-input-placeholder { color:rgba(155,112,50,1);}
:-moz-placeholder { color:rgba(155,112,50,1); opacity:1;}
::-moz-placeholder { color:rgba(155,112,50,1); opacity:1;}
:-ms-input-placeholder { color:rgba(155,112,50,1);} 

form input[type="search"]::-webkit-input-placeholder { color:rgba(255,255,255,0.5);}
form input[type="search"]:-moz-placeholder { color:rgba(255,255,255,0.5); opacity:1;}
form input[type="search"]::-moz-placeholder { color:rgba(255,255,255,0.5); opacity:1;}
form input[type="search"]:-ms-input-placeholder { color:rgba(255,255,255,0.5);}

form input[type="search"]:focus::-webkit-input-placeholder { color:rgba(255,255,255,0.2);}
form input[type="search"]:focus:-moz-placeholder { color:rgba(255,255,255,0.2); opacity:1;}
form input[type="search"]:focus::-moz-placeholder { color:rgba(255,255,255,0.2); opacity:1;}
form input[type="search"]:focus:-ms-input-placeholder { color:rgba(255,255,255,0.2);}

form input:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder{ color:rgba(155,112,50,0.5); }
form input:focus::-moz-placeholder, form textarea:focus::-moz-placeholder { color:rgba(155,112,50,0.5); }
form input:focus:-ms-input-placeholder, form textarea:focus:-ms-input-placeholder  { color:rgba(155,112,50,0.5); }

form .errorhighlighted:active,
form .errorhighlighted:focus,
form textarea:active,
form textarea:focus,
form input:active,
form input:focus,
form select:active, 
form select:focus { box-shadow:inset 0px 0px 0px 1pt rgba(103,76,29,1);}

form input[type="search"]:active,
form input[type="search"]:focus { color:rgba(255,255,255,1);}
form input[type="search"] { color:rgba(255,255,255,0.8);}


input[type="color" i] {
	width:60px; 
	height:60px; 
	float:left; 
	margin:-10px 12px 0 0; 
	padding:0px 1px;
	outline:0px solid rgba(0,0,0,0);
	border:0px solid rgba(0,0,0,0);
	box-shadow:inset 0px 0px 0px 4pt rgba(255,255,255,1);
	background-color:rgba(255,255,255,0);
	display:block;
	appearance:none;  
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
}

form input,
form textarea,
form input[type="password"],
form input[type="search"],
form input[type="text"] { 
	width:96%;
	padding:6px 2%;
	margin:3px 0 6px 0; 
	border:0;
	outline:0px;
	font-size:105%;
}

form input[type="time"]{
	width:95%;
	padding:6px 0 6px 5%;
	margin:3px 0 6px 0; 
	border:0;
	outline:0px;
	font-size:1.6em; 
	background-color:rgba(103,76,29,1); 
	color:rgba(255,229,91,1);
	text-align:left;
}

form input[type="checkbox"].check_norm { float:left; margin:0;}
form input[type="checkbox"] { width:auto; float:right; margin:18px 6px 0 6px;}
.list.checkoutarchive input[type="checkbox"] { margin:7px; }
form input[type="radio"] { width:auto; float:left; margin:4px 10px 0 0; position:relative; z-index:1;} 

form[name="rechnung_edit_form"] .formlabel,
form[name="rechnung_edit_form"] .forminput {
	display:inline-block;
	float:left;
	padding-top:0.5em;
}

form[name="rechnung_edit_form"] .formlabel {
	padding-top:1em;
}

form[name="rechnung_edit_form"] .forminput {
	padding-left:0.5em;
}

form[name="rechnung_edit_form"] .forminput input[name="reBetrag"],
.list.checkoutarchive .listrow.entgelt .col.betrag {
 	background-color:#119696;
	color:#ffffff;
}


form[name="rechnung_edit_form"] .forminput input[name="reBetrag"] {
	font-size: 2em;
	font-weight:bold;
	width:6em;
}

form select { 
	width:100% !important;
	margin:3px 0 6px 0 !important;
	padding:6px 2% !important;
	font-size:105%;
	float:left;
	border:0; 
	outline:0px;
	
	appearance:none;  
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
}

.formselect:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: rgba(103,76,29,1) transparent transparent transparent;
	position:absolute;
	float:right;
	margin:16px 0 0 -20px;
}

.formselect.icon:after {border:0px none;}

form input[type="button"],
form input[type="cancel"],
form input[type="submit"] { 
	width:100%;
	padding:10px 0%;
	margin:3px 0 6px 0; 
	color:rgba(250,200,26,1);
	background-color:rgba(17,17,15,1);
}

form input[type="button"]:hover,
form input[type="cancel"]:hover,
form input[type="submit"]:hover { cursor:pointer; }

form input.discount { width:3em; }



.kunde_edit .left,
.kunde_edit .right {
	display:inline-block;
	float:left;
}

.kunde_edit .left {
	width:60%;
}

.kunde_edit .right {
	width:35%;
	padding-left:5%;
}

@media screen and (max-width:768px) {
	.kunde_edit .left, 
	.kunde_edit .right {
		width:100%;
	}
}

/* ##### SECURITY QUERY #####----------------------------------*/

.querywrap h3, .querywrap p, .querywrap small { width:100%;}

.querywrap .data { 
	width:300px; 
	height:300px;  
	margin:0 60px 0 0;
	background-color:rgba(234,181,0,1); 
	box-shadow:0px 0px 0px 8pt rgba(255,234,100,1);
	text-align:center;
}

.querywrap .data h3 {font-family:'exoregular'; line-hight:1.2em; color:rgba(255,255,255,1); font-size:2.0em; margin:70px 0 20px 0;}
.querywrap .data h2 {font-family:'exoregular'; font-size:4.0em; margin-top:90px;}
.querywrap .data b, .querywrap .data h2 { width:100%; color:rgba(255,255,255,1);}

.querywrap .information {width:auto; max-width:300px; margin:70px 0 0 0;}

.querywrap .actionwrap { margin:50px 0 0 0; padding:0; position:relative; background-color:transparent;}
.querywrap .actionwrap .bto { padding:14px 22px; border-radius:0px; margin:0;}
.querywrap .actionwrap .bto.correction { background-color:var(--bto_bg_red);}   
.querywrap .actionwrap .bto.save { float:right; background-color:var(--bto_bg_green); } 

.dialog.paywall { background-color:var(--c_yellow_light); border:2px dashed var(--c_yellow_dark); color:var(--c_yellow_dark); margin:1em; padding:1em; }
.dialog.paywall .title, 
.dialog.paywall .msg,
.dialog.paywall .descr { margin:0 0 1em 0; }
.dialog.paywall .cta { border-top:1px solid var(--c_yellow_light); }
.dialog.paywall .cta .actionwrap { background:none; }
.dialog.paywall .cta .actionwrap .bto { display:inline-block; border-radius:2px; padding:1em; background-color:var(--bto_bg_green);  }


/* ##### LIST - EDIT BTO  #####----------------------------------*/

.list.projekt .col > .editmenu { margin:-32px 40px 0 -180px;}
.list.user .col > .editmenu {width:90px !important;}
.list.user .col > .editmenu:after {margin:12px 0 0 90px;}

/*
.col > .editmenu {
	width:135px !important;
	height:44px;
	padding:0px;
	margin:-14px 40px 0 -220px;
	background-color:rgba(0,0,0,1);
	float:right;
	position:relative;
	display:none;
}
*/

.col > .editmenu {
	width:180px !important;
    height:83px;
    padding:0px;
    margin: -14px 40px 0 -220px;
    background-color: rgba(0,0,0,1);
    float: right;
    position: absolute;
    display: none;
}

.col > .editmenu a img.bto.size24 { 
	width:24px;
	height:24px;
	padding:29px 10px !important;
	margin:0 !important;
	border-left:1px solid rgba(255,255,255,0.3);
	border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px;
}

.col > .editmenu img.bto.size24.closeeditmenu_bto { 
	width:20px;
	height:20px;
	padding:3px !important;
	background-color:rgba(0,0,0,1);
	position:absolute;
	top:-18px;
	left:-18px;
}

.col > .editmenu:after {
	/*
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(0,0,0,1);
	position:absolute;
	margin:12px 0 0 135px;
	*/
}

.col > .bto { float:right; margin:-4px 0 0 0;}

.visible {display:inline-block !important;}

.hour_entry_item .col > img.bto {margin-top:12px !important;}
.hour_entry_item .col .editmenu { margin:-51px 40px 0 0;}

/* ##### LIST EDIT FUNCTION #####----------------------------------*/

.list.projekt .listrow .col[title~=freigegeben] ~ .col { background-color:rgba(150,150,150,1) !important;}
.listrow .col[title~=freigegeben] ~ .col img.inactiv { display:block;}
.listrow .col[title~=freigegeben] ~ .col img.openeditmenu_bto { display:none;}
.listrow .col[title~=unbestätigt] ~ .col img.inactiv { display:none;}

/* ##### LISTS  #####----------------------------------*/

.list {margin:20px 0;}
.list .listrow:nth-of-type(even), .list.kunden .listrow:nth-of-type(even) { background-color:rgba(255,229,91,1);}
.list .listrow:last-of-type, .list.week .listrow:last-of-type { border-bottom:0px solid rgba(214,157,29,1);}

.list.firmen, .list.user, .list.kunden { outline:1px solid rgba(214,157,29,1);}

.listrow { width:96%; padding:0px 2%; border-bottom:1px solid rgba(214,157,29,1);}
.toprow { width:96%; padding:0px 2%;}

.toprow .detail { font-size:1.2em; margin:16px 0 0 0;}

.listrow .wrap, .toprow .wrap { width:90%;}
.listrow .bto, .listrow .bto_reg, .toprow .bto { float:right !important;}
.listrow .profile, .row > .user > .profile  { width:32px; height:32px; margin:8px 10px 0px 0; overflow:hidden; }
.profile img { width:100%; height:100%;}

/* LIST | WEEK | WOCHENJOURNAL */

.list.week .listrow { width:100%; padding:0; border-bottom:1px solid rgba(0,0,0,0.2);}
.list.week .listrow .wrap { width:100%;}

.list.week .listrow .wrap .day { width:auto; margin:10px;}
.list.week .listrow .wrap .day b span:nth-of-type(1) { width:25px;}
.list.week .listrow .wrap .day b span:nth-of-type(2) { width:100px; text-align:right;}

.list.week .listrow .wrap .hours { width:auto; float:right; margin:10px;}
.list.week .listrow .wrap.hours { width:100%; margin:0; /*display:none;*/}

.list.week .listrow .wrap.hours .hour_entry_item {width:100%; border-top:1px solid rgba(0,0,0,0.1); font-size:0.9em;}
.list.week .listrow .wrap.hours .hour_entry_item:hover {background-color:rgba(0,0,0,0.05);}

.list.week .listrow .wrap.hours .hour_entry_item[title~=arz],
.list.week .listrow .wrap.hours .hour_entry_item[title~=arz] small,
.list.week .listrow .wrap.hours .hour_entry_item[title~=arz] span,
.list.week .listrow .wrap.hours .hour_entry_item[title~=arz] p,
.list.week .listrow .wrap.hours .hour_entry_item[title~=url],
.list.week .listrow .wrap.hours .hour_entry_item[title~=url] small,
.list.week .listrow .wrap.hours .hour_entry_item[title~=url] span,
.list.week .listrow .wrap.hours .hour_entry_item[title~=url] p,
.list.week .listrow .wrap.hours .hour_entry_item[title~=fhl],
.list.week .listrow .wrap.hours .hour_entry_item[title~=fhl] small,
.list.week .listrow .wrap.hours .hour_entry_item[title~=fhl] span,
.list.week .listrow .wrap.hours .hour_entry_item[title~=fhl] p,
.list.week .listrow .wrap.hours .hour_entry_item[title~=krk],
.list.week .listrow .wrap.hours .hour_entry_item[title~=krk] small,
.list.week .listrow .wrap.hours .hour_entry_item[title~=krk] span,
.list.week .listrow .wrap.hours .hour_entry_item[title~=krk] { color:rgba(212,51,57,1) !important;}

.list.week .listrow .wrap.hours .hour_entry_item .col { min-height:40px; padding-left:1%; padding-right:1%;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) b { text-transform:uppercase;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) small { width:100%; margin-top:3px; color:rgba(0,0,0,1); font-size:1.0em;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) small:nth-of-type(1) {color:rgba(100,100,100,1);}

.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(1) { width:5%; padding-top:5px;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) { width:68%; padding-top:5px; border-right:0px solid rgba(0,0,0,0);}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(3) { width:5%; padding-top:5px; text-align:right;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) { width:auto; min-width:auto; padding-top:12px;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) { width:3%; min-width:auto; padding-top:5px; text-align:right;}

.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(3) { float:right;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) {}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) {}

.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) > img.ic { margin:0 5px 0 0 !important; float:left;}
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) > img.ic { margin:8px 0 15px 0 !important; float:right; }
.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) > img.bto { margin:8px 0 15px 0  !important; }

/* HOURS TOTAL*/

.hours_total {
	width:200px;
	float:right;
}

.hours_total > .wrap_summonth {
	width:90%;
	float:left;
	margin:0;
	padding:20px 5%;
	color:rgba(255,255,255,1);
	background-color:rgba(17,17,15,1);
	/*background-color:rgba(214,157,29,1);*/
}

.hours_total > .wrap_summonth > .hours,
.hours_total > .wrap_summonth > .name { width:auto; float:left;}
.hours_total > .wrap_summonth > .name { margin:2px 0 0 10px; text-transform:uppercase; letter-spacing:0.05em;}

.hours_total > .wrap_summonth .attr[title~=all] > .row {display:block;}
.hours_total > .wrap_summonth .attr > .row,
.hours_total > .wrap_summonth .attr > .row .sum_id {display:none;}
.hours_total > .wrap_summonth .attr > .row { width:auto !important; float:left;}
.hours_total > .wrap_summonth .attr > .row .sum_hours,
.hours_total > .wrap_summonth > .hours.week {
	font-size:1.8em;
	float:left;
	width:auto;
	font-family:'exolight';
}

.attr .row .sum_id,
.attr .row .sum_hours { 
	width:auto; 
	margin:0 5px 0 0; 
	text-align:right;
	font-size:0.8em;
}

.attr .row .sum_hours {font-family:'exobold';}

.hours_total .showmore_wrap {
	float:right;
	width:auto;
	text-align:right;
	position:relative;
}

.hours_total .showmore_wrap .show, 
.hours_total .showmore_wrap .hide {font-size:0.8em;}
.hours_total .showmore_wrap .show img, .hours_total .showmore_wrap .hide img { margin-right:5px; opacity:0.6;}
.hours_total .showmore_wrap .hide img { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}

#summen-stundentypen-anzeigen:target .show { display:none;}
#summen-stundentypen-anzeigen:not(:target) .hide { display:none;}
#summen-stundentypen-anzeigen:target .list { display:block;} 

.hours_total .showmore_wrap > .list { 
	display:none;
	width:340px;
	position:absolute;
	right:0;
	margin:5px 0 0 0;
	outline:1px solid rgba(0,0,0,0.2);
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,1);
	color:rgba(17,17,15,1);
	z-index:500;
}

.hours_total .showmore_wrap > .list > .wrap_sumtypes { border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px !important;}
.hours_total .showmore_wrap > .list > .wrap_sumtypes,
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes {
	width:50%;
	margin:0;
	padding:5px 0%;
	float:left;
	text-align:right;
}

.hours_total .showmore_wrap > .list > .wrap_sumtypes > span,
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes  > span,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage > span {
	width:100%;
	float:left;
	text-align:center;
	font-size:0.6em;
	padding-bottom:3px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.hours_total .showmore_wrap > .list > .wrap_sumwochentage { width:100%; float:left; border-top:1px solid rgba(0,0,0,0.1);}
.hours_total .showmore_wrap > .list > .wrap_sumwochentage > span {padding:3px 0;}

.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr {
	width:14.28%;
	float:left;
	border-right:1px solid rgba(0,0,0,0.1);
	margin-left:-1px !important;
}

.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr:last-of-type { border-right:0px;} 
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr .sum_id,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr .sum_hours { 
	width:100%;
	text-align:center;
	float:left;
}

.attr[href^="is_0:00"] > .row { color:rgba(0,0,0,0.2) !important;}
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Mo] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Di] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Mi] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Do] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Fr] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=Sa] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=So] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=fhl] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=arz] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=url] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=krk] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~=all] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~="0"] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumtypes .attr[title~="4"] > .row { display:none;}

.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes .attr > .row { display:none;}
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes .attr[title~=fhl] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes .attr[title~=arz] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes .attr[title~=url] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumnegativetypes .attr[title~=krk] > .row  { display:block !important; color:rgba(212,51,57,1);}

.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr  > .row {display:none;}
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Mo] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Di] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Mi] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Do] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Fr] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=Sa] > .row,
.hours_total .showmore_wrap > .list > .wrap_sumwochentage .attr[title~=So] > .row { display:block !important;}


.wrap.user > .profile { margin-top:0;}
.wrap.user > p { margin-top:6px; color:rgba(0,0,0,1);}

/* ##### PERSONEN #####----------------------------------*/

.filter_wrap { width:100%; float:left;}
.filter_wrap > span.descr { float:left; margin:4px 20px 0 0;}

.filter_item { float:left; margin:0 20px 20px 0;}

.filter_item label {float:left;}
.filter_item > span.descr { float:left; margin:4px 0 0 10px;}

.filter_wrap .search_item { width:60%; float:right;}

.filter_wrap .search_item form > .radioitem { display:none;}
.filter_wrap .search_item form > .radioitem + label {float:left; margin:2px 8px 0 20px;}
.filter_wrap .search_item form > .radioitem + label + span { float:left; margin:4px 0 0 0;}

.search_item input[type="search"].smallsearch { width:200px; float:left; margin-top:-4px;}
.search_item input[type="search"].smallsearch + input[type="submit"] { float:left; padding:6px 0; margin:-4px 0 0 -1px; width:50px;}

input[type="checkbox"]#select_usergroup_a:checked ~ .list.user > .listrow[title="A"] {display:block;}
input[type="checkbox"]#select_usergroup_pv:checked ~ .list.user > .listrow[title="PV"] {display:block;}
input[type="checkbox"]#select_usergroup_un:checked ~ .list.user > .listrow[title="UN"] {display:block;}
input[type="checkbox"]#select_usergroup_va:checked ~ .list.user > .listrow[title="VA"] {display:block;}
input[type="checkbox"]#select_usergroup_ma:checked ~ .list.user > .listrow[title="MA"] {display:block;}

input[type="checkbox"]#select_usergroup_a:not(:checked) ~ .row > .filter_wrap > .filter_item > label.checkbox_label.a,
input[type="checkbox"]#select_usergroup_pv:not(:checked) ~ .row > .filter_wrap > .filter_item > label.checkbox_label.pv,
input[type="checkbox"]#select_usergroup_un:not(:checked) ~ .row > .filter_wrap > .filter_item > label.checkbox_label.un,
input[type="checkbox"]#select_usergroup_va:not(:checked) ~ .row > .filter_wrap > .filter_item > label.checkbox_label.va,
input[type="checkbox"]#select_usergroup_ma:not(:checked) ~ .row > .filter_wrap > .filter_item > label.checkbox_label.ma {
	background-color:rgba(246,245,244,1) !important;
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1) !important;
}

input[type="checkbox"]#select_usergroup_a:checked ~ .row > .filter_wrap > .filter_item > label.checkbox_label.a,
input[type="checkbox"]#select_usergroup_pv:checked ~ .row > .filter_wrap > .filter_item > label.checkbox_label.pv,
input[type="checkbox"]#select_usergroup_un:checked ~ .row > .filter_wrap > .filter_item > label.checkbox_label.un,
input[type="checkbox"]#select_usergroup_va:checked ~ .row > .filter_wrap > .filter_item > label.checkbox_label.va,
input[type="checkbox"]#select_usergroup_ma:checked ~ .row > .filter_wrap > .filter_item > label.checkbox_label.ma {
	background-color:rgba(0,144,201,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);
} 

.filter_wrap .search_item.inactive {opacity:0.5; position:relative;}
.filter_wrap .search_item.inactive:before {
	content:'';
	width:100%;
	height:100%;
	min-height:100%;
	position:absolute;
}

/* ##### EDIT USER #####----------------------------------*/

.hiddeninput { display:none;}

input#preview:checked ~ .color_selectbox { display:block;}


.colorselect_wrap {
	width:100%;
	max-width:200px;
	float:left;
	margin:-25px 0 0 0;
}

.colorselect_wrap .preview_button {
	width:90%;
	padding:10px 5%;
	float:left;
	background-color:rgba(255,255,255,1);
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
}

.colorselect_wrap .preview_button .text { text-decoration:underline;}

.colorselect_wrap .preview_button .color_item {
	width:30px;
	height:30px;
	float:left;
	margin:3px 10px 0 0 ;
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1);
	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
}

.color_selectbox {
	display:none;
	width:90% !important;
	padding:15px 5% 10px 5%;
	margin:-5px 0 0 0;
	float:left;
	background-color:rgba(255,255,255,1);
	border-top:1px solid rgba(0,0,0,0.1);
	width:280px;
	height:auto;
}

.color_selectbox > label.color_item {
	width:100px;
	height:20px;
	float:left;
}

.color_selectbox > label.color_item + span {
	width:65px;
	height:20px;
	margin:0 0 0 15px;
	float:left;
	font-size:0.8em;
	color:rgba(60,60,59,1);
} 

input:checked + label.color_item + span {font-family:'exobold';}

input:checked + label.color_item { box-shadow:inset 0px 0px 0px 3pt rgba(0,0,0,0.3);}

input#usercolor-01 + label.color_item { background-color:#E2E25C;}
input#usercolor-02 + label.color_item { background-color:#D3CF3F;}
input#usercolor-03 + label.color_item { background-color:#A7C836;}
input#usercolor-04 + label.color_item { background-color:#7EBD5E;}
input#usercolor-05 + label.color_item { background-color:#58A951;}
input#usercolor-06 + label.color_item { background-color:#529948;}
input#usercolor-07 + label.color_item { background-color:#45AB6F;}
input#usercolor-08 + label.color_item { background-color:#64BDA5;}
input#usercolor-09 + label.color_item { background-color:#4FBCBC;}
input#usercolor-10 + label.color_item { background-color:#29A9A6;}
input#usercolor-11 + label.color_item { background-color:#119696;}
input#usercolor-12 + label.color_item { background-color:#178099;}
input#usercolor-13 + label.color_item { background-color:#008DC5;}
input#usercolor-14 + label.color_item { background-color:#1E7EC2;}
input#usercolor-15 + label.color_item { background-color:#0D679C;}
input#usercolor-16 + label.color_item { background-color:#5054A0;}
input#usercolor-17 + label.color_item { background-color:#6B4B99;}
input#usercolor-18 + label.color_item { background-color:#866AAC;}
input#usercolor-19 + label.color_item { background-color:#956FAE;}
input#usercolor-20 + label.color_item { background-color:#8E5BA2;}
input#usercolor-21 + label.color_item { background-color:#894091;}
input#usercolor-22 + label.color_item { background-color:#B74C96;}
input#usercolor-23 + label.color_item { background-color:#D9357F;}
input#usercolor-24 + label.color_item { background-color:#DC2E5D;}
input#usercolor-25 + label.color_item { background-color:#D31454;}
input#usercolor-26 + label.color_item { background-color:#E52B2A;}
input#usercolor-27 + label.color_item { background-color:#E54D26;}
input#usercolor-28 + label.color_item { background-color:#EC6146;}
input#usercolor-29 + label.color_item { background-color:#E97269;}
input#usercolor-30 + label.color_item { background-color:#EE804A;}
input#usercolor-31 + label.color_item { background-color:#ED8D4B;}
input#usercolor-32 + label.color_item { background-color:#F39A41;}
input#usercolor-33 + label.color_item { background-color:#F6A65E;}
input#usercolor-34 + label.color_item { background-color:#F2B25F;}


/* ##### LIST USER #####----------------------------------*/

.list.user > .listrow[title="A"] { display:none;}
.list.user > .listrow[title="PV"] { display:none;}

.list.user > .listrow[title="UN"] { display:none;}
.list.user > .listrow[title="VA"] { display:none;}
.list.user > .listrow[title="MA"] { display:none;}

.list.user .listrow,
.list.user .toprow { 
	width:100%;
	float:left;
	margin:0;
	padding:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:0.9em;
}

.list.user .listrow:nth-of-type(odd) { background-color:rgba(255,255,255,1);} 
.list.user .listrow:nth-of-type(even) { background-color:rgba(245,245,245,1);} 

.list.user .listrow .col { 
	/*height:28px;*/
	float:left; 
	border-right:1px solid rgba(0,0,0,0.1);
	margin-left:-1px;
	padding:0 0.5%;
}

.list.user .listrow .col:last-of-type { border-right:0px; margin-left:0px;} 

.list.user .listrow .col:nth-of-type(1) { width:auto;}
.list.user .listrow .col:nth-of-type(2) { width:18%; padding-top:7px; padding-bottom:6px; }  
.list.user .listrow .col:nth-of-type(3) { width:auto; width:6%; padding-top:7px; padding-bottom:6px; text-align:center;}  
.list.user .listrow .col:nth-of-type(4) { width:auto;}  
.list.user .listrow .col:nth-of-type(5) { width:26%; padding-top:7px; padding-bottom:6px; }  
.list.user .listrow .col:nth-of-type(6) { width:12%; padding-top:7px; padding-bottom:6px; }  
.list.user .listrow .col:nth-of-type(7) { width:15%; padding-top:7px; padding-bottom:6px; /*overflow:scroll; line-height:1.4em;  background-color:rgba(255,51,153,0.2); outline:1px solid rgba(255,51,153,1);*/} 
.list.user .listrow .col:nth-of-type(8) { width:auto; float:right;}
.list.user .listrow .col:nth-of-type(9) { width:auto; float:right; border-right:0px; margin-left:0px; }

.list.user .listrow .col:nth-of-type(9) a img { float:left; width:16px; height:16px; margin:8px 0 0 0;}
.list.user .listrow .col:nth-of-type(8) a .bto {margin:4px 0 0 5px;}

.list.user .listrow .col:nth-of-type(1) > img { width:20px; height:20px; margin:5px 4px; background-color:rgba(204,204,204,1); float:left;}

.c_blue {color:rgba(0,144,201,1)}
.greylink { color:rgba(102,102,102,1); text-decoration:underline;}
.color_preview_item { width:20px; height:20px; margin:5px 4px; float:left;}

/* ##### LIST ZUWEISUNG USER #####----------------------------------*/

.list.anstellung {
	width:100%;
	float:left;
	margin:20px 0;
	padding:0;
	outline:1px solid rgba(0,0,0,0.1);
}

.list.anstellung .listrow { 
	width:100%; 
	padding:0;
	float:left;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:0.9em;
}

.list.anstellung .mobile_item { 
	display:none;
	width:90%;
	float:left;
	padding:8px 5%;
	border-bottom:1px solid rgba(0,0,0,0.1);
} 

.list.anstellung .listrow:nth-of-type(odd),
.list.anstellung .mobile_item:nth-of-type(odd) { background-color:rgba(255,255,255,1);} 

.list.anstellung .listrow:nth-of-type(even),
.list.anstellung .mobile_item:nth-of-type(even) { background-color:rgba(245,245,245,1);} 

.list.anstellung .listrow.future, 
.list.anstellung .mobile_item.future {color:rgba(17,17,15,0.8);} 

.list.anstellung .listrow.present, 
.list.anstellung .mobile_item.present {color:rgba(10,175,65,1);}

.list.anstellung .listrow.present_inaktiv, 
.list.anstellung .mobile_item.present_inaktiv {color:rgba(255,0,0,1);} 

.list.anstellung .listrow.past, 
.list.anstellung .mobile_item.past {color:rgba(17,17,15,0.4);}

.list.anstellung .listrow .col { 
	float:left; 
	border-right:1px solid rgba(0,0,0,0.1);
	margin-left:-1px;
	padding:4px 1%;
	min-height:36px;
}

.list.anstellung .listrow .col:nth-of-type(1) { width:2%; text-align:center;}
.list.anstellung .listrow .col:nth-of-type(2) { width:14%; }
.list.anstellung .listrow .col:nth-of-type(3) { width:14%; }
.list.anstellung .listrow .col:nth-of-type(4) { width:14%; }
.list.anstellung .listrow .col:nth-of-type(5) { width:24%; }
.list.anstellung .listrow .col:nth-of-type(6) { width:auto; border:0px none;}

/* ##### ZUW ARBEITSLEISTUNG (PV) #####----------------------------------*/

.list.zuw_arbeitsleistung .listrow,
.list.zuw_arbeitsleistung .toprow { 
	width:100%;
	float:left;
	margin:0;
	padding:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:0.9em;
}

.list.zuw_arbeitsleistung .listrow:nth-of-type(odd) { background-color:rgba(255,255,255,1);} 
.list.zuw_arbeitsleistung .listrow:nth-of-type(even) { background-color:rgba(245,245,245,1);} 

.list.zuw_arbeitsleistung .listrow .col { 
	float:left; 
	border-right:1px solid rgba(0,0,0,0.1);
	margin-left:-1px;
	padding:5px 0.5%;
}

.list.zuw_arbeitsleistung .listrow .col:last-of-type { border-right:0px; margin-left:0px;} 

.list.zuw_arbeitsleistung .listrow .col:nth-of-type(1) { width:3%; text-align:center;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(2) { width:20%;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(3) { width:20%;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(4) { width:12%;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(5) { width:3%; text-align:center; overflow:hidden;} 
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(6) { width:3%; text-align:center;}  
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(7) { width:12%;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(8) { width:12%; border-right:0px solid rgba(0,0,0,0); margin-left:0px;}
.list.zuw_arbeitsleistung .listrow .col:nth-of-type(9) { width:auto; padding:5px 0.5% 0 0.5%; float:right;}

.list.zuw_arbeitsleistung .listrow .col:nth-of-type(9) > img { width:18px; height:18px;}


/* ##### LIST COMPANY / UNTERNEHMEN #####----------------------------------*/

.list.unternehmen .unternehmen_prev_item {
	width:24%;
	float:left;
	margin:10px 1% 0 0;
	background-color:rgba(255,255,255,1);
}

.unternehmen_prev_item .top { width:100%; float:left;} 
.unternehmen_prev_item a:hover .name {color:rgba(0,144,201,1);}
.unternehmen_prev_item a:hover .top { background-color:rgba(0,0,0,0.05);}

.unternehmen_prev_item .num {
	width:auto;
	float:right;
	margin:4px 4px 0 0;
	font-size:0.8em;
	color:rgba(0,0,0,0.6);
}


.unternehmen_prev_item .name,
.unternehmen_prev_item .pers_count{
	width:80%;
	float:left;
	color:rgba(0,0,0,1);
}

.unternehmen_prev_item .name { min-height:36px; margin:0 10%;}

.unternehmen_prev_item .pers_count {font-size:0.9em; margin:0 10% 20px 10%;}
.unternehmen_prev_item .pers_count b {color:rgba(0,144,201,1);}

.unternehmen_prev_item .bto_wrap { width:92%; padding:4px 4%; border-top:1px solid rgba(0,0,0,0.1); float:left;}

.unternehmen_prev_item .bto_wrap .bto { margin:5px 1%; float:right;}

/* ##### LIST OFFENESTUNDEN #####----------------------------------*/

.list.offenestunden { width:100%;}
.list.offenestunden .toprow,
.list.offenestunden .listrow { width:100% !important; padding:0 !important; float:left; border-bottom:1px solid rgba(0,0,0,0.1); }

.list.offenestunden .toprow .col, 
.list.offenestunden .listrow .col { float:left; padding:4px 0.5%; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}

.list.offenestunden .toprow .col:nth-of-type(1), .list.offenestunden .listrow .col:nth-of-type(1) { width:29%;}
.list.offenestunden .toprow .col:nth-of-type(2), .list.offenestunden .listrow .col:nth-of-type(2) { width:29%;}
.list.offenestunden .toprow .col:nth-of-type(3), .list.offenestunden .listrow .col:nth-of-type(3) { width:7%; text-align:center;}
.list.offenestunden .toprow .col:nth-of-type(4), .list.offenestunden .listrow .col:nth-of-type(4) { width:11%;}
.list.offenestunden .toprow .col:nth-of-type(5), .list.offenestunden .listrow .col:nth-of-type(5) { width:9%; color:rgba(0,102,255,1);}
.list.offenestunden .toprow .col:nth-of-type(6), .list.offenestunden .listrow .col:nth-of-type(6) { width:9%; border-right:0px; margin:0;}


/* LIST | ABRECHNUNG */

.list.abrechnung .listrow[title~=arz] .col,
.list.abrechnung .listrow[title~=url] .col,
.list.abrechnung .listrow[title~=fhl] .col,
.list.abrechnung .listrow[title~=krk] .col { color:rgba(212,51,57,1);}

.list.abrechnung .listrow.bu[title~=arz] .col,
.list.abrechnung .listrow.bu[title~=url] .col,
.list.abrechnung .listrow.bu[title~=fhl] .col,
.list.abrechnung .listrow.bu[title~=krk] .col { color:rgba(150,150,150,1) ;}

.list.abrechnung { width:100%;}
.list.abrechnung .toprow { padding:5px 0; width:100%;}

.list.abrechnung .toprow .col { padding:0 1%;}
.list.abrechnung .toprow .col:nth-of-type(1) {width:10.5%;}
.list.abrechnung .toprow .col:nth-of-type(2) {width:12%;}
.list.abrechnung .toprow .col:nth-of-type(3) {width:24%;}
.list.abrechnung .toprow .col:nth-of-type(4) {width:4.5%;}
.list.abrechnung .toprow .col:nth-of-type(5) {width:4.5%;}

.list.abrechnung .listrow { border-bottom:1px solid rgba(200,200,200,1); width:100%; padding:0px;}
.list.abrechnung .listrow.bu { color:rgba(150,150,150,1) !important; }
.list.abrechnung .listrow .col {  
	padding:4px 1% 0px 1%; 
	border-right:1px solid rgba(0,0,0,0.1); 
	margin-left:-1px;
	min-height:36px;
}
.list.abrechnung .listrow .col:last-of-type { border-right:0px none; margin-left:0px}
.list.abrechnung .listrow .col:nth-of-type(1) {width:5%; padding:0;}
.list.abrechnung .listrow .col:nth-of-type(2) {width:53%;}
.list.abrechnung .listrow .col:nth-of-type(3) {width:12%;}
.list.abrechnung .listrow .col:nth-of-type(4) {width:10%;}
.list.abrechnung .listrow .col:nth-of-type(5) {width:7%;}
.list.abrechnung .listrow .col:nth-of-type(6) {width:2%;}

.list.abrechnung .listrow .col:nth-of-type(2) span { }
.list.abrechnung .listrow .col:nth-of-type(5) span {width:100%; margin:0 0 4px 0;}


.list.abrechnung .listrow .arbeitsstunden,
.list.abrechnung .listrow .stundensatz,
.list.abrechnung .listrow .betrag { padding:0.2em;  }
.list.abrechnung .listrow .arbeitsstunden,
.list.abrechnung .listrow .stundensatz { display:inline-block; }
.list.abrechnung .listrow .arbeitsstunden { float: left; font-weight:bold; background:#E97269; width:50%; }
.list.abrechnung .listrow .stundensatz { float:right; width:30%; text-align:right; }
.list.abrechnung .listrow .betrag { display:block; clear:both; color:#E97269; font-weight:bold; width:100%; text-align:right; }
.list.abrechnung .listrow .pname { display:inline-block; padding:0.1em 0.3em; font-size:0.8em; color:#fff; background:#bbb; }

.list.abrechnung .listrow.bu .arbeitsstunden { background:none; }

.submit.calc { margin-top:-60px;}

/* LIST | RECHNUNGEN */

.formwrap.checkoutarchive { width:100%; padding:0;}

.list.checkoutarchive { width:104.2%; padding:0; margin:0;}
.list.checkoutarchive .toprow  { padding:2px 0;}
.list.checkoutarchive .listrow { padding:0; margin:0; background-color:rgba(0,0,0,0); border-bottom:1px solid rgba(214,157,29,0.5);}
.list.checkoutarchive .listrow.no_rechnung { background-color:rgba(255,255,255,0.3); }
.list.checkoutarchive .listrow:last-of-type { border-bottom:0px;}
.list.checkoutarchive .listrow:hover { background-color:rgba(255,255,255,0.4) !important;}

.list.checkoutarchive .toprow .col, .list.checkoutarchive .listrow .col { padding:5px 1%; }
.list.checkoutarchive .listrow .col { border-right:1px solid rgba(214,157,29,0.5); margin-left:-1px; min-height:17px; max-height:17px; overflow:hidden;}

/*
.list.checkoutarchive .toprow .col:nth-of-type(1), .list.checkoutarchive .listrow .col:nth-of-type(1) { width:4%;}
.list.checkoutarchive .toprow .col:nth-of-type(2), .list.checkoutarchive .listrow .col:nth-of-type(2) { width:10%;}
.list.checkoutarchive .toprow .col:nth-of-type(3), .list.checkoutarchive .listrow .col:nth-of-type(3) { width:10%;}
.list.checkoutarchive .toprow .col:nth-of-type(4), .list.checkoutarchive .listrow .col:nth-of-type(4) { width:34%; line-height:1.4em;}
.list.checkoutarchive .toprow .col:nth-of-type(5), .list.checkoutarchive .listrow .col:nth-of-type(5) { width:4%;}
.list.checkoutarchive .toprow .col:nth-of-type(6), .list.checkoutarchive .listrow .col:nth-of-type(6) { width:4%;}
.list.checkoutarchive .toprow .col:nth-of-type(6), .list.checkoutarchive .listrow .col:nth-of-type(7) { width:auto; float:right;}
*/

.list.checkoutarchive .toprow .col.cb, .list.checkoutarchive .listrow .col.cb { width:4%; padding:0; overflow:visible;}
.list.checkoutarchive .toprow .col.eID, .list.checkoutarchive .listrow .col.eID { width:4%;}
.list.checkoutarchive .toprow .col.kunde, .list.checkoutarchive .listrow .col.kunde { width:5%;}
.list.checkoutarchive .toprow .col.entrydate, .list.checkoutarchive .listrow .col.entrydate { width:10%; min-width: 5.8em;}
.list.checkoutarchive .toprow .col.betrag, .list.checkoutarchive .listrow .col.betrag { width:10%; line-height:1.4em;}
.list.checkoutarchive .toprow .col.beschreibung, .list.checkoutarchive .listrow .col.beschreibung { width:38%;}
.list.checkoutarchive .toprow .col.reID, .list.checkoutarchive .listrow .col.reID { width:7%;}
.list.checkoutarchive .toprow .col.signature, .list.checkoutarchive .listrow .col.signature { width:4%;}
.list.checkoutarchive .toprow .col.btnwrap, .list.checkoutarchive .listrow .col.btnwrap { width:2%; float:right; }
.list.checkoutarchive .toprow .col.empty, .list.checkoutarchive .listrow .col.empty { }

/*.list.checkoutarchive .toprow .col:nth-of-type(6), .list.checkoutarchive .listrow .col.betrag {text-align:right; font-family:'exobold';}*/
.list.checkoutarchive .listrow.no_rechnung .col.reID { background:red; color:#fff; }

/* LIST | AUSGABE */

div.list.ausgabe { width:100%;}
div.list.ausgabe .listrow, .list.ausgabe .toprow { width:100%;}

div.list.ausgabe .toprow { padding:5px 0;}
div.list.ausgabe .listrow { border-bottom:1px solid rgba(200,200,200,1); padding:0; margin:0;}

div.list.ausgabe .toprow .col { padding:0 1%;}
div.list.ausgabe .toprow .col:nth-of-type(1) { width:68%; text-align:left;}
div.list.ausgabe .toprow .col:nth-of-type(2) { width:13%;}
div.list.ausgabe .toprow .col:nth-of-type(3) { width:13%;float:right;}

div.list.ausgabe .listrow .col { padding:5px 1%; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
div.list.ausgabe .listrow .col:nth-of-type(1) span {color:rgba(90,90,90,1); font-size:0.8em;}
div.list.ausgabe .listrow .col:nth-of-type(1) { width:68%; text-align:left;}
div.list.ausgabe .listrow .col:nth-of-type(2) { width:13%;}
div.list.ausgabe .listrow .col:nth-of-type(3) { width:13%; font-size:0.8em; text-align:right; float:right;}
div.list.ausgabe .listrow .col:last-of-type{ border-right:0px none; margin-left:0px;}

.col.betrag {text-align:right; color:rgba(51,51,204,1);}

.row.summary .col12:nth-of-type(1) > span 	{ width:140px;}
.row.summary span 	{ width:auto;}
.row.summary b 		{ width:auto; text-align:right;}
.row.summary table tr td.value { text-align:right; }
.row.summary table tr td.unit { }
.row.summary table tr.listsum_euro_with_discount td.label { padding-right:10px; }
.row.summary table tr.listsum_euro_with_discount td.value, 
.row.summary table tr.listsum_euro_with_discount td.unit { font-size:1.6em; }
.row.summary table tr.listsum_euro_with_discount td #listsum_euro_with_discount { font-weight:bold; }

/* version with table, EL 2019-08-05 */

table.list.ausgabe { border-collapse:collapse; }
table.list.ausgabe tr td { border:1px solid #11110f; padding:0.2em; }
table.list.ausgabe tr td.datum {}
table.list.ausgabe tr td.projekt {}
table.list.ausgabe tr td.aID {}
table.list.ausgabe tr td.aname {}
table.list.ausgabe tr td.stundensatz {}
table.list.ausgabe tr td.betrag { text-align:right; }
table.list.ausgabe tr td.arbeitsstunden {}
table.list.ausgabe tr td.user { background:none; }



/* LIST | SMALL */

.small_list {
	width:100%;
	margin:24px 0 24px 0;
	outline:1px solid rgba(0,0,0,0.1);
	word-wrap:break-word;
	color:rgba(0,0,0,1);
}

.small_list .arbeit.item:nth-of-type(odd), .small_list .kunde.item:nth-of-type(odd), .small_list .projekte.item:nth-of-type(odd) { opacity:0.85;}
.small_list.search { margin:0 0 24px 0;}

.small_list .item { width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.small_list .item:last-of-type {border-bottom:0px none;}

.small_list .item .col { border-right:1px solid rgba(0,0,0,0.1); margin:0 0 0 -1px; padding:5px 0.5%; font-size:0.9em;}
.small_list .item .col:last-of-type {border-right:0px none; margin:0;}

.small_list .item .col:nth-of-type(1) { width:18%;}
.small_list .item .col:nth-of-type(2) { width:48%;}
.small_list .item .col:nth-of-type(3) { width:28%;}

.small_list .arbeit.item .col {min-height:36px;}
.small_list .arbeit.item .col:nth-of-type(1) { width:2%; text-align:center;}
.small_list .arbeit.item .col:nth-of-type(2) { width:2%; text-align:center;}
.small_list .arbeit.item .col:nth-of-type(3) { width:10%; text-align:center;}
.small_list .arbeit.item .col:nth-of-type(4) { width:40%;}
.small_list .arbeit.item .col:nth-of-type(5) { width:15%;}
.small_list .arbeit.item .col:nth-of-type(6) { width:15%;}
.small_list .arbeit.item .col:nth-of-type(7) { width:auto;}

.small_list .kunde.item .col {min-height:36px;}
.small_list .kunden.item .col:nth-of-type(1) { width:2%; text-align:center;}
.small_list .kunden.item .col:nth-of-type(2) { width:2%; text-align:center;}
.small_list .kunden.item .col:nth-of-type(3) { width:auto; border-right:0px none;}
.small_list .kunden.item .col:nth-of-type(4) { width:5%; text-align:center;}

.small_list .projekte.item .col:nth-of-type(1) { width:2%; text-align:center;}
.small_list .projekte.item .col:nth-of-type(2) { width:2%; text-align:center;}
.small_list .projekte.item .col:nth-of-type(3) { width:5%; text-align:center;}
.small_list .projekte.item .col:nth-of-type(4) { width:30%;}
.small_list .projekte.item .col:nth-of-type(5) { width:20%;}

.small_list.search.projekte .item .col {min-height:36px;}
.small_list.search.projekte .item .col.index { width:2%; min-width:20px; text-align:right;}
.small_list.search.projekte .item .col.pID { width:4%; min-width:50px; text-align:right;}
.small_list.search.projekte .item .col.kunde { width:4%; min-width:50px; text-align:right; }
.small_list.search.projekte .item .col.projektbezeichnung { width:80%; min-width:200px; text-align:left; }
.small_list.search.projekte .item .col.kunde .bgmarked { background:#F6A65E; padding:1px 4px; display:inline-block;}

.small_list.search.arbeiten .item .col:nth-of-type(1) {width:1%; min-width:13px; }
.small_list.search.arbeiten .item .col:nth-of-type(2) {width:5%; min-width:50px; }
.small_list.search.arbeiten .item .col:nth-of-type(3) {width:8%; min-width:36px; }
.small_list.search.arbeiten .item .col:nth-of-type(4) {width:30%; min-width:120px; }
.small_list.search.arbeiten .item .col:nth-of-type(5) {width:20%; min-width:50px; }
.small_list.search.arbeiten .item .col:nth-of-type(6) {width:20%; min-width:80px; }
.small_list.search.arbeiten .item .col:nth-of-type(7) {width:1%; min-width:36px; }

@media screen and (max-width:768px) {
	.small_list.search.arbeiten .item .col:nth-of-type(2) { display:none; }
}


.searchlastactivityforkundelist { margin-top:4em; }


/* LIST | MOVE TO PROJEKT */

.list.movetoproj {
	width:100%;
	max-width:570px;
	float:left;
	margin:-40px 0 0 0;
	outline:1px solid rgba(214,157,29,1);
	font-size:0.8em;
}

.list.movetoproj .listrow { width:100%; float:left; padding:5px 0; margin:0;}
.list.movetoproj .listrow .col { 
	width:auto;
	float:left;
	padding:0px 1%;
}

/* LIST | MONTH */

.list.month .listrow, .list.month .wrap { width:100%; padding:0;}
.list.month .listrow .wrap.hours { width:100%; /*display:none;*/}
.list.month .listrow .wrap.hours > .hour_entry_item { width:100%; border-bottom:1px solid rgba(0,0,0,0.2);}

.list.month .listrow .wrap.hours > .hour_entry_item[title~=arz],
.list.month .listrow .wrap.hours > .hour_entry_item[title~=url],
.list.month .listrow .wrap.hours > .hour_entry_item[title~=fhl],
.list.month .listrow .wrap.hours > .hour_entry_item[title~=krk]{ color:rgba(212,51,57,1) !important;}

.list.month .listrow .wrap.hours > .hour_entry_item .col {border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:last-of-type {border-right:0px none; margin-left:0px;}

.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(1) { width:auto; 		max-width:2%; 	padding:2px 1% 17px 1%; margin:0;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(2) { width:15%; 		max-width:; 	padding:18px 1% 15px 1%; text-align:left;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(3) { width:5%; 		max-width:; 	padding:15px 1% 0px 1%; }
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(4) { width:37%; 		max-width:; 	padding:10px 1% 5px 1%; }
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(5) { width:5%; 		max-width:; 	padding:10px 2% 5px 2%; text-align:right; }
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(6) { width:auto; 		max-width:20%; 	padding:15px 1% 0 1%;}

.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(1) > .timevalue { line-height: 1.5em; font-size:0.6em !important; width:100%;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(6) img { margin-right:10px;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(6) small { width:100px; float:right; margin:0;}
.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(3) small {width:100%;}

.list.month .listrow .wrap.hours > .toprow > .col { padding: 10px 2%;}
.list.month .listrow .wrap.hours > .toprow > .col:nth-of-type(1) {width:15%;}
.list.month .listrow .wrap.hours > .toprow > .col:nth-of-type(2) {width:3%;}
.list.month .listrow .wrap.hours > .toprow > .col:nth-of-type(3) {width:37%;}
.list.month .listrow .wrap.hours > .toprow > .col:nth-of-type(4) {width:5%;}
.list.month .listrow .wrap.hours > .toprow > .col:nth-of-type(5) {width:20%;}

.month_action .col {
	width:30%;
	margin-top:10px;
	margin-bottom:40px;
	height:100px;
}

.month_action .col:nth-of-type(1) { margin-right:3%; padding:15px 0%;}
.month_action .col:nth-of-type(1) span { width:100%; margin:2px 0;}
.month_action .col:nth-of-type(2) { margin-right:3%;}
.month_action .col:nth-of-type(2) .label_wrap { width:140px; position:relative; left:50%; margin:10px 0 0 -70px;}
.month_action .col:nth-of-type(2) .label_wrap label { padding:18px; width:24px; height:24px;}
.month_action .col:nth-of-type(2), .month_action .col:nth-of-type(3){ padding:15px 1%; background-color:rgba(214,157,29,1);}

.month_action .col .step {
	position:relative;
	width:32px;
	height:24px;
	padding:8px 0 0 0;
	background-color:rgba(214,157,29,1);
	color:rgba(1,1,1,1);
	font-size:0.9em;
	text-align:center;
	left:50%;
	margin:-30px 0 0 -16px;
}

.month_action input.radio { display:none; opacity:0;}
.month_action input.radio + label { 
	width:24px; 
	height:24px; 
	padding:18px; 
	margin:10px 10px 20px 0; 
	background-color:rgba(255,255,255,1); 
	box-shadow:0px 0px 0px 1pt rgba(0,0,0,0.1);
}

.month_action input.radio + label:hover { cursor:pointer;}
.month_action input.radio.ok:checked + label {box-shadow:0px 0px 0px 3pt rgba(255,255,255,1), 0px 0px 0px 5pt rgba(105,162,46,1); }
.month_action input.radio.wrong:checked + label {box-shadow:0px 0px 0px 3pt rgba(255,255,255,1), 0px 0px 0px 5pt rgba(166,39,38,1); }

.a_bto_wrap {
	width:100%;
	height:auto;
	float:right;
	margin:10px 0 0 0;
	outline:1px solid rgba(0,0,0,0.0);
}

.a_inactive{ opacity:0.3;}
.a_active{ opacity:1.0;}

/* KUNDEN LIST ITEMS */

.list.kunden { width:100%;}
.list.kunden .listrow:hover { background-color:rgba(214,157,29,0.5)}
.list.kunden .listrow .col { padding:10px 2%; min-height:28px;}
.list.kunden .listrow .col:last-of-type {float:right;}
.list.kunden .listrow .col:nth-of-type(1) { width:60%;}

.list.kunden .listrow .col > a .bto { margin:0px 5px !important;}
.list.kunden > h3 { 
	width:98%; 
	padding:5px 1%; 
	background-color:rgba(0,0,0,1); 
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	letter-spacing:0.1em; 
	font-size:0.8em;
	font-family:'exolight';
}

/* ZUWEISUNG ICONS */

.list.projekt .listrow .col .icon,
.list.kunden .listrow .col .icon,
.list.unternehmen .listrow .col .icon {
    width:15px;
    height:15px;
    padding:8px;
    margin:0 10px 0 0;
	float:left;
    background-color:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
    position:relative;
}

.list.projekt .listrow .col .icon .icon_count,
.list.kunden .listrow .col .icon .icon_count,
.list.unternehmen .listrow .col .icon .icon_count {
	position:absolute;
	width:20px;
	height:20px;
	padding:0;
	margin:-15px -5px 0 0;
	text-align:center;
	background-color:rgba(0,144,201,1);
	right:0;
	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
}

.list.projekt .listrow .col .icon[title~=sv0] > .icon_count,
.list.kunden .listrow .col .icon[title~=sv0] > .icon_count,
.list.unternehmen .listrow .col .icon[title~=sv0] > .icon_count {background-color:rgba(140,140,140,1) !important;}

.list.projekt .listrow .col small,
.list.kunden .listrow .col small,
.list.unternehmen .listrow .col small { font-size:10px;}

/* PROJEKT LIST ITEMS */

.list.projekt .listrow { width:100%; padding:0; border-bottom:1px solid rgba(0,0,0,0.1);}

.list.projekt .listrow .col { padding:10px 1%;}
.list.projekt .listrow .col:nth-of-type(1) { width:3%; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px; min-height:63px;}
.list.projekt .listrow .col:nth-of-type(2) { width:13%; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px; min-height:63px;}
.list.projekt .listrow .col:nth-of-type(3) { width:66%;}
.list.projekt .listrow .col:nth-of-type(4) { width:auto; float:right; background-color:rgba(0,0,0,1); padding:32px 0; margin:0 0 -1px 0;}

.list.projekt .listrow .col:nth-of-type(2) .hour,
.list.projekt .listrow .col:nth-of-type(2) span { width:100%; }
.list.projekt .listrow .col:nth-of-type(2) .hour { font-size:1.2em; letter-spacing:0.05em; color:rgba(11,72,92,1);}
.list.projekt .listrow .col:nth-of-type(2) span { font-size:0.8em; color:rgba(100,100,100,0.9); letter-spacing:0.05em;}

.list.projekt .listrow .col:nth-of-type(3) .description,
.list.projekt .listrow .col:nth-of-type(3) .flags_wrap {width:100%;}

.list.projekt .listrow .col:nth-of-type(3) .flags_wrap .flag { width:auto; margin:5px 5px 0 0;}
.list.projekt .listrow .col:nth-of-type(3) .flags_wrap .flag.user { 
	color:rgba(255,255,255,1); 
	font-size:0.6em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:1.0em;
	padding:4px 8px;
	border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;
}

.list.projekt .listrow .col:nth-of-type(3) .flags_wrap .flag.user.tl {background-color:rgba(200,51,54,1); } 
.list.projekt .listrow .col:nth-of-type(3) .flags_wrap .flag.user.mm {background-color:rgba(131,182,91,1); } 
.list.projekt .listrow .projekt_error {width:96%; margin:8px 2%; color:rgba(164,18,31,1);}

.list.projekt .listrow .col input[type="checkbox"] { display:none; position:absolute; visibility:hidden;}
.list.projekt .listrow .col input[type="checkbox"]:checked + label {
	background-color:rgba(0,144,201,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1); 
}
.list.projekt .listrow .col label.checkbox_label {
	width:24px;
	height:24px;
	padding:0;
	float:none;
	margin:0px auto;
	background-color:rgba(246,245,244,1);
	box-shadow:inset 0px 0px 0px 1pt rgba(0,0,0,0.1);
}

.list.projekt .listrow .col label.checkbox_label > img { margin:3px 0 0 3px; padding:0 !important;}

.col.centerflex {
	justify-content:center;
	display:flex;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	-o-flex-flow:row wrap;
}

/* ##### MOVE TO PROJECT ITEMS  #####----------------------------------*/

.movetoproj_wrap { width:100%; float:left; padding-bottom:20px;}
.movetoproj_wrap .select_entry, .movetoproj_wrap .select_action { width:50%; float:left;}

.movetoproj_wrap .select_action > label, .movetoproj_wrap .select_action > select { float:right;}

.movetoproj_wrap .select_action > label {
	font-size:0.8em; 
	line-height:1.0em;
	margin:10px 3% 0 0;
}
.movetoproj_wrap .select_action > select {
	font-size:0.8em; 
	min-width:auto !important;
	max-width:auto !important; 
	width:auto !important;
}

/* PAUSCHALEN LIST ITEMS */

.list.pauschalen {}

.list.pauschalen .toprow,
.list.pauschalen .listrow { width:100%; padding:0; border-bottom:1px solid rgba(0,0,0,0.2);}
.list.pauschalen .listrow:nth-of-type(even) { background-color:rgba(255,255,255,1);}
.list.pauschalen .listrow:nth-of-type(odd) { background-color:rgba(228,229,227,1);}

.list.pauschalen .col { padding:10px 0.5%; float:left;}

.list.pauschalen .col:nth-of-type(1) { width:24%; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
.list.pauschalen .col:nth-of-type(2) { width:10%; text-align:center}
.list.pauschalen .col:nth-of-type(3) { width:10%; text-align:center}

/* STUNDENTYP LIST ITEMS */

.list.stundentyp {background-color:rgba(255,255,255,1);}

.list.stundentyp .toprow,
.list.stundentyp .listrow { width:100%; padding:0; border-bottom:1px solid rgba(0,0,0,0.2);}
.list.stundentyp .listrow:nth-of-type(even) { background-color:rgba(255,255,255,1);}
.list.stundentyp .listrow:nth-of-type(odd) { background-color:rgba(228,229,227,1);}

.list.stundentyp .toprow .col { padding:10px 0.5%; text-align:center;}

.list.stundentyp > .listrow[title~=arz] .col, 
.list.stundentyp > .listrow[title~=fhl] .col, 
.list.stundentyp > .listrow[title~=krk] .col,
.list.stundentyp > .listrow[title~=url] .col { padding:5px 0.5% !important; min-height:auto !important; color:rgba(102,102,102,0.5);}

.stundentyp_item .col, .list.stundentyp .listrow .col { 
	border-right:1px solid rgba(0,0,0,0.1);
	margin-left:-1px; 
	padding:10px 0.5%;
	min-height:36px;
}

.list.stundentyp .listrow .col .icon { 
	width:15px; 
	height:15px; 
	padding:8px; 
	margin:0 auto;
	background-color:rgba(0,0,0,1); 
	color:rgba(255,255,255,1);
	position:relative;
}

.list.stundentyp .listrow .col .icon .icon_count {
	position:absolute;
	width:20px;
	height:20px;
	padding:0;
	margin:-15px -5px 0 0;
	text-align:center;
	background-color:rgba(0,144,201,1);
	right:0;
	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;
}

.list.stundentyp .listrow .col .icon[title~=sv0] > .icon_count {background-color:rgba(140,140,140,1) !important;}
.list.stundentyp .listrow .col small { font-size:10px;}
.list.stundentyp .listrow .col:nth-of-type(6) small:nth-of-type(1),
.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(5) small:nth-of-type(1) { 
	width:auto;
	margin-right:5px;
	color:rgba(0,144,201,1); 
	font-family:'exobold';
}

.list.stundentyp .listrow .col:nth-of-type(1) { width:05%; text-align:center;}
.list.stundentyp .listrow .col:nth-of-type(2) { width:09%; text-align:center;}
.list.stundentyp .listrow .col:nth-of-type(3) { width:50%;}
.list.stundentyp .listrow .col:nth-of-type(4) { width:10%; text-align:center;}
.list.stundentyp .listrow .col:nth-of-type(5) { width:5%; text-align:center;}
.list.stundentyp .listrow .col:nth-of-type(6) { width:15%; border-right:0px;}

.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(1) { width:05%; text-align:center;}
.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(2) { width:09%; text-align:center;}
.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(3) { width:60%;}
.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(4) { width:05%; text-align:center;}
.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(5) { width:15%; border-right:0px;}

.list.stundentyp.ohnebetrag .toprow .col:nth-of-type(3) { width:60%; text-align:left;}

.list.stundentyp .toprow .col:nth-of-type(1) { width:05%;}
.list.stundentyp .toprow .col:nth-of-type(2) { width:09%;}
.list.stundentyp .toprow .col:nth-of-type(3) { width:50%; text-align:left;}
.list.stundentyp .toprow .col:nth-of-type(4) { width:10%;}
.list.stundentyp .toprow .col:nth-of-type(5) { width:20%;}

/* STUNDENTYP EDIT */

.stundentyp_item {
	width:100%; 
	margin:20px 0;
	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.1);
	outline:1px solid rgba(0,0,0,0.1);
}

.stundentyp_item .col { min-height:auto; padding:20px 0.5%;}
.stundentyp_item .col:nth-of-type(1) { width:10%; text-align:center;}
.stundentyp_item .col:nth-of-type(2) { width:10%; text-align:center;}
.stundentyp_item .col:nth-of-type(3) { width:71%; padding:20px 0 20px 5%; border:0px;}

.list.stundentyp_user { width:96%; padding:20px 2%; outline:1px solid rgba(214,157,29,0.7);}

.list.stundentyp_user .stundentyp_user_row { width:100%; margin:4px 0; padding:0;}
.list.stundentyp_user .stundentyp_user_row input { margin:0 20px 0 0;}
.list.stundentyp_user .stundentyp_user_row input:checked + label { font-family:'exobold'; color:rgba(0,0,0,1);} 

label:hover { cursor:pointer;}

/* ##### USER / DETAIL ##### ----------------------------------*/

.userdetail { 
	width:90%; 
	margin:0 5%;
	text-align:center; 
	background-color:rgba(218,84,69,1.0); /* individual User Color*/ 
}
.userdetail .profile { width:60%; margin:34px auto; max-width:300px; float:none;}
.userdetail .action { width:100%; margin:22px 0 0 0; padding:20px 0; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}

/* ##### LOGO ##### ----------------------------------*/

.logo {width:100%; margin:40px 0;}

/* ##### LOGIN ##### ----------------------------------*/

#login, .logout { 
	width:300px;
	height:auto;
	position:absolute;
	top:60px;
	left:50%;
	margin:0 0 120px -150px;
}


@media screen and (max-width:480px) {
	
	#login, .logout { 
		top:10px;
	}
}

.logintext { width:auto; padding:18px 10px;}

.logout .bto {
	width:auto;
	margin:20px 0;
	padding:10px 18px;
	background-color:rgba(0,0,0,1);
	color:rgba(255,229,91,1);
}

/* ##### FOOTER ##### ----------------------------------*/

#footer {
	position:inherit;
	bottom:0px !important;
	right:0;
	width:76%;
	padding:24px 2%;
}

/* ##### ICONS #####----------------------------------*/

.headicon {
	width:20px;
	height:20px;
	margin:6px 6px 0 0;
	padding:12px;
	background-color:rgba(0,0,0,1);
}

.headicon + h2 { margin:0;}

.bto, .bto_reg, .icon { margin:12px 6px;}

.bto_reg:hover, .bto:hover { cursor:pointer;}
.bto_reg:active, .bto:active { cursor:pointer; box-shadow:0px 0px 0px 2pt rgba(0,0,0,1), inset 0px 0px 0px 1pt rgba(0,0,0,1);}

.size16 { width:16px; height:16px;}
.size18 { width:18px; height:18px;}
.size24 { width:24px; height:24px;}
.size32 { width:32px  !important; height:32px !important;}
.size48 { width:48px; height:48px;}
.size64 { width:64px; height:64px;}

.bto.spacer { margin-top:30px;}

.txtbto {
	width:100%;
	max-width:160px;
	padding:10px 0%;
	margin:3px 0 6px 0; 
	color:rgba(250,200,26,1);
	background-color:rgba(17,17,15,1);
}

.bto.textdefault {
	background-color:#000;
	color:#fff;
	border:none;
	padding:4px 20px;
	margin:20px 0;
	font-size:1.5em;
	height:2em;
	border-radius: 1em;
}

.col12 > a > .txtbto {float:none !important; margin:20px auto !important;}
 
/* ##### ##### CALLBACK, ERROR, CONFIRM MESSAGES ##### ##### */

.callback_msg { width:75%; max-width:400px; margin-top:32px;}

.callback_msg_icon { width:15%; max-width:104px; margin:24px 5%;}
.callback_msg_icon .icon { float:right;}

.callback_msg_bto { width:100%; float:right; margin:24px -5px 0 0;}
.callback_msg_bto .bto { float:right;}

.error { float:right; margin:48px 24px; color:rgba(205,9,32,1);}
form.loginform .error { margin:5px 0; color:rgba(205,9,32,1);}

.mobile_only { display:none; visibility:hidden; }
.desktop_only { display:block; visibility:visible;}

.alertbox {
	width:100%;
	height:100%;
	min-height:auto;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.8);
	z-index:5000;
}

.alertbox .inner {
	width:400px;
	padding:40px;
	position:absolute;
	top:24%;
	left:50%;
	margin-left:-240px;
	background-color:rgba(255,255,255,1);
}

.alertbox .inner span { width:100%;}

.alertbox .button {
	width:100px;
	margin:20px auto 0 auto;
	padding:10px 12px;
	background-color:rgba(0,0,0,1);
	color:rgba(255,212,0,1);
	text-align:center;
}


.alert {
	margin:10px; 
	padding:5px; 
	border-radius:4px;
}

.alert.ok {
	background:#d4edda; 
	color:#155724; 
	border:1px solid #c3e6cb; 
}

.alert.error {
	background:#f8d7da; 
	color:#721c24; 
	border:1px solid #f5c6cb;
}

.alert.info {
	background:#e2e3e5; 
	color:#383d41; 
	border:1px solid #d6d8db;
}

/*
.alert.yellow {
	background:#fff3cd;
	color:#856404; 
	border:1px solid #ffeeba;
}
*/

/* ##### ##### DESKTOP REGULAR STYLES ##### ##### */

.mobileonly { display:none;}
.desktoponly { display:block;}

@media screen and (max-width:1642px) {
	.formwrap.zuweisung {width:58%;}
	.formwrap.workinghours {}
	.formwrap.zuweisung ~ .formsubmit_wrap {}
}

@media screen and (max-width:1300px) {
	#content {width:96%;}
	#intro {display:block;}
	#footer { width:96%; text-align:center;}
	
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(6) small { display:none;}
	
	.list.projekt .listrow .col:nth-of-type(1) { width:5%;}
	.list.projekt .listrow .col:nth-of-type(2) { width:18%;}
	.list.projekt .listrow .col:nth-of-type(3) { width:61%;}
	.list.projekt .listrow .col:nth-of-type(4) { width:auto;}
	
	.formwrap_arbeitinput {width:56%;}
	.beschreibung, .name {width:76%; margin:0; float:left;}
}

/* ##### ##### TABLET STYLES ##### ##### */

@media screen and (max-width:1080px) {
	h1 { font-size:2.4em; }
	h2 { font-size:1.8em; }
	h3 { font-size:1.1em; }
	h4 { font-size:1.1em; }
	
	.mobile_only { display:block; visibility:visible;}
	.desktop_only { display:none; visibility:hidden;}
	
	.formwrap.arbeitinput {width:96%; padding:10px 1%; margin:10px 1%;}
	.formwrap.additional  {width:98%; padding:0; margin:10px 1%; min-height:inherit; }
	
	.formwrap.zuweisung {width:56%;}
	.formwrap.workinghours { width:18%; min-height:322px;}
	.formwrap.zuweisung ~ .formsubmit_wrap { width:auto; min-height:362px;}
		
	.querywrap .actionwrap { position:absolute; bottom:0px; left:0px; padding:0; background-color:rgba(0,0,0,1);}
	
	.listrow  input[type="checkbox"] { width:auto; float:right; margin:15px 2px;}
	.listrow .bto { margin:10px 0px 8px 0px; float:left;}
	
	.listrow .entry_dd { width:45%;}
	.listrow .entry_ss { width:15%;}
	.listrow .entry_us { width:10%;}
	
	.listrow .hours { margin:6px 0 2px 0;}
	.listrow .art { margin:0;}
	.listrow .hours, .listrow .art { width:100%; text-align:center;  padding:0;}
	.listrow .user {width:100%;}
	.list.month .listrow .wrap.hours > .hour_entry_item .col  { text-align:left; width:auto;}
		
	.list.week .listrow .wrap.hours .hour_entry_item .col.edit_buttons { 
		display:none;
		position:absolute;
		width:140px;
		max-width:140px;
		min-width:140px;
		right:12%;
		padding:5px;
		margin-top:-8px;
		background-color:rgba(0,0,0,1);
	}
	
	.list.week .listrow .wrap.hours .hour_entry_item .col.edit_buttons:before {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 20px 10px 0;
		border-color: transparent #000000 transparent transparent;
		position:absolute;
		left:-10px;
		top:18px;
	}
	
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(1) { width:12%; padding-top:5px;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) { width:52%; padding-top:5px; text-align:left;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(3) { width:10%; padding-top:5px; text-align:right;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) { width:8%; min-width:auto; padding-top:12px;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) { width:8%; min-width:auto; padding-top:5px; text-align:right;}
	
	.list.projekt .listrow .col:nth-of-type(1) { width:8%;}						
	.list.projekt .listrow .col:nth-of-type(2) { width:28%;}
	.list.projekt .listrow .col:nth-of-type(3) { width:48%;}
	.list.projekt .listrow .col:nth-of-type(4) { width:auto; padding:32px 0;}
	.list.projekt .listrow .col:nth-of-type(3) .description { font-size:0.8em; line-height:1.2em;}
	
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(1) { width:5%; 		max-width:5%;  }
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(2) { width:20%; 		max-width:; 	padding:18px 1% 15px 1%; text-align:left;}
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(3) { width:5%; 		max-width:; 	padding:15px 1% 0px 1%; }
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(4) { width:25%; 		max-width:; 	padding:10px 1% 5px 1%; word-wrap:break-word;}
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(5) { width:13%; 		max-width:; 	padding:10px 1% 5px 1%; text-align:right; }
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(6) { width:auto; 		max-width:20%; 	padding:15px 1% 0 1%; }
			
	.pagetitle { margin:0 20px 0 0;}	
		
	#content { padding:100px 2% 0 2%;}
	
	.querywrap { background-color:rgba(255,255,255,1); width:90%; float:left; margin:-5px 0 0 0; position:absolute; bottom:0; top:80px; left:0;}
	.querywrap h3, .querywrap p, .querywrap small { width:100%; float:left;}
	
	.querywrap .data { 
		width:100%; 
		height:auto; 
		float:left; 
		margin:0px !important;
		padding:0px !important;
		background-color:transparent; 
		box-shadow:0px 0px 0px 0pt rgba(255,234,100,0);
		text-align:center;
		border-radius:0%;
		-webkit-border-radius:0%;
		-moz-border-radius:0%;
		-ms-border-radius:0%;
		-o-border-radius:0%;
	}
	
	.querywrap .data h2 {font-family:'exoregular'; font-size:4.0em; margin-top:0px;}
	.querywrap .data b, .querywrap .data h2 { width:100%; float:left; color:rgba(234,181,0,1);}
	
	.querywrap .information {
		width:auto;
		max-width:300px;
		float:left;
		margin:50px 0 0 0;
	}
	
	.month_action .col {width:100%; margin:10px 0 !important;}
	
	.alertbox .inner {
		width:80%;
		padding:40px 5%;
		left:0;
		margin:0 5%;
	}
	
	.c_button { margin-left:5%;} 
	
	.list.stundentyp .listrow .col:nth-of-type(1) { width:08%;}
	.list.stundentyp .listrow .col:nth-of-type(2) { width:10%;}
	.list.stundentyp .listrow .col:nth-of-type(3) { width:30%;}
	.list.stundentyp .listrow .col:nth-of-type(4) { width:15%;}
	.list.stundentyp .listrow .col:nth-of-type(5) { width:12%;}
	.list.stundentyp .listrow .col:nth-of-type(6) { width:19%;}
	
	.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(1) { width:08%;}
	.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(2) { width:10%;}
	.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(3) { width:45%;}
	.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(4) { width:12%;}
	.list.stundentyp.ohnebetrag .listrow .col:nth-of-type(5) { width:19%;}
	
	.list.stundentyp.ohnebetrag .toprow .col:nth-of-type(3) { width:45%;}
	
	.list.stundentyp .toprow .col:nth-of-type(1) { width:08%;}
	.list.stundentyp .toprow .col:nth-of-type(2) { width:10%;}
	.list.stundentyp .toprow .col:nth-of-type(3) { width:30%;}
	.list.stundentyp .toprow .col:nth-of-type(4) { width:15%;}
	.list.stundentyp .toprow .col:nth-of-type(5) { width:32%;}
	
	.list.kunden .listrow .col:nth-of-type(1) { width:50%;}
	
	.list.checkoutarchive .listrow .col { min-height:32px; max-height:32px; overflow:hidden;}
	
	.list.checkoutarchive .toprow .col:nth-of-type(1), .list.checkoutarchive .listrow .col:nth-of-type(1) { width:4%;}
	.list.checkoutarchive .toprow .col:nth-of-type(2), .list.checkoutarchive .listrow .col:nth-of-type(2) { width:6%;}
	.list.checkoutarchive .toprow .col:nth-of-type(3), .list.checkoutarchive .listrow .col:nth-of-type(3) { width:10%;}
	.list.checkoutarchive .toprow .col:nth-of-type(4), .list.checkoutarchive .listrow .col:nth-of-type(4) { width:50%;}
	.list.checkoutarchive .toprow .col:nth-of-type(5), .list.checkoutarchive .listrow .col:nth-of-type(5) { width:4%;}
	.list.checkoutarchive .toprow .col:nth-of-type(6), .list.checkoutarchive .listrow .col:nth-of-type(6) { width:4%;}
	
	.list.unternehmen .unternehmen_prev_item {
		width:90%;
		float:left;
		margin:10px 5%;
		background-color:rgba(255,255,255,1);
	}
	
	.list.user .listrow.mobile_only { height:90px; outline:1px solid rgba(0,255,0,1);}
	.list.user .listrow .user_detail {
		width:8%;
		height:90px;
		float:left;
		border-right:1px solid rgba(0,0,0,0.1);
		margin:0 0 0 -1px;
		padding:0 2%;
	}
	
	.list.user .listrow .user_detail .profile,
	.list.user .listrow .user_detail .color_preview_item,
	.list.user .listrow .user_detail .level_item { loat:left; width:20px; height:20px;}
	
	.list.user .listrow .user_detail .profile {margin:10px 4px 0 4px;}
	.list.user .listrow .user_detail .level_item { width:100%; text-align:center; font-size:0.9em;}
	
	.list.user .listrow .user_text { width:72%; padding:16px 0 0 4%; float:left;}
	.list.user .listrow .buttons { float:right; margin:22px 2% 0 0;} 
	
	.list.zuweisung.small { width:100%;}
	
	.list.zuweisung.small .listrow .col:nth-of-type(1) {}
	.list.zuweisung.small .listrow .col:nth-of-type(2) {width:40%;}
	.list.zuweisung.small .listrow .col:nth-of-type(3) {width:27%;}
	.list.zuweisung.small .listrow .col:nth-of-type(4) {width:22%;}
	
	
	.list.offenestunden .toprow {height:10px;}
	.list.offenestunden .toprow .col { display:none;} 
	
	.list.offenestunden .description {
		width:76%;
		padding:8px 2%;
		float:left;
		margin-left:-1px;
		border-right:1px solid rgba(0,0,0,0.1);
	}
	
	.list.offenestunden .description span { width:100%; float:left; margin:5px 0 0 0; font-size:0.8em;}
	
	.list.offenestunden .num {
		width:20%;
		float:left;
		text-align:center;
		padding-top:10px;
	}
	
	.color_selectbox > label.color_item { width:50%; height:40px;}
	.color_selectbox > label.color_item + span { width:46%; height:40px; margin:0 0 0 4%;} 
	
	.mobileonly { display:block !important; visibility:visible;}
	.desktoponly { display:none !important; visibility:hidden;}
	
	.formwrap_arbeitinput,
	.formwrap { 
		width:96%; 
		margin:10px 0 ; 
		padding:8px 2% 10px 2%;
	}
	
	#option.op01 .datewrap { float:left; margin:5px 0 0 0;}
	
	#workdaywrap > .dateselect, 
	#workdaywrap_end > .dateselect { width:286px;}
	
	.formwrap_user { width:100%; float:left;} 
	
	.wrap.user_style { width:100%; float:left; margin:20px 0;}
	
	.user_level_select_item { width:100%; margin:12px 0;}
	
	.formwrap.zuweisung ~ .formsubmit_wrap > a { margin:0; float:right;}
}


/* ##### ##### SMALL MOBILE ##### ##### */
@media screen and (max-width:600px) {
	h1 { font-size:1.6em; }
	h2 { font-size:1.4em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1.2em; }
		
	.logo {width:80%; margin:40px 10%;}

	.forminfotitle { margin:0 0 20px 5%;}

	.querywrap h3:last-of-type {margin-bottom:50px;}
	
	#content { width:100%; padding:70px 0% 0 0%;}
	
	.screen .top .pagetitle {margin:12px 0 0 10px;}
	
	hr.fine { margin:5px 0 4px 0 !important;}
	
	.wrap.inner { width:96%; padding:0 2%;}
	
	.list.firmen .listrow .wrap, .toprow .wrap { width:80%; float:left;}
	.list.user .listrow .wrap { width:60%;}

	.listrow .stat, .lastentry, #footer { display:none;}
	.toprow, .listrow, .screen .info { width:90%; padding:0 5%;}
	
	.userdetail { width:100%;  :0;}
			
	.headicon {margin:6px 6px 0 5%;}
	
	.screen {
		width:100%;
		margin:0;
		padding:10px 0%;
		outline:0px none !important;
	}
	
	.formwrap { width:92%; margin:10px 2%;}
	
	.screen.welcome {padding-top:40px;}
	.list.month .listrow .wrap label.label { margin:10px;}
	.list.week .listrow .wrap.hours .hour_entry_item .col {}
		
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(1) { width:15%; 	padding-top:6px; padding-bottom:0px; font-size:0.9em;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(2) { width:47%; 	padding-top:5px; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(3) { width:11%; 	padding:5px 2% 0 0; float:left; border-right:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) { width:18px; 	min-width:auto; padding:2px 0 0 0; margin:0 1% 0 3%; float:left; border-right:0px solid rgba(0,0,0,0); }
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) { width:8%; 	min-width:auto; padding-top:4px; float:left; border-right:0px solid rgba(0,0,0,0);}
	
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(4) img.ic { max-width:18px; max-height:18px; margin:2px 0 0 0 !important;}
	.list.week .listrow .wrap.hours .hour_entry_item .col:nth-of-type(5) > img.bto { margin:6px 0 0 0 !important;}
	
	.list.projekt .listrow .col { 
		min-height:50px; 
		max-width:inherit !important;
		padding-left:1%;
		padding-right:1%;
	}
	
	.list.projekt .listrow .col:nth-of-type(1) { width:8%;}
	.list.projekt .listrow .col:nth-of-type(2) { width:28%; min-height:87px; padding-left:3%;}
	.list.projekt .listrow .col:nth-of-type(3) { width:46%;}
	.list.projekt .listrow .col:nth-of-type(4) { width:auto; padding:29px 0;}
	
	.list.projekt .listrow .col label.checkbox_label > img { margin:3px 0 0 1px;}
	.list.projekt .listrow .col label.checkbox_label {
		width:20px;
		height:24px;
		padding:0;
		float:left;
		margin:30px auto;
	}
	
	.list.month .listrow .wrap.hours > .hour_entry_item .col:nth-of-type(3) { display:none; }
	
	.list.abrechnung .listrow { width:100%; padding:0 !important;}
	.list.abrechnung .listrow .col { padding:10px 0.5% 0 0.5%; float:left; margin:0 !important;}
	.list.abrechnung .listrow .col:nth-of-type(1) {width:5%; padding-top:0px;}
	.list.abrechnung .listrow .col:nth-of-type(2) {width:49%; font-size:0.9em;}
	.list.abrechnung .listrow .col:nth-of-type(3) {width:15%;}
	.list.abrechnung .listrow .col:nth-of-type(4) {width:8%;}
	.list.abrechnung .listrow .col:nth-of-type(5) {width:8%;}
	.list.abrechnung .listrow .col:nth-of-type(6) {width:8%;}
	
	.list.checkoutarchive { width:100%; float:left; padding:0; font-size:0.9em;}
	.list.checkoutarchive .toprow, .list.checkoutarchive .listrow { width:96%; padding:0;}
	
	.list.checkoutarchive .listrow .col { min-height:20px; max-height:20px; overflow:hidden;}
	
	.list.checkoutarchive .toprow .col:nth-of-type(1), .list.checkoutarchive .listrow .col:nth-of-type(1) { width:10%; text-align:center;}
	.list.checkoutarchive .toprow .col:nth-of-type(2), .list.checkoutarchive .listrow .col:nth-of-type(2) { width:10%; text-align:center;}
	.list.checkoutarchive .toprow .col:nth-of-type(3), .list.checkoutarchive .listrow .col:nth-of-type(3) { width:10%; text-align:center;}
	.list.checkoutarchive .toprow .col:nth-of-type(4), .list.checkoutarchive .listrow .col:nth-of-type(4) { display:none;}
	.list.checkoutarchive .toprow .col:nth-of-type(5), .list.checkoutarchive .listrow .col:nth-of-type(5) { width:20%; text-align:center;}
	.list.checkoutarchive .toprow .col:nth-of-type(6), .list.checkoutarchive .listrow .col:nth-of-type(6) { width:20%; text-align:center;}
	
	.list.zuw_arbeitsleistung .listrow .output_detail {
		width:30%; 
		float:left;
		padding:20px 2%;
		border-right:1px solid rgba(0,0,0,0.1);
		margin:0 0 0 -1px;
	}
	
	.list.zuw_arbeitsleistung .listrow .user_detail {
		width:46%;
		float:left;
		padding:10px 2%;
	}
	
	.list.zuw_arbeitsleistung .listrow .stat_detail {width:auto; float:right; padding:30px 2% 0 2%;}
	.list.zuw_arbeitsleistung .listrow .stat_detail img { width:18px; height:18px;}
	
	.list.zuw_arbeitsleistung .listrow .output_detail .wrap,
	.list.zuw_arbeitsleistung .listrow .user_detail .wrap { width:100%;}
	
	.list.zuw_arbeitsleistung .listrow .output_detail .wrap:nth-of-type(1) { font-size:1.2em;}
	.list.zuw_arbeitsleistung .listrow .output_detail .wrap small,
	.list.zuw_arbeitsleistung .listrow .user_detail .wrap small { color:rgba(120,120,120,1);}
	
	.txtbto { margin-right:5%; float:right;}
	
	.filter_wrap { width:90%; margin:0 5%;}
	
	.filter_wrap > .search_item { width:100%; float:left;}
	.filter_wrap > .search_item input[type="search"].smallsearch {width:230px; margin:-4px 0 0 0;}
	.filter_wrap > .search_item .circle_label.norm { margin:20px 8px 0 0 ;}
	.filter_wrap > .search_item .circle_label.norm + span {margin:22px 20px 0 0 ;}
	
	.search_item input[type="search"].smallsearch { width:240px; float:left; margin:-4px 0 0 5%;}
	.search_item input[type="search"].smallsearch + input[type="submit"] { float:left; padding:6px 0; margin:-4px 0 0 -1px; width:50px;}
		
	.mobile_bto {
		width:90%;
		float:left;
		margin:20px 5% 0 5%;
	}	
	
	.mobile_bto > a { float:left !important;}
		
	.list.movetoproj {
		width:96%;
		margin:-20px 2% 0 2%;
	}	
		
	.editmenu {
		margin:-8px 0 0 -180px !important;
		width:135px !important;
		padding:0 !important;
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	
	.editmenu:after {display:none; visibility:hidden;}
	
	.list.stundentyp_user .stundentyp_user_row input { float:left; margin:0 10px;}
	
	.hours_total {
		width:96%;
		margin:0 2%;
		padding:0%;
	}
	
	.hours_total .wrap_summonth { padding:18px 4%; width:92%;}
	.hours_total .showmore_wrap > .list { width:308px;}
	
	#workdaywrap > .dateselect, #workdaywrap_end > .dateselect{ width:271px;}
	.option.opt02 { width:306px;}
	
	.beschreibung, .name { width:70%; margin:0; float:left;}
	
	.duration_period {margin-top:0px;}
	.duration_period p { display:none;}
	
	.duration_period .period_start,
	.duration_period .period_end { width:auto; float:left; margin:0;}
	.duration_period .divider { width:8%; text-align:center; float:left; margin:0;}
	
	.duration_period .period_start > input.day,
	.duration_period .period_start > input.month,
	.duration_period .period_end > input.day,
	.duration_period .period_end > input.month { 
		font-size:1.0em; 
		width:22px;
	}
	
	.duration_period .period_start > input.year,
	.duration_period .period_end > input.year { 
		font-size:1.0em; 
		width:45px;
	}
	
	.formwrap.zuweisung {width:100%;}
	.formwrap.workinghours { width:56%; min-height:205px; margin:0 0 20px 0;}
	.formwrap.zuweisung ~ .formsubmit_wrap { 
		width:38%;
		min-height:245px;
		margin:0 0 0 2%;
		padding:0;
		
		display: flex ;
		flex-direction: row ;
		flex-wrap: wrap ;
		justify-content: center ;
		align-items: center ;
		align-content: center ;
	}
	
	.formwrap.zuweisung > .row {
		width:96%;
		float:left;
		padding:0 2%;
	}
	
	.list.anstellung .listrow { display:none;}
	.list.anstellung .mobile_item { display:block;} 

}

@media screen and (max-width:325px) {
	
	form.loginform {width: 80%; margin: 0px 10% 0 10%;}
}



/* projekt overview 2020-04-10 */ 

.content.po {}
.content.po .wrap.form {}
.content.po .wrap.list {}
.po_list { margin: 0 0 0 0; }
.po_form { margin: 0 0 0 0; }

.po .subtitle { margin:1em 0 0 0; }
.po .subtitle .daterange { }

.po_form .row .cell, 
.po_list .row .cell { display:inline-block; float:left; padding:0.5em 0.5em; border:1px solid #999; margin:-1px 0 0 -1px; height:2em; }
.po_list .row.header .cell {padding:0.2em 0.7em; height:3em;  }

.po_form .row .cell {}
.po_form .row .cell.label {}
.po_form .row .cell.data {}

.po_list .row { width:100%; }
.po_list .row .cell { overflow:hidden; height:  }
.po_list .row.header .cell 						{ font-size:0.8em; border:0; }
.po_list .row .cell.kunde_token 				{ width:3%;  }
.po_list .row .cell.kundeandproject				{ width:62%; }
.po_list .row .cell.kunde_name 					{ width:33%; }
.po_list .row .cell.projekt_bezeichnung 		{ width:33%; } 
.po_list .row .cell.projekt_arbeitsstunden		{ width:11%; text-align:right; font-family:"Courier New", Courier, monospace; }
.po_list .row .cell.projekt_arbeitseintrag_last { width:7%; text-align:right; }


@media screen and (max-width:1600px) {
	.po_list .row .cell.kunde_name ,
	.po_list .row .cell.projekt_bezeichnung  { width:25%; }
	.po_list .row .cell.projekt_arbeitsstunden { width:10%; }
	.po_list .row .cell.projekt_arbeitseintrag_last { width:13%; }
	
}

@media screen and (max-width:480px) {
	.po .subtitle,
	.po_list { margin-left:10px; }
	.po_list .row .cell { height:60px; padding:5px 5px; }
	.po_list .row.header .cell { padding:5px; height:80px;  }
	
	.po_list .row .cell.kunde_token 				{ width:10%;  }
	.po_list .row .cell.kundeandproject				{ width:40%; }
	.po_list .row .cell.kunde_name 					{ width:100%; }
	.po_list .row .cell.projekt_bezeichnung 		{ width:100%; } 
	.po_list .row .cell.projekt_arbeitsstunden		{ width:18%; }
	.po_list .row .cell.projekt_arbeitseintrag_last { width:12%;  }
	
	
	.po_list .row .cell.projekt_arbeitsstunden,
	.po_list .row .cell.projekt_arbeitseintrag_last { font-size:0.8em; }
}



.list.pauschalen table { border-collapse:collapse; } 
.list.pauschalen table tr td,
.list.pauschalen table tr th { border:1px solid #999; padding:0.5em 1em; text-align:left }
.list.pauschalen table tr td.expired { color:#999; }


.pbudget_hinweis { display:inline-block; padding:0.1em 0.1em 0 0.1em; letter-spacing:0; }
.pbudget_hinweis.minus { background:red; color:#fff; }
.pbudget_hinweis.plus { background:none; color:green; }

.lizenz_overview form { margin:0 0 2em 0; }
.lizenz_overview form input[name="datestart"],
.lizenz_overview form input[name="dateend"] { width:18em; }
.lizenz_overview input[type="submit"] { width:8em; }
.lizenz_overview table.data { border-collapse:collapse; }
.lizenz_overview table.data tr td { border:1px solid #000; padding:0.2em 0.5em;}

.monatsjournal {}
.monatsjournal form .datewrap, 
.monatsjournal form .submitwrap { display:inline-block; float:left;  margin-right:1em; }
.monatsjournal form .datewrap.year input[name="y"],
.monatsjournal form .submitwrap input { padding:7px 2%; text-align:center; }
.monatsjournal form .submitwrap input { width:8em; }
.monatsjournal form .datewrap.year input[name="y"] { width:4em; }

table.monatsj { border-collapse:collapse; }
table.monatsj tr td,
table.monatsj tr th { border:1px solid #000; padding:0.2em; text-align:right; }
table.monatsj tr.sum td { background:#888; color:#fff; font-weight:bold; }


/* project overview user timebars list */
.poop.row { margin-top:0; width:100%; }
.poop.row div { float:left; margin:0; background:none; color:black; }
.poop.row div.date { width:20%; text-align:right; }
.poop.row div.userbars { width:79%; }

.poop.row div.userbars div .text, 
.poop.row .date { padding-top:3px; }
.poop.row div.userbars div .text { padding-left:0.5em; }

.date .year,
.date .month,
.date .weekday,
.date .daydate { margin:0 0.5em 0 0; }
.date .year    { width:2.5em;  }
.date .month   { width:2.5em; }
.date .weekday { width:2.5em; }
.date .daydate { width:2em; }


/* Rechnung (neu 2022-02-14) */

.list.rechnung .editbuttons .bto { margin:0; }
.list.rechnung .editbuttons .bto,
.list.rechnung .editbuttons .icon { margin:0px; }
.list.rechnung .col { padding:0.2em; }
.list.rechnung .col.reID { width:3em; }
.list.rechnung .col.reNr { width:8em; font-family:'exobold'; }
.list.rechnung .col.reDatum { width:7em; }
.list.rechnung .col.reBetrag { width:6em; }
.list.rechnung .col.reStatus { width:14em; }
.list.rechnung .col.kunde { width:3em; }
.list.rechnung .col.reStatus_entrydate { width:6em; }
.list.rechnung .col.invoiceFile { width:5em; }

.list.rechnung .col.invoiceFile .bto { border-radius:0; width:24px; height:16px; border:1px solid #11110f; text-align:center; font-size:0.8em;  }
.list.rechnung .col.invoiceFile .bto.invoicefile_download { background:#58A951; color:#fff; }
.list.rechnung .col.invoiceFile .bto.no_invoicefile { background:#e52b2a; }
.list.rechnung .col.invoiceFile .bto.upload_new_invoice {}

.list.rechnung .col.invoiceFile .bto,
.list.rechnung .col.bto .bto{ margin:4px 2px; }


.rechnung_edit .reNr,
.rechnung_edit .kID,
.rechnung_edit .kNr { display:inline-block; padding:0 0.4em; }

.rechnung_edit .reNr,
.rechnung_edit .kNr { background:rgb(103,76,29); color:#fff; }


.rechnung_edit .section_rechnunglog { margin:2em 0; padding:1em; border:1px solid rgb(103,76,29); width:95%; }
.rechnung_edit .section_rechnunglog .wrap_header {}
.rechnung_edit .section_rechnunglog .wrap_edit {}
.rechnung_edit .section_rechnunglog .wrap_list {}


.rechnung_edit .section_rechnunglog .wrap_list .col { padding:0.4em 0.8em; }
.rechnung_edit .section_rechnunglog .wrap_list .col.entrydate { width:10em; padding-left:0; } 
.rechnung_edit .section_rechnunglog .wrap_list .col.user { width:3em; }
.rechnung_edit .section_rechnunglog .wrap_list .col.status { width:16em; }
.rechnung_edit .section_rechnunglog .wrap_list .col.vermerk { width:30em; padding-right:0; }


.list.rechnung .listrow.zahlung_eingegangen { background:#58A951; color:#fff; }
.list.rechnung .listrow.storniert div { text-decoration: line-through; color:#999; }

table.csv_for_indd {
    border-collapse: collapse;
    text-align:left;
}

table.csv_for_indd tr th,
table.csv_for_indd tr td {
    border:1px solid black;
    padding:2px 10px;
    vertical-align: top;
}


/*
.blocksum .label,
.blocksum .num { display:inline-block; float:left; margin-right:0.5em;}
.blocksum .num { font-weight:bold; }
*/

.topbuttons .edit_item a div.icon,
.topbuttons .edit_item a div.label {  display:inline-block; float:left; }
.topbuttons .edit_item a div.icon { margin: 0; }
.topbuttons .edit_item a div.icon img { height: 28px; }
.topbuttons .edit_item a div.label { font-size: 18px; padding:5px 0 0 5px;}

.kundenlistennav .label,
.kundenlistennav .item{ float:left; padding:5px; border-right:1px solid #000000; }
.kundenlistennav .item.active { background:rgba(214,157,29,1); }
table.kundengruppen.input.cb tr td input[type="checkbox"] { margin:0; }