html {
	height: 100%;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
html.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
body {
	font-family: Verdana, sans-serif;
	height: 100%;
}
body.modal-open {
	overflow: hidden;
}

*{
	margin: 0;
	padding: 0;
}

/* Methods */
.l{
	float:left;
}
.r{
	float:right;
}
.rc{
	float:right;
	clear:right;
}
.ib{
	display:inline-block;
}
.noPush{
	margin:0 !important;
}
.pushTopNot{
	margin-top:0;
}
.pushTopFraction{
	margin-top: 3px;
}
.pushTopMinimal{
	margin-top:5px !important;
}
.pushTopBit{
	margin-top: 8px !important;
}
.pushTop{
	margin-top:30px !important;
}
.pushTopMore{
	margin-top:20px !important;
}
.pullTop{
    margin-top: -10px !important;
}
.pullTopMinimal{
    margin-top: -5px !important;
}
.pushInnerTopMinimal{
	padding-top: 5px !important;
}
.pushRightFraction{
	margin-right: 3px;
}
.pushRightMinimal{
	margin-right:5px;
}
.pushRight{
	margin-right:10px !important;
}
.pushRightMore{
	margin-right:20px;
}
.noPushInner{
	padding: 0 !important;
}
.pushInnerLeftMore{
	padding-right:20px;
}
.pushInnerMinimal{
	padding: 5px !important;
}
.pushInner{
	padding: 10px !important;
}
.pushInnerRightMinimal{
	padding-right:5px;
}
.pushInnerRight{
	padding-right:10px;
}
.pushInnerRightMore{
	padding-right:20px;
}
.pushBottomNot{
	margin-bottom:0 !important;
}
.pushBottomMinimal{
	margin-bottom: 5px !important;
}
.pushBottom{
	margin-bottom:0px !important;
}
.pushBottomSemi{
	margin-bottom:15px !important;
}
.pushBottomMore{
	margin-bottom:20px !important;
}
.pushBottomExtra{
	margin-bottom: 30px !important;
}
.pushLeftMinimal{
	margin-left:5px;
}
.pushLeft{
	margin-left:10px !important;
}
.pushLeftMore{
	margin-left:20px;
}
.pushInnerLeftMinimal{
	padding-left:5px;
}
.pushInnerLeft{
	padding-left:10px;
}
.pushInnerLeftSemi{
	padding-left:15px;
}
.pushInnerLeft{
	padding-left:10px;
}
.pushInnerLeftMore{
	padding-left:20px;
}
.pullInnerRight{
	margin-right:-10px;
}
.pullInnerRightMore{
	margin-right:-20px;
}
.pushInnerBottomMinimal{
    padding-bottom: 5px;
}
.pushInnerBottom{
	padding-bottom: 10px;
}
.pushInnerAllFraction{
	padding: 3px;
}
.pushInnerAllMinimal{
	padding: 5px;
}
.pushInnerAll{
	padding: 10px !important;
}

/* Border */
.noBorder{
	border:none !important;
}

/* alignment */
.alignCenter{
	text-align:center !important;
}
.alignLeft{
	text-align: left !important;
}
.alignRight {
	text-align: right !important;
}
.align_top {
    vertical-align:top !important;
}
.align_middle {
    vertical-align: middle !important;
}
.align_bottom {
	vertical-align:bottom;
}

.strikeThrough{
	text-decoration: line-through;
}

.bgWhite{
    background-color: #fff !important;
}
.bgLightGray{
    background-color: #f8f8f8;
}
.bgAltTableRow{
	background-color: #f9f9f9;
}
.bgDarkerGrey{
	background-color: #D0D0D0 !important;
}
.bgGreen{
	background-color: #5eb95f !important;
}
.bgOrange{
	background-color: #f15e33 !important;
}
.bgPeach{
	background-color: #ffcb97 !important;
}
.bgBabyblue,
tr.bgBabyblue > td{
	background-color: #e1f0ff !important;
}
.borderRed{
	border: 1px solid red !important;
}

/* text color */
.cGray{
	color: #9b9ba2;
}
.cRed{
	color: #f20000;
}
.cBlue{
    color: #3a87ad;
}
.cGreen{
	color: #00b233;
}
.cOrange{
	color: #f15e33;
}
.cBlack{
	color: #333;
}

/* text */
.capitalize{
	text-transform: capitalize;
}
.normal{
	font-weight: normal !important;
}
.smallerText{
	font-size: smaller !important;
}
.largerText{
	font-size: larger;
}
.lineHeight100{
	line-height: 100%;
}

/* Box shadow */
.dropShadow{
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.inShadow{
	-webkit-box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.3);
}
td.inShadow{
	padding: 10px;
}

/* Opacity */
.transparent {
	opacity: 0;
}
.dimmed{
	opacity: .5;
}
.opaque {
	opacity: 1;
}

/* positioning */
.posRel{
	position: relative;
}
.posAbs{
	position: absolute;
}
.rightBottom,
.absRB{
	position: absolute;
	right: 0;
	bottom: 0;
}
.absRT{
	position: absolute;
	right: 0;
	top: 0;
}


/* Box sizing */
.borderBox{
	box-sizing: border-box;
}
/* Absolute width */
.w50{
	width:50px;
}
.w120{
    width:120px;
}
.w200{
	width: 200px;
}
/* Relative Width % */
.whole {
	width: 100%;
	box-sizing: border-box;
}
.ninetenth{
	width: 90% !important;
}
.fourfifth{
	width: 80% !important;
}
.twothird {
	width: 66% !important;
}
.half {
	width: 50% !important;
}
.twofifth{
	width: 40% !important;
}
.third {
	width: 33% !important;
}
.thirty{
	width: 30% !important;
}
.quarter {
	width: 25% !important;
}
.fifth {
	width: 20% !important;
}
.tenth{
	width: 10% !important;
}
/* Absolute width */
.w30{
    width: 30px !important;
}
.w60{
	width: 60px !important;
}
.w80{
	width: 80px !important;
}

/* Relative Height % */
.hWhole {
	height: 100% !important;
}
.hNinetenth{
	height: 90% !important;
}
.hFourfifth{
	height: 80% !important;
}
.hTwothird {
	height: 66% !important;
}
.hHalf {
	height: 50% !important;
}
.hTwofifth{
	height: 40% !important;
}
.hThird {
	height: 33% !important;
}
.hThirty{
	height: 30% !important;
}
.hQuarter {
	height: 25% !important;
}
.hFifth {
	height: 20% !important;
}
.noMinHeight{
	min-height: 0 !important;
}

/* Wrapping */
.noWrap{
	white-space: nowrap;
}

/* Cursor */
.cPointer{
	cursor: pointer;
}

/* Borders */
.borderTopDarker{
	border-top: 2px solid #ccc !important;
}
.borderLeftGrey {
	border-left: 1px solid #ddd;
}
.borderBottomGrey {
    border-bottom: 1px solid #ddd;
}

/* Overflow */
.overflowAuto{
	overflow: auto;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* End Methods */

/* Error */
span.error {
	color: #C00;
}
input.error {
	border-color: #C00;
	background-color: #FEF;
}
div.error{
	position:absolute;
	margin-top:-35px;
	color:#f00;
	font-size:14px;
	margin-left:225px;
	visibility:hidden;
}
/* reset voor plugin x-editable */
.editableform div.error{
	position: relative;
	margin: 0;
	color: #f20000;
	font-size: inherit;
	visibility: inherit;
}

#imgTest img{
	/*width:80px;*/
	height:80px;
}
.container {
  position: relative;
}

button{
	box-sizing: content-box;
}
.box{
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	background-color: #fbfbfb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.indicator{
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.planning .container.outer,
.planning .container.main{
	background-color: #fff;
	width: 1545px !important;
}
.planning .container.outer{
	padding: 0 10px;
}
a {
	color:#2B2464;
	text-decoration: none;
}
a.cRed:hover{
	color: #f20000;
}
ul {
	list-style-type: none;
}
.userText ul{
	list-style-type: disc;
}
ul.bulletList{
	list-style-type: disc;
}
ul.dashList{
	list-style-type: none;
	margin-left: 0;
}
ul.dashList>li:before,
dl.dashList>dd:before{
	content: '\2013\00a0';
}
dl.dashList>dd{
    text-indent: -10px;
    margin-left: 10px;}
.accordion-group.focus{
    border: 1px solid #aaa;
}
.accordion-heading.collapsed > a:not(.accordion-toggle),
.accordion-heading.collapsed > button{
	display: none;
}
.accordion-inner{
	padding:9px 15px;
}
.progress.urenBalk{
	position: relative;
	overflow: visible;
	width: 250px;
}
.progress.medium{
	width: 150px;
	height: 15px;
	margin-bottom: 5px;
}
.progress.slim{
	position: relative;
	overflow: visible;
	height: 10px;
	margin-bottom: 10px;
	box-sizing: content-box;
}
.progress .bar{
	max-width: 100% !important;
}
.progress .bar:first-child{
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.progress span:last-of-type{
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	margin-right: -10%;
}
.progress .bar:first-child:last-of-type{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: -10%;
}
.progress
.progress.slim .bar{
	line-height: 10px;
	font-size: 10px;
}
.progress.medium .bar{
	line-height: 15px;
}
.progress .bar-empty {
	background-color: transparent;
	background-image: none;
	filter: none;
	color: #333;
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0);
	box-shadow:inset 1px 0 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(0,0,0,0);

}
.progress .bar-empty:first-child {
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0), inset 0 -1px 0 rgba(0,0,0,0);
	box-shadow:inset 1px 0 0 rgba(0,0,0,0), inset 0 -1px 0 rgba(0,0,0,0);
}
.progress.slim .bar-empty {
	height: 10px;
}
.progress.medium .bar-empty{
	height: 15px;
}
.progress .bar-marker{
	position: absolute;
	top: 0;
	width: 2px;
	height: 20px;
	background-color: rgba(255,255,255,0.15);
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15);
	box-shadow:inset 1px 0 0 rgba(0,0,0,0.15);
	overflow: visible;
}
.progress.slim .bar-marker{
	height: 10px;
}
.progress.medium .bar-marker{
	height: 15px;
}
.progress .bar-marker > div{
	font-size: 10px;
	color: #9b9ba2;
	width: 20px;
	text-align: center;
	margin: 20px 0 0 -10px;
}
.progress.slim .bar-marker > div{
	font-size: 8px;
	width: 10px;
	margin: 5px 0 0 -5px;
}
.progress.medium .bar-marker > div{
	margin: 15px 0 0 -10px;
}
.progress .bar-marker.on6{
	left: 25%;
}
.progress .bar-marker.on8{
	left: 33.3%;
}
.progress .bar-marker.on10{
	left: 41.7%;
}
.progress .bar-marker.on12{
	left: 50%;
}
.progress .bar-marker.on16{
	left: 66.6%;
}
.progress .bar-marker.on18{
	left: 75%;
}
.progress .bar-marker.on20{
	left: 83.3%;
}
.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}
.popover {
	max-width:240px;
	z-index: 2000;
}
.popover-content{
	font-size:12px;
}
#weekOverzicht .popover-content{
	min-width: 200px;
}
.planning .popover{
	min-width:400px;
	max-width:800px;
}

