html{background-color:#eee;}
	.ui-layout-pane{padding:0px;}
	.ui-widget-header{margin:0px;padding:10px;}

	div.ui-accordion h3.ui-accordion-header{margin-bottom:2px;}

	.ui-widget-content{background:none;}

	/*div.chosen-container-single{width:200px !important;}*/
	div.chosen-container-single a.chosen-single{height:35px;line-height:35px;font-size:17px;}
	div.chosen-container-single a.chosen-single div b{margin-top:40%;}
	ul.chosen-results {
		background: #fff;
		width: 200px;
	}
	.chosen-search {
	    width: 200px;
	    background: #fff;
	}

	#west{overflow:hidden;}
#west button{width:100%;margin-bottom:15px;}

	#center .ui-grid-c > div.ui-block{width:25%;float:left;margin-bottom:20px;}

	#center table#dataTable tr.even{background-color:#ccc;}

	#center > fieldset {
	    border-color: #fff;
	}
	#center fieldset {
	    margin: 10px;
	    padding-top: 20px;
	}


	#east ul{list-style-type:none;margin:0px;padding:0px;}
	#east ul li{margin-bottom:10px;}
	#east ul.clickable li{cursor:pointer;}
	#east ul li h3{background-color:#ccc;border-bottom:1px solid #888;margin-top:0px;height:30px;line-height:30px;padding-left:20px;}
	#east ul li h4{padding-left:20px;}
	#east ul li p{padding-left:20px;}

	fieldset.hideable > legend{curso©r:pointer;}


	.clear{clear:both;height:0px;width:0px;}

/* PROJEKTE */

#project, #openproject {
	background-color: #F5F5F5; border: none;
-webkit-box-shadow: 2px 0px 13px 3px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 0px 13px 3px rgba(0,0,0,0.24);
box-shadow: 2px 0px 13px 3px rgba(0,0,0,0.24);
}

#project > legend {background-color: #F5F5F5; padding:5px;}
#project div.chosen-container-single a.chosen-single, #project input, #openproject input {color: #878787;}



.content #rest {background-color: #F5F5F5; border: none; margin-top: 25px; font-weight: bold; color: #005B91;}
.content #rest #restamount, .content #rest #resttime {font-weight: bold; border: 2px solid #005B91; background-color: #D8E3E9;}

.projectJob, .worktime {
	background-color: #EAEAEA;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #bebebe;
}

#projectjobs {border:none; background-color: #F5F5F5;}
#projectjobs > fieldset {background-color: #f5f5f5; border:none;}
#projectjobs legend {cursor: pointer;}

#projectjobs #fsProjectTimes {
    background-color: #eaeaea;
    border: 1px solid #e4e4e4;
}

#projectjobs #appliedJobWorks {
    border: 1px solid #bebebe;
}

#appliedJobWorks .ui-block input {color: #858585;}

#projectjobs #appliedJobWorks .restamount, #projectjobs #appliedJobWorks .resttime {border: 1px solid #005B91; background-color: #D8E3E9; color: #005B91;}
#appliedJobWorks > legend {background-color: #878787; color: #FFF;}

#fsProjectTimes > legend {
	background-color: #EAEAEA;
	color: #878787;
	padding: 5px;
}

#fsAddProjectJob > legend {background-color: #005b91; padding: 5px; color:#FFF; }
#projectjobs #fsAddProjectJob {background-color: #D8E3E9;}

.projectJob > fieldset {
	border: none;
	background-color: #EDEDED;
	color: #005B91;
	padding: 0px !important;
	margin: 0px !important;
}

.projetJob > fieldset > ui.block {margin-bottom: 0px;}


.jobCategory, .jobName, .jobDuration, .jobValue {border: none;}
.jobCategory, .jobName {cursor: default;}
#employeeName, .employeeName, #worktimes .employee {cursor: default; background-color: #F5F5F5; }

#workcomment, #taskcomment {background-color: #FFF; font-family: "Open Sans", "Lato", helvetica, arial;}
#worktime > legend {background-color:#005b91; padding: 5px; color: #FFF; }
#worktimes {background-color: #f5f5f5; border: none;}
#worktime {border: 2px solid #005b91; background-color: #D8E3E9;}
#worktimes > hr {display:none !important;}

#worktimes > legend {background-color: #F5F5F5; padding:5px;}
#worktimes input.ui-button {background-color: #F5F5F5; color: #878787;}

/* primary buttons */
#saveWork, #addTaskTime {background-color:#457e19; color: #FFF; border: none; }
#addJob, #addProjectJob {background-color: #005b91; color: #FFF; }


