body { 
	padding: 10px;
	font-size: 0.9rem;
}

.container {
	min-width: 1233px!important;
}

.flex-container {
	display: flex; 
	flex-direction: row; /* row | row-reverse | column | column-reverse */
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse */
	/* flex-flow: row wrap; */
	justify-content: center; /* flex-start | flex-end | center | space-between | space-around | space-evenly */
	align-items: flex-start; /* stretch | flex-start | flex-end | center | baseline; */
	align-content: flex-start /* flex-start | flex-end | center | space-between | space-around | stretch; */
}

h1 { font-size:24px; margin-bottom:2rem; font-weight:bold; text-transform: uppercase; }
h2 { font-size:22px; margin-bottom:2rem; font-weight:bold; }
h3 { font-size:20px; margin-bottom:1rem; font-weight:bold; }
h4 { font-size:18px; margin-bottom:1rem; font-weight:bold; color:#869934; }
h5 { font-size:16px; margin-bottom:1rem; font-weight:bold; color:#869934; }

.floatleft { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }

.separator_dotted_25 {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 5px;
	border-bottom: 1px dotted #ccc;
}

.edithere {
	border: 2px solid green;
	padding: 5px;
}
.listheader {
	border-bottom: 1px solid #000;
}

.tablediv-cell {
	float: left;
	width: 250px;
	margin-left: -1px;
	padding: 5px;
	margin: 1px;
}
.tablediv-header .tablediv-cell {
	border: 1px solid #999;
}
.tablediv-edit .tablediv-cell, .tablediv-new .tablediv-cell {
	border: 1px solid #fff;
}
button {
	border-width: 1px;
}
.error {
	color: red;
	font-weight: bold;
}

.col-0 {  }
.col-1 {  }
.col-2 {  }

/* SONDERFÄLLE */
.chosen-container {min-width:100px; max-width:100%;}
#employees .col-12 { width:300px; }
#employees_levels .col-1 { width:300px; }
#target_agreements .col-1 .chosen-container { width:100px!important; }
#project_sales .col-2 { width:300px; }
#project_sales .col-1 .chosen-container { width:200px!important; }
#project_staffing .col-2 { width:300px; }
#project_staffing .col-3 { width:300px; }
#project_staffing .col-1 .chosen-container { width:200px!important; }
#projects .col-14 .chosen-container { width:100px!important; }
#projects .col-4 { width:300px; }
#project_delivery .col-1 .chosen-container { width:100px!important; }
#project_delivery .col-2 { width:300px; }
#project_services .col-1 .chosen-container { width:200px!important; }
#project_services_employees .col-1 { width:300px!important; }
#project_services_employees .col-1 .chosen-container { width:280px!important; }
#project_services_delivery .col-1 { width:300px!important; }
#project_services_delivery .col-1 .chosen-container { width:280px!important; }
#invoices .col-1 { width:300px!important; }
#invoices .col-1 .chosen-container { width:280px!important; }
#target_agreements_people_lead .col-2 .chosen-container { width:240px!important; }
#target_agreements_to_projects .col-1 .chosen-container { width:240px!important; }
#form_staffing .chosen-container { width:150px!important; }
#MeineZielvereinbarungeditieren .chosen-container, #Zielvereinbarungeditieren .chosen-container { width:136px!important; font-size: 10px; }

.left50 { float:left; width:50%; padding:0 5px; }
.right50 { float:right; width:50%; padding:0 5px; }
.left60 { float:left; width:60%; padding:0 5px; }
.right40 { float:right; width:40%; padding:0 5px; }

.left30 { float:left; width:30%; padding:0 5px; }
.center40 { float:left; width:40%; padding:0 5px; }
.right30 { float:right; width:30%; padding:0 5px; }

.dailysum {
	border-top: 1px solid #000;
	border-bottom: double #000;
	text-align: right;
	font-weight: bold;
}

#header {
	height: 60px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}

.tablediv-cell.red {
	color: red;
	border: 1px solid red;
}
.tablediv-cell.hidden {
	display: none;
}
.tablediv-new {
	margin-bottom: 50px;
}

.pagination {
	border: 1px solid #333;
	margin: 20px 0;
	padding: 5px;
    list-style-type: none;
}
.pagination li {
	float: left;
    margin-left: 10px;
}

.tablediv {
	width: 9999px;
}

.tableheader {
	font-size: 12px; 
	font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

/* SHOW PAGES */
#project-basics.container, #project-delivery-by-date.container, #project-delivery-by-employee.container, #project-invoices.container, #project-paid-invoices.container, #project-revenue-splitting.container, #project-planning.container, #project-services-employees.container {
	padding: 10px;
	margin-bottom: 40px;
	border: 1px solid #ccc;
}

/* BOOTSTRAP */
.row {
	margin-right: 0;
	margin-left: 0;
}
.col {
	padding-right: 5px;
	padding-left: 5px;
}

.headerrow { font-weight: bold; border-bottom: 1px solid #000; margin-bottom:10px; }
.sumrow { font-weight: bold; border-top: 1px solid #000; border-bottom: 3px double #000; text-align:right; }
.sumrow .col {  }

@media (min-width: 1200px) {
	.container {
		max-width: 1233px;
	}
}

/* foldable containers */
.container-header-row { margin-bottom: 5px; }
.container-header-row-left { float:left; width:50%; text-align:left; }
.container-header-row-right { float:left; width:50%; text-align:right; }
.toggle-foldable-container { width:32px; height:32px; cursor:pointer; border: 1px dotted #999; }

.entryrow { margin-bottom: 20px; }


/* FORMS */
.formrow {
	width: 100%;
	margin-bottom: 10px;
}
.formrow-left {
	float: left;
	min-width: 200px;
}
.formrow-right {
	float: left;
	min-width: 240px;
}
.formrow input, .formrow select {
	min-width: 240px;
	border: 1px solid #aaa;
	padding: 0 2px;
}
.formbox {
	padding: 10px;
	border: 1px solid #aaa;
	margin-bottom: 20px;
}
.formsubmitrow {
	width: 100%;
	text-align: right;
}
.col40 {
	width:50px;
	padding: 0 1px;
	font-size:0.7rem;
}
.col50 {
	width: 52px;
	padding: 0 1px;
}
.col60 {
	width: 60px;
	padding: 0 1px;
	font-size:0.7rem;
}

#Projekteditieren input[type=checkbox] {
	min-width:unset;
}
#Projekteditieren label {
	margin-bottom: 1px;
}

.tatab {
	float:left;
	border: 1px dotted #ccc;
	border-bottom: 1px solid #999;
	padding: 10px 20px;
	background-color:#eee;
	margin-bottom:5px;
	cursor: pointer;
}
.tatabcontainer {
	display:none;
}

.form-hint {
	margin:10px;
	padding:10px;
	border:1px solid #ccc;
	font-size: 10px; 
	color:#999
}