.navbar .nav{
	margin: 8px 0 10px 8px;
}
.navbar.topNav { margin-bottom:0;}
.navbar .brand{
	display:none;
}
.navbar-inner {
	padding:0;
  background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff);
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);
	background-repeat: repeat-x;
	border-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
	border:0px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}

.topNav .nav li {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	line-height: 1em;
	padding: 7px 30px;
	margin-right: 20px;
	color: #ffffff;
	background: #055ca9;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}

.topNav .nav .active {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	line-height: 1em;
	padding: 7px 30px;
	margin-right: 20px;
	color: #ffffff;
	background: #055ca9;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}

.dropdown-menu > li > a { color:#000000;  }

.topNav .nav a{
	width:150px;
	font-size:15px;
}
.topNav.navbar .nav .active > a {
	background: inherit;
	box-shadow: none;
}

.topNav.navbar .nav .active > a:hover {
	box-shadow: none;
	background: inherit;
}

.topNav.navbar .nav > li > a {
	padding: 0;
	text-shadow: none;
	color: #ffffff;
}

.topNav.navbar .nav > li > a:hover {
	color: #ffffff;
}


.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #ffffff;
}

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    color: #00BEF2;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus , .navbar-inverse .nav .active > a .active  {
color: #ffffff;

}

.navbar-inverse .nav li.active  > a:hover {
color: #000000;
}

.navbar-inverse .nav-collapse  .nav li.active  > a:hover {
color: #000000;
background-color: #00BEF2;
}

.navbar-inverse .nav-collapse  .nav li > a:hover {
color: #00BEF2;
background-color: #ffffff;
}

.nav-tabs > li > a {
}
.language_modal {float: right;}

@media (min-width: 965px) {
	/*.nav li {
		margin-top: 15px;
		margin-bottom: 15px;
	}*/
}

.hero-unit {
	margin: 0;
	padding: 3px;
	position: relative;
	line-height: 1.2em;
	-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top:5px;
}

.hero-container {

}

@media (min-width: 965px) {
	.hero-unit {
		margin-top:20px;
		background: #e9eaeb;
	}

}
.hero-container h1 {
	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 20px;
}

.hero-login-container {
	background: #ffffff;
	bottom: 10px;
	right: 10px;

}

.hero-login-container h4 {
	font-size: 11pt;
	font-weight: bold;
	color:#d90578;
	margin: 2px 0;
}

.hero-login-container .loginfield {
	width: 96%;
	background:#dbdbdb;
	margin-bottom: 10px;
	padding: 6px;
	font-size: 9pt;
	color: #868686;
	-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

}

.hero-unit-small {
	padding: 10px;
	height: 160px;
	position: relative;
	line-height: 1.2em;
	background-image: url(images/corporate_culture2.jpg);
	-webkit-border-radius: 0px;
     	-moz-border-radius: 0px;
          border-radius: 0px;
}

.sub_hero-unit {
	margin: 0;
	padding: 10px;
	height: 210px;
	position: relative;
	line-height: 1.2em;
	background-image: url(images/corporate_culture5.jpg);
	-webkit-border-radius: 0px;
     	-moz-border-radius: 0px;
          border-radius: 0px;
}

.sub_hero-container {
	bottom: 10px;
	position: absolute;
}

.sub_hero-container h1 {
	color: #ffffff;
	font-size: 38pt;
	padding-left: 20px;
}

.footer {
	padding: 20px;
	color: #ffffff;
  background-color: #95979a;
}
.footer_bottom_links{
	height:15px;
	margin: 3px 33%;
	color:#000000;
	font-size:8pt;
	line-height: 15px;
	white-space: nowrap;
}
.footerLogos h6{
	font-size: 10px;
	line-height: 35px;
	margin-top: 15px;
	letter-spacing: 1px;
}
.footerLogos img{
	margin: 5px;
}
.footerLogos .denoteLogo{
	margin-top:7px;
}
#map_canvas {width:275px !important; height:290px !important; float:left !important;}
#myModal #map_canvas{
	float: none !important;
	margin-left: 0;
}
.big_date_day{color:#b4b4b4;  font-size:80pt; text-transform:uppercase; min-height:50px; margin-top:36px; margin-bottom:25px;}
.full_date_day{ color:#b4b4b4;  font-size:8pt; text-transform:uppercase; min-height:20px; }
.calender_container{ border:0px #cccccc solid; }
.urenstaten .calender_container{
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
.calender_regel_header{
	height:20px;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(bottom, #FBF9FB 0%, #F0F0F0 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom, #FBF9FB 0%, #F0F0F0 100%);

	/* Opera */
	background-image: -o-linear-gradient(bottom, #FBF9FB 0%, #F0F0F0 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FBF9FB), color-stop(1, #F0F0F0));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom, #FBF9FB 0%, #F0F0F0 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top, #FBF9FB 0%, #F0F0F0 100%);
	padding:2px;
	border-bottom:1px #dddddd solid;
	font-size:8pt;

	}
.calender_regel_content{background:#ffffff; padding:3px;  overflow: auto;}

.kandidaat-agenda table{
	width: 100%;
}
.kandidaat-agenda th,
.kandidaat-agenda td{
	width: 14%;
	padding: 0 2px;
	border: 1px solid #ddd;
	border-width: 0 0 1px 0 !important;
}
.kandidaat-agenda th{
	padding: 0 2px 4px 2px;
}
.kandidaat-agenda .calendar-month{
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #c2c2c2;
	border-width: 1px 0;
	padding: 5px 0;
	margin-bottom: 5px;
	background-color: #f8f8f8;
}

.status_icon{
	width:20px;
}
.status_icon img{
	height:15px;
	/*float: right;*/
	/*margin-top: 3px;*/
}
/*.status_icon img.cross{
	height:10px;
}*/

.regel_info_container{  width:190px; float:left; display:block; }
.regel_job_title{ float:left; font-weight:bold; font-size:9pt; }
.regel_job_locatie{ float:left; font-size:8pt; color:#9b9ba2; }
.regel_uren{ float:right; padding:1px; font-size:7pt; line-height:40px; color:#000000; }
.regel_uren_kandidaat{ float:right; padding:1px; font-size:7pt; line-height:4px; color:#000000; margin-top:-4px; color:#0080FF; font-style:italic; margin-bottom:5px; }

.ipad_help {float:right; margin-right:10px;  font-size:8pt; font-style:italic;}

.row-fluid > .span12{
	margin-left: 0;
}

@media (min-width: 1000px) {
	.modal.wide{
		width: 800px;
		margin-left: -400px;
	}
	.modal.tall .modal-body{
		max-height: 500px;
	}
}

@media (min-width: 1200px) {
	.modal{
	  width: 800px;
   	margin-left: -400px; /* - width/2 */
	}
	.modal.wide{
		width: 1000px;
		margin-left: -500px;
	}
	.text_change{
		height:270px;
	}
	.urenstaten .calender_container{
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	.responsiveColumns{
/*		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
*/	}
}

@media (max-width: 1000px) {
	h1 { font-size:20pt; }
	h3 { font-size:13pt; }
	h4 { font-size:12pt; }


	/*.modal{
	 width: 980px;
   margin-left: -490px;
	}*/
}
.twoCols{
	-moz-column-count: 1;
	-moz-column-gap: 40px;
	-webkit-column-count: 1;
	-webkit-column-gap: 40px;
	column-count: 1;
	column-gap: 40px;
}
@media (min-width: 967px) {
	.twoCols{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.evenCols .row-fluid .span4 {
		width: 48.5% !important;
	}
	.evenCols .row-fluid .span4:last-child {
		margin-left: 0;
	}
	.urenstaten .calender_container{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count:2;
	}
}
@media(max-width:767px){
	.urenstaten .calender_container{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count:1;
	}
}

@media (max-width: 480px) {
	h3 { font-size:10pt; }
	h4 { font-size:9pt; }
 	legend{ font-size:11pt; }
 	.navbar{ margin-bottom:5px; }
 	 #map_canvas{ width:230px !important; height:200px !important; left:1px; }
	.language_modal {float: left; margin-bottom:5px;}
	.show_on_desktop {display:none;}
	#show_on_desktop {display:none;}

	.modal{
    width: 90%;
    height: 100%;
    height: 95%;
	}
	.ipad_help {display:none;}

}

/* custom input */

select, 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 {
	-webkit-border-radius: 0;
	border-radius: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
.select2-container{
	width: 100%;
	display: inline-block;
	margin: 0 8px 8px 0;
}

@media (min-width: 768px) {
	.select2-container{
		width: 256px;
	}
}

.modal-body .select2-container,
.panel .select2-container{
	width: 240px;
}
.select2-container.input-small{
	width:116px !important;
}
.select2-container.input-medium{
	width:162px;
}
.select2-container.input-large{
	width:240px;
}
.select2-container.select2-container-disabled .select2-choice {
	cursor: not-allowed;
}
.select2-results > li{
	border-bottom: 1px dotted #ddd;
}
.select2-result{
	font-size: 12px !important;
}
.select2-container .select2-choice{
	-webkit-border-radius: 0 4px 4px 9px;
	border-radius: 0 4px 4px 9px;
}
.select2-dropdown-open .select2-choice{
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}
.select2-drop{
	-webkit-border-radius: 0 0 4px 9px;
	border-radius: 0 0 4px 9px;
}
.select2-search input[type="text"] {
	width: 100%;
}
.select2-no-results{
	font-size: 12px;
}
.chosen-container-single .chosen-single,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single{
	height: 30px !important;
	line-height: 28px !important;
}
.chosen-container-single .chosen-single {
	border: 1px solid #ccc !important;
	background-color: #fff;
	background: none !important;
	box-shadow: 0 0 0 #fff,0 0 0 rgba(0,0,0,0) !important;
	color: #333;
}
.chosen-container-single .chosen-single div b {
	background-position: 0 4px !important;
}
/* chosen select plugin override */

.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend .add-on:first-child{
	-webkit-border-radius: 0 0 0 9px;
	border-radius: 0 0 0 9px;
}
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input{
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.input-prepend.input-append select{
	-webkit-border-radius: 0;
	border-radius: 0;
	box-sizing: content-box;
	height: 28px;
	line-height: 28px;
	border-width: 1px 5px;
	border-right-color: #0b5da9;
	border-left-color: #0b5da9;
	margin: 0 -5px;
	z-index: 0;
}
.input-prepend.input-append .add-on{
	position: relative;
	z-index: 1;
}
body>input {
  background-position:13px 16px;
}
body>input:enabled {
  background-position:9px 10px;
}

select {
	width: 240px;
	border: 1px solid #ccc;
	background-color: #2B2464;
	color:#fff;
}
select:disabled{
	color:#000;
}
select option:disabled{
	color: #0080ff;
}
select:focus,
input:focus,
input[type="number"]:focus{
	outline:none;
}

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 {
	width: 226px;
}
.textarea,
.modal-body textarea,
.panel textarea{
	width: 226px;
	background-color:#ececec !important;
	-webkit-border-radius: 0 4px 4px 9px;
	border-radius: 0 4px 4px 9px;
}
.modal-body input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="datetime"],
.modal-body input[type="datetime-local"],
.modal-body input[type="date"],
.modal-body input[type="month"],
.modal-body input[type="time"],
.modal-body input[type="week"],
.modal-body input[type="number"],
.modal-body input[type="email"],
.modal-body input[type="url"],
.modal-body input[type="search"],
.modal-body input[type="tel"],
.modal-body input[type="color"],
.modal-body .uneditable-input{
	width: 226px;
}
.modal-body .input-prepend input[type="text"],
.modal-body .input-prepend input[type="password"],
.modal-body .input-prepend input[type="datetime"],
.modal-body .input-prepend input[type="datetime-local"],
.modal-body .input-prepend input[type="date"],
.modal-body .input-prepend input[type="month"],
.modal-body .input-prepend input[type="time"],
.modal-body .input-prepend input[type="week"],
.modal-body .input-prepend input[type="number"],
.modal-body .input-prepend input[type="email"],
.modal-body .input-prepend input[type="url"],
.modal-body .input-prepend input[type="search"],
.modal-body .input-prepend input[type="tel"],
.modal-body .input-prepend input[type="color"],
.modal-body .input-prepend .uneditable-input,
.modal-body .input-append input[type="text"],
.modal-body .input-append input[type="password"],
.modal-body .input-append input[type="datetime"],
.modal-body .input-append input[type="datetime-local"],
.modal-body .input-append input[type="date"],
.modal-body .input-append input[type="month"],
.modal-body .input-append input[type="time"],
.modal-body .input-append input[type="week"],
.modal-body .input-append input[type="number"],
.modal-body .input-append input[type="email"],
.modal-body .input-append input[type="url"],
.modal-body .input-append input[type="search"],
.modal-body .input-append input[type="tel"],
.modal-body .input-append input[type="color"],
.modal-body .input-append .uneditable-input,
.panel .input-prepend input[type="text"],
.panel .input-prepend input[type="password"],
.panel .input-prepend input[type="datetime"],
.panel .input-prepend input[type="datetime-local"],
.panel .input-prepend input[type="date"],
.panel .input-prepend input[type="month"],
.panel .input-prepend input[type="time"],
.panel .input-prepend input[type="week"],
.panel .input-prepend input[type="number"],
.panel .input-prepend input[type="email"],
.panel .input-prepend input[type="url"],
.panel .input-prepend input[type="search"],
.panel .input-prepend input[type="tel"],
.panel .input-prepend input[type="color"],
.panel .input-prepend .uneditable-input,
.panel .input-append input[type="text"],
.panel .input-append input[type="password"],
.panel .input-append input[type="datetime"],
.panel .input-append input[type="datetime-local"],
.panel .input-append input[type="date"],
.panel .input-append input[type="month"],
.panel .input-append input[type="time"],
.panel .input-append input[type="week"],
.panel .input-append input[type="number"],
.panel .input-append input[type="email"],
.panel .input-append input[type="url"],
.panel .input-append input[type="search"],
.panel .input-append input[type="tel"],
.panel .input-append input[type="color"],
.panel .input-append .uneditable-input
{
	width: 200px;
}
.input-append .input-small{
	width: 90px;
}
select.whole, textarea.whole, input[type="text"].whole, input[type="password"].whole, input[type="datetime"].whole, input[type="datetime-local"].whole, input[type="date"].whole, input[type="month"].whole, input[type="time"].whole, input[type="week"].whole, input[type="number"].whole, input[type="email"].whole, input[type="url"].whole, input[type="search"].whole, input[type="tel"].whole, input[type="color"].whole, .uneditable-input.whole {
	width: calc(100% - 14px);
}
input.input-mini{
	width: 60px;
}
input.input-small{
	width: 90px;
}
input.inputHalf,
select.inputHalf{
	width: 120px;
}
input.input-medium{
	width: 136px;
}
input.inputQuarter,
select.inputQuarter{
	width:60px;
}
input.inputSmall{
	width: 30px;
}
input.timepicker,
.modal-body .input-append input.timepicker{
	width: 50px;
}

.weekSelector select{
	padding: 0 5px;
	width: 85px;
}

input[required]{
	background: url(images/asterisk.png) no-repeat right 40%;
}
input[required]:focus,
input[required]:valid,
input[required].valid{
	background: none;
}

.job_div {

	border-color:#cccccc;
	border-right:1px solid;
	width:50%;
	margin-left:5px;
}

.job_div_derde {
	border-color:#cccccc;
	border-right:1px solid;
	width:30%;
	margin-left:20px;

}

.job_div_rechts_derde {
	float:left;
	width:30%;
	margin-left:30px
}

.job_div_midden {
	border-color:#cccccc;
	border-right:1px solid;
	width:30%;
	margin-left:20px;
}

.job_div_rechts {
	float:right;
	width:48%;
	margin-left:10px;
}

.div_cal {
	margin-left:0%;
}

.knopje_div {
	margin-right:27%;
}

.job_knop {
	height:auto;
	width:auto;
	float:right;
	vertical-align:bottom;
}

label{
	font-weight:bold;
}
.control-label:first-letter{
    text-transform: uppercase;
}
.form-horizontal .control-group {
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.form-horizontal .control-group:not(:first-child) {
		margin-left: 8px;
	}
}

@media (min-width: 1024px) {
	.form-horizontal .control-group:not(:first-child) {
		margin-left: 16px;
		min-width: 200px;
	}
}

.form-horizontal .control-label {
	/*text-align: left !important;*/
	/*width: 240px !important;*/
	padding-top: 4px;
}
.filterForm .control-label{
	font-size: 12px;
}
.filterForm .controls{
	margin-left: 120px;
}
.filterForm .btn {
	white-space: nowrap;
	margin-bottom: 12px;
}
legend + .control-group{
	margin-top: 0;
}
fieldset + fieldset{
	margin-top: 15px;
}
.MyClass{border-color:#ff0000 !important; width:240px !important;}
.MyClass_correct{}

.control-group {
	margin-bottom: 1px;
}
.jobModal.modal-body{
	overflow-y: hidden;
}
.jobModal .control-group{
	width: 100%;
}
.jobModal.modal-body{
	padding: 0 15px;
}
.jobModal .scrollColumns > [class*=span]{
	max-height: 400px;
	padding: 15px 0;
	overflow-y: scroll;
	overflow-x: hidden;
}
.jobPanelRow > td {
    padding: 10px 20px;
    -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.3);
    box-shadow:inset 0 0 7px 0 rgba(0,0,0,0.3);
}
.jobPanelRow .scrollColumns > [class*=span]{
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.panel-body{
	max-width: 1096px;
}
.tall .jobModal .scrollColumns [class*=span]{
	max-height: 500px;
}

/* Beschikbaarheidstabel jobs */
.beschikbaarheid:empty + .legendaBeschikbaarheid {
	display: none;
}
.beschikbaarheid th>div{
	width: 35px;
}
.beschikbaarheid td.alert {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.beschikbaarheid td.weekNumber{
    text-transform: uppercase;
    letter-spacing: 1px;
	line-height: 10px;
    text-shadow: 0px 1px 1px #fff;
    color: #888;
}
/* Eind Beschikbaarheidstabel jobs */

/*.table-bordered{
	border-collapse: collapse !important;
}
*/
.table-condensed .control-group {
	margin-bottom: 0;
	width: auto;
}
.table-condensed td > p,
.table-condensed td > input,
.table-condensed td > select,
.table-condensed td > textarea,
.table-condensed td > .input-append,
.table-condensed td > .input-prepend{
	margin-bottom: 0;
}
.table-condensed input[type="radio"],
.table-condensed input[type="checkbox"] {
	margin: 0;
}
.table-condensed input[type="checkbox"].urenAkkoord{
	margin: 0 2px 4px 0;
}
.table-condensed td > textarea{
	/*width: 150px;*/
	height: 20px;
}
.table-striped tr.bgPeach td{
	background-color: #ffcb97 !important;
}
.table-Xcondensed th,
.table-Xcondensed td {
	padding: 0 5px;
	font-size: smaller;
}
table tr.total > td{
	font-weight: bold;
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
}
.info_button_class {cursor:pointer; font-size:14pt; vertical-align:top; padding-top:2px; color:#005aab; margin-left:5px; line-height:47px;}
.info_button_class:hover {color:#FD8E16;}

.widget { margin-bottom:5px;
}
.overview .widget{
	margin-bottom: 0;
}

/* Upload Letitimatie button */

.upload-legitimatie__btn {
	width: 100% !important;
	padding: 0 !important;
}

.upload-legitimatie__btn--hidden {
	display: none;
}

/* Form modal (Used for uploading file) */

.form-modal {
	display: none;
	background-color: rgba(226, 241, 251, .7);
	font-size:62.5%;
	top: 108px;
	z-index: 8;
    bottom: 240px;
    left: 0;
    position: absolute;
    right: 0;
}

.form-modal__window {
	background-color: #ffffff;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);
    margin: 5%;
	padding: 3.2em 6.4em;
}

.form-modal__ul {
	list-style-type: disc;
	font-size: 1.6em;
	color: #487590;
}

.form-modal__h1 {
	font-size: 2.0em;
}

.form-modal__h1--center {
	text-align: center;
}

.form-modal__h2 {
	font-size: 1.6em;
	font-weight: bold !important;
	line-height: normal;
	margin: 0 0 0.8em 0;
}

.form-modal__h2--center {
	text-align: center;
}

.form-modal__grid {
	display: grid;
	justify-content: center;
	grid-template-columns: 0.50fr 0.50fr;
	grid-template-areas: 'frontside backside';
	grid-gap: 2.4em;
}

.form-modal__grid-area {
	/* background-color: rgba(226, 241, 251, 0.8); */
}

.form-modal__grid-area--frontside {
	grid-area: frontside;
}

.form-modal__grid-area--backside {
	grid-area: backside;
}

.form-modal__actions {
	text-align: right;
	margin-top: 3.2em;
	padding: 2.4em;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}

.form-modal__img {
	display: block;
	margin:  0 auto 0.8em auto;
	max-width: 36.0em;
	border: 1px solid #B6DDF5;
}

.form-modal__img--hidden {
	display: none;
}

@media (max-width: 599px) { 
	.form-modal__grid {
		grid-template-columns: 1.0fr;
		grid-template-areas: 
			'frontside'
			'backside';
	}
}

@media (max-width: 767px) {
	.form-modal {
		top: 60px;
	}
}

@media (max-width: 979px) {
	.form-modal__img {
		max-width: 100%;
	}
}

/* -- End of Form modal -- */

/* custom file upload */
.uploadPreview{
	width: 50px;
}
.uploadPreviewBlock{
	width: 100px;
	display: block;
	margin-top: 10px;
}
.uploadedImage{
	width: 80px;
}
input[type="file"] {
	background-color: #2B2464 !important;
	color:#ffffff;
	padding-bottom:5px;
	width: 240px !important;
}
.file-input-wrapper{
	white-space: nowrap;
}
.file-input-name{
	display: inline-block;
	margin: 10px 0;
}
.file-input-name + .tooltip_class {
	margin: 5px 0 0 5px;
}

.slider .slider-selection {
	background: #BABABA;
}
.VTtijdButton,
.WtfButton{
	text-align: left;
	width: 220px;
}
.VTtijdButton .slider-horizontal{
	width: 200px;
}
.btn .dayName{
	display: inline-block;
	min-width: 65px;
}
.btn .dayName,
.btn .waarde,
.btn .add-on{
	font-size: 10px;
}
.btn .input-prepend .add-on{
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
}
.btn input[type=text]{
	font-size: 12px;
	height: 10px;
	margin-bottom: 0;
}
.form-actions{
	padding:2px !important;
	padding-top:5px !important;
}

/* widget gedeelte */

.widget-header {
	position: relative;
	height: 50px;
	padding:2px;
	line-height: 32px;
	background: #E6007E;
	border: 1px solid #E6007E;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-background-clip: padding-box;
}

	.widget-header h3 {
		font-size: 20px;
		color: #fff;
		text-align: center;
		font-weight:normal;
	}

		.widget-header [class^="icon-"], .widget-header [class*=" icon-"]
		{
			display: inline-block;
			/*margin-left: 13px;*/
			margin-right: -2px;
			font-size: 16px;
			color: #fff;
			vertical-align: middle;

		}

.widget-content {
	padding: 20px 15px 15px;
	background: #FFF;
	min-height:100px;
}
.jobsOverview > .widget-content{
	padding: 0 10px 10px 10px;
}
.widget-header+.widget-content {
	border-top: none;

}
tr.jobContainer td:first-child{
	width: 250px;
}
.widget_footer {
	padding:16px 24px;
	min-height:5px;
	font-family: Verdana, sans-serif;
	-moz-box-shadow: 0 0 1px #888;
	-webkit-box-shadow: 0 0 1px #888;
	box-shadow: 0 0 1px #888;
	background-color:#E6007E;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomeft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-bottom-radius: 4px;
	border-top-bottom-radius: 4px;
	-webkit-background-clip: padding-box;
}

.widget-nopad .widget-content {
	padding: 0;
}

/* Widget Content Clearfix */
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

/* Widget Table */

.widget-table .widget-content {
	padding: 0;
}

.widget-table .table {
	margin-bottom: 0;

	border: none;
}

.widget-table .table tr td:first-child {
	border-left: none;
}

.widget-table .table tr th:first-child {
	border-left: none;
}


.widget-table .table  tr:hover  {
	background-color: #F0F8FF;
}

.box_option_wrapper{
	margin-top:5px;
	padding: 9px 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.kandidaat_visite_kaartje{

	background-color:#005bab;
	height: 185px;
	padding-right:5px;
	padding-top:10px;
  *zoom: 1;
  text-align:left;
  margin-bottom: 0;
  font-size: 14px;
  vertical-align: middle;
	margin-top:5px;
	margin-bottom:5px;
  *background-color: #005bab;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
      width: 260px !important;
    -webkit-border-radius: 9px !important;
 		-moz-border-radius: 9px !important;
 		 border-radius: 9px !important;
  	-moz-border-radius-topleft: 0px !important;
		border-top-left-radius: 0px !important;
	}
.kandidaat_visite_kaartje_match{float:right; padding-right:2px; color:#ffffff; margin-top:-9px; font-size:9pt;}
.kandidaat_visite_foto{ position: absolute; width:70px; height:110px; border-radius:5px; margin-top:-2px; padding-left:5px; }
.kandidaat_visite_foto img{
	border-radius:5px;
	border:1px #B8B8BE solid;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	 }
.kandidaat_visite_content{
	 background-color:#e9e9eb;
	 padding: 4px 6px;
	 margin-top:10px;
	 height:150px;
	 border-radius:5px;
	 -moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
	 }
.kandidaat_visite_content_short{ margin-left:78px;  height:80px; font-size:8pt; }
.kandidaat_visite_content_naam{ font-size:10pt;}
.kandidaat_visite_content_naam_title{color:#f05122; }
.button_wrapper{
	/*height:63px;*/
	margin-bottom:4px;
	position: relative;
  line-height: 1em;
	}
#cardsContainer .kaartje{
    display: none;
}
#cardsContainer .kaartje:nth-child(-n+5){
    display: block;
}
.kaartje.active,
.kaartje.active:hover{
		background-color: #e1f0ff;
}
.kaartje:hover{
	background-color: #fff;
}
.kaartje p img{
	height: 18px;
}
.kaartje ul img{
	width: 15px;
}

.pas-foto{
	width: 60px;
	height: 60px;
}
.pas-foto[src='']{
	background-image: url(images/no_user_picture_small.png);
}
.details ul li span{
	display: inline-block;
	width: 120px;
}
.button_wrapper_small{
	min-height:26px;
	margin-bottom:5px;
  line-height: 0.3em;
  min-width:125px;
  margin-right:10px;
   display: inline; /* this line is only needed for some old browsers */
  display: inline-block;
}

.button_wrapper_small_footer{
	min-height:26px;
	margin-bottom:5px;
  line-height: 0.3em;
  min-width:25px;
  margin-right:10px;
  display: inline; /* this line is only needed for some old browsers */
  display: inline-block;
}


.button_wrapper_small_back{
	min-height:26px;
	margin-bottom:5px;
  line-height: 0.3em;
  margin-right:10px;
  display: inline; /* this line is only needed for some old browsers */
  display: inline-block;
}

.btn_custom_icon_wrapper_small {
	background-color: #ffffff;
	border-radius:1px;
	z-index:1;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	width:20px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.55);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.55);
	position:absolute;

 }
.btn_custom_icon_wrapper_small img{height:23px; width:20px;}

.button_wrapper_small_link{
	margin-left:30px;
	line-height:25px;
	font-size:9pt;
	color:#055ca9 !important;
}

.button_wrapper_small_link:hover{
	text-decoration:none;
	color:#076dc6 !important;
}
.button_wrapper_small_link_active{
	margin-left:30px;
	line-height:25px;
	color:#ffffff !important;
	font-size:9pt;
}

.button_wrapper_small_link a{
	margin-left:3px;
	line-height:10px;
	text-decoration:none;
	font-size:10pt;
	color:#055ca9 !important;
}

.btn_custom{
	height:46px;
  *zoom: 1;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 43px;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  background-color: #2B2464;
	margin-top:2px;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;

}

.btn_custom:hover {
  background-color: #d90578;
}

.btn_custom a { color:#ffffff; text-decoration:none; vertical-align: middle; cursor: pointer; display:block; }


.btn_custom_alert{
	height:46px;
	*zoom: 1;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 43px;
	vertical-align: middle;
	cursor: pointer;
	color: #ffffff;
	background-color: #0b5da9;
	margin-top:2px;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	border: 2px solid #ff0000;
	*border: 0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.btn_custom_alert:hover{
	height:46px;
  *zoom: 1;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 43px;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  background-color: #0b5da9;
	margin-top:2px;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  border: 2px solid #ff0000;
  *border: 0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.btn_custom_alert a {
	color:#ffffff;
	text-decoration:none;
	margin-left:75px;
	padding-top:2px;
	vertical-align: middle;
	cursor: pointer;
	display:block;
}

.btn_custom_small{
	display:inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	*zoom: 1;
	margin-bottom: 0;
	font-size: 12px;
	color: #fff;
	background-color: #2B2464;
	margin-top:2px;
	-webkit-border-radius: 0 9px 9px 9px;
	border-radius: 0 9px 9px 9px;
}

.btn_custom_small:hover,
.btn_custom_small:focus {
  background-color: #076dc6;
  color:#fff;
}

.btn_custom_small_red{
	display:inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	*zoom: 1;
	margin-bottom: 0;
	margin-top:2px;
	font-size: 14px;
	color: #fff;
	background-color: #f00;
	-webkit-border-radius: 0 9px 9px 9px;
	border-radius: 0 9px 9px 9px;
}

.btn_custom_small_red:hover {
  background-color: #FF4646;
	color: #fff;
}

.btn_custom_small_red a {
	color:#ffffff;
	text-decoration:none;
	margin-left:75px;
	padding-top:2px;
	vertical-align: middle;
	cursor: pointer;
	display:block;
}

.btn_custom_small_info{
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 8px;
	*zoom: 1;
	text-align:left;
	margin-bottom: 0;
	margin-top:2px;
	font-size: 14px;
	vertical-align: middle;
	color: #ffffff;
	background-color: #2f96b4;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
    -webkit-border-radius: 9px !important;
	-moz-border-radius: 9px !important;
	border-radius: 9px !important;
  	-moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
}

.btn_custom_small_waiting{
	height: 34px;
	padding: 4px 6px;
  *zoom: 1;
  text-align:left;
  margin-bottom: 0;
  font-size: 14px;
  vertical-align: middle;
  color: #ffffff;
  background-color: #f89406;
	margin-top:2px;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
	width: 240px !important;
	-webkit-border-radius: 9px !important;
	-moz-border-radius: 9px !important;
	border-radius: 9px !important;
	-moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
}

.btn_custom_icon_wrapper {
	background-color: #d90578;
	background-image: url(images/icons-menu-homescreen.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-radius:3px;
	border: 5px solid #fff;
	z-index:1;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	width:40px;
	height: 42px;
	margin-top:-7px;
}
/*
.btn_custom_icon_wrapper.bonus{
	background-position: 0 0;
}
.btn_custom_icon_wrapper.planning{
	background-position: -50px 0;
}
.btn_custom_icon_wrapper.beschikbaarheid{
	background-position: -100px 0;
}
.btn_custom_icon_wrapper.budget{
	background-position: -150px 0;
}
.btn_custom_icon_wrapper.werklocaties{
	background-position: -200px 0;
}
.btn_custom_icon_wrapper.vakantie{
	background-position: -250px 0;
}
.btn_custom_icon_wrapper.urenstaten{
	background-position: -300px 0;
}
.btn_custom_icon_wrapper.uitnodiging{
	background-position: -350px 0;
}
.btn_custom_icon_wrapper.roeptoeter{
	background-position: -400px 0;
}
.btn_custom_icon_wrapper.social{
	background-position: -450px 0;
}
.btn_custom_icon_wrapper.scholing{
	background-position: -500px 0;
}
.btn_custom_icon_wrapper.salaris{
	background-position: -550px 0;
}
.btn_custom_icon_wrapper.naw{
	background-position: -600px 0;
}
.btn_custom_icon_wrapper.jobs{
	background-position: -650px 0;
}
.btn_custom_icon_wrapper.foto{
	background-position: -700px 0;
}
.btn_custom_icon_wrapper.documenten{
	background-position: -750px 0;
}
.btn_custom_icon_wrapper.contactpersonen{
	background-position: -800px 0;
}
.btn_custom_icon_wrapper.certificaten{
	background-position: -850px 0;
}
.btn_custom_icon_wrapper.gegevens{
	background-position: -900px 0;
}
.btn_custom_icon_wrapper.prikklok{
	background-position: -950px 0;
}

/* custom buttons hiero */

.btn {
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: not-allowed;
  background-image: none;
	background: #F9F9FC;
	color: #999;
	box-shadow: 0 2px 0 #F9F9FC;
}

.btn.disabled:hover,
.btn[disabled]:hover {
	background: #F9F9FC;
	color: #999;
	box-shadow: 0 2px 0 #F9F9FC;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
legend .btn-mini,
label .btn-mini{
	line-height: 15px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  line-height: 1em;
	padding: 7px 10px;
	color: #ffffff;
	background: #2B2464;
	-webkit-border-radius: 0 4px 4px 9px;
	border-radius: 0 4px 4px 9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #2B2464;
  text-decoration:none;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   line-height: 1em;
	padding: 7px 10px;
	margin-right: 20px;
	color: #ffffff;
	background: #F20000;
	-webkit-border-radius: 0 4px 4px 9px;
	border-radius: 0 4px 4px 9px;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #FF3737;
  text-decoration:none;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
	margin-bottom: 10px;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 10.5px;
}
.btn-group > .btn-small {
  font-size: 11.9px;
}
.btn-group > .btn-large {
  font-size: 17.5px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
	width: 100%;
	box-sizing: border-box;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}


.btn-back {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  line-height: 0.6em;
	padding: 7px 10px;
	color: #ffffff;
	background: #ce0f73;

}
.btn-back:hover,
.btn-back:focus,
.btn-back:active,
.btn-back.active,
.btn-back.disabled,
.btn-back[disabled] {
  color: #ffffff;
  background-color: #FD8E16;
  *background-color: #d90578;
   text-decoration:none;
}
.btn-back:active,
.btn-back.active {
  background-color: #d90578 \9;
}

.btn-add {

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  line-height: 0.6em;
  margin-right:6px;
	padding: 7px 10px;
	color: #ffffff;
	background: #ce0f73;
	-webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;


}
.btn-add:hover,
.btn-add:focus,
.btn-add:active,
.btn-add.active,
.btn-add.disabled,
.btn-add[disabled] {
  color: #ffffff;
  background-color: #d90578;
  *background-color: #d90578;
   text-decoration:none;
}
.btn-add:active,
.btn-add.active {
  background-color: #f15e33 \9;
}

.filler {
  margin-right:6px;
	padding: 7px 10px;

}

.btn_custom_footer{
	text-align: center;
	height:27px;
	padding:2px;
  *zoom: 1;
  width:77px;
  margin: 5px 0 0 4px;
  font-size: 12px;
  line-height: 24px;
	vertical-align: middle;
  cursor: pointer;
  background-color: #0b5da9;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn_custom_footer:hover {
  background-color: #076dc6;
}

.btn_custom_footer a {
	color:#fff;
	text-decoration:none;
	padding-top:2px;
	cursor: pointer;
	vertical-align: middle;
}
.tooltip{
	z-index: 1100;
}

.tooltip_class {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}



.tooltip_class .icon-question-sign {
	display: inline-block;
	vertical-align: top;
	margin: 7px 0 0 5px;
}
.control-label .tooltip_class .icon-question-sign{
    margin-top: 4px;
}
@media (max-width:979px) {

	.tooltip_class {
		margin-top: -5px;
	}

	.tooltip_class .icon-question-sign {
		margin: 0px !important;
	}
}
.tooltip-inner p{
	text-align: left;
}
.tooltip-inner ul{
	text-align: left;
	list-style: disc;
}
h5 .tooltip_class .icon-question-sign{
	margin: 2px 0 0 5px;
}
.btn i ~ span{
	margin-left: 10px;
}
.btn span ~ i{
	margin-left: 10px;
}
.btn-mini i ~ span{
	margin-left: 5px;
}
.btn-checkBox span,
.VTtijdButton span{
	opacity: .5;
}
.btn-checkBox.active span,
.VTtijdButton.active span{
	opacity: 1;
}
.VTtijdButton .tooltip{
	line-height: 0.4;
}
.VTtijdButton .slider .tooltip.top{
	margin-top:-20px;
	padding: 0 0 5px 0;
}
.btn .icon-ok,
/*.btn .icon-remove,*/
.btn .icon-trash,
.VTtijdButton .icon-adjust,
.VTtijdButton .icon-chevron-down,
.input-prepend .icon-ok{
	opacity: .2;
}
.btn.active .icon-ok,
.btn.active .icon-remove,
.btn.active .icon-trash,
.VTtijdButton.active .icon-adjust.active,
.VTtijdButton.active .icon-chevron-down.active,
.input-prepend.active .icon-ok{
	opacity: 1;
}
.btn .activeText,
.btn.active .inactiveText{
	display: none;
}
.btn .inactiveText,
.btn.active .activeText{
	display: inline-block;
}
.koppelWerklocatie.active .icon-star-empty{
	display: none;
}
.koppelWerklocatie:not(.active) .icon-star{
	display: none;
}
a [class^="icon-"]{
	text-decoration: none;
}
.datepicker {
	/*z-index:1100;*/
	margin-top: 0;
}
.datepicker th.datepicker-switch {
	text-decoration: underline;
}

/* Form styles - adopted from http://vesess.com/sandbox/form_template.html */
    div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }

    p.legend { margin-bottom: 1em; }
    p.legend em { color: #C00; font-style: normal; }

    div.code_block { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
    div.code_block p { margin: 0; }
    div.code_block p em { color: #C00; font-style: normal; font-weight: bold; }

    div.form-container form p { margin: 0; }
    div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
    div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #ddd 1px solid; }
    div.form-container form legend { font-weight: bold; color: #666; }
    div.form-container form fieldset div { padding: 0.25em 0; }
    div.form-container label,
    div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
    div.form-container label.error,
    div.form-container span.error { color: #C00; }
    div.form-container label em,
    div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
    div.form-container input.error { border-color: #C00; background-color: #FEF; }
    div.form-container input:focus,
    div.form-container input.error:focus,
    div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
    div.form-container div.controlset label,
    div.form-container div.controlset input { display: inline; float: none; }
    div.form-container div.controlset div { margin-left: 170px; }
    div.form-container div.buttonrow { margin-left: 180px; }

  #psteps_circle_steps_simple .psteps_circle_titles .circle-step {
    width: 10px;
    height: 10px;
    padding: 5px;
    line-height: 10px;
    font-size: 10px;
    border-radius: 500px 500px 500px 500px;
    min-height:10px;
}
#psteps_circle_steps_simple .psteps_circle_titles .step-line {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 20%;
}
#psteps_circle_steps_simple .psteps_circle_contents {
    background: #F9F9F9;
    border: 1px dashed #CCCCCC;
    margin: 15px 0 0;
    padding: 20px;
}
.horScrollHolder{
	overflow-x: scroll;
}
.scrollding {
	overflow-y: scroll;
	padding: 5px;
	height: 400px;
 /* position: inherit; */
}

.vaste_header {
	position: inherit;
	width: 100%
}

.favorieten_lijst {
	float:left;
	width:90px;
	margin-left:5px;
}

.favorieten_cel {
	float:left;
	width:90px;
	height:70px;
  margin-left:1px;
}

#print_button{
	float:right;
	clear: both;
}

.planning_container {
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	width:225px;
	overflow:hidden;

}

.planning_cel_maandag {
	float:left;
	height:100%;


}

.plann_scherm {
	float:left;
	height:298px;
	overflow:hidden;
}

.inhoud_plan_totaal {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.totale_plan_container {
	overflow:visible;
}

.binnen_plan_container {
	float:left;
	width:1650px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	z-index:-1;
}

.planningen {
	overflow:hidden;
	padding:0;
	margin-left:40px;
	display:block;
}
.weeks{
	margin:-5px 15px 0 15px;
}
.plan_dag {
	display:inline-block;
	width:215px;
	margin-top:5px;
}

.plan_dagen_top {
	overflow:hidden;
	padding:0;
	margin:0;
	vertical-align:top;
	height:50px;
	border-bottom:2px outset #cecece;
	background-color:#C0C0C0;
	font-size:9pt !important;
}
.plan_dagen_top li{
	float:left;
	/*display:inline-block;*/
	margin-top:5px;
	padding-left:5px;
	width:210px;
}

.plan_dagen_container {
	overflow:visible;
	padding:0;
	width:1660px;
	height:500px;
}
.kaartjes_totaal_container {
	overflow:visible;
	height:100%;
	background-color:#cecece;
}

.kaartenbak_houder {
	overflow:hidden;
	padding:2px;
	width:200px;
	height:100%;
	float:left;
}

.kaarten_tijd_houder {
	overflow:hidden;
	padding:2px;
	width:200px;
	height:250px;
	border:1px solid;
	border-color:#ececec;
	float:left;
	margin-top:25px;
	margin-left:15px;
}

.tijd_kaart_groen {
	overflow:visible;
	padding:2px;
	width:200px;
	height:70px;
	float:left;
	background-color:#D5FFD5;
	margin:3px;

}


.tijd_kaart_oranje {
	overflow:hidden;
	padding:2px;
	margin:1px;
	width:190px;
	height:45px;
	float:left;
	background-color:#FFE6CC;
	border:1px solid;
}

.tijd_kaart_blauw {
	overflow:visible;
	padding:2px;
	width:200px;
	height:70px;
	float:left;
	background-color:#E1F0FF;
	margin:3px;

}

.tijd_kaart_geel {
	overflow:hidden;
	padding:2px;
	margin:1px;
	width:190px;
	height:45px;
	float:left;
	background-color:#FFFFE6;
	border:1px solid;
}

.favo_cel {
	overflow:hidden;
	margin:2px;
	padding:2px;
	width:90px;
	height:51px;
	border:1px outset;
	border-color:#ffffff;
	float:top;
	background-color:#99FD77;
}

.plan_regel_persoon{
	border-left:3px	solid	#ff0000;
	margin-bottom:2px;
	border-right:3px solid #ff0000;
}

.mooie_rij {

	vertical-align:top;
	width:1545px;
	height:75px;
	float:left;
	overflow:visible;
	margin-left:0px;
	margin-top:0px;
}

.dag_rij {
	vertical-align:top;
	width:205px;
	/*border:1px solid;*/
	/*border-color:red;*/
	margin-left:5px;
	float:left;

}

.rijen_container {
	vertical-align:top;
	margin-top:5px;
	width:100%;
	height:100%;
	border:1px solid;
	border-color:green;

}

.werk_locatie {
	border:1px outset;
	border-color:#ececec;

}

.dropzone_row {
	overflow:visible;
	vertical-align:top;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.dropzone_cel {
	position:relative;
	width:210px;
	height:80px;
	overflow:hidden;
	float:left;
	margin: 0 5px 5px 0;
}
.dropzone_cel:hover{
	overflow:visible;
	z-index:100;
}

/* Modal planregel toevoegen */
#planRegelToevoegen.modal{
	width:900px;
}
#planRegelToevoegen .row-fluid [class*="span"] span{
	vertical-align:top;
}
#planRegelToevoegen .inputSmall{
	margin-top:-5px;
}

 /*

 Drag 'n drop cool style! :)

   reset & .clear
----------------------------*/

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after { clear: both }

.clear { *zoom: 1 }

/*  MAIN
----------------------------*/

.container #product {
	position: relative;
	z-index: 0;
	margin-left:0px;
	max-height: 300px;
	overflow: auto;
}

.container .topbar {
	/* position: relative; */
	z-index: 0;
	height:60px;
}

/*  PRODUCTS
----------------------------*/

#product ul li {
	position:relative;
	float:left;
	width:210px;
	margin:0 5px 0 0;
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

#product.active ul li {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity = 40);
	opacity: .4;
}

#product ul li a {
    display: block;
    color: #000
}

#product ul li a h3 {
    margin-top: 2px;
}

#product ul li a h3,
#product ul li a p {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#product ul li a img {
	display: block;
}


/*  BASKET
----------------------------*/

.basket {
	height:40px;
}

.basket .basket_list {
	position:relative;
	height:180px;
  background-color: #F8FBFE;
  border: 2px dashed transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  border: 1px solid #ddd;
	background: #f0f0f0;
}

.basket.active .basket_list,
.basket.hover .basket_list {
	border-color: #ffa0a3
}

.basket.active .basket_list {
	background-color: #fff8c1
}

.basket.hover .basket_list,
.basket:hover .basket_list {
	background-color: #ffa0a3;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

.basket .laten_zien{
	position:absolute;
	bottom:5px;
	left:5px;
	margin-bottom:0;
	font-weight:bold;
	color:#888;
}
/* .head */

.basket .head {
    height: 25px;
    padding:2px;
    background: #ffffff;
   /* line-height: 26px; */
    border-bottom: 2px solid #000;
}

.basket .head .name {
	font-weight:bold;
	color:#888;
	text-overflow:ellipsis;
	width:130px;
	overflow:hidden;
	height:20px;
	white-space: nowrap;
	padding-left:5px;
}

.basket .head .count {
	float: right;
	font-weight:bold;
	color:#888;
	padding-right:5px;
}

/* .head */

.basket ul {
	padding:0px;
	margin:5px;
	width:195px;
}

.basket ul li {
	position: relative;
	height: 20px;
	border-bottom: 1px dashed #eee;
	width:156px;
}
.basket ul li + span{
	margin-left:10px;
}
.basket ul li:hover {
	border-bottom-color: #ccc ;
}

.basket ul li span.name {
	display: block;
	float: left;
	width: 106px;
	white-space: nowrap;
	overflow: show;
	margin-left:25px;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: width .2s ease;
	-moz-transition: width .2s ease;
	-o-transition: width .2s ease;
	-ms-transition: width .2s ease;
	transition: width .2s ease;
	z-index:-1;
}

.basket ul li:hover span.name {
		width: 106px;
}

.basket ul li input.count {
	float: right !important;
	margin: 0px 2px 0 0;
	width: 25px !important;
	height:20px !important;
	line-height: 20px;
	text-align: center;
	border: 0;
	border-radius: 3px;
	background-color: #ddd;
	z-index:-1;
	overflow:visible;
}

.basket ul li button.delete {
	position:absolute;
	z-index:1;
	right: 3px;
	top: 0;
	width: 20px;
	line-height:20px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	border: 0;
	color: #EE5757;
	background-color: #eee;
	border-radius: 3px;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	opacity: 0;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.basket ul li:hover button.delete {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
}

.basket ul li button.delete:hover {
    color: #fff;
    background-color: #ffa0a3;
}

.basket ul li button.delete:active {
    color: #fff;
    background-color: #EE5757;
}


.mooie_rij_1 {
	vertical-align:top;
	overflow:visible;
	margin-left:0px;
	margin-bottom:5px;
}

.planregel .wrapper{
	position: relative;
	margin:3px;
	height:100%;
	cursor:ns-resize;
}
.planregel > a{
	cursor:not-allowed;
}
.ui-draggable-helper {
	list-style-type:none;
	position:relative;
	width:200px;
	height:40px;
}
.tijd_kaart {
	position:relative;
	overflow:visible;
	padding: 0 5px 5px 5px;
	width:200px !important;
	height:61px;
	background-color:#D5FFD5;
	margin:2px;
}
.omzet_omschrijving b{
	width:30px;
}
.werktijd {
	color:#fff;
	text-align:center;
  line-height:18px;
  margin-bottom:3px;
	-webkit-box-shadow:
		inset 0 -1px 0 rgba(255,255,255,.5),
		inset 0 2px 0 rgba(0,0,0,.25),
		inset 0 -2px 0 rgba(255,255,255,.2),
		0 -1px 0 rgba(0,0,0,.1);
  box-shadow:
  	inset 0 -1px 0 rgba(255,255,255,.5),
  	inset 0 2px 0 rgba(0,0,0,.25),
  	inset 0 -2px 0 rgba(255,255,255,.2),
  	0 -1px 0 rgba(0,0,0,.1);
}

input.aantal{
	position:absolute;
	right:5px;
	top:5px;
	vertical-align:top;
	width:30px;
	height:22px;
}

#mooie_rij_2 {
	vertical-align:top;
	width:1545px;
	height:75px;
	float:left;
	overflow:visible;
	margin-left:0px;
	margin-bottom:0px;
}
.tijd_kaart_2 {
	overflow:visible;
	padding:2px;
	width:202px;
	height:61px;
	float:left;
	background-color:#E1F0FF;
	margin:2.2px;
}

.tijd_kaart_leeg {
	overflow:visible;
	padding:2px;
	width:200px;
	height:37px;
	border:1px solid #fff;
	background-color: gray;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
	opacity:0.3;
	margin:2px;
}

.locatie_balk {
	margin:0 0 2px 0;
}
#product .locatie_balk li{
	background-color:transparent;
	width:205px;
	height:24px;
	padding-left:5px;
}

.locatie_balk_donker {
	text-align:center;
	margin-bottom:2px;
	border:1px solid #fff;
	background-color:#000;
	color:#fff;
}

.omzet_invul{
	float:right;
	width:35px;
	background-color:#fff;
	border:1px solid gray;
}

.afwezigheid_vlak {
	width:190px;
	height:100%;
	float:left;
	z-index:-1;
	margin-top:3px;
	margin-bottom:0px;
}


.afwezigheid_vlak_gr {
	width:190px;
	height:67px;
	float:left;
	z-index:-1;
	margin-top:3px;
	margin-bottom:0px;
	background-color:gray;
	background-image:repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
	opacity:0.3;
}


.hidden,
.hidden>div {
	display:none;
}

.visible>div {
	display:block;
}


	.legenda_horeca {
		height:30px;
	}

	.legenda_item{
		height:30px;
		margin-right:1px;
		padding:0 10px;
		float:left;
		background-color:gray;
		text-align:center;
		font-size:12px;
		-webkit-border-radius: 6px 6px 0 0;
	  -moz-border-radius: 6px 6px 0 0;
	  border-radius: 6px 6px 0 0;
	}
	.legenda_item a{
		line-height:30px;
		color:#fff;
	}
	#legenda1 {
		background-color:#FFFF84;
	}

	.legenda1 {
		width:150px;
		height:30px;
		float:left;
		background-color:#FFFF84;
		text-align:center;
		font-size:large;
	}

	#legenda2 {
		background-color:#7373FF;
	}

	.legenda2 {
		width:150px;
		height:30px;
		float:left;
		background-color:#7373FF;
		text-align:center;
		font-size:large;
	}

	#legenda3 {
		background-color:#F206FF;
	}

	.legenda3 {
		width:150px;
		height:30px;
		float:left;
		background-color:#F206FF;
		text-align:center;
		font-size:large;
	}

	#legenda4 {
		background-color:#A5D3CA;
	}

	.legenda4 {
		width:150px;
		height:30px;
		float:left;
		background-color:#A5D3CA;
		text-align:center;
		font-size:large;
	}



	#deze active {
			overflow:hidden;
	}

#noprint {
	display:none;
}

.print_dagen {
	visibility:hidden;
	display:none;
}


.links_boven_vlak {
	overflow:hidden;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.slideshow { margin: auto }
.slideshow img {  }
.slideshow > ul > li  {
	width: 100%;
}

.vacature_titel {
	color: #d90578;
	font-size: 10pt;
	font-weight:bold;
	border-bottom:1px dashed !important;
	border-color:#d90578 !important;
    background-color: #fff;
}

.vacature_titel_modal,
.titel_modal{
	color: #d90578;
	font-size: 18px;
	font-weight:bold;
	border-bottom:1px dashed #d90578;
	line-height:18px;
	padding-bottom: 3px;
}

.modal-body h4{
	font-size: 16px;
}

.vacature_text {
	font-size: 9pt;
	padding: 2px 0;
	background-color: #ffffff !important;
}

.vacature_outer {
	border:0px solid;
	width:95% !important;
	height:75% !important;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px !important;
}

.modal_vacature_outer {
	border:0px solid;
	width:95% !important;
	height:75% !important;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.vacature_knoppen {
	vertical-align:bottom;
	width:95%;
	height:40px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top:1px dashed;
	border-color:#f15e33;
	padding-top:10px;
}

.vacature_knoppen .btn-primary {
	padding:7px 20px;

}

.van_google_over_ons {
	border-top:1px dashed #f15e33;
	margin: 15px 0 10px 0;
	display:none;
	padding-top:10px;
}

.reageer_titel {
	text-shadow: -1px 1px 1px rgba(150, 150, 150, 1);
	margin-left:230px;
	margin-right:auto;
}
#over_ons{
	text-decoration:underline;
	font-size:12px;
}
.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  color: #222;
  line-height: 1.3;
  display: none\9;
}


/*Modal*/
#myModal:empty:before,
.panel:empty:before,
.ajaxContainer:empty:before{
	content: '';
	display: block;
	min-height: 50px;
	background-image: url('images/zoeken.gif');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: center;
}
#myModal .modal-header{
	border-bottom:none;
	padding: 9px 15px 0 15px;
}
#myModal .modal-footer {
	text-align:center;
}

/* Algemeen */
#myModal,
#myModal table{
	font-size: 12px;
}
.panel form,
#myModal form{
	margin-bottom: 0;
}
.panel legend,
#myModal legend,
.widget-content legend,
fieldset legend{
	font-size: 14px;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 1px;
	line-height: 20px;
	margin-bottom: 0;
}
.panel legend a,
.widget-content legend a{
	color: #888;
}
.panel span.legend{
    color: #333 !important;
    padding-left: 0 !important;
}
.panel label,
#myModal label,
label.control-label{
	font-size: 12px;
}
#myModal .btn-warning{
	margin: 0;
}
.urenstaatInputSet td{
	border-top-color: #aaa;
}
.urenstaatInputSet .scrollBlock{
	max-height: 100px;
	overflow: auto;
}
.scrollBlock:empty{
	display: none;
}
#ajaxSpinnerImage{
	height: 30px;
}
#vacature_rechts {
	max-height:500px;
}

/* Prikklok */

#clocks [class*="span"]{
	position: relative;
	min-height: 110px;
}
#clocks .flip-clock-wrapper	{
    -webkit-transform: scale(1);
	font-size: 13px;
	width: 200%;
	margin:20px 0 0 0;
	position: absolute;
	left: 0;
	top:0;
}
.flip-clock-wrapper ~ button{
	margin:150px 40px 20px 0;
}
.flip-clock-divider.hours{
	width: 0;
}

.button_prik_groen,
.button_prik_groen:hover{
	background-color:#458B00;
}

.button_prik_rood,
.button_prik_rood:hover{
	background-color:#ff0000
}
.listTable .dataRij td{
	line-height: 30px;
}
.listTable tfoot tr td:not(:first-child){
	border-left: none;
}

@media (min-width: 768px){
	.listTable .innerTitle{
		display: none;
	}
}
@media (max-width: 767px){
	.listTable th{
		display: none;
	}
	.listTable th:first-child,
	.listTable td{
		display: block;
	}
	.listTable td .input-small,
	.listTable td .timepicker{
		width: 200px;
	}
	.listTable td .inputQuarter{
		width: 227px;
	}
	.listTable tfoot td:not(:last-child){
		display: none;
	}
	.listTable .innerTitle{
		display: inline-block;
		min-width: 120px;
	}
	.listTable tfoot tr td:not(:first-child),
	.listTable tr.invulrij td:not(:first-child)
	{
		border-left: 1px solid #ddd;
	}
	.listTable tr td:not(:first-child){
		border-top:none;
	}

}

@media (max-width: 767px), (min-width: 980px) and (max-width: 1200px) {
	#clocks .flip-clock-wrapper{
		-ms-transform-origin: top left;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-moz-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
	.flip-clock-wrapper ~ button{
		margin-top: 120px;
	}
}

@media (max-width:380px), (min-width: 768px) and (max-width: 979px) {
	#clocks .flip-clock-wrapper{
		-ms-transform-origin: top left;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}
	.flip-clock-wrapper ~ button{
		margin-top: 80px;
	}
}

@media (max-width:320px) {
	/*#clocks .flip-clock-wrapper	{*/
	/*	left: -140px;*/
	/*	top:-30px;*/
	/*}*/
	.widget-content{
		padding:20px 5px 10px 5px;
	}
}
#verloop_tijd{
	max-height: 80px;
	overflow: auto;
}