/* secondary buttons */
.worktime .saveWork, #saveProject, #projectjobs .saveProjectTask, #worktimes .saveTaskTime, #projectjobs .saveProjectJob {background-color: #457e19; color: #FFF; border: none; }

/* delete */
.worktime .deleteWork, #deleteProject, #projectjobs .removeProjectJob, #worktimes .deleteTaskTime, #projectjobs .deleteProjectTask {background-color: #ae4242; color: #FFF; border: none;}

.chosen-singel {font-size:1em; height: 28px; line-height: 28px;}
.chosen-container-single .chosen-single {background: none; border-color:#e0e0e0; width: 100%; min-width: 200px; }
div.chosen-container-single a.chosen-single {height: 28px; line-height: 28px; font-size: 1.1em; color: #005b91; background-color: #FFF; }

/* Schriften */

body {
	font-family: "Open Sans", "Lato", helvetica, arial, sans-serif;
}

legend {
	font-family: "Open Sans", "Lato", helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	color: #525252;
	background-color: #f5f5f5;
	padding: 5px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Felder */

#center {background-image: url("bg-content.jpg"); background-repeat: no-repeat; background-attachment:fixed; background-position: center bottom;}

.ui-widget-header {background-image: none; background-color: #005b91; color: #FFF; border: none; }


#center .ui-grid-c > div.ui-block {margin-bottom: 5px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #FFF;
	border-color:#005b91;
	color:#005b91;
	font-weight:normal;
}

input.ui-button {padding: 0.2em 0.5em; border: 1px solid #E0E0E0;}

.ui-widget {font-size: 1em;}

.ui-block {margin-bottom: 5px;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 0.7;}

.ui-state-active .ui-icon, .ui-state-default .ui-icon, .ui-icon, .ui-widget-content .ui-icon {background-image: none;}

/* Tabelle */

table.dataTable tbody th, table.dataTable tbody td {
	border-bottom: 1px solid #D7D7D7;
}

thead {text-align:left; background-color: #E1E1E1;}
#kummulativ {background-color: #E1E1E1; border-bottom: 2px solid #FFF;}

table.dataTable .odd {background-color: #F5F5F5;}

/* MENU */

/*Hauptmenüpunkte */
#ui-id-1, #ui-id-3, #ui-id-5, #ui-id-7, #ui-id-9 {
    background-color: #bbbbbb;
    border: medium none;
    color: #fff;
}

#ui-id-2, #ui-id-4, #ui-id-6 {background-color: #F8F8F8;}

#accordion #projects, #accordion #openprojects {background-color: #419936; color: #FFF; border: none;}
#accordion #completedProjects, #accordion #customers {background-color: #DADADA; color: #FFF; border: none;}
#accordion #invoice {background-color: #FF96F4; color: #FFF; border: none;}
#accordion #employeepubliccontact, #accordion #employeecf {background-color: #976DBF; color: #FFF; border: none;}

#accordion #vsd, #accordion #vsdsum {background-color: #419936; color: #FFF; border: none;}
#accordion #vss, #accordion #vsssum, #accordion #cfemployee, #accordion #cfsum, #accordion #pcemployee, #accordion #pcsum {background-color: #976DBF; color: #FFF; border: none;}
#accordion #brutto, #accordion #netto {background-color: #FF96F4; color: #FFF; border: none;}
#accordion #resigns, #accordion #resignsum, #accordion #statcategory {background-color: #919191; color: #FFF; border: none;}

/* EAST */

#east ul li h3 {
	font-size: 1em;
	height:auto;
	line-height:1.3em;
}

#east .customer {padding-bottom: 5px; padding-top: 5px; margin: 0px 10px 0px 0px; font-weight:normal; font-size:0.8em; float:left;}
#east .name {padding-bottom: 0px; margin: 0px;}
#east ul li p {padding: 5px 0px 5px 20px; margin:0px; font-size: 0.8em;}


/*xxxxxxx


xxxxxx*/

#west .h3, #west h3 {
	font-size: 20px!important;
	font-weight: 300;
}

.right {
	float: right;
}
.tools {
    font-size: 15px;
    font-weight: 300;
}

.tools a {
	background:none!important;
	color: #fff!important;
}

.tools a:hover {
	text-decoration: underline;
}

.tools .ui-button-text-only .ui-button-text {
	padding: 0px 15px!important;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Login
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



.logo img{
	width: 130px;
	margin: 0 auto;
	display: block;
}

fieldset.login  {
    background-image: url("../images/bg-incon.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
		border: none!important;
}

fieldset.login {
	margin: 0!important;
}

.loginWrapper {
  padding-top: 100px;
}

.loginWrapper > h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: lowercase;
}

.loginBox {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px;
    width: 320px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

.inputBox {
	margin-bottom: 20px;
}

.inputBox label {
    display: block;
		color: #72777c;
		font-weight: 300;
}

fieldset.login input {
    box-sizing: border-box;
    width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #FBFBFB;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
		border-radius: 0px;
}

fieldset.login button {
    background:  #00598F;
    color: #fff;
		font-weight: 300;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
						SIDEBAR LEFT
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#west {
	background: #2C3343;
}

/* Hauptebene */

#ui-id-1, #ui-id-3, #ui-id-5, #ui-id-7, #ui-id-9 {
	background: #2C3343!important;
	border: none!important;
}

#ui-id-1::before, #ui-id-3::before, #ui-id-5::before, #ui-id-7::before, #ui-id-9::before {
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
		margin-right: 12px;
		position: relative;
		top: 5px;
}

#ui-id-1::before {
	background: rgba(0, 0, 0, 0) url("../images/verwaltung.png") repeat scroll 0 0;
}

#ui-id-3::before {
background: rgba(0, 0, 0, 0) url("../images/stats.png") repeat scroll 0 0;
}

#ui-id-5::before {
	background: rgba(0, 0, 0, 0) url("../images/inconcepts_logo_icon.png") repeat scroll 0 0;
}

