img {
    height: auto !important;
}

.demo-btn-margin .btn {
  margin-bottom: 6px;
}

h1, h2, h3, h4 , h5 {
	color: #06158c
}

p.lead {
	color: #06158c;
}

.headerspacer {
	height:90px; 
	padding-bottom: 90px;
}

main {
	position: relative;
	z-index: 200;
}

main .container.list:focus, main section:focus {
	position: relative;
	z-index: 20;
}
.no-padding-top .container ul {
    margin-left: -20px;
}
.container.list .bootstrap-select button {
	position: static;
}

/*Navigation*/
.nav-on-header .navbar .nav-menu>li>a, .user-login a {
	color: #3A3A3A;	
}
.nav-on-header .navbar .nav-menu>li:hover>a, .nav-on-header .navbar .nav-menu li a:focus, .user-login a:hover {
	color: #06158c;	
}

.nav-on-header .navbar .nav-menu a.active {
	color: #06158c;	
}

.nav-on-header .navbar .navbar-toggle .ti-menu, .nav-on-header .navbar .nav-menu .ti-menu a{
	color: black;	
}

.nav-on-header .navbar .navbar-toggle .ti-close, .nav-on-header .navbar .nav-menu .ti-close a{
	color: black;	
}

/*HR*/
.hr-sm {
	color: #DCDCDC;
	border: 1px solid;
}

/*Fonts*/
h7 {
	font-size: 14px;
	color: black;
}

/*Labels*/
.label-blue {
	background-color: #06158c
}
.label-blue[href]:focus, .label-blue[href]:hover {
	background-color: #030B4C
}

.logo-alt img {
    margin-left: 0px;
}

/*Grid elements*/
.employee-spacer {
	margin-left: -15px;
}

.halfpart-element {
	display: block;
	width: 50%;
	padding: 10px 10px 0px 0px;
	margin: 0;	
	float: left
}

.right-float {
	text-align: right;
}

.container.list {
	padding: 30px;	
}

/*Registration item*/
.registration-item {
	display: block;
	height: 80px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #000;
	background-color: #fff;
	border-color: #E1E1E1
}

.registration-icon {
	text-align: center;
	border: 1px solid transparent;
	border-color: #E1E1E1;
	width: 30px;
	height: 30px;
	padding: 1px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: right;
}

/*Colorsets*/
.color-black {
	color: black;	
}

.color-blue {
	color: #06158c;	
}

.color-white {
	color: white;	
}
.color-white a{
	color: white;
	text-decoration:underline;	
}

/*Category box*/
.categorybox {
	list-style: none;
	padding-left: 0
}

.categorybox li {
	background-color: #fff;
	padding: 30px 20px;
	float: left;
	width: 31%;
	margin-right: 5px;
	text-align: center;
	border: 1px solid #eee;
	transition: .3s ease-in-out
}
.categorybox li:hover {
	box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1)
}

.categorybox li a {
	font-size:14px;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color:#06158c;
}

.fa-check:before, .ti-angle-up:before {
	color:#06158c;
}

@media (max-width: 1100px) {
	
	/*Category box*/
	.categorybox {
		font-size: 13px;
	}
	
	.fullscreen.background.parallax {
		height: 450px !important;
	}
	
	.fullscreen.background.parallax.content {
		height: 450px !important;
	}
	
	.fullscreen.background.parallax.list {
		height: 450px !important;
	}
}


@media (max-width: 1199px) {
	.headerspacer {
		height:65px; 
		padding-bottom: 65px;
	}
}
@media (max-width: 991px) {	
	/*Grid elements*/	
	.halfpart-element {
		width: 50%;
		margin: 0;	
	}
	
	/*Category box*/
	.categorybox {
		font-size: 16px;
	}
	
	.categorybox li {
		width: 100%;
	}
	
	.fullscreen.background.parallax {
		height: 450px !important;
	}
	
	.fullscreen.background.parallax.content {
		height: 450px !important;
	}
	
	.fullscreen.background.parallax.list {
		height: 450px !important;
	}
	
	#detail .fullscreen.background.parallax.list {
		height: 250px !important;
	}
}