#verloop_tijd p{
	margin:0;
	max-height: 60px;
	overflow: auto;
}

.box:empty{
	display: none;
}

/* End Prikklok */

/* Urenstaten overzicht */

.periodeOverzicht tr td{
	position: relative;
}
.periodeOverzicht tr .check,
.periodeOverzicht tr .viewEditUren{
	position: absolute;
	width: 14px;
	right: 5px;
	top: 7px;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.periodeOverzicht tr .viewEditUren{
	left: 10px;
	top:3px;
	right: auto;
}
.periodeOverzicht tr td:hover .check{
	opacity: .3;
}
.periodeOverzicht tr td .check.checked,
.periodeOverzicht tr td:hover .viewEditUren{
	opacity: 1;
}
td.alignDot{
	white-space: nowrap;
}
td.alignDot span.aligned{
	display: inline-block;
	width: 40%;
}
td.alignDot span.intPart{
	text-align: right;
}
tr.invulrij td:not(:first-child){
	border-left: none;
}
tr.invulrij td .input-prepend,
tr.invulrij td .input-append,
tr.invulrij td > select,
tr.invulrij td > p{
	margin-bottom: 0;
}
/* End Urenstaten overzicht */

.slider-handle{
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.blockAll,
.blockClick{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	z-index: 9999;
	display: none;
}
.blockClick{
	opacity: .01;
}
.blockAll h2{
	color:#fff;
	position: absolute;
	height: 50px;
	width: 100%;
	line-height: 50px;
	margin-top: -25px;
	top:50%;
	text-align: center;
	opacity: 1;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}

.mirror {
    display:inline-block;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
    font-weight:bold;
}
#overzichtBedrijf {
  height: auto !important;
}


/*Kandidaat inlog scherm dgcc*/
.ruimteLinksRechts{
    padding-left: 15px;
    padding-right: 15px;
}
.pasfotoFormaat{
    width: 120px;
}
.btn-ukt{
    display:inline-block;
    width:120px;
    min-height:210px;
}
.prik_inlog_bg {
	/*font-family: Verdana, sans-serif;
	font-size: 12px;*/
	background-color: transparent;
	height: 100%;
	background-image: url(images/Wenote-bg.png);
	background-position: right -185px top -135px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.prik_inlog_bg_bottom {
	/*font-family: Verdana, sans-serif;
	font-size: 12px;*/
	background-color: transparent;
	height: 100%;
	background-image: url(images/Wenote-bg.png);
	background-position: left -185px bottom -135px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

@font-face {
    font-family: lovelo;
    src: url(beheer/includes/ckeditor/fonts/lovelo_black.otf) format("opentype");
}

@media (max-width: 767px) {
	.u-hide-on-mobile {
		display: none !important;
	}
}

.u-hide-on-desktop {
	display: block;
}

@media (min-width: 768px) {
	.u-hide-on-desktop {
		display: none;
	}
}

.rdonly:hover {
   cursor: pointer;
}

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"] {
	box-shadow: none !important;
  border-color: #DEE6EA !important;
}