#ui-id-7::before {
		background: rgba(0, 0, 0, 0) url("../images/system.png") repeat scroll 0 0;
}

#ui-id-9::before {
	background: rgba(0, 0, 0, 0) url("../images/inconcepts_logo_icon.png") repeat scroll 0 0;
}

/* 2. Ebene */

#ui-id-2, #ui-id-4, #ui-id-6 {
	padding: 20px 0px!important;
	background: #4a5364;
}

#west button {
	text-align: left;
	color: #fff!important;
	background: none!important;
	margin-bottom: 0px!important;
}


#west button:hover {
	background: #2C3343!important;
	border-radius: none;

}


#west button .ui-button-text {
	padding: 15px 28px;
	font-weight: 300!important;
	font-size: 15px;
}

#west button .ui-button-text::before, #accordion #projects .ui-button-text::before, #accordion #openprojects .ui-button-text::before,
#accordion #completedProjects .ui-button-text::before, #accordion #customers .ui-button-text::before,
#accordion #invoice .ui-button-text::before, #accordion #employeepubliccontact .ui-button-text::before,
 #accordion #employeecf .ui-button-text::before {
	content:'';
	height: 10px;
	width: 10px;
	border-radius: 90px;
	display: inline-block;
	margin-right: 20px;
}

#west button .ui-button-text::before {
	background-color: grey;
}

#accordion #projects .ui-button-text::before, #accordion #openprojects .ui-button-text::before,
#accordion #vsd .ui-button-text::before, #accordion #vsdsum .ui-button-text::before {
	background-color: #35C190;/* Grün */
}

#accordion #completedProjects .ui-button-text::before, #accordion #customers .ui-button-text::before,
#accordion #resigns .ui-button-text::before, #accordion #resignsum .ui-button-text::before, #accordion #statcategory .ui-button-text::before {
	background-color:#DADADA; /* Grau */
}

#accordion #invoice .ui-button-text::before, #accordion #brutto .ui-button-text::before, #accordion #netto .ui-button-text::before {
background-color: #FF96F4; /* Rosa */
}

#accordion #employeepubliccontact .ui-button-text::before, #accordion #employeecf .ui-button-text::before,
#accordion #vss .ui-button-text::before, #accordion #vsssum .ui-button-text::before,
#accordion #cfemployee .ui-button-text::before, #accordion #cfsum .ui-button-text::before,
#accordion #pcemployee .ui-button-text::before, #accordion #pcsum .ui-button-text::before {
	background-color: #976DBF; /* Lila */
}


#accordion #logout .ui-button-text::before {
	background-color: #AE4242; /* Rot */
}



#west .ui-state-default, #west .ui-widget-content .ui-state-default, #west .ui-widget-header  #west .ui-state-default {
	border: none;
}

#west .ui-accordion .ui-accordion-icons {
	padding-left: 20px;
}

/* 3. Ebene */



























