/* Zwart #333 */
/* Oranje #f15e33 */
/* Blauw #055ca9 */

html, body{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased !important;
	font-family: 'clearsans-regular', 'arial', serif; /*open sans, serif*/
	color:#205777 !important;
	min-height:100% !important;
	font-size: 16px;
}
a {
	color:#205777;
}

a:hover {
	color:#205777;
	text-decoration:none;
}

a.table-link {
	color: #62B2E1;
	font-weight: bold;
	padding-left: 24px;
	text-decoration:underline;
	position: relative;
	display: inline-block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.table-link:before {
	border-color: #62B2E1;
	border-style: solid;
	border-width: 0 0 2px 2px;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	transform: translate(5px, 2px) rotate(-45deg);
	transition: .2s ease;
	width: 8px;
	top: 0;
	left: 0;
}

a.table-link.hideUren:before {
	transform: translate(5px, 8px) rotate(135deg);
}

select{
	background-color:#055ca9;
}
input[type="file"]{
	background-color:#055ca9;
}
input {
	box-sizing: border-box;
}

.mobile {
	display: none;
}

.btn {
	font-family: 'clearsans-bold';
	white-space: nowrap;
	transition: 0.1s ease;
}

.btn_custom {
	background-color:#E2F1FB;
}

.btn_custom a, .btn_custom a:hover{
	color:#fff;
	background-color:transparent;
	text-decoration: none;
}
.btn_custom_small, .btn_custom_small:hover {
	background-color:#205777;
	text-decoration: none;
}
.btn-back,.btn-add {
	background-color:#EF4818;
	text-decoration:none;
}
.btn-add:hover, .btn-back:hover,
.btn-add:active, .btn-back:active{
	background-color:#f15e33;
	text-decoration:none;
}
.btn-primary {
	background-color:#055ca9;
}
.btn-primary:hover {
	background-color:#076dc6;
}
.btn_custom_icon_wrapper{
	background-color:#f15e33;
}
.navbar .btn-primary,
.navbar .btn-primary:hover {
	background-color: #055ca9;
	font-weight:normal;
	text-decoration:none;
}
.widget-header h3{
	color:#fff;
}
.span4 .widget-header h3 {
	/*font-size:18px;*/
	line-height:33px;
}
.widget-header,
.widget_footer{
	background-color:#fff !important;
	border:none !important;
}

.widget-header {
	padding-left: 30px;
	height: auto;
	padding-top: 16px;
	padding-right: 24px;
}

.urenstaten .widget-header {
	margin-bottom: 32px;
}

/* .widget-header .btn-back {
	float: none;
} */

.urenstaten .widget-header .btn-back  { margin-top: 16px;}

.hero-login-container h4{
	color:#f15e33;
}
.vacature_titel{
	color:#f15e33;
	border-bottom-color:#f15e33;
}
.vacature_titel_modal {
	color: #f15e33;
}
.titels {
	color:#1a1a1a;
	font-size:12pt;
	line-height:30px;
}


/******* AANPASSINGEN 2017 ******/

body {background:#E2F1FB !important;}

h1, h2, h3, h4, h5, p  { color:#205777 !important; font-weight:normal !important}

h4 {font-size:16px !important; }

.urenstaten .widget-header h3 { font-size:18px; line-height:46px !important; padding: 8px; }

@media (min-width: 768px) {
	.urenstaten .widget-header h3 { font-size:28px; line-height:46px !important; padding: 8px 24px; }
}

@media (min-width: 768px) {

}

.widget {border:0 !important; margin:0; border-radius: 4px; background: #FFFFFF; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);}
.widget-header { min-height:40px;}
.widget-content {padding:30px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; -moz-border-bottom-left-radius:6px;}
.widget_footer {background:#fff !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; padding-bottom: 30px; padding-left: 30px;}

.hero-login-container {padding:20px;}
.hero-login-container h4 {font-size:19px; margin:0 0 15px 0;}
.hero-login-container .btn-primary {margin:15px 0;}

input {background:#fff !important; border:1px solid #b9cbd6 !important; padding:0 0 0 16px !important; height:44px !important; font-size:16px !important;  width:100% !important; color:#4B748D !important;}
input[required] {background: url(images/asterisk.svg) no-repeat 95% 50% !important; background-size: 9px !important;}
.input-medium {width:136px !important;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A1B9C7;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  color: #A1B9C7;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: #A1B9C7;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: #A1B9C7;
}


input:focus {border-color:#B6DDF5 !important; box-shadow:0px 0px 10px #54aee5 !important;}

textarea {border:1px solid #b9cbd6 !important; width:96.4%; font-size:16px; padding:15px 0 0 3% !important; color:#205777; }

#huisnummer {width:25% !important; background-position:85% 50% !important;}
#huisnummer_toevoeging {width:25% !important; margin-left:0 !important;}
#postcode { !important; width:32.3% !important; background-position:90% 50% !important;}
.profielUitzendkracht #postcode {width:38.3%}
#plaats {margin-left:0 !important;}

.upload-legitimatie__btn {
	margin: 0 0 15px 0;
}

.loadert {
	color: #fff;
	font-size: 60px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 30px auto 0 auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

.loading-text {
	color: #fff;
	font-size: 18px;
	padding: 0;
	text-align: center;
	margin: 60px auto;

}

#loading {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgb(17, 29, 46);
	z-index: 999999;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity .5s ease-in-out;
	display: none;
}

#modal {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 999;
}

#modalWindow {
	width:80%;
	max-width: 450px;
	background-color: white;
	position: relative;
	margin: calc(15vh) auto 0 auto;
	padding: 24px;
}

@keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 28px 0;
	}
}

@-webkit-keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.panel label, #myModal label, label.control-label {font-size:15px; color:#205777; font-weight:normal; margin:0; cursor:default; margin:0 0 4px 0;}

.btn {border-radius:4px !important; border:0; color: #246282; height:44px; padding:0 24px; line-height:43px; font-style:normal !important; font-size:16px !important; background-image:none; text-shadow:none; letter-spacing: 0.4px; background: #ECF5FC;
box-shadow: 0 2px 0 0 #C5DEF2;
border-radius: 4px;}
.btn:hover, .btn:focus {outline:none !important; background: #F5FBFF; color: #246282; box-shadow: 0 2px 0 0 #C5DEF2;}
.btn:active {background: #DFEDF7; color: #1B2C3C; box-shadow: none; }


.btn-primary{background:#62B2E1;  box-shadow: #3F95C7 0px 2px 0px; color: #fff; }
.btn-primary:hover { background-color:#62B2E1; box-shadow: #3F95C7 0px 2px 0px; color: #fff; }
.btn-warning {background:#fff !important; color:#205777; text-shadow:none;  -webkit-box-shadow: #ccc 0px 4px 0px; -moz-box-shadow: #ccc 0px 4px 0px; box-shadow: #ccc 0px 4px 0px;}
.btn-warning:hover {color:#000; background:#fff !important; -webkit-box-shadow: #BABABA 0px 4px 0px; -moz-box-shadow: #BABABA 0px 4px 0px; box-shadow: #BABABA 0px 4px 0px;}

.btn-akkoord {background:#4FD08F; -webkit-box-shadow: #37B174 0px 4px 0px; -moz-box-shadow: #37B174 0px 4px 0px; box-shadow: #37B174 0px 4px 0px; color:#fff;}
.btn-akkoord:hover {background:#37B174 !important; -webkit-box-shadow: #1D8B54 0px 4px 0px; -moz-box-shadow: #1D8B54 0px 4px 0px; box-shadow: #1D8B54 0px 4px 0px; color:#fff;}

.btn-niet-akkoord {background:#FF5858; -webkit-box-shadow: #C92828 0px 4px 0px; -moz-box-shadow: #C92828 0px 4px 0px; box-shadow: #C92828 0px 4px 0px; color:#fff;}
.btn-niet-akkoord:hover {background:#C92828 !important; -webkit-box-shadow: #AC2020 0px 4px 0px; -moz-box-shadow: #AC2020 0px 4px 0px; box-shadow: #AC2020 0px 4px 0px;}

.btn-back, .btn-back i, .btn-add, .btn-add i {background:#ECF5FC; color:#205777 !important;}
.btn-add i {margin:0;}

.btn-clean {display:block; text-align:left; background:#fff; -webkit-box-shadow: #EAEAEA 0px 4px 0px; -moz-box-shadow: #EAEAEA 0px 4px 0px; box-shadow: #EAEAEA 0px 4px 0px; color:#487590; font-size:16px !important; height:42px; line-height:45px; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none;}
.btn-clean:hover {background:#62B2E1 !important;color:#fff; -webkit-box-shadow: #3F95C7 0px 4px 0px; -moz-box-shadow: #3F95C7 0px 4px 0px; box-shadow: #3F95C7 0px 4px 0px;}

.btn-link { background: none !important; box-shadow: none !important; opacity: 0.9; color: #70B8E2 !important; font-size: 16px; font-weight: bold; text-decoration: underline;}

.delete {display:block; margin:10px 0 0 0; text-align:right;}
.delete:hover {color:red;}

.widget-header .btn-back {line-height:34px;}
.widget_footer .btn-back {line-height:46px !important;}

.btn_custom, .accordion .btn {background:#fff; margin:0; font-size:18px; border:1px solid #E2F1FB; font-family:'clearsans-regular'; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
.accordion .btn {height:59px; line-height:59px;}
.btn_custom { height: auto; line-height: 20px; position: relative; }
.btn_custom a {color:#205777 !important; padding: 16px 16px 16px 48px; }
.btn_custom a:first-letter {text-transform:uppercase;}
.btn_custom:hover, .accordion .btn:hover {background-color:#ECF5FC !important;  -webkit-box-shadow: #C5DEF2 0px 3px 0px; -moz-box-shadow: #C5DEF2 0px 3px 0px; box-shadow: #C5DEF2 0px 3px 0px;}

.btn_custom_small {color:#205777; background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-size:17px;}

.CTA {height:44px; font-size:20px !important; }

.cta {background-color:#4FD08F; box-shadow: #37B174 0px 2px 0px;}
.cta:hover { background-color: #53DB97;  box-shadow: #37B174 0px 2px 0px; }
.cta:active { background-color: #46B87E;  box-shadow: none;}
.cta:focus { background-color: #4FD08F;  box-shadow: #37B174 0px 2px 0px; color: #fff}

.fa {margin-right:10px; text-shadow:none !important;}

.label-mob {display:none; position:absolute; }

.table thead th {vertical-align:middle;}
table td {padding:0; margin:0;}

.push {height: 240px;}
.logo365 a img {max-width:114px; margin-top: 5px !important;}

@media (min-width: 768px) {
	.logo365 a img {max-width:315px;}
}
.inlogblok {margin:0 auto !important; float:none !important;}
.container {min-height: 100%; display:block;}
.footer{background-color:#E2F1FB; height:150px; margin-top:-190px; text-align:center; display: block;}

.form-actions {margin:30px 0 0; padding:0 !important;}
.box_option_wrapper {background:none; border:none; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }

.panel legend, #myModal legend, .widget-content legend, fieldset legend {font-family:'clearsans-regular'; color:#205777; text-transform:none; font-size:16px; letter-spacing: normal; border:none; padding:6px 0;}

.select2-drop {border-color:#B6DDF5;}
.select2-match {line-height: 25px; font-family:'clearsans-regular' !important; color:#205777 !important;}

.pushTop {margin-top:16px !important;}

@media (min-width: 768px) {
	.pushTop {margin-top:24px !important;}
}


/******* PROFIEL UITZENDKRACHT *******/
.profielUitzendkracht input {height:42px !important; width:96.4% !important; padding:0 0 0 3% !important; margin:0 0 10px 0 !important; color:#205777 !important; }
.profielUitzendkracht .row-fluid .span4 {width:29.5%; margin-left:5.7% !important;}
.profielUitzendkracht .row-fluid .span4:first-child {margin-left:0 !important;}
.profielUitzendkracht .row-fluid .span4 fieldset {padding:5%;}
.profielUitzendkracht .row-fluid .span4 fieldset p {margin:0 0 10px 0; font-size:16px;}
.profielUitzendkracht .row-fluid .widget-content {padding:2% 3.5% 3.5% !important;}
.profielUitzendkracht .fileinput {width:87.5%; margin:0 0 10px 0;}
.profielUitzendkracht .delete {padding:10px 0 !important;}
.profielUitzendkracht #cv {border-bottom:1px solid #EAEAEA; margin-bottom:10px;}
.profielUitzendkracht .select2-container.input-large { width:100%;}
.profielUitzendkracht #postcode {width:36.5% !important;}
.profielUitzendkracht p {color:#487590 !important; font-size:16px; line-height:24px;}
.profielUitzendkracht .list_ows {border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; padding:10px 0; margin:20px 0 0 0; overflow:auto;}
.profielUitzendkracht .list_ows p span {float:left;}
.profielUitzendkracht .list_ows p {margin:0 0 2px 15px; border-bottom:1px solid #EAEAEA; padding:10px 0; overflow:hidden;}
.profielUitzendkracht .list_ows a {float:right;}
.profielUitzendkracht .list_ows i { line-height:47px; margin:0 25px 0 0; font-size:18px !important;}
.profielUitzendkracht .legitimatie .btn {width:88%;}
.profielUitzendkracht .label-info {background:#ECF5FC; padding:5px 10px; width:auto;}
.profielUitzendkracht .deleteWerkgeverschap a {}


/********* PROFIEL BEDRIJF ********/
.profielBedrijf .widget-content {padding:2% 3.5% 3.5%;}
.profielBedrijf .input-large {width:100.2% !important;}
.profielBedrijf .span6:first-child { width:50% !important; padding:0 3% 0 0;}
.profielBedrijf .span6 {width:47% !important; margin:0 0 0 3%;}
.profielBedrijf .span6 input {width:97.5% !important;}
.profielBedrijf .span6 input[type="radio"] {width:25px !important;}


/********* CONTACTPERSONEN BEDRIJF ********/
.contactpersonenBedrijf thead .bgBabyblue th {line-height:45px; padding:0 0 0 15px; font-size:16px;}
.contactpersonenBedrijf .table tr {border-bottom:1px solid #DEE6EB !important;}
.contactpersonenBedrijf .table td {padding:0 0 0 15px; line-height:40px !important; font-size:16px;}
.contactpersonenBedrijf .table td i {font-size:18px;}
.contactpersonenBedrijf table .btn {height:30px;}


/********* WERKLOCATIES BEDRIJF ********/
.werklocatiesBedrijf thead .bgBabyblue th {line-height:25px; padding:0 0 0 15px; font-size:14px;}
.werklocatiesBedrijf .table tr {border-bottom:1px solid #DEE6EB !important;}
.werklocatiesBedrijf .table td {padding:0 0 0 15px; line-height:25px !important; font-size:14px;}
.werklocatiesBedrijf .table td i {font-size:18px;}
.werklocatiesBedrijf .search {border-bottom:1px solid #B4DBF4; margin-bottom:10px;}
.werklocatiesBedrijf .search label {cursor:default !important; font-weight:normal;}
.werklocatiesBedrijf .search input {width:98.4% !important; margin-bottom:20px;}
.werklocatiesBedrijf .table td i {font-size:16px;}
.werklocatiesBedrijf .table {margin-top:25px;}

.werklocatieWijzigen #postcode {width:33.7% !important; background-position:86.5% 50% !important;}


/********* PAYROLL BEDRIJF ********/
.payrollBedrijf thead th.bgBabyblue {line-height:45px; padding:0 0 0 15px !important; font-size:16px;}
.payrollBedrijf .table tr {border-bottom:1px solid #DEE6EB !important;}
.payrollBedrijf .table td {padding:5px 0 5px 15px; font-size:16px;}
.payrollBedrijf .table td i {font-size:18px;}
.payrollBedrijf .search {border-bottom:1px solid #B4DBF4; margin-bottom:10px;}
.payrollBedrijf .search label {cursor:default !important; font-weight:normal;}
.payrollBedrijf .search input {width:98.4% !important; margin-bottom:20px;}
.payrollBedrijf .table td i {font-size:18px;}


/********* CONTACTPERSONEN TOEVOEGEN BEDRIJF ********/
.contactpersoonToevoegen .select2-container.input-large {width:92.4% !important;}


/********* CONTACTPERSONEN DETAILS BEDRIJF ********/
.contactpersoonDetails .select2-container.input-large {width:92.4% !important;}


/********* NAW BEDRIJF **********/
.nawbedrijf .select2-container.input-large {width:92.4%}
@media (min-width: 767px) {
	.nawbedrijf .controls {
			display: -ms-flexbox;
			display: flex;
	}
}
.select2-container-multi .select2-choices .select2-search-choice {border:1px solid #b9cbd6 !important; padding:5px 5px 5px 18px; background:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.select2-container-multi .select2-choices {border:1px solid #b9cbd6 !important; padding:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0}
.select2-container-multi .select2-choices:hover {background:#fff !important;}
.select2-search-choice:hover {background:#ECF5FC !important;}

.select2-container-multi .select2-choices li {float:none;}
.select2-container-multi .select2-choices .select2-search-field {margin:10px 0 3px 5px; height:48px;}
.select2-container-multi .select2-choices .select2-search-field input {width:97% !important;}

.notificaties .widget-content {height:343px !important;}

input[type="checkbox"]{width:8% !important; margin:0 0 2px 0 !important; font-size:16px;}
input[type="checkbox"]:focus {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
input[type="radio"]{width:25px !important; height:25px !important; line-height:25px; margin:0 0 0 15px;}
input[type="radio"].first {margin:0 0 0 0 !important;}
input[type="radio"]:focus {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}

input.search {background:url('images/icons/vacatures.svg') 97% no-repeat !important; background-size:3.5% !important;}

.row-fluid .span4 fieldset {padding:7%;}
.row-fluid .span4 fieldset p {margin:0 0 10px 0; font-size:16px;}

.btn-group {margin-bottom:10px;}
.btn-group .btn {background:#fff !important; border:1px solid #B6DDF5; font-family:'clearsans-regular'; font-size:16px !important; color:#A1B5C1 !important; font-weight: normal !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.btn-group .btn.active {background:#ECF5FC !important;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#4B748D !important; }
.btn-group .btn i {color:#7093A8;}
.btn-group > .btn + .btn {margin-left:2px;}

.select2-container.input-large {width:93%; margin:0 0 8px 0;}
.select2-container.input-large:hover {background:#ECF5FC;}
.select2-container .select2-choice {height:44px; padding:0 0 0 16px; border:1px solid #DEE6EA; border-radius:2px; box-shadow: none; }
.select2-container .select2-choice span {line-height:45px; font-size:16px; color:#205777;}
.select2-container .select2-choice div {width:40px;}
.select2-container .select2-choice div b {background:url('images/dropdown2.svg') no-repeat center 50%; background-size:30%;}

.icon-question-sign {color:#A1B5C1; margin:15px 0 0 5px !important;}
.showOnMap {margin-top:-10px;}

.row-fluid .thumbnails {margin:20px 0 20px 0 !important;}
.row-fluid .thumbnails li {text-align:center;}
.row-fluid .thumbnails li img {width:153px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #B6DDF5;}
.row-fluid .thumbnails li:first-child img {margin:0 10px 0 0;}
.img-polaroid {padding:0;}

.fileinput {padding:0 20px; width:77%; }
.fileinput span {float:left;}
.btn-small .icon-paper-clip {float:left; line-height:45px;}

.mobielnummer {position:relative;}
.check-icon {position:absolute; top:10px; right:10px;}

.form-actions {
	padding:20px !important;
}

@media (max-width: 767px) {
	.form-actions {
		padding: 10px !important;
	}
}
.form-actions .btn {float:right;}
.form-actions .btn-primary {margin:0 0 0 10px;}
.form-actions .btn-warning {margin:0;}

.cnp_profiel input {width:96%;}
.cnp_profiel .select2-container.input-large {width:100%;}

.weekSelector button {height:34px !important; line-height:38px !important; border-radius:0px !important; min-width:25px !important; border:1px solid #b9cbd6 !important; color:#205777;}
.weekSelector .yearweeknr {height:42px !important; color:#205777;}


/******* CERTIFICATEN *******/
.accordion .btn {color:#205777; height:45px; line-height:45px; font-size:16px !important; text-align:left; padding:0 0 0 20px; background:#ECF5FC url('images/icons/accordion-min.svg') no-repeat 95% 50%; background-size:10px;}
.accordion .btn.collapsed  {background: url('images/icons/accordion-plus.svg') no-repeat 95% 50% !important;}
.accordion .btn:hover {background:#ECF5FC url('images/icons/accordion-plus.svg') no-repeat 95% 50% !important; background-size:10px !important; }
.accordion-content {border-right:1px solid #E2F1FB; border-left:1px solid #E2F1FB; padding:0 20px;}
.accordion-content input {height:30px !important; background:url('images/icons/agenda.svg') no-repeat 90% 50% !important; background-size:13px !important; font-size:16px !important;}
.accordion-content .clearfix {line-height:30px; font-size:15px !important;}
.accordion-content label {margin:15px 0 12px !important; color:#205777; font-size:15px !important; font-weight:normal;}

.collapse {transition:height 0.50s ease-in-out; -webkit-transition:height 0.50s ease-in-out; -moz-transition:height 0.50s ease-in-out; -o-transition:height 0.50s ease-in-out; margin:0 0 15px 0;}

.suggestie {margin:20px 0 0 0;}


/******** BESCHIKBAARHEID *********/
.table-striped .icon-question-sign {margin:0 !important;}


/******** UITNODIGINGEN *********/
.uitnodigingen-detail dt {font-weight:normal; font-size:16px; font-family:'clearsans-regular'; margin:15px 0 0 0;}
.uitnodigingen-detail dd {margin:0;}
.uitnodigingen-detail a {color:#FD8E16; text-decoration:underline;}
.uitnodigingen-detail .span12 {margin:0;}


/******** DOCUMENTEN ********/
.documenten .icon-question-sign {margin:0 !important;}
.input-append .add-on, .input-prepend .add-on {height:38px; line-height:38px; background:#fff;}
.documenten thead .bgBabyblue th {line-height:45px; padding:0 0 0 15px; font-size:16px;}

.documenten .table tr {border-bottom:1px solid #DEE6EB !important;}
.documenten .table td {padding:0 0 0 15px; line-height:40px !important; font-size:16px;}
.documenten .table td i {font-size:18px;}
.documenten .box {border:1px solid #DEE6EB; margin: 0 0 25px 0; padding:15px 20px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background:#fff;}
.documenten .trash:hover {color:red;}

.documenten .editable-buttons {margin-top:4px;}
.documenten .editable-buttons .btn .fa {margin:0;}
.documenten .editable-buttons .btn {height:35px; line-height:38px; padding:0 15px;}
.documenten .editable-input input {width:230px !important;}


/******** DOCUMENTEN BEDRIJF *********/
.documentenBedrijf thead .bgBabyblue th {line-height:45px; padding:0 0 0 15px; font-size:16px;}
.documentenBedrijf table tr {border-bottom:1px solid #DEE6EB !important;}
.documentenBedrijf table td {padding:0 0 0 15px; line-height:40px !important; font-size:16px !important;}


/******** JOBS BEDRIJF ********/
.jobs .filters .control-group {float:left !important;}
.jobs .filters {margin:0 0 35px 0; padding:0 0 10px 0; border-bottom:1px solid #DEE6EB; }
.jobs .filters .select2-container.input-large {width:92%;}
.jobs .filters .control-group {float:left !important;}
.jobs .filters .control-group.weekfilter {width:29%;}
.jobs .filters .control-group.werklocatie {width:28%;}
.jobs .filters .control-group.kandidaat {width:23%;}
.jobs .filters .control-group.filterbtn {width:20%;}
.jobs .filters .filterbtn .btn { float:right;}
.jobs .filters .yearweeknr {width:46%; height:46px !important; font-size:16px; }
.jobs .filters .weekSelector i {margin:0; font-size:12px;}
.jobs .filters .weekSelector .btn {height:46px !important; padding:0 6px;}
.jobs .filters .weekSelector .btn:hover {background:#ECF5FC !important; color:#205777;}

.jobs .select2-container.input-medium {width:100% !important;}
.jobs .table th, .table-condensed td {line-height:28px !important;}
.jobs .icon-question-sign {margin:0 0 0 4px !important;}

.jobs .titelrij {line-height:30px !important; font-size:16px; }
.jobs .titelrij span {display:block; font-size:13px; margin-top:-6px;}
.jobs .totaal {width:50px !important;}
.jobs .acties {padding:0 10px !important;}
.jobs .table {border:1px solid #DEE6EB;}
.jobs .table th {padding:18px 5px; font-weight:normal !important;}
.jobs .table td {padding:12px 10px;}
.jobs .table tr {border-top:1px solid #DEE6EB;}
.jobs .table tr:hover {background:#F8F8F8;}
.jobs .table .titelrij {background:#E1F0FF !important; border:1px solid #E1F0FF !important; height:46px;}
.jobs .table .titelrij { border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important;}
.jobs .table .titelrij .acties {padding:0 10px !important;}
.jobs .table .acties i {font-size:18px;}
.jobs .jobContainer {border-top:20px solid #fff !important; -webkit-box-shadow: #D8E3EA 0 -11px 0px; -moz-box-shadow: #D8E3EA 0 -11px 0px; box-shadow: #D8E3EA 0 -11px 0px;}
.jobs .jobContainer:first-child {border-top:0px solid #e1f0ff !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.jobs .jobContainer .jobtitle {position:relative; width:210px !important; line-height:23px !important; font-family: 'clearsans-bold'; padding:12px 30px 12px 25px !important;}
.jobs .jobContainer .jobtitle .block {position:absolute; left:-4px; top:8px; background:#E1F0FF; height:85%; width:8px; display:block;}

.jobs .table td {padding:12px 8px 12px 8px;}
.jobs .table td:first-child {padding:12px 30px 12px 30px;}

.jobs .tenth {width:auto !important;}

.jobs .legenda {margin:0 0 10px;}
.progress.slim {height:12px !important}
.progress .bar.alert-info {background:#62B2E1 !important;}
.progress .bar.bar-info {background:#FD8E16;}
.progress .bar.bar-warning {background:#FDD116 !important;}
.progress .bar.bar-success {background:#4FD08F !important;}
.progress .bar.bar-danger {background:#FF5858 !important;}

.jobs .jobPanelRow {background:#F8F8F8;}
.jobs .jobPanelRow:hover {background:#F8F8F8 !important;}
.jobs #jobPanel fieldset {padding:0; }
.jobs #jobPanel h4 {font-family: 'clearsans-medium' !important;}
.jobs #jobPanel .control-group {width:100%; margin-bottom:10px;}
.jobs #jobPanel .control-group .select2-container-disabled .select2-choice div b {background: url('images/dropdown-disabled.svg') no-repeat center 50%; background-size:30%;}
.jobs #jobPanel .control-group .select2-container-disabled .select2-choice {background:#fff; border-color:#D8E3EA !important;}
.jobs #jobPanel .control-group .select2-container .select2-choice span {color:#b9cbd6; border-color:#b9cbd6 !important; position:absolute; width:85%;}
.jobs #jobPanel .control-group .select2-container {width:100% !important;}
.jobs #jobPanel .btn-success {background:#4FD08F !important;}
.jobPanelRow > td {-webkit-box-shadow: inset #ccc 0px 4px 10px; -moz-box-shadow: inset #ccc 0px 4px 10px; box-shadow: inset #ccc 0px 4px 10px;}

.showFieldDisablers.active {background-color:#4FD08F !important; -webkit-box-shadow: #37B174 0px 4px 0px; -moz-box-shadow: #37B174 0px 4px 0px; box-shadow: #37B174 0px 4px 0px; color:#fff;}
.showFieldDisablers.active:hover {background:#FD8E16 !important; -webkit-box-shadow: #d5750e 0px 4px 0px; -moz-box-shadow: #d5750e 0px 4px 0px; box-shadow: #d5750e 0px 4px 0px;}

.fieldDisabler {height:25px; line-height:25px !important; background:none !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; padding:0 !important;}
.fieldDisabler:hover {background:#fff !important;}
.fieldDisabler:hover .fa {}
.fieldDisabler .fa {font-size:25px; margin:0 !important;}
.fieldDisabler.active i {color:#4FD08F !important}
.fieldDisabler {color:#e0e0e0 !important;}

#myModal:empty:before, .panel:empty:before, .ajaxContainer:empty:before {background:url("images/loader.svg") no-repeat center;}

.accordion-group {background:#fff; margin-bottom:25px !important;}

.panel-header {line-height:40px;}
.panel-body {margin-top:30px; max-width:1046px !important;}
.panel-body .accordion-group {border:1px solid #E8E8E8 !important;}
.panel-body .alert {display:block; width:95%;}
.panel-body .alert .close {margin-top:3px;}
.panel-footer {border-top:1px solid #E8E8E8;}

.jobs .beschikbaarheid {}
.jobs .beschikbaarheid table th, .jobs .beschikbaarheid table td { padding:0 !important; vertical-align:middle !important;}
.jobs .beschikbaarheid table td .toggleSubControls {margin:0 !important;}
.jobs .beschikbaarheid th>div {width:50px; text-align:center;}
.jobs .beschikbaarheid table .fa {margin:0px !important; font-size:6px;}
.jobs .beschikbaarheid table .titelrij {border:0px solid #E1F0FF !important; height:35px !important; vertical-align:middle; font-family:'clearsans-regular'; border-top:25px solid #fff !important}
.jobs .beschikbaarheid table .titelrij:first-child {border-top:0px solid #fff !important}
.jobs .beschikbaarheid table .titelrij .weekNumber {padding:0 0 0 25px !important; text-transform:none; font-size:15px; letter-spacing:normal !important; color:#205777; text-shadow:none !important;}

.accordion-heading .accordion-toggle {color:#205777 !important; padding:8px 20px !important;}
.accordion-inner {border-color:#E8E8E8 !important; padding:25px 20px;}
.accordion-inner input {width:96% !important;}
.accordion-inner .datumpicker {width:100%;}
.accordion-inner .datumpicker input {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background:url('images/icons/agenda.svg') no-repeat 95% 50% !important; background-size:7% !important;  }
.accordion-inner .datumpicker input[readonly] {color:#b9cbd6 !important; border:1px solid #D8E3EA !important; background:url('images/icons/agenda-disabled.svg') no-repeat 95% 50% !important; background-size:7% !important; }
.accordion-inner .uurloon {width:100%;}
.accordion-inner .uurloon input {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background:url('images/icons/euro.svg') no-repeat 95% 50% !important; background-size:5% !important;  }

.accordion-inner .btn.VTtijdButton {width:87%; margin:0 !important;}
.accordion-inner .btn .dayName, .accordion-inner .btn .waarde {font-size:15px; margin:0; opacity:1;}
.accordion-inner .btn.VTtijdButton.disabled, .accordion-inner .btn.VTtijdButton.disabled:hover {width:86%; background:#fff !important; border:1px solid #D8E3EA !important; color:#b9cbd6 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1 !important;}
.accordion-inner .select2-choices {position:relative; min-height:150px;}
.accordion-inner .select2-container-multi .select2-choices .select2-search-field {position:absolute; width:100%; bottom:0; margin:0 0 0 -11px;}
.kaartje {border:1px solid #D8E3EA !important; background:#fff !important; padding:20px; margin-bottom:15px;}

.toggleSubControls {margin:0 0 25px 0 !important;}
.toggleSubControls .btn, .toggleSubControls .btn-checkBox span { opacity:1 !important;}
.toggleSubControls .btn-checkBox[disabled] {opacity:0.3 !important;}
.toggleSubControls .btn-checkBox[disabled]:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.toggleSubControls .btn-checkBox .fa {margin:0; opacity:0.3 !important;}
.jobs .btn-checkBox.active {background:#4FD08F !important; color:#fff !important; -webkit-box-shadow: inset #37b174 0px 4px 0px; -moz-box-shadow: inset #37b174 0px 4px 0px; box-shadow: inset #37b174 0px 4px 0px; }
.jobs .btn-checkBox.active i {color:#fff; }

.accordion-group .showPlanningsOverzicht,
.accordion-group .nextCandidates,
.accordion-group .prevCandidates,
.accordion-group .showRemoveButtons,
.accordion-group .removeFavorite,
.accordion-group .maakVacature {height:25px !important; line-height:25px !important;}

.accordion-group .showPlanningsOverzicht i,
.accordion-group .nextCandidates i,
.accordion-group .prevCandidates i,
.accordion-group .showRemoveButtons i,
.accordion-group .removeFavorite i,
.accordion-group .maakVacature i {margin:0;}

#tijd_container .control-group {margin-bottom:8px !important;}

.panel textarea {background:#fff !important; border:1px solid #b9cbd6 !important; width:95%; min-height:110px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.btn-mini {height:35px !important; line-height:40px; font-size:17px !important; background:#fff;}
.logoff {margin:0 10px 0 0;}

.alignMiddle {vertical-align:middle !important;}


/******** WERKERVARING ********/
.werkervaring thead .bgBabyblue th {line-height:45px; padding:0 0 0 15px; font-size:16px;}
.werkervaring td {font-size:16px;}
.werkervaring .table td {padding:0 0 0 15px;}
.werkervaring .table td:first-letter {text-transform:uppercase;}
.werkervaring .table tr {border-bottom:1px solid #DEE6EB !important;}
.werkervaring input[type="checkbox"] {width:auto !important;}


/******** SALARIS **********/
.salarisstroken .bgBabyblue th {line-height:45px; padding:0 0 0 15px; font-size:16px;}
.salarisstroken .table td {padding:0 0 0 15px; font-size:16px; line-height:35px !important;}
.salarisstroken h5 { margin:10px 0 0 0; margin-left:-15px; font-size:16px; padding:8px 0 8px 15px; font-family:'clearsans-medium' !important; background:#ECF5FC; }
.salarisstroken u {text-decoration:none !important;}
.salarisstroken p {display:none;}
.salarisstroken i {font-size:20px;}


/******** GEWERKTE UREN ********/
.gewerkte-uren .table-condensed td:first-child {padding:0;}


/******** SIGNALERING ********/
.notificaties li {height:45px; border-bottom:1px solid #E2F1FB; line-height:45px; padding:0 15px;}
.notificaties li a {width:100%; display:block;}
.notificaties li a:hover {text-decoration:none; color:inherit;}
.notificaties li:hover {background:#ECF5FC; cursor:pointer;}
.notificaties li:hover .label.old {background:#ECF5FC;}

.notificaties .label-important, .badge-important i {color:#b94a48;}

.notificaties .label {display:inline-block; width:12px; height:12px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; padding:0;  margin:0 12px 0 0;}
.notificaties .label.old {background:#fff;}
.notificaties .label.new {background:#75bbe9;}
.notificaties .icon-arrow-right {line-height:45px;}


/******* ICONS *******/
.icon-arrow-left {font: normal normal normal 15px/1 FontAwesome; }
.icon-arrow-left:before {content:'\f060';}

.icon-question-sign {font: normal normal normal 15px/1 FontAwesome; background:none;}
.icon-question-sign:before {content:"\f059"; }

.icon-paper-clip {font: normal normal normal 16px/1 FontAwesome; background:none;}
.icon-paper-clip:before {content:"\f0ee";}

.icon-ok {font: normal normal normal 16px/1.2 FontAwesome; background:none;}
.icon-ok:before {content:"\f00c";}

.btn_custom_icon_wrapper {background:none; border:none; background-repeat:no-repeat; background-position:center; background-size:35%; padding:0; margin-top:0; height:52px; width:52px; position: absolute; top: 0;
	left: 0;}

.btn_custom_icon_wrapper.naw, .hide_cpnNaw .gegevens, .hide_cpnNawGeenM .gegevens {background-image:url('images/icons/naw.svg');}
.btn_custom_icon_wrapper.certificaten {background-image:url('images/icons/certificaten.svg');}
.btn_custom_icon_wrapper.beschikbaarheid {background-image:url('images/icons/check.svg');}
.btn_custom_icon_wrapper.planning {background-image:url('images/icons/agenda.svg');}
.btn_custom_icon_wrapper.documenten {background-image:url('images/icons/documenten.svg');}
.btn_custom_icon_wrapper.social {background-image:url('images/icons/werkervaring.svg');}

.btn_custom_icon_wrapper.uitnodiging {background-image:url('images/icons/uitnodigingen.svg');}
.btn_custom_icon_wrapper.urenstaten {background-image:url('images/icons/urenstaten.svg');}
.btn_custom_icon_wrapper.jobs {background-image:url('images/icons/vacatures.svg');}
.btn_custom_icon_wrapper.prikklok {background-image:url('images/icons/tijdregistratie.svg');}

.btn_custom_icon_wrapper.salaris {background-image:url('images/icons/salaris.svg');}
.btn_custom_icon_wrapper.contactpersonen {background-image:url('images/icons/declaraties.svg');}
.btn_custom_icon_wrapper.bonus {background-image:url('images/icons/plus.svg');}
.btn_custom_icon_wrapper.roeptoeter {background-image:url('images/icons/tellafriend.svg');}

.btn_custom_icon_wrapper.scholing {background-image:url('images/icons/glasses.svg');}
.btn_custom_icon_wrapper.werklocaties {background-image:url('images/icons/locatie.svg');}
.btn_custom_icon_wrapper.foto {background-image:url('images/icons/camera.svg');}

.btn_custom_icon_wrapper.declaraties {background-image:url('images/icons/declaraties2.svg');}
.btn_custom_icon_wrapper.verlof {background-image:url('images/icons/verlof.svg');}

.btn_custom_icon_wrapper.payroll {background-image:url('images/icons/payroll.svg');}

.hide_cpnProfielBedrijf .gegevens, .hide_cpnProfielBedrijfGeenM .gegevens {background-image:url('images/icons/gegevens.svg');}


/******* URENSTATEN *******/
.urenstaten .row-fluid {overflow:hidden;}

.form-horizontal .control-label {text-align:left;}
.filterForm .controls {margin:0;}
.filterForm .control-label {width:auto !important; font-size:16px; line-height:24px; margin:0 16px 0 0;display:block;}
.select2-result {font-size:15px !important; color:#205777; line-height:2em;}
.select2-result.red_select {position: relative;}
.select2-result.red_select::before {
	background-color: #62B2E1;
	content: '';
	height: 100%;
	left: -4px;
	position: absolute;
	top: 0;
	width: 3px;
}

.select2-result.red_select::after {
	background-color: #fff;
	border: 2px solid #62B2E1;
	border-radius: 2px;
	content: 'Controleer uren';
	color: #62B2E1;
	display: inline-block;
	font-family: 'clearsans-bold';
	font-size: 12px;
	line-height: normal;
	margin-left: 6px;
	padding: 2px 5px;
	text-transform: uppercase;
	transform: translateY(-6px);
	white-space: nowrap;
}



@media (min-width: 768px) {
	.urenstaten .filterForm { display: -ms-flexbox; display: flex; align-items: flex-end;}
}

.urenstaten .select2-drop {width:340px !important;}

.urenstaten .filters {margin:0 0 8px 0; }
.urenstaten .filters .select2-container.input-large {width:100%;}
/* .urenstaten .filters .control-group.week{width:29%;}
.urenstaten .filters .control-group.werklocatie{width:28%;}
.urenstaten .filters .control-group.status{width:23%;}
.urenstaten .filters .control-group.filterbtn {width:20%;} */
.urenstaten .controlgroup {
	flex: 1;
	min-width: 200px;
}
.urenstaten .periodeOverzicht tr td {position:static;}

.nav-tabs {border-color:#DEE6EB; clear: both;}
.nav-tabs > li {position: relative; top: 2px; transform: translate3d(0, 0, 0);}
.nav-tabs > li.active {top: 0;}
.nav-tabs > li.active a {padding-top: 14px;}
.nav-tabs > li > a {font-size:16px; padding:12px 16px; color:#205777;border-color:#DEE6EB; border-radius:4px 4px 0 0; font-family:'clearsans-bold'; color:#487590;}
.nav-tabs > li > a:hover { background: #F5FBFF; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {   color:#62B2E1; border-color:#DEE6EB; border-bottom-color:transparent;}

.urenstaten .table {border:1px solid #DEE6EB; margin-bottom: 16px; }
.urenstaten .table .invulrij .select2-container {margin:0;}
.urenstaten .table .totaalrij {border-top:5px solid #e1f0ff !important;}
.urenstaten .table th {padding:0; line-height:24px; vertical-align:middle; font-size:16px; white-space: nowrap; font-family: 'clearsans-bold'; font-weight: normal;
}
.urenstaten .table th { padding: 16px 8px; }
.table td {border:0; vertical-align:middle; line-height:normal; padding: 16px 8px;}
.uren-ingevuld td { vertical-align: top; }
.urenstaten .table th:first-child {padding:0 0 0 15px;}
.urenstaten .table td:first-child {white-space: nowrap; padding: 16px 16px 16px 24px;}
.urenstaten .table td:last-child {white-space: nowrap; padding-right: 32px;}
.urenstaten .dropdown-menu {min-width:110px !important;}

.urenstaten .table .titelrij, .bgBabyblue {background:#E1F0FF; border:1px solid #E1F0FF !important; height:53px;}
.urenstaten .table .titelrij, .bgBabyblue th { border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important;}
.table-bordered {border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}

.ingevuld-pauze {text-align:right !important; }

.bootstrap-timepicker-widget table td span {width:16px;}
.bootstrap-timepicker-widget table td input { width: 55px !important; text-align: center; padding-left: 0 !important;}

#urenTabel input{margin:0;}
#urenTabel th{white-space: nowrap;}

.totaal {font-family:'clearsans-medium';}

.select2-container-disabled.datumpicker a {background:#fff !important; border-color:#D8E3EA !important;}
.select2-container-disabled.datumpicker a span { color:#b9cbd6;}
.select2-container.select2-container-disabled .select2-choice div {background:transparent;}
.select2-container.select2-container-disabled.datumpicker .select2-choice div b {background:transparent; background:url('images/icons/agenda-disabled.svg') no-repeat center 50% !important; background-size:50% !important;}
.select2-container.datumpicker .select2-choice div b {background:url('images/icons/agenda.svg') no-repeat center 50%; background-size:50%;}

.urenstaten .table .urenstaat__head-row,
.urenstaten .table .weekoverzicht__head-row {
	background-color: #F9F9FC;
	border-color: #DEE6EB !important;
}

.urenstaten__controls {
	margin-bottom: 8px;
}

@media (min-width: 767px) {
	.urenstaten__controls {
		display: -ms-flexbox;
		display: flex;
	}
}

.urenstaten__controls__button {
	margin-bottom: 4px;
}

@media (min-width: 767px) {
	.urenstaten__controls__button {
		margin-bottom: 0;
	}
}

.urenstaat tr td {
	background-color: #fff;
}

.urenstaat tr:nth-child(4n+4),
.urenstaat tr:nth-child(4n+4) td {
	background-color: #f9f9fc;
}

.urenstaat tr.akkoord td {
	background-color: rgba(79,208,143,0.08);
}

.urenstaat tr.akkoord td:first-child {
	position: relative;
}

.urenstaat tr.akkoord td:first-child:before {
	background-color: #4FD08F;
	content: '';
	height: calc(100% + 2px);
	left: 0;
	position: absolute;
	top: -1px;
	width: 4px;
}

.urenstaat tr.not-akkoord td {
	background-color: rgba(255,99,99,0.08);
}

tr.weekregel.not-akkoord > td.weekregel__head {
	position: relative;
}

tr.weekregel.not-akkoord > td.weekregel__head:before {
	background-color: #FF6363;
	content: '';
	height: calc(100% + 2px);
	left: 0;
	position: absolute;
	top: -1px;
	width: 4px;
}

.urenstaat tr.actie-nodig td {
	background-color: #62B2E1;
}

tr.weekregel.actie-nodig > td.weekregel__head {
	position: relative;
}

tr.weekregel.actie-nodig > td.weekregel__head:before {
	background-color: #62B2E1;
	content: '';
	height: calc(100% + 2px);
	left: 0;
	position: absolute;
	top: -1px;
	width: 4px;
}


.urenstaat tr.urenstaat-deleted td {
	position: relative;
}

.urenstaat tr.urenstaat-deleted {
	background-color: rgba(255,99,99,0.2) !important;
}

.urenstaat tr.urenstaat-deleted td:after {
	background-color: #ff6363;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.2;
	position: absolute;
	top: 0;
	width: 100%;
}

.urenstaat .urenstaat-delete {
	color: #ff6363;
	padding-left: 0;
}

.urenstaat .urenstaat-delete::before {
	display: none;
}

.urenstaat__controls {
	min-height: 30px;
}

.urenstaat__total {
	font-family: 'clearsans-bold';
}

.urenstaat__add-row {
	float: left;
}

.urenstaat__controls__add .btn {
	padding-left: 0;
}

.urenstaat__job__title {
	white-space: normal;
}

.werknemer.weekregel__head .urenstaat__job__title {
	color: #276483;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	opacity: 0.9;
	padding-left: 24px;
}

.urenstaat__job__date {
	color: #a2b3bd;
	font-family: 'clearsans-bold';
	font-size: 13px;
}

.urenstaat__message {
	display: none;
	font-weight: bold;
	margin-bottom: 20px;
}

.urenstaat__head-row {
	background-color: #F9F9FC;
}

.urenstaat__head-row__cell {
	font-weight: bold;
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.urenstaat .select2-container {
	transform: translateY(5px);
	width: 140px;
}

.uren-ingevuld--action-required .weekregel {
	background-color: #F9F9FC;
}

.uren-ingevuld--action-required .weekregel.not-akkoord {
	background-color: #FFF;
}

.uren-ingevuld--row-open .weekregel {
	background-color: #F9F9FC;
}

.uren-ingevuld--row-open .weekregel--open {
	background-color: #FFF;
}

.weekregel.not-akkoord .job2 {
	font-weight: bold;
}

/* TITELRIJ */
.titelrij th {padding-left:8px !important;}
.titelrij th:first-child {padding-left:25px !important;}
.titelrij .totaal, .titelrij .subtotaal {padding-left:0 !important;}
.cp .table .titelrij th:first-child {padding-left:24px !important;}
.cp .table .titelrij th:last-child {padding-right:24px !important;}
.uzk .table .titelrij th:first-child {padding-left:24px !important;}
.uzk .table .titelrij th:last-child {padding-right:24px !important;}
.uzk .nav-tabs--hidden { display: none; }


/* INVULRIJ  CP */
.invulrij .werknemer .select2-container {width:166px !important;}
.invulrij .werknemer {width:130px;}
.invulrij .job2 {width:180px !important;}
.invulrij .datum, .table .datum .select2-container  {width:126px !important;}
.invulrij .timepicker-begin {width:88px; padding:0;}
.invulrij .timepicker-begin .begintijd {}
.invulrij .timepicker-eind {width:90px;}
.invulrij .timepicker-eind .eindtijd { border-left:transparent !important; }
.invulrij .pauze { width:50px !important;}
.invulrij .pauze input {padding:0 !important; text-align:center; width:100% !important; margin:0 !important;}
.invulrij input::-webkit-input-placeholder {color: #b9cbd6;}
.invulrij .btn i {margin-right:0;}
.invulrij .select2-container .select2-choice span {font-size:15px; line-height:48px;}
.timepicker {background: url(images/icons/uren2.svg) no-repeat 8px 50% !important; background-size: 16px !important; padding-left: 31px !important; background-color: #fff !important;}
input.timepicker {border-radius: 0; border-color: #DEE6EA !important; border-radius: 2px; max-width: 96px; min-width: 52px; }
.timepicker.timepicker--no-clock {background-image: none !important; padding-left: 16px !important;}


/* INVULRIJ UZK */
.uzk .invulrij {border-bottom:1px solid #D8E3EA; }
.uzk .invulrij .datum {width:130px !important; }
.uzk .invulrij .datum.datepicker {border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; background:url('images/icons/agenda.svg') no-repeat 90% 50% !important; background-size:16% !important; font-size:15px !important;}
.uzk .invulrij .job {width:370px !important;}
.uzk .invulrij .job .select2-container, .uzk .invulrij .table .job {width:370px !important;}
.uzk .select2-drop {width:13.61% !important;}
.uzk .spacer {border-left:1px solid #fff; border-right:1px solid #fff; height:25px;}
.uzk .text-totaal {text-align:right;}


/* UREN INGEVULD  */
.uren-ingevuld {border-top:1px solid #DEE6EB; !important; font-size:14px;}
@media (min-width: 767px) {
	.uren-ingevuld {
		font-size:16px;
	}
}
.uren-ingevuld tr {border-top:1px solid #DEE6EB !important;}
.uren-ingevuld .ingevuld-subtotaal {padding-left:0px; text-align:center;}
.uren-ingevuld .ingevuld-pauze {text-align:center !important;}
.uren-ingevuld .acties {font-size:20px;}
.uren-ingevuld .hide {background:#ECF5FC;}
.uren-ingevuld .fa-times {color:#FF5858;}
.uren-ingevuld .werknemer {position:relative;}
.uren-ingevuld .werknemer i {border:1px solid #DEE6EB; width:25px; height:25px; line-height:25px; text-align:center; position:absolute; left:-1px; top:32px; margin-right:0;}
.uren-ingevuld .acties .viewEditUren {float:left;}
.uren-ingevuld .acties .urenAkkoord {float:left; margin-top:2px !important;}

.uren-ingevuld .deleted, .uren-ingevuld .bgPeach {background:#f8f8f8 !important; color:#AAAAAA; border-top:1px solid #ccc;}
.uren-ingevuld .deleted, .uren-ingevuld .bgPeach .werknemer i {border:1px solid #ccc;}

.weekFinancieel a:before {content:"Overzicht Financieel" !important;}


/* TOTAALRIJ */
.totaalMinutenZPauze, .totaalMinuten, .totaal, .totaalzpauze  {width:70px; text-align:center !important; padding-left:0px !important;}
.totaalpauze {width:52px;}
.totaalMinutenZPauze span, .totaalMinuten span {width:73px; color:#b9cbd6; height:46px; display:block; border:1px solid #b9cbd6 !important; text-align:center; line-height:46px; font-size:15px; border-color:#D8E3EA !important;}
.text-totaal {padding:0 15px 0 0 !important;}
.totaalrij {border-top:5px solid #e1f0ff !important;}
.totaalrij td {background:#fff !important; text-align:center;}


/* ACTIES */
.acties, .titelrij .acties {padding-left:15px !important; border-left:1px solid #DEE6EB !important;}
.deleteUrenstaat {float:right;}
.deleteUrenstaat:hover {color:red;}
.acties .urenAkkoord {width:25px !important; height:25px !important; margin-left:2px !important;}
.acties .status_icon {margin:0 !important;}
.acties .status_icon .herstelGoedkeuring .fa-question-circle-o {color:#fd8e16;}
.acties .herstelGoedkeuring {color:#4FD08F;}
.acties .Goedkeuring {color:#4FD08F;}
.acties .verloond {color:#4FD08F;}


/* URENSTATEN DETAIL POP-UP */
#myModal, #myModal table {font-size:15px; border:none !important;}
.vacature_titel_modal, .titel_modal {border:none;}
.modal-header {padding:15px 15px 0 15px;}
.modal-body .urenstaatnr {font-size:15px;}
.modal-body .urenstaat {padding:0 15px 0 15px !important;}
.modal-body .id-check {padding-top:10px;}
.modal-body .id-check .input-prepend input {height:39px !important; border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; width:80% !important;}
.modal-body .id-check .input-prepend .add-on {height:31px !important; line-height:31px !important; border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important;}
.modal-body .table-condensed td > textarea {height:30px; border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important;}
.modal-body td { padding-left:15px !important;}
.modal-header .close {font-size:28px !important; color:#205777; opacity:1;}
.modal-body .tijden {background:#F8F8F8;}
.modal .tijden h4 {margin:0;}
.modal-body .tijden .bootstrap-timepicker {width:100%;}
.modal-body .tijden .bootstrap-timepicker .timepicker {width:60% !important; background-size:10% !important;}

.urenstaatInputSet td {border-bottom:1px solid #DEE6EB; height:60px; border-right:1px solid #e1f0ff;}
.urenstaatInputSet td:first-child {border-left:1px solid #DEE6EB;}

.modal-body .invulrij {background:#F8F8F8;}
.modal-body .extra_gewerkte_uren {width:80% !important;}
.modal-body .invulrij td {padding:25px 0 !important;}
.modal-body .invulrij td:first-child {padding-left:15px !important;}

/**** UREN DETAIL ****/
.modal-header, .urenstaten .modal-body, .urenstaten .modal-body {padding:20px 25px !important;}
.modal-header {border-bottom:1px solid #DEE6EB !important; padding:15px 25px 10px !important;}
.vacature_titel_modal {padding-bottom:0;}
.modal-body .box {border-color:#DEE6EB !important; overflow:hidden; padding:20px 15px 10px; width:96.6%; margin:0 0 25px 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.modal-body .label-info {background:#E1F0FF; font-family:'clearsans-regular'; font-size:16px; padding:6px 15px 4px; float:left;}
.modal-body .control-group {float:left; margin:0 !important; margin-right:20px !important;}
.modal-body .control-label {float:left; font-size:16px; margin:0 !important; padding:0 12px; margin-right:-1px !important; background:#ECF5FC; border:1px solid #B9CBD6; line-height:46px;}
.modal-body .controls {float:left;}
.modal-body .controls .input-append {margin:0 !important; width:110px; }
.modal-body .controls .timepicker {background-size:15% !important;}
.modal-body .controls .pauze {width:25px !important; padding:0 15px !important; text-align:center;}
.editable-click, a.editable-click {font-family:'clearsans-bold' !important;}
.modal-body .totaal {width:100%; text-align:left !important; font-family:'clearsans-bold' !important; border-top:3px solid #E1F0FF; padding:10px 0;}
.modal-body .pauze {float:left;}
.modal-body .editable-container.popover {left:20px !important;}
.modal-body .popover.top .arrow {left:10%;}
.modal-body .fa {margin:0;}
.modal-body .no-margin {margin-bottom:-1px !important;}
.popover-content {overflow:hidden;}

#weekOverzicht .invulrij .job .select2-container, #weekOverzicht .table .job {width:200px;}


/* GRAFISCHE WEERGAVE */
#weekGrafisch table th:first-child, #weekGrafisch table td:first-child {padding:0 10px !important; text-align:center;}
#weekGrafisch table tr {height:50px; border-bottom:1px solid #DEE6EB;}
#weekGrafisch .totaal {width:55px; border-left:1px solid #DEE6EB !important; padding:0 10px 0 0 !important; text-align:right !important;}
#weekGrafisch .viewEditUren, #weekNumeriek .viewEditUren  {top:7px !important; left:10px !important; padding:0 8px; background:#fff; line-height:25px; height:25px; -webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px;}
#weekGrafisch .viewEditUren .fa { margin:0 !important;}


/* UREN NUMERIEKE WEERGAVE (TAB3) */
#weekNumeriek table th:first-child, #weekNumeriek table td:first-child {padding:0 10px !important; text-align:center;}
#weekNumeriek table tr {height:50px; border-bottom:1px solid #DEE6EB;}
#weekNumeriek .totaal {width:55px; border-left:1px solid #DEE6EB !important; padding:0 10px 0 0 !important; text-align:right !important;}
#weekNumeriek .makePopover {text-align:right;}
#weekNumeriek .alignCenter {text-align:right !important;}

#weekNumeriek .viewEditUren {top:10px !important;}

/* WEEKOVERZICHT FINANCIEEL */
#weekFinancieel table tr {height:50px; border-bottom:1px solid #DEE6EB;}
#weekFinancieel .alignCenter {text-align:right !important;}
#weekFinancieel .totaal {width:70px; border-left:1px solid #DEE6EB !important; padding:0 12px 0 0 !important; text-align:right !important;}
#weekFinancieel .uren {text-align:right; min-width:45px; border-right:1px solid #DEE6EB;}


/* WEEKOVERZICHT UREN INGELEZEN */
#weekIngelezen table tr {height:50px; border-bottom:1px solid #DEE6EB;}
#weekIngelezen .alignCenter {text-align:right !important;}
#weekIngelezen .totaal {width:70px; border-left:1px solid #DEE6EB !important; padding:0 12px 0 0 !important; text-align:right !important;}
#weekIngelezen .uren {text-align:right; min-width:45px; border-right:1px solid #DEE6EB;  white-space: nowrap;}
#weekIngelezen .uren_no {text-align:right; min-width:45px; border-right:1px solid #DEE6EB; font-size:10pt; }


/* Uitzendkracht */
.uzk .filters .control-group {width:369px;}
.uzk .filters .control-group:not(:first-child) { margin-left: 16px; }

/****** KANDIDAAT INSCHRIJVEN ********/
.align-center {float:none !important; margin:0 auto !important;}
.inschrijven-kandidaat .fileinput {width:130px; float:left;}

.upload-cv {overflow:auto;}
.upload-cv p {line-height:40px; float:left; margin-right:18px}


/******* ZZPER ******/
.zzper .control-label {font-size:16px !important; float:left; line-height:45px; margin:0 15px 0 0 !important;}
.zzper .btn-group {float:right !important;}

/******* Payroll ******/
.payroll .label-info  {background:#ECF5FC; padding:5px 10px; width:auto;}

/****** FONTS ********/

/**** CLEAR SANS ****/

@font-face {
    font-family: 'clearsans-regular';
    src: url('clearsans_regular/ClearSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clearsans-bold';
    src: url('clearsans_bold/ClearSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/********* RESPONSIVE ***********/

/**** IPAD LANDSCAPE ****/
@media (max-width: 1200px) {
	.uren-ingevuld {font-size:14px;}
	.uren-ingevuld .werknemer i {position:static; display:block; float:none; margin-top:5px;}
	.uren-ingevuld td:first-child {padding:15px !important;}
	.uren-ingevuld .acties .viewEditUren {margin:0 0 5px 2px;}
	.uren-ingevuld .acties {font-size:18px;}
	.uren-ingevuld .acties input, .uren-ingevuld .acties .status_icon {width:100% !important; margin:0 !important; float:left;}
	.deleteUrenstaat {float:left; margin:5px 0 0 3px;}
	.acties, .titelrij .acties {padding-left:8px !important;}
	.table-condensed td.naam {line-height:18px !important; font-size:14px !important;}
	.table-condensed td.job {font-size:14px;}

	.urenstaten .row-fluid {overflow:visible;}
	.urenstaten .table th {font-size:15px;}
	.urenstaten .filters .control-group.week {width:28%;}
	.urenstaten .filters .control-group.werklocatie {width:27%;}
	.urenstaten .filters .control-group.status {width:22%;}
	.urenstaten .filters .control-group.filterbtn {width:23%;}
	.urenstaten .table td {padding-right:5px !important;}
	.urenstaten .table td:first-child {padding:5px;}
	.totaalMinutenZPauze span, .totaalMinuten span, .invulrij .pauze input {font-size:14px !important;}

	.invulrij .select2-container .select2-choice span {font-size:14px;}
	.invulrij .werknemer .select2-container {width:130px !important;}
	.invulrij .job .select2-container, .table .job {width:150px !important;}
	.invulrij .datum, .table .datum .select2-container {width:106px !important;}

	.uzk .invulrij .job .select2-container, .uzk .invulrij .table .job {width:270px !important;}
	.uzk .filters .control-group.filterbtn {width:30% !important;}
	.uzk .filters .control-group {width:35% !important;}

}


/**** IPAD PORTRAIT ****/
@media (min-width: 768px) and (max-width: 979px) {
	.urenstaten .filters .control-group.week {width:26%;}
	.urenstaten .filters .control-group.werklocatie {width:25%;}
	.urenstaten .filters .control-group.status {width:20%;}
	.urenstaten .filters .control-group.filterbtn {width:29%;}
	.urenstaten .numeriek {font-size:14px;}

	.widget { margin:20px 0 0 0;}
	.uzk .invulrij .datum {width:110px !important;}
	.uzk .invulrij .job .select2-container, .uzk .invulrij .table .job {width:140px !important;}
	.profielUitzendkracht .row-fluid .span4 {width:100% !important;}
}


/*** MOBILE ***/

@media (max-width: 767px) {
	.mobile {
		display: block !important;
	}

	.desktop {
		display: none !important;
	}
	
	.header-back {
		color: #8C8C93 !important;
		left: 0;
		opacity: 0.9;
		padding-left: 17px;
		position: absolute;
		top: -2px;
	}

	a.header-back::before {
		border-color: #8C8C93;;
		border-style: solid;
		border-width: 0 0 2px 2px;
		content: '';
		display: block;
		height: 8px;
		position: absolute;
		transform: translate(5px, 16px) rotate(45deg);
		width: 8px;
		top: 0;
		left: 0;
	}

	.job2 { width: 100% !important; }
	.filters {float:left !important;}
	.urenstaten .filters { display: none; }
	.urenstaten .filters .control-group.week {width:22%;}
	.urenstaten .filters .control-group.werklocatie {width:23%;}
	.urenstaten .filters .control-group.status {width:22%;}
	.urenstaten .filters .control-group.filterbtn {float:left; display:block !important; width:33%;}
	.urenstaten .filter-replacement { padding: 0; font-size: 18px; font-weight: bold; line-height: 24px; color: #246282;}
	.urenstaten .filter-toggle .btn-link { padding: 0; }
	.filterForm .control-group {display:block !important; width:100% !important;}
	.filters .select2-container {margin-bottom:8px;}
	.urenstaten .filters .select2-container.input-large {width:100%;}
	.filterForm .control-label {line-height:20px;}
	.urenstaten .filters .btn {margin-top:0px;}
	.urenstaten .select2-drop {width:255px !important;}
	.nav-tabs > li > a {font-size:12px; padding:8px; }
	.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {padding-top: 10px !important; }
	.weekFinancieel a:before {content:"Overzicht" !important;}

	.profielUitzendkracht .row-fluid .span4 {width:100% !important;margin: 0 !important;}
	.profielUitzendkracht input {width:100% !important;}

	.invulrij td {border-left:0px solid #fff !important;}
	.invulrij td .select2-container {width:100% !important; border:none !important;}

	.invulrij .werknemer,
	.invulrij .job,
	.invulrij .datum,
	.invulrij .timepicker-begin,
	.invulrij .timepicker-eind,
	.invulrij .totaalMinutenZPauze,
	.invulrij .pauze,
	.invulrij .totaalMinuten
	 {width:96% !important; padding:5px;}

	.invulrij .werknemer .select2-container,
	.invulrij .job .select2-container,
	.invulrij .datum .select2-container,
	.invulrij .timepicker-begin .select2-container,
	.invulrij .timepicker-eind .select2-container,
	.invulrij .totaalMinutenZPauze .select2-container,
	.invulrij .pauze .select2-container,
	.invulrij .totaalMinuten .select2-container {
		width:100% !important;
	 }

	 .urenstaten .table .titelrij, .bgBabyblue {height:30px;}

	 .invulrij .timepicker-begin .begintijd {width:95.3% !important; background-size:18px !important; background-position:95% 50% !important;}
	 .invulrij .timepicker-eind .eindtijd {width:95.3% !important; background-size:18px !important; background-position:95% 50% !important; border-left:1px solid #b9cbd6 !important;}
	 .label-mob {display:block; line-height:48px; left:50px;}
	 .innerTitle {font-family:'clearsans-regular' !important; font-size:14px; margin:0 !important; display:block !important;}

	 .invulrij .pauze input {width:99% !important;}
	 .invulrij .totaalMinutenZPauze, .totaalMinuten {padding:5px !important;}
	 .invulrij .totaalMinutenZPauze span, .totaalMinuten span {width:99% !important;}
	 .urenstaten .table th:first-child {font-family:'clearsans-regular'; }

	 .urenstaten .row-fluid {overflow:hidden;}

	 .invulrij .acties {margin:0 0 20px 0; float:right; }
	 .uren-ingevuld .acties {width:100% !important;}
	 .uren-ingevuld .ingevuld-subtotaal, .uren-ingevuld .ingevuld-pauze {padding-left:15px; text-align:left !important;}
	 .uren-ingevuld .totaal {width:100%; float:left; text-align:left !important; padding-left:15px !important; }
	 .uren-ingevuld .werknemer i {display:none;}
	 .uren-ingevuld td:first-child, .uren-ingevuld td {padding: 16px 16px 0 !important;}
	 .uren-ingevuld .acties input, .uren-ingevuld .acties .status_icon {width:18px !important; float:none !important;}

	 .uren-ingevuld .acties {width:100%; overflow:hidden; border-left:0px solid #fff !important; border-top:1px solid #DEE6EB !important; margin-top:25px !important; float:left; display:block; padding:0 !important;}
	 .uren-ingevuld .acties .viewEditUren {height:40px; width:33%; text-align:center; float:left; line-height:40px; margin:0 !important; border-right:1px solid #DEE6EB;}
	 .urenstaten .deleteUrenstaat  {height:40px; width:33%; text-align:center; float:right; line-height:40px; margin:0 !important;border-left:1px solid #DEE6EB;}
	 .uren-ingevuld .goedkeuring {height:40px; width:33% !important; text-align:center; line-height:40px; float:left; }
	 .uren-ingevuld .goedkeuring .urenAkkoord {float:none; margin:0 !important;}

	 .totaalrij .innerTitle {width:auto !important; min-width:auto !important;}
	 .totaalrij .text-totaal {text-align:left !important;}
	 .totaalrij .totaalzpauze {width:85% !important; float:left; text-align:left !important; padding-left:15px !important;}
	 .totaalrij .totaalpauze { width:85% !important; float:left; text-align:left !important; padding-left:15px !important;}
	 .totaalrij .totaal {width:85% !important;  float:left; text-align:left !important; padding-left:15px !important;}
		table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {display:table-cell;}



		/*.acties .herstelGoedkeuring{width:33%; height:40px; text-align:center; float:left; line-height:40px;}*/

	 #weekOverzicht .invulrij .job {width:96% !important;}
	 /* #weekOverzicht .invulrij .job .select2-container {width:100% !important;} */

	 #weekGrafisch .naam {padding-left:10px;}
	 #weekGrafisch .grafisch {height:50px !important;}
	 #weekGrafisch .table .bgBabyblue th {height:50px;}

	 #weekNumeriek .naam {padding-left:10px;}
	 #weekNumeriek .numeriek {height:50px !important;}
	 #weekNumeriek .table .bgBabyblue th {height:50px;}

	 #weekFinancieel .naam {padding-left:10px;}
	 #weekFinancieel .periodeOverzicht tr {height:50px !important;}
	 #weekFinancieel .table .bgBabyblue th {height:50px !important;}

	 .pinned {width:50% !important; -webkit-box-shadow:5px 0px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow:5px 0px 10px rgba(0, 0, 0, 0.2); box-shadow:5px 0px 10px rgba(0, 0, 0, 0.2); border:0px solid;}
	 .pinned .table {margin-bottom:47px;}

	 .nawbedrijf .select2-container.input-large {width:100% !important;}

	 .profielBedrijf .span6, .profielBedrijf .span6:first-child {width:100% !important; padding:0 !important; margin:0 !important;}
	 .profielBedrijf .span6 input {width:100% !important;}
	 input {width:100% !important;}
	 .widget-content {padding:0 3.5% 3.5% !important;}

	 .filterbtn .control-label {display:none;}

	 .uzk .filters .control-group, .uzk .filters .control-group.filterbtn {width:100% !important;}
	 .uzk .filters .control-group:not(:first-child) { margin-left: 0; }
	 .uzk .invulrij .job {width:100% !important;}
	 .uzk .invulrij .datum {width:96% !important;}
	 tr.invulrij td .input-append {width:100% !important;}

	 .uzk .invulrij .datum.datepicker {background-size:20px !important; background-position:95% 50% !important;}
	 .uzk .uren-ingevuld td:first-child {padding-left: 8px !important; padding-right: 8px !important;}

	 .totaalMinuten { width: 100%; text-align: left !important;}
	 .totaalMinuten .js-totaleUren { padding-left: 16px; text-align: left;}
	 .urenstaten .table td.timepicker-eind { padding-left: 16px !important; padding-right: 16px !important; }
	 .urenstaten .table td { padding-right: 16px !important; }

	.widget-header {
		margin-bottom: 60px;
		padding-left: 16px;
		padding-top: 0;
	}

	.widget-header .btn-back {
		float: none;
		margin-left: 0;
		margin-top: 16px;
	}

	.urenstaten .widget-header {
		margin: 0;
		padding: 6px 3.5% 0 !important;
	}

	.urenstaten .widget-header h3 {
		color: #246282;
		font-size: 20px;
		padding: 0;
		text-align: left;
	}

	.widget_footer {
		padding-left: 16px;
		padding-top: 2px;
	}

	.weekoverzicht__head-row {
		display: none;
	}

	.urentabel.table,
	.urentabel.table .uren-ingevuld,
	.urentabel.table .uren-ingevuld .weekregel {
		border: none !important;
	}

	.uren-ingevuld .weekregel td.weekregel__head {
		box-shadow: 0 -1px 0 0 #DEE6EB, 0 1px 0 0 #DEE6EB;
		background-color: #F9F9FC;
		font-size: 16px;
		padding: 15px 8px 0 !important;
	}

	.cp .uren-ingevuld .weekregel td.weekregel__head {
		box-shadow: none;
	}

	.uren-ingevuld .weekregel--open td.weekregel__head {
		background-color: #fff;
		box-shadow: none;
	}

	tr.weekregel td:not(.desktop):not(:first-child){
		border-top: none;
    padding-bottom: 8px !important;
    padding-left: 32px !important;
    padding-right: 0 !important;
	}

	tr.weekregel.not-akkoord > td.urenstaat__cell--total {
		position: relative;
	}

	tr.weekregel.not-akkoord > td.urenstaat__cell--total:before {
		background-color: #FF6363;
		content: '';
		height: calc(100% + 2px);
		left: 0;
		position: absolute;
		top: -1px;
		width: 4px;
	}

	tr.urenstaat__row td.urenstaat__cell--total,
	tr.weekregel td.urenstaat__cell--total {
		background-color: #F9F9FC;
		color: #246282;
    width: 100%;
	}

	tr.urenstaat__row.open td.urenstaat__cell--total,
	tr.weekregel--open td.urenstaat__cell--total {
		background-color: #FFF;
    margin-bottom: 7px !important;
	}

	.cp tr.weekregel td.urenstaat__cell:last-child {
		border-bottom: 1px solid #DEE6EB;
	}

	.cp tr.weekregel--open td.urenstaat__cell--total {
		border-bottom: none;
	}

	tr.urenstaat__row td.urenstaat__cell--status,
	tr.weekregel td.urenstaat__cell--status {
		background-color: #F9F9FC !important;
		display: block;
    width: 100%;
	}

	tr.urenstaat__row td.urenstaat__cell--status .wen-tag {
		display: inline-block;
		line-height: 17px;
    margin-left: 23px;
    transform: translateY(-7px);
	}

	tr.weekregel td.urenstaat__cell--status .wen-tag {
		display: inline-block;
		margin-bottom: 7px;
	}

	tr.weekregel--open td.urenstaat__cell--status .wen-tag {
		transform: translateY(-7px);
	}

	tr.urenstaat__row.open td.urenstaat__cell--status,
	tr.weekregel--open td.urenstaat__cell--status {
		background-color: #FFF !important;
	}

	tr.urenstaat__row.open td.urenstaat__cell--status .wen-tag {
    margin-left: 0;
    transform: none;
	}

	.urenstaat__row.new .urenstaat__head-row {
		padding-bottom: 7px !important;
		padding-left: 8px !important;
		padding-top: 12px !important;
	}

	.urenstaten .table {
		margin-bottom: 8px;
	}

	.urenstaat__head-row {
		display: none;
	}

	tr.urenstaat__row {
		border-top: none !important;
	}

	tr.urenstaat__row.open {
		box-shadow: 0 -1px 0 0 #DEE6EB, 0 1px 0 0 #DEE6EB;
	}

	.urenstaat__row .urenstaat__cell {
		display: none;
		float: left;
		height: 64px !important;
    padding-left: 8px !important;
    padding-right: 0 !important;
    padding-top: 16px !important;
    width: 37%;
	}

	.urenstaat__row.open .urenstaat__head-row {
		background-color: #fff;
	}

	.urenstaat__row.open .urenstaat__cell {
		display: table-cell;
	}

	.urenstaat__row.open .plus {
		display: none;
	}

	.urenstaat__row.open .minus {
		display: inline;
	}

	.urenstaat__cell:last-child {
		padding-bottom: 20px !important;
	}

	td.urenstaat__cell.read-only {
		height: auto !important;
    padding-top: 0 !important;
	}

	td.urenstaat__cell.read-only .innerTitle {
		display: inline !important;
	}

	td.urenstaat__cell.read-only .innerTitle:after {
		content: ': ';
	}

	td.urenstaat__cell.editable {
		width: auto;
	}

	td.urenstaat__cell.editable.begin-time {
		padding-right: 0 !important;
	}

	.urenstaat__row.new td.urenstaat__cell.editable.begin-time,
	.uzk td.urenstaat__cell.editable.begin-time {
		padding-bottom: 9px !important;
	}

	td.urenstaat__cell.editable.end-time {
		padding-left: 0 !important;
		padding-right: 0 !important;
		transform: translateX(-1px);
	}

	.urenstaat__row.new td.urenstaat__cell.editable.end-time,
	.uzk td.urenstaat__cell.editable.end-time {
		padding-bottom: 9px !important;
	}

	td.urenstaat__cell.editable.break {
		padding-right: 0 !important;
		width: 36%;
	}

	.urenstaat__row.new td.urenstaat__cell.editable.break,
	.uzk td.urenstaat__cell.editable.break {
		padding-bottom: 9px !important;
	}

	tr[data-ukt-id] td.urenstaat__cell.editable.normal-hours,
	tr[data-ukt-id] td.urenstaat__cell.editable.additional-hours {
		padding-bottom: 9px !important;
	}

	td.urenstaat__cell.editable .innerTitle {
		min-width: auto;
		margin-bottom: 3px !important;
	}

	td.urenstaat__cell.editable .timepicker {
		margin-bottom: 10px;
		width: 72px !important;
	}

	.urenstaat__row:not(.urenstaat-deleted) td.urenstaat__cell.possible-empty {
		background-color: rgba(0,0,0,0) !important;
	}

	td.urenstaat__cell.possible-empty {
		height: auto !important;
	}

	.mobile.urenstaat__head-row {
		padding: 0 16px !important;
	}

	.urenstaat__head-row__cell {
		color: #62B2E0;
		font-size: 16px;
		padding-bottom: 0 !important;
		padding-top: 5px !important;
		position: relative;
	}

	.urenstaat__head-row__cell .select2-container {
		width: 100%;
	}

	.urenstaat__head-row__cell .caption {
		cursor: pointer;
		text-decoration: underline;
	}

	.urenstaat__head-row__cell .sub-caption {
		color: #246282;
		font-weight: bold;
		font-size: 14px;
		padding-left: 14px;
		transform: translateY(-6px);
	}

	.urenstaat__head-row__cell .toggle {
		display: inline-block;
	}

	.urenstaat__head-row__cell .minus {
		display: none;
		margin-right: 5px;
	}

	.urenstaat__head-row__cell .urenstaat-delete {
		display: none;
		position: absolute;
		right: 0;
		top: 5px;
	}

	.urenstaat__row.open .urenstaat__head-row__cell .urenstaat-delete {
		display: block;
	}

	.urenstaat__row.new .urenstaat__head-row__cell .urenstaat-delete {
		display: none;
	}

	.urenstaat__controls {
		padding: 0;
	}

	.urenstaat__controls__save .btn {
		display: block;
		margin-bottom: 10px;
		width: calc(100% - 48px);
	}

	.urenstaat__controls__add .btn {
		float: none;
		margin-bottom: 5px;
	}

	.urenstaat__add-row {
		min-height: 56px;
	}

	.listTable .innerTitle {
		font-weight: bold !important;
	}

	.urenstaat tr:nth-child(even),
	.urenstaat tr:nth-child(even) td {
		background-color: #fff;
	}

	.urenstaat .spacer {
		border: none !important;
		height: 1px;
	}

	.urenstaten .table {
		border: none !important;
	}

	.uren-ingevuld tr.row--expanded td.row--expanded__content {
		padding: 0 !important;
	}

	.urenstaat__total {
		font-family: 'clearsans-regular';
	}

}

@media (max-width: 376px) {
	#weekOverzicht .invulrij .job {max-width:296px;}
}

tr.row--expanded {
	border-top: 0 !important;
	padding-bottom: 16px;
}

.row--expanded td:first-child {
	padding: 0px 24px 24px 24px !important;
}

.row--expanded table th,
.row--expanded table td {
	padding: 8px 12px 8px 0;
}

.row--expanded table th:first-child,
.row--expanded table td:first-child {
	padding: 5px 12px !important;
}

.row--expanded .urenstaat tr td {
	padding-left: 8px;
	vertical-align: middle;
	padding-right: 8px;
}

.row--expanded .urenstaat tr td:first-child {
	padding-left: 16px !important;
	padding-top: 16px !important;
}

@media (min-width: 767px) {
	.row--expanded .urenstaat tr td:first-child {
		padding-left: 24px !important;
		padding-top: 8px !important;
	}
}

.wen-tag {
	border: 2px solid #205777;
	border-radius: 2px;
	color: #205777;
	font-size: 12px;
	padding: 2px 5px;
	font-family: 'clearsans-bold';
	text-transform: uppercase;
	white-space: nowrap;
}

.wen-tag--ok {
	border-color: #4FD08F;
	color: #4FD08F;
}

.wen-tag--action {
	border-color: #62B2E1;
	color: #62B2E1;
}

.wen-tag--alert {
	border-color: #FF6363;
	color: #FF6363;
}

form {
	margin-bottom: 16px;
}


/**** notifications ****/
@keyframes awn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes awn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes awn-slide-right{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes awn-slide-left{0%{opacity:0;right:100%}to{opacity:1;right:0}}@keyframes awn-bar{0%{right:100%}to{right:0}}.awn-modal-loading-dots,.awn-modal-loading-dots:after,.awn-modal-loading-dots:before{border-radius:50%;width:8px;height:8px;animation-fill-mode:both;background:#fff;animation:awn-loading-dots 1s infinite ease-in-out}.awn-modal-loading-dots{position:relative;margin-left:24px;display:inline-block;color:#fff;animation-delay:-.16s}.awn-modal-loading-dots:after,.awn-modal-loading-dots:before{content:"";position:absolute;top:0}.awn-modal-loading-dots:before{left:-16px;animation-delay:-.32s}.awn-modal-loading-dots:after{left:16px}@keyframes awn-loading-dots{0%,80%,to{box-shadow:0 0 0 0}40%{box-shadow:0 0 0 2px}}#awn-modal-wrapper{position:fixed;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);z-index:99999;opacity:0;animation-name:awn-fade-in;animation-timing-function:ease-out;animation-fill-mode:both}#awn-modal-wrapper.awn-hiding{animation-name:awn-fade-out}#awn-modal-wrapper .awn-modal-body{position:relative;background:#fff;padding:24px;min-width:320px;font-size:14px}#awn-modal-wrapper .awn-modal-body .fa{font-size:44px;color:#e66c0e}#awn-modal-wrapper .awn-modal-body.awn-modal-confirm{display:flex;flex-direction:column;align-items:center;padding-bottom:72px}#awn-modal-wrapper .awn-modal-body.awn-modal-async-block{background:transparent;font-size:32px;font-weight:700;color:#fff;text-align:center}#awn-modal-wrapper .awn-modal-title{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:12px;margin-top:8px}#awn-modal-wrapper .awn-buttons{position:absolute;bottom:0;left:0;width:100%;font-size:0;padding:8px}#awn-modal-wrapper .awn-buttons .awn-btn{cursor:pointer;display:inline-block;border:0;font-weight:700;transition:background .2s linear;font-size:14px;width:calc(50% - 4px);line-height:32px;color:#fff}#awn-modal-wrapper .awn-buttons .awn-btn-success{margin-right:4px;background:#609c33}#awn-modal-wrapper .awn-buttons .awn-btn-success:hover{background:#54892d}#awn-modal-wrapper .awn-buttons .awn-btn-cancel{margin-left:4px;background:#0a96e2}#awn-modal-wrapper .awn-buttons .awn-btn-cancel:hover{background:#0986ca}#awn-toast-container{position:fixed;z-index:99998;bottom:24px;right:24px;box-sizing:border-box}#awn-toast-container.awn-top{top:24px;bottom:auto}#awn-toast-container.awn-top .awn-toast:first-child{margin-top:16px}#awn-toast-container.awn-left{left:24px;right:auto}#awn-toast-container.awn-left .awn-toast{right:100%;animation-name:awn-slide-left}#awn-toast-container.awn-left .awn-toast.awn-hiding{right:0}#awn-toast-container:not(.awn-left) .awn-toast{left:100%;animation-name:awn-slide-right}#awn-toast-container:not(.awn-left) .awn-toast.awn-hiding{left:0}.awn-toast{position:relative;cursor:pointer;overflow:hidden;opacity:0;width:320px;padding:18px 88px 16px 16px;margin-top:16px;border:1px solid #e0e0e0;color:#999;background:#ededed;font-size:13px;animation-timing-function:linear;animation-fill-mode:both}.awn-toast .awn-toast-label{display:block;text-transform:uppercase;color:#999;font-size:16px}.awn-toast .awn-toast-icon{position:absolute;right:16px;top:2px;bottom:0;display:flex;align-items:center;justify-content:flex-end}.awn-toast .awn-toast-icon .fa{font-size:44px;color:#999}.awn-toast .awn-toast-progress-bar{position:absolute;top:0;left:0;right:0;height:2px;background:#f2f2f2}.awn-toast .awn-toast-progress-bar:after{content:" ";background:#999;position:absolute;width:100%;right:100%;top:0;height:2px;animation-name:awn-bar;animation-duration:inherit;animation-timing-function:linear;animation-fill-mode:both}.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after{animation-play-state:paused}.awn-toast.awn-hiding{animation-name:awn-fade-out!important}.awn-toast.awn-toast-success{border-color:#93cd68;background:#c4e4ad;color:#609c33}.awn-toast.awn-toast-success .fa,.awn-toast.awn-toast-success b{color:#609c33}.awn-toast.awn-toast-success .awn-toast-progress-bar{background:#cfe9bc}.awn-toast.awn-toast-success .awn-toast-progress-bar:after{background:#609c33}.awn-toast.awn-toast-info{border-color:#5ac0f8;background:#b2e2fc;color:#0a96e2}.awn-toast.awn-toast-info .fa,.awn-toast.awn-toast-info b{color:#0a96e2}.awn-toast.awn-toast-info .awn-toast-progress-bar{background:#c6e9fc}.awn-toast.awn-toast-info .awn-toast-progress-bar:after{background:#0a96e2}.awn-toast.awn-toast-alert{border-color:#da6e6a;background:#e7a29f;color:#9d2c27}.awn-toast.awn-toast-alert .fa,.awn-toast.awn-toast-alert b{color:#9d2c27}.awn-toast.awn-toast-alert .awn-toast-progress-bar{background:#ebb2af}.awn-toast.awn-toast-alert .awn-toast-progress-bar:after{background:#9d2c27}.awn-toast.awn-toast-warning{border-color:#f7b27c;background:#fbd7bb;color:#e66c0e}.awn-toast.awn-toast-warning .fa,.awn-toast.awn-toast-warning b{color:#e66c0e}.awn-toast.awn-toast-warning .awn-toast-progress-bar{background:#fce2ce}.awn-toast.awn-toast-warning .awn-toast-progress-bar:after{background:#e66c0e}[class^=awn-]{box-sizing:border-box}

#awn-toast-container {
  bottom: 16px;
  right: 0;
  text-align: right;
}

.awn-toast {
  background-color: #62B2E1;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  clear: right;
  color: #fff;
  float: right;
  letter-spacing: 0.6px;
  margin-top: 8px;
  padding-bottom: 9px;
  padding-left: 47px;
  padding-right: 10px;
  padding-top: 6px;
  width: auto;
}

.awn-toast .awn-toast-label {
  display: none;
}

.awn-toast.awn-toast-async {
  background-color: #4FD08F;
  color: #fff;
}

.awn-toast.awn-toast-async .c-icon {
  display: none;
}

.awn-toast.awn-toast-async--percentage {
  padding-left: 66px;
}

.awn-toast.awn-toast-async--percentage .awn-toast-icon {
  border-right: 1px solid rgba(230,237,246,0.2);
  bottom: auto;
  height: 100%;
  padding-right: 10px;
  top: 0;
}

.awn-toast.awn-toast-alert {
  background-color: #FF6363;
  color: #fff;
}

.awn-toast.awn-toast-alert .awn-modal-loading-dots {
  display: none;
}

.awn-toast.awn-toast-info {
  background-color: #62B2E1;
  color: #fff;
}

.awn-toast.awn-toast-info .awn-modal-loading-dots {
  display: none;
}

.awn-toast.awn-toast-success {
  background-color: #4FD08F;
  color: #fff;
}

.awn-toast.awn-toast-success .awn-modal-loading-dots {
  display: none;
}

.awn-toast.awn-toast-warning {
  background-color: orange;
  color: #fff;
}

.awn-toast.awn-toast-warning .awn-modal-loading-dots {
  display: none;
}

.awn-toast .awn-toast-icon {
  left: 12px;
  right: auto;
  top: 0;
}

.awn-toast .awn-toast-icon .fa {
	color: #fff;
	font-size: 16px;
}

.awn-toast .awn-toast-icon .c-icon {
  height: 18px;
  width: 18px;
}

.awn-toast-progress-bar {
  display: none;
}

.awn-toast-content {
  line-height: 15px;
}

.awn-modal-loading-dots {
  margin-left: 8px;
 }

.awn-modal-loading-dots::before {
  left: -8px;
}

.awn-modal-loading-dots::after {
  left: 8px;
}

.awn-modal-loading-dots,
.awn-modal-loading-dots:after,
.awn-modal-loading-dots:before {
  height: 2px;
  width: 2px;
}


.tab-content {
	overflow: visible;
}