body{
	background:#f1f1f1;
	font-family: 'Quattrocento Sans', sans-serif;
}

a{
	font-weight:bold;
	color:#666;
	text-decoration:none;	
}

hr{
	border: none;
	border-bottom: 1px solid #000;	
}

a:hover{
	text-decoration:underline;	
}

input, select{
	background: #fbfbfb;
	font-size: 18px;
	line-height: 1;
	padding: 3px;
	margin: 2px;	
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	background-color: #fff;
	color: #333;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input:disabled, select:disabled, textarea:disabled {
    background:#eee;
}

textarea{
	font-size: 14px;
}

.login{
	text-align:left;
	margin:auto;
	margin-top:100px;
	padding: 26px 24px 14px;
    width:400px;
    z-index:15;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.login img{
	opacity:0.85;	
}


.login input{
	background: #fbfbfb;
	font-size: 24px;
	line-height: 1;
	width: 100%;
	padding: 3px;
	margin: 2px 6px 16px 0;	
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	background-color: #fff;
	color: #333;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login h2{
	text-align:center;	
}

.btn, input[type=submit]{
	background-color:#2ecc71;
	border:none;
	color:#fff;
	padding:8px;
	border-radius:4px;
	font-size:18px;	
	cursor:pointer;
	text-align:center;
	-webkit-appearance:none;
	margin:5px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:bold;
	display:inline-block;
}

.btn-red{
	background-color:#e74c3c !important;
}

.btn-grey{
	background-color:#CCC !important;
	color:#000 !important;
}

.btn-small{
	padding:2px !important;
	font-size:14px !important;	
	margin:3px !important;
}

a:hover{
	text-decoration:none;
}

.btn:hover, input[type=submit]:hover{
	opacity:0.9;
}

.buttons{
	width: 100%;
	text-align: center;	
}

.content{
	float: left;
	clear: both;
	width:100%;
}

.header{
	text-align:left;
	left:0px;
	padding: 10px;
	padding-left:20px;
    z-index:15;
	width:280px;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
	float:left;
}


.navi{
	text-align:left;
	right:0px;
	padding: 10px;
    z-index:15;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
	float:right;
}

.icon32{
	width:32px;
	height:32px;
	margin-right:5px;
	margin-left:5px;
}

.icon16{
	width:16px;
	height:16px;
	margin-right:5px;
	margin-left:5px;
}

.flag{
	margin-right:5px;
	margin-left:5px;	
	float:right;
	margin-top: -6px;
	margin-bottom: -6px;
	opacity:0.65;
}

.flag:hover{
	opacity:1;
}

table{
	max-width:1200px;	
	font-size:14px;
	border-spacing:0px;
}

thead td{
	font-weight:bold;
	text-align:center;	
}

td{	
	padding:2px;
	padding-right:20px;
}

tr:nth-child(even) {
  background-color:#f8f8f8;
}

td input, select{
	background: #fbfbfb;
	font-size: 14px;
	line-height: 1;
	padding: 3px;
	margin: 2px;	
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	background-color: #fff;
	color: #333;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.helpicon{
	cursor:help;	
}

.supplier_logo{
	max-height:50px;
	margin:3px;
}

.msg{
	margin:20px auto;
	width:80%;
	border:1px solid #999;
	background:#f8f8f8;	
	padding:5px;
	border-radius:3px;
	text-align:center;
	font-family:"Courier New", Courier, monospace;
}

.vk, .ek{
	text-align:right;	
}


.lastturnover{
	text-align:center;	
}

.system_status_0, .system_status_notready{
	color:#F00;	
}

.system_status_ready{
	color:#390;	
}

.shadow_2{
	opacity:0.15;
	filter: "alpha(opacity=0.15)"
}

.project-placed{
	background-color:#E9FAE9 !important;
}

.project-dropped{
	background-color:#FFE0C1 !important;
}

.collapsed{
	display:block !important;	
}

.hidden-container{
	display:none;	
}

.reference{
	width:100%;
	border:3px dashed #333;
	border-radius:5px;
	padding:5px;
	display:none;	
}

.show_references{
	cursor:pointer;	
}

#data_overview_wrapper{
	float:left;	
}
.dataTables_wrapper .dataTables_filter{
    clear: both;
    float: left !important;
}

.status_red{
	background-image:url(/images/traffic_light_h_red.png);	
}


.traffic_light_h{
    width:80px;
    height:30px;
}