/* -----
FORMULIEREN */

/* heights */
.chzn-container-single .chzn-single, .chzn-container-single .chzn-single span, select, label {height:40px;	line-height: 40px;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {padding:7px 8px;height:24px;}


/* breedtes */
input, textarea, .uneditable-input {width:250px;}
select {width:270px;}
.input-small {width:140px;}

/* font sizes */
.chzn-container, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, label {font-size: 13pt;color:#008fd7;font-family: 'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;}
label {
text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow-x: hidden;
}
.checkbox > label {
	width:auto;
}
.control-group.checkbox label {
	float:left;
}
.btn-group label {
	width:auto;
	min-width:30%;
	margin-right: 1px;
}
/* chosen select */
.chzn-container-single .chzn-single div b {
	background-position: 0px 10px;
}

/* textarea */
textarea {width:94%;padding:3%;min-height:175px;}

/* checkboxes */
label.checkboxLabel {padding:4px 0 0 8px;display: inline-block;}

/* labels */
.form-horizontal .control-label {padding-top:0;}

.shade {-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.ellipsis {
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow-x: hidden;
}
body .btn.btn-success {
	background-color: #ee6e73;
	color:#fff;
}
body a, body .link {
	color:#ee6e73;
}
#myTabContent {
	background-color: #fff;
}
body .nav-tabs>li>a {
	padding:12px 20px;
}
#myTabContent > .tab-pane fieldset{
	border:none;
}
body form {
	margin:0;
}
ul.hmenu, ul.hmenu li {
	list-style:none;
	padding:0;
	margin:0;
	line-height:50px;
}
ul.hmenu li a {
	display:block;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
	overflow-x: hidden;
	padding:10px 10px;
	
}
ul.hmenu li:hover a, ul.hmenu li.active a {
	color:#fff;
	background: rgba(0,0,0,0.2);
}

/* --------------------------------
/* Beheer opvangsoorten */
#system-message-container {
	position: fixed;
	
	bottom:0;
	overflow: auto;
	right:270px;
	left:270px;
	z-index: 6;
}


.filterList {
	position: relative;
	height:100%;
	
	background: #eaeaea;
}
.filtersHeader {
	
	position: fixed;
	left:0;
	top:0;
	right:0;
	height:70px;
	line-height: 70px;
	z-index: 2;
	padding:0 0 0 20px;
	background-color: #ee6e73;
	color:#fff;
	
}
.filtersHeader ul.menu, .filtersHeader ul.menu li {
	list-style: none;
	margin:0;
	padding:0;
}
.filtersHeader ul.menu li {

	float: left;
	line-height: 70px;
	
}


.filtersHeader ul.menu li.pull-right {
	float:right;
}
.filtersHeader ul.menu li a {
	padding:0 20px;
	display:block;
	color:#fff;
	text-decoration: none;
}
.filtersHeader ul.menu li.active a, .filtersHeader ul.menu li:hover a {
	color:#fff;
	background: rgba(0,0,0,0.2);
}
.filterHeaderTitle {
	text-overflow: ellipsis;
	width: 210px;
	white-space: nowrap;
	overflow-x: hidden;
	float:left;
	margin-right:20px;
}
.filterHeaderTitle a {
	color:#fff;
}
.filterList .filters {
	width:210px;
	padding:20px;
	position: fixed;
	left:0;
	top:70px;
	bottom:0;
	overflow: auto;
	background: #fff;
	/* border-right:1px solid #ccc; */
	z-index: 1;
}
.filterList .filters .filter {
	margin:0 0 20px 0;
}
.filterList .filters .filterTitle {
	font-weight: bold;
	border-bottom:1px solid #ccc;
}
.filterList .filters .filterval {
	padding:2px 10px;
	background: none;
	
	cursor: pointer;
	
	
	text-overflow: ellipsis;
	
	white-space: nowrap;
	overflow-x: hidden;
}
.filterList .filters .filterval:hover, .filterList .filters .filterval.active {
	background-color: #eaeaea;
}
.filterList .list {
	padding:20px;
	position: fixed;
	top:70px;
	bottom:0;
	overflow: auto;
	right:0;
	left:250px;
	background: #f1f1f1;
	z-index: 0;
}
.filterList .list.noLeft {
	left:0;
}
.frAddNew {
	position: fixed;
	z-index: 5;
	bottom:20px;
	right:20px;
}



table.table-opvangen th {
	min-width:110px;
}



/* USER OVERVIEW - view=items */



.bg-rood {background-color: #EAD5D5;}
.bg-blauw {background-color: #83D6DE;color:#fff;}
.sqr-row {
	position: relative;
}
.sqr {
	width: 25%;
	position: relative;
	float: left;
	padding-top:25%;
}
.sqr-content {
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	
	border:1px solid #ccc;
	overflow:auto;
}
.sqr-2 {
	width: 50%;
	padding-top:25%;
}

.sqr-row-3 > .sqr {
	width:33.333333%;
	padding-top:33.333333%;
}
.sqr-row-3 > .sqr-2 {
	width:66.666666%;
	padding-top:33.333333%;
}

.sqr-bordered-fff > .sqr:before {
	content:"";
	border:1px solid #f1f1f1;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.sqr .btn-block {
	position: absolute;
	bottom:10px;
	left:10px;
	right:10px;
	width: auto;
}




dd {
	margin-bottom:10px;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
	background-color: rgba(255,255,255,0.3) !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.table th, .table td {
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.vlak {
	margin-bottom: 20px;
}


/* Head */
.fr_result_head {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom: 20px;
}





/* CHART */
.jsChartWrap {
	position: relative;
}
.jsChartWrap.hasLegend {
	padding-right:240px;
}
.jsChartWrap ul.chartLegend {
	position: absolute;
	right:0;
	top:0;
	list-style: none;
	margin:0;
	padding:0;
	max-width: 220px;
}
.jsChartWrap ul.chartLegend li {
	padding:0;
	margin:0;
	font-size: 10pt;
	line-height: 14pt;
}
.jsChartWrap ul.chartLegend li span {
	width:1.1em;
	height:1.1em;
	display: inline-block;
	margin-right:10px;
	border:1px solid #fff;
}
.chartInner {
	font-size: 6pt!important;
}


@media screen and (max-width:768px) {
	
	/* CHART */
	.jsChartWrap.hasLegend {
		padding-right: 0;
	}
	.jsChartWrap ul.chartLegend {
		position: relative;
		max-width: 100%;
	}
	.jsChartWrap ul.chartLegend.stackedbar-legend {
		position: absolute;
	}
		
	
}






/* UITGANGSPOSITIE FIG */
.uitgangspositie {
	position: relative;
}
.uitgangspositie .houseWrap {
	width:35%;
}
.house {
	width:100%;
	padding-top: 80%;
	background: #ccc;
	position: relative;
}
.house:before {
	
}
.house .contentWrap {
	position: absolute;
	width:100%;
	top:50%;
}
.house .content {
	position: absolute;
	top:-20px;
	width:100%;
	text-align: center;
}