@media (max-width: 767px) {
	
	.headerspacer {
		height:60px; 
		padding-bottom: 60px;
	}
	
	/*Grid elements*/
	.employee-spacer {
		margin-left: 0px;
	}
	
	.fullscreen.background.parallax {
		height: 500px !important;
	}
	
	.fullscreen.background.parallax.content {
		height: 500px !important;
	}
	
	.fullscreen.background.parallax.list {
		height: 500px !important;
	}
	
	#detail .fullscreen.background.parallax.list {
		height: 250px !important;
	}
	
	/*Labels*/
	.logo-alt img {
		margin-left: 0px;
	}

}

/*----------------------------------------------------------*/
/*Backstrech*/
/*----------------------------------------------------------*/

/* background setup */
.fullscreen.background.parallax {
	height: 450px;
}

.fullscreen.background.parallax.content {
	height: 450px;
}

.fullscreen.background.parallax.list {
	height: 450px;
}

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50% !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    /*height:100%;*/
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */

.not-fullscreen {
    height:50%;
}



.categorybox .section-header > h2 {
	font-size: 22px;
}

.categorybox header {
	margin-bottom: 35px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	margin-right: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 94%;
	max-width: 220px;
}
.input-group-addon {
	min-width: 45px;
}


.btn-default {
	background-color: #fff;
	border-color: #dfe5e7;
	border-radius: 0;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	height: 44px;
	line-height: 44px;
	max-width: 100%;
	text-align: left;
	text-transform: none;
	border-radius: 3px;
}

.btn-default:hover {
	background-color: #969696;
	color: #fff;
}

.after-filter-bottom .btn {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

.back-button {
	background-color: #fff;
	border-color: #dfe5e7;
	border-radius: 0;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	height: 44px;
	line-height: 44px;
	max-width: 100%;
	text-align: left;
	text-transform: none;
	width: 380px;
}

.back-button:hover {
	background-color: #969696;
	color: #fff;
}

.back-button .fa.fa-angle-left {
	font-size: 20px;
}


.title-select .btn.btn-default.dropdown-toggle {
	border-radius: 0;
	display: block;
	float: none;
	padding: 0 15px;
	text-align: left;
	text-transform: none;
	width: 100%;
	background-color: #fcfcfc;
}

.title-select  .btn-group {
	display: block;
	position: relative;
	vertical-align: middle;
}

.title-select .btn.btn-default.dropdown-toggle:hover {
	background-color: #969696;
	color: #fff;
}

.title-select .dropdown-header {
	padding: 15px 15px 5px;
}

.list .title-select .btn-group.bootstrap-select {
	width: 100%;
}

.title-select .bootstrap-select .dropdown-menu {
	padding: 10px 0;
}


.title-select  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	max-width: 90%;
}

.APsliderBox {
	color: #000;
	font-size: 13px;
	padding: 0 10px;
}

.APsliderLabel {
	line-height: 13px;
	margin-bottom: 4px;
}
.APsliderValue {
	padding: 0 10px;
}
.slider.slider-horizontal {
	height: 20px;
	width: 100%;
}
.slider-selection {
	background: #ffe32f;
}
.slider-handle.min-slider-handle.round, .slider-handle.max-slider-handle.round {
	background: #06158c none repeat scroll 0 0;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	z-index: 999;
}

.arbeitspensum {
	margin-top:-17px;
}
.arbeitspensum .APsliderValue {
	padding:0px;
}
.arbeitspensum .APsliderValue .bootstrap-select.form-control:not([class*=col-]) {
	width:42%;
	float:left;
	margin-right:4%;
}
.arbeitspensum .APsliderValue .form-control.last {
    margin-right:0% !important;
}

.arbeitspensum .bis {
	width:12%;
	float:left;
	padding:8px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {
	.arbeitspensum {
		margin-top:0px;
	}
	.arbeitspensum .APsliderBox {
		padding:0px;
	}
}

@media only screen and (max-width: 479px) {
	.action-buttons .btn {
		text-align: center;
		width: 100%;
	}
}

/*iPhone 4 Hack*/
@media only screen and (max-width: 350px) {
	.site-footer {
		font-size: 11px;
	}
	.navbar-toggle {
		margin-right: 0;
	}
}

@media only screen and (max-width: 300px) {
	.nav-on-header .navbar .logo-alt {
		display: none;
	}
}