.project {
    display: block;
    background: #fff;
    border: 1px solid #efefef;
    margin: 0px 10px 5px;
    padding: 0px 10px;
    position: relative;
}
.project.is_loaded:before {
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #27ae60;
    content: ' ';
    border-radius: 50% !important;
    border: none !important;
}
.project:hover {
    background: #ecf0f1;
}
span.project_name {
    font-size: 12px;
    color: #111;
    display: inline-block;
    width: 100%;
    max-width: 250px;
}
span.company_name {
    font-size: 12px;
    color: #111;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}
span.project_value, span.project_openvalue {
    font-size: 12px;
    min-width: 130px;
    display: inline-block;
    text-align: right;
}
span.project_vsd{
    font-size: 12px;
    min-width: 130px;
    display: inline-block;
    text-align: right;
}
span.project_vfs {
    font-size: 12px;
    min-width: 130px;
    display: inline-block;
    text-align: right;
    color: #e74c3c;
}
span.project_progress {
    font-size: 12px;
    min-width: 150px;
    display: inline-block;
    text-align: right;
}
span.project_progress_percentage {
    display: inline-block;
    width: 50px;
}
span.project_progress_graph {
    display: inline-block;
    width: 100px;
    background: #efefef;
    height: 20px;
    margin: 0px 0px -4px 0px;
		position:relative;
		overflow: hidden;
}
span.project_progress_graph_bar {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #27ae60;
		transition: all ease-in 0.2s;
}
span.project_details {
    font-size: 12px;
    border: 1px solid #777;
    margin-top: -1px;
    display: inline-block;
    padding: 2px 4px;
    color: #444;
    border-radius: 2px;
    text-transform: uppercase;
    cursor: pointer;
    background: #efefef;
}
span.project_number {
    font-size: 12px;
    min-width: 100px;
    display: inline-block;
    padding-left: 10px;
}
.projects_header {
    display: block;
    border: 1px solid #333;
    margin: 0px 10px 5px;
    padding: 5px 10px;
    background: #333;
}
.projects_header span.header_col {
    display: inline-block;
    width: 130px;
    color: #fff;
    text-transform: uppercase;
}
.projects_header span.header_col.col_xl {
    width: 300px;
}
.projects_header span.header_col.col_l {
    width: 250px;
}
.projects_header span.header_col.col_center {
    text-align: center;
}
.projects_header span.header_col.col_number {
    text-align:right;
}
span.project_po {
    display: block;
    position: realtive;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(../images/62.jpg);
    position: absolute;
    left: -10px;
    top: -4px;
    background-position: center center;
    background-size: cover;
}
.zusatz {
    color: red !important;
    border-color: red !important;
    font-weight: bold;
}


.stats_card {
    display: inline-block;
    width: 300px;
    height: 100px;
    margin: 10px;
    padding: 25px 20px 5px;
    text-align: center;
}
span.card_figure {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.stats_card.card_green {
	background: #27ae60;
}
.stats_card.card_blue {
	background: #2980b9;
}
.stats_card.card_red {
	background: #c0392b;
}
.stats_card.card_orange {
	background: #f39c12;
}
span.card_text {
    color: #fff;
    display: block;
}




.projects_filter {
    display: block;
    background: #333;
    margin: 0px 10px;
    padding: 5px 10px;
    border-bottom: 1px solid #88888899;
    color: #efefef;
}
span.projects_filter_single {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}









div#center.is_loading:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.9);
    background-image: url(../images/incon_loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
}







/*	----------------------------------------------------------------------------
		VFS ALERTS
		---------------------------------------------------------------------------- */
input.restamount.is_vfs {
    border-color: red !important;
    border-width: 2px !important;
    color: red !important;
}
div.projectJob.is_vfs {
    border-color: red !important;
    border-width: 2px !important;
}
.content>fieldset.is_vfs {
    position: relative;
}
.content>fieldset.is_vfs:before {
    display: block;
    position: absolute;
    width: 40px;
    height: 20px;
    top: 4px;
    left: 160px;
    content: 'VFS';
    background: red;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    line-height: 20px;
    font-weight: bold;
}







/*	----------------------------------------------------------------------------
		SHARPEN DESIGN
		---------------------------------------------------------------------------- */
.content>fieldset {
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.24);
}
input.ui-button, textarea, select, div.chosen-container {
    width: 90%;
    max-width: 220px;
    background: #fff;
    color: #333 !important;
    text-align: left;
}
.incon_info_message {
    display: block;
    position: fixed;
    background: #1abc9c;
    padding: 20px;
    bottom: 0px;
    /* left: 0; */
    margin: 0px 0px 20px 20px;
    border-radius: 10px;
}



/* --- */