/* Minification failed. Returning unminified contents.
(63,1): run-time error CSS1019: Unexpected token, found '@import'
(63,9): run-time error CSS1019: Unexpected token, found 'url('Custom.css')'
(1410,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(4473,47): run-time error CSS1046: Expect comma, found '52'
(4473,53): run-time error CSS1046: Expect comma, found '/'
(4542,31): run-time error CSS1046: Expect comma, found '242'
(4542,38): run-time error CSS1046: Expect comma, found ')'
 */
body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

@import url('Custom.css');
@font-face {
	font-family: "iconFont";
	font-style: normal;
	font-weight: normal;
	src: url("Jobat/fonts/iconFont.eot"); /* IE9 Compat Modes */
	src: url("Jobat/fonts/iconFont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("Jobat/fonts/iconFont.woff") format("woff"), /* Modern Browsers */
		url("Jobat/fonts/iconFont.ttf") format("truetype"), /* Safari, Android, iOS */
		url("Jobat/fonts/iconFont.svg#iconFont") format("svg"); /* Legacy iOS */
}

.iconFont {
	font-family: 'iconFont';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
}
.iconFont:hover {
	text-decoration: none !important;
}

.hide {
	display: none;
}

.ui-widget {
	font-family: inherit !important;
	font-size: inherit !important;
	z-index:200;
}

header .content-wrapper .float-left {
	float: left;
}

header .content-wrapper .float-right {
	float: right;
}

header .content-wrapper section, form {
	display: inline;
}

div#body {
	float: left;
	width: 100%;
}

	div#body nav ul#menu {
		border: 2px solid black;
		padding: 10px 5px;
		background: #9d9d9d no-repeat scroll right top;
		text-decoration: none;
	}

		div#body nav ul#menu li {
			display: inline;
			padding: 10px 5px;
			border-right: 2px solid black;            
		}
		
.fullbo-disabled, 
.fullbo-disabled span,
.fullbo-disabled a,
.fullbo-disabled a:hover {
	opacity:0.4 !important;
	cursor:default !important;
}
#navwrapper ul#menu li a.fullbo-disabled,
#navwrapper ul#menu li a.fullbo-disabled:hover {
	color:#808080;
	cursor:default;
}

div#loading-panel.loading {
	position: fixed;
	display: none;
	border: 1px solid #5c9ccc;
	padding: 2px;
	color: black;
	opacity: 0.90;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 100000;
	top: 0;
	left: 0;
	background-color: #efefef;
	padding-top: 5%;
}

div.content {
	width: auto;
	float: none;
	overflow: hidden;
}

div#LeftPad {
	width: 50%;
	float: left;
}

div#PreviewPad {
	width: 49%;
	float: left;
	margin-right:1%;
}

div#RightPad {
	width: 49%;
	float: left;
	margin-left: 10px;
}

div.content div#RightPad div.item {
	clear: both;
	margin-bottom: 1.5em;
}

	div.content div#RightPad div.item.block {
		margin-bottom: 1.5em;
	}

	div.content div#RightPad div.item label {
		width: 30%;
		float: left;
		font-weight: bold;
	}

div.content .informations {
	margin-left: 30%;
}

div.content div#RightPad div.item .informations label {
	width: auto;
	float: none;
	font-weight: normal;
}

div.content div#RightPad div.item .informations ul.text-mode,
div.content div#RightPad div.item .informations p.text-mode {
	min-height: 1.5em;
	height: auto;
	list-style-type: none;
	padding: 0;
}

	div.content div#RightPad div.item .informations ul.text-mode:hover,
	div.content div#RightPad div.item .informations p.text-mode:hover {
		background-color: lightblue;
	}

div.content div#RightPad div.actions {
	margin-top: 3em;
}

	div.content div#RightPad div.actions div.Row {
		display: block;
		margin-bottom: 1em;
	}

		div.content div#RightPad div.actions div.Row .goLeft {
			float: left;
		}

		div.content div#RightPad div.actions div.Row .goRight {
			margin-left: 100px;
		}

		div.content div#RightPad div.actions div.Row a.spaced {
			margin-right: 20px;
		}

.ui-tabs {
	margin: 1em 0;
}




#job-input ul#job-input-actions li {
	cursor: pointer;
}

#job-input ul#job-content-actions li {
	cursor: pointer;
}

	#job-input ul#job-content-actions li select {
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		width: 500px;
	}


.main-content .createUserForm .cke_bottom,
.main-content .createUserForm .cke_top {
	display: block;
}


.main-content .cke_bottom,
.main-content .cke_top {
	display: none;
}

.main-content .cke_focus .cke_top {
	display: block;
}

div.grid div.row {
	margin-bottom: 10px;
}

	div.grid div.row label {
		float: left;
		width: 150px;
	}

#Popup div.mail-menu {
	margin-bottom: 20px;
	position:relative;
}

#Popup div.grid div.row input {
	width: 614px;
}

#Popup div.grid div.row div#MailAttachments {
	border: 1px solid black;
	margin-left: 150px;
	min-height: 30px;
}

.cke_editable {
	min-height: 20px;
}

	.cke_editable:hover {
		background-color: lightblue;
	}

	.cke_editable:focus {
		background-color: transparent;
	}


div.link {
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: 3px;
}

div.dialog-popup {
	display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 33px;
    height: 32px;
    border: none;
    background: none;
}

    .ui-dialog .ui-dialog-titlebar-close:hover {
        border: none;
        background: none;
    }

div#CompanyLogo {
	text-align: right;
}

div.MailWebSiteRadio {
	border: 1px solid black;
	padding: 1em;
}

	div.MailWebSiteRadio div {
		margin-bottom: 1em;
	}

	div.MailWebSiteRadio input[type=text] {
		width: 600px;
	}

img.delete-ico {
	height: 15px;
	margin-left: 10px;
	/*position: relative;
	top: 2px;*/
}

.mailReport img.delete-ico { display: inline-block; zoom: 1; *display:inline;}

#Response {
	margin: 0 10px 10px 10px;
}

#Response #JobSearch img, #JobDetail img {
	display: inline;
}

#Response h1, #Response h2, #Response h3, #Response h4, #Response h5, #Response h6 {
	color: inherit;
	font: inherit;
}

#Response #JobSearchCriteria span label {
	margin-left: 15px;
}

#Response #JobSearchCriteria img.ui-datepicker-trigger {
	margin-left: 5px;
}

#Response #JobSearchCriteria input.hasDatepicker {
	width: 90px;
}

#Response #JobSearchCriteria input[type=submit] {
	margin-left: 20px;
}

#Response #JobSearchList {
	max-width: 1200px;
	margin: 0 auto;
}

#Response #JobSearchList .jobitem.even { background-color: #e8e8e4; }
#Response #JobSearchList .jobitem td { vertical-align: top; }

#Response .ui-accordion {
	line-height: 0.3;
}

#Response .suggestion-item span { padding: 0 5px;display: block; }
#Response .suggestion-item span:empty { visibility:hidden;}
#Response .suggestion-item.suggestion-0 span { background-color: grey;color: white; } /* Undefined*/
#Response .suggestion-item.suggestion-1 span { background-color: red;color: white; } /* Red*/
#Response .suggestion-item.suggestion-2 span { background-color: orange;color: white; } /* Orange */
#Response .suggestion-item.suggestion-3 span { background-color: #33CC33;color: white; } /* Green */
#Response .suggestion-item.suggestion-4 span { background-color: darkgreen;color: white; } /* Dark Green */
#Response .suggestion-item span a {color: white; }
#Response #ResponseJobList td.align-right { text-align: right; }
#Response .suggestion-item-esco label { padding: 0 5px;display: inline; }
#Response .suggestion-item-esco.suggestion-0 label { background-color: grey;color: white; } /* Undefined*/
#Response .suggestion-item-esco.suggestion-1 label { background-color: red;color: white; } /* Red*/
#Response .suggestion-item-esco.suggestion-2 label { background-color: orange;color: white; } /* Orange */
#Response .suggestion-item-esco.suggestion-3 label { background-color: #33CC33;color: white; } /* Green */
#Response .suggestion-item-esco.suggestion-4 label { background-color: darkgreen;color: white; } /* Dark Green */
	

a.Jobat-Button {
	background: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #F5F5F5 100%) repeat scroll 0 0 transparent;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px #FFFFFF inset;
	color: #019CDC;
	line-height: 100%;
	padding: 1px 8px;
	text-decoration: none;
	white-space: nowrap;
}

	a.Jobat-Button.selected {
		background: -moz-linear-gradient(0% 100% 90deg, #029DDD, #14B0F0 100%) repeat scroll 0 0 transparent;
		border: 1px solid #0887BB;
		color: #FFFFFF;
	}

#JobListPager a.Jobat-Button {
	margin: 0 0.3%;
}
.pager a.selected { color:#484848; font-family: "AmplitudeBoldRegular", Arial, sans-serif;  }

div.tab-column {
	clear: both;
}

	div.tab-column div.row label {
		float: left!important;
		font-weight: bold;
		width: 25%!important;
	}

	div.tab-column div.row input {
		width: 70%;
	}

#mainWrapper #SearchCriteria .AgeCandidateSlider,
#mainWrapper #SearchCriteria .WorkExperienceSlider {
	width: 50em;
}

/* COMMENTED
.chkjobat input[type=checkbox] + input[type=hidden] + label {
	padding-top: 3px;
	padding-left: 36px;
	padding-bottom: 5px;
	height: 17px;
	font-weight: normal;
	background: url(../Content/Jobat/Images/bg-checkbox-btn.png) 0 0 no-repeat;
}

.chkjobat input[type=checkbox]:checked + input[type=hidden] + label {
	padding-top: 3px;
	padding-left: 36px;
	padding-bottom: 5px;
	background: url(../Content/Jobat/Images/bg-checkbox-checked-btn.png) 0 0 no-repeat;
	height: 17px;
}

.chkjobat input[disabled='disabled'] + input[type=hidden] + label {
	padding-top: 3px;
	padding-left: 36px;
	padding-bottom: 5px;
	background: url(../Content/Jobat/Images/bg-checkbox-disabled-btn.png) 0 0 no-repeat;
	height: 17px;
	color: #989898;
}
*/

.marginTB10Div  {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E8E8E4;
}

.marginTB10SubDiv3 { margin: 10px 0;}
.marginTB10SubDiv4 { font-size: 90% !important}

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


#job-detail-form .cke {
	margin: 0 0 0 30%;
}

ol.checkout-progress.nostep2#step1 {background: url(Jobat/images/steps-nostep2.png) no-repeat 0 0;}

.checkout-progress li,
.ui-tabs-nav li {
	cursor: pointer;
}
.uneditable-job-form {
    pointer-events: none;
}

.uneditable-job-form input {
    /* Optionally add a different styling for the uneditable form elements */
    background-color: #f0f0f0;
    color: #666;
}


/* General dropdown styles */
.jobform dl {
	margin: 0;
}

.jobform .dropdown ul li a, .jobform .dropdown ul li a:visited {
	color: #6D6D6D;
}

.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 0px;
}

.dropdown dd {
	position: relative;
}
/* DT styles for sliding doors */
.dropdown dt a {
	font-size: 0.9em;
	color: #484848;
}

.dropdown dt a span {
	cursor: pointer;
	display: block;
	padding: 0 5px !important;
}

/* UL styles */
.dropdown dd ul {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #A7A79D;
	display: none;
	height: 300px;
	left: -1px !important;
	top: 1px !important;
	list-style: none outside none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	width: 100% !important;
	z-index: 10;
}

	.dropdown dd ul ul {
		position: relative;
		left: 0;
		top: 0;
		border: 0;
		margin: 0 0 0 25px;
		padding: 0;
		height: auto;
		overflow: hidden;
		width: 100%;
	}

.dropdown span.value {
	display: none;
}

.dropdown dd ul li {
	border: 0;
	display: block;
	width: 100%;
}

	.dropdown dd ul li a {
		padding: 5px;
		display: block;
		width: 100%;
	}

.job-logo-picker {
	z-index: 1000;
	width: 100%;
	position: absolute;
	border: 1px solid #A7A79D;
	display: none;
	background: #FFF;
	margin-top: 5px;
	padding: 15px;
}
.desc-logo-img
{
	cursor:pointer;
}

img.default {
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
/*TEMP Jobform*/
/*#job-detail section.no-top-padding { padding-top: 0; }
img.ui-datepicker-trigger { display:inline; vertical-align:middle; }
#job-detail .jobform table { width: 66%; }
#job-detail .jobform table tr td { width: 33%; }
#job-detail .jobform div.fieldLeft { width: 30%;}
#job-detail .jobform div.fieldLeft select { width: 115%;}
#job-detail .container .four.columns { width: 21%; }
#job-detail a.cancelSearch { background:none; }
.genericlistitem-delete { cursor:pointer;}
.genericlistitem-delete img { display:inline; vertical-align: middle; padding-left:5px; }*/
#job-detail #section2-1 span.chk_test,
#job-detail #section2-1 span.chk_test input,
#job-detail #section2-1 span.chk_test label
 {
	cursor: pointer;
}

#job-detail ul.tabsform li,
#job-detail ul.tabsform li input,
#job-detail ul.tabsform li label
{
	cursor: pointer;
}

#job-detail h2 span.sub 
{
	font-family: "Calibri",Arial,sans-serif;
	font-size: 70%;
	font-weight: normal;
	margin: 0 auto 14px 1.2%;
}


/* COMMENTED
input.chkjobform[type="checkbox"] + input[type=hidden] + label,
input.chkjobformtabs[type="checkbox"] + input[type=hidden] + label,
.specialnospaceSelect input[type="checkbox"] + label { 
	font-weight: normal;
	background: url("jobat/images/bg-checkbox-btn.png") no-repeat scroll 0 0 transparent;
	height: 17px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-top: 3px;
	z-index: 99;
}


.visited label { font-style: italic; color: gray; background: url("jobat/images/bg-checkbox-btn-disabled.png") no-repeat scroll 0 0 !important;}


input.chkjobform[type="checkbox"]:checked + input[type=hidden] + label,
input.chkjobformtabs[type="checkbox"]:checked + input[type=hidden] + label { 
	font-weight: normal;
	background: url("jobat/images/bg-checkbox-checked-btn.png") no-repeat scroll 0 0 transparent;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-top: 3px;
}

input.chkjobformtabs[type="checkbox"] + input[type=hidden] + label,
input.chkjobformtabs[type="checkbox"]:checked + input[type=hidden] + label {
	font-weight: bold;
}

input.chkjobform[type="radio"] + input[type=hidden] + label { 
	background: url("jobat/images/bg-checkbox-radio-empty-btn.png") no-repeat scroll 0 0 transparent;
	font-weight: normal;
	height: 14px;
	margin-right: 18px;
	padding-bottom: 5px;
	padding-left: 26px;
	padding-top: 2px;
	z-index: 99;
}

input.chkjobform[type="radio"]:checked + input[type=hidden] + label { 
	background: url("jobat/images/bg-checkbox-radio-filled-btn.png") no-repeat scroll 0 0 transparent;
	padding-bottom: 5px;
	padding-left: 26px;
	padding-top: 2px;
}
*/

/*JobDetail Preview*/

#JobPreview .job-detail .template {
	background-repeat: repeat-y;
	background-size: 100% auto;
	margin-top: -2px;
	padding: 10px 20px;

}

#JobPreview .job-detail h1,
#JobPreview .job-detail h2,
#JobPreview .job-detail h3 {
	letter-spacing: normal;
}

#JobPreview .job-detail {
	padding: 0;
	margin: 10px 0;
	color: #333333 !important;
	font: 62.5%/100% "Calibri",Arial,Helvetica,sans-serif !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	clear: both;
	list-style: none;
	background: #fff;
	border: 1px solid #ddd;
	position: relative;
	z-index: 0;
}

	#JobPreview .job-detail header {
		display: block;
		overflow: hidden;
		background: #def2fa;
		border-top: 1px solid #b2e1f4;
		border-bottom: 1px solid #b2e1f4;
		padding: 0;
	}

		#JobPreview .job-detail header h3 {
			text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
			float: left;
			color: #019cdc;
			font: 600 1.8em "Calibri", Arial, Helvetica, sans-serif;
			margin: 0 0 0 3%;
			padding: .5em;
			padding-left: 0;
		}

	#JobPreview .job-detail article {
		padding: 30px 3%;
		overflow: hidden;
	}

	#JobPreview .job-detail h1 {
		overflow: hidden;
		font: 600 2.4em "Droid serif", Georgia, "Times New Roman", Times, serif;
		margin: 0 0 .3em 24px;
		color: #019cdc;
	}

	#JobPreview .job-detail h2 {
		color: #777;
		font: 100 1.9em "Droid serif",Georgia,"Times New Roman",Times,serif;
		margin: 0 0 .8em 24px;
	}

	#JobPreview .job-detail span.highlight {
		font-weight: bold;
		color: #003768;
	}

	#JobPreview .job-detail .withoutHtml img {
		float: right;
		width: 15%;
		margin: 0 0 2% 3%;
	}

	#JobPreview .job-detail .meta {
		margin-left: 24px;
	}

		#JobPreview .job-detail .meta h3 {
			color: #484848;
			float: left;
			margin-right: 5px;
			margin-top: 0px;
			line-height: 1.5em;
			font-size: 1.4em;
			border-right: 1px solid #ccc;
			padding-right: 5px;
		}

			#JobPreview .job-detail .meta h3 a {
				text-decoration: none;
				font: bold "Calibri", Arial, Helvetica, sans-serif; /* Bad to replace by below*/
				/*font: bold 1.8em "Calibri", Arial, Helvetica, sans-serif;*/
				color: #333;
				text-transform: none;
			}

		#JobPreview .job-detail .meta span.location {
			color: #484848;
			float: left;
			margin-right: 5px;
			line-height: 1.5em;
			font-size: 1.4em;
			border-right: 1px solid #ccc;
			padding-right: 5px;
		}

		#JobPreview .job-detail .meta time {
			text-decoration: none;
			color: #777;
			line-height: 1.5em;
			margin-bottom: 14px;
			font-size: 1.4em;
			float: none;
			display: block;
		}

	#JobPreview .job-detail .article-content {
		border-top: 1px solid #ddd;
		margin-top: 1.5em;
		padding-left: 24px;
		padding-top: 1.5em;
		display: block;
	}

		#JobPreview .job-detail .htmljob {
			border-top: none;
			margin-top: 0;
			padding-left: 0;
		}

		#JobPreview .job-detail .article-content h2 {
			color: #019cdc;
			font: 600 1.8em "Calibri", Arial, Helvetica, sans-serif;
			margin: 0 0 .5em 0;
		}

		#JobPreview .job-detail .article-content .withHtml {
			padding-left: 0;
			line-height: 130%;
		}

			#JobPreview .job-detail .article-content .withHtml #htmlJob {
				margin-bottom: 20px;
			}

			#JobPreview .job-detail .article-content .withHtml h1 {
				color: inherit;
				font: inherit;
			}

			#JobPreview .job-detail .article-content .withHtml h2 {
				color: inherit;
				font: inherit;
			}

			#JobPreview .job-detail .article-content .withHtml p {
				color: inherit;
				line-height: 130%;
				font: inherit;
			}

			#JobPreview .job-detail .article-content .withHtml font {
				line-height: 130%;
			}

			#JobPreview .job-detail .article-content .withHtml img {
				float: none;
				margin: 0;
				width: auto;
			}

			#JobPreview .job-detail .article-content .withHtml table {
				width: 100%!important;
			}

			#JobPreview .job-detail .article-content .withHtml ul li {
				background: inherit;
				padding-left: 0;
				font: inherit;
				color: inherit;
				margin: inherit;
			}

			#JobPreview .job-detail .article-content .withHtml font ul li {
				font-size: 1em;
			}

#JobPreview section.job-detail #divContact {
	display: none;
}

#JobPreview .forMobile {
	display: none;
}

#JobPreview .job-detail .withHtml {
	display: block;
}

#JobPreview #mycv .subTitleMobile {
	display: none;
}

#JobPreview #mycv .subTitle {
	display: block;
	width: 64%;
}

#JobPreview .job-detail strong.star {
	position: relative;
	z-index: 2;
	float: left;
	cursor: pointer;
	outline: 0 none;
	display: inline-block;
	margin: 4px 0 0 0;
	border-bottom: none;
	padding: 0;
	background: url(//www.jobat.be/img/picto_star.png) no-repeat 0 0;
	width: 13px;
	height: 14px;
}

	#JobPreview .job-detail strong.star.sel {
		background: url(//www.jobat.be/img/picto_star_yellow.png) no-repeat 0 0;
	}

	#JobPreview .job-detail strong.star em {
		display: none;
	}

#JobPreview .job-detail ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
}

	#JobPreview .job-detail ul li {
		background: url("//www.jobat.be/img/bul-square.gif") no-repeat 3px 9px;
		margin-bottom: 0;
		padding: .3em 0 .3em 15px;
		font-size: 1.4em;
		line-height: 110%;
		color: #333;
	}

	#JobPreview .job-detail ul.socialmedia {
		float: right;
		clear: both;
		list-style: none;
		margin: 0 0 20px 4%;
		padding: 0;
		width: 146px;
	}

		#JobPreview .job-detail ul.socialmedia li {
			margin-left: 0px;
			text-align: right;
			float: left;
			clear: left;
			background: none;
			padding: 0;
		}

			#JobPreview .job-detail ul.socialmedia li.lbl {
				text-transform: uppercase;
				color: #666;
				text-align: right;
				padding: 5px 0;
			}

			#JobPreview .job-detail ul.socialmedia li a {
				border: none;
				display: inline-block;
				padding: 0;
			}

				#JobPreview .job-detail ul.socialmedia li a.facebook {
					background-position: 0 0;
				}

				#JobPreview .job-detail ul.socialmedia li a:hover.facebook {
					background-position: -32px 0;
				}

				#JobPreview .job-detail ul.socialmedia li a.twitter {
					background-position: 0 -33px;
				}

				#JobPreview .job-detail ul.socialmedia li a:hover.twitter {
					background-position: -32px -33px;
				}

				#JobPreview .job-detail ul.socialmedia li a.linkedin {
					background-position: 0 -65px;
				}

				#JobPreview .job-detail ul.socialmedia li a:hover.linkedin {
					background-position: -32px -65px;
				}

				#JobPreview .job-detail ul.socialmedia li a.email {
					background-position: 0 -97px;
				}

				#JobPreview .job-detail ul.socialmedia li a:hover.email {
					background-position: -32px -97px;
				}

				#JobPreview .job-detail ul.socialmedia li a.print {
					background-position: 0 -129px;
				}

				#JobPreview .job-detail ul.socialmedia li a:hover.print {
					background-position: -32px -129px;
				}

				#JobPreview .job-detail ul.socialmedia li a span {
					display: none;
				}

		#JobPreview .job-detail ul.socialmedia .IN-widget a span {
			font-size: 10px !important;
		}

#JobPreview .job-detail h3 {
	font: bold 1.4em "Calibri", Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	text-transform: none;
}

#JobPreview .job-detail fieldset {
	float: left;
	margin-left: 24px;
	border: 0;
	padding: 0;
}

#JobPreview .job-detail .btn-green {
	font-size: 1.4em;
	float: left;
}

	#JobPreview .job-detail .btn-green input.button {
		background: #A1CF04;
		background: -moz-linear-gradient(100% 100% 90deg, #A1CF04, #B7D93C) repeat scroll 0 0 transparent;
		background: -webkit-gradient(linear, left top, left bottom, from(#B7D93C), to(#A1CF04));
		border: 1px solid #93BD00;
	}

		#JobPreview .job-detail .btn-green input.button:hover {
			background: #B7D93C;
		}

#JobPreview .job-detail #formSoll {
	display: none;
}

#JobPreview .job-detail .row strong {
	font-size: 1.4em;
}

#JobPreview .job-detail .par-content {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

	#JobPreview .job-detail .par-content p,
	#JobPreview .job-detail .par-content ul li,
	#JobPreview .job-detail .par-content ol li {
		font-size: 1em;
	}

	#JobPreview .job-detail .par-content ul,
	#JobPreview .job-detail .par-content ol {
		margin: 1em 0;
		font-size: 1em;
	}

#JobPreview .job-detail .btn {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 1px #FFFFFF inset;
	color: white;
	cursor: pointer;
	display: inline-block;
	margin: 5px auto 0;
	outline: 0 none;
	overflow: visible;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
    #JobPreview .job-detail .btn.applybtn-abtest-4 {
        margin: 0;
        padding: 0;
    }
#JobPreview .job-detail input.button {
	background: -moz-linear-gradient(100% 100% 90deg, #019CDC, #15B1F1) repeat scroll 0 0 transparent;
	border: 1px solid #027FB3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px #FFFFFF inset;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font: 600 1.4em 'Calibri',Arial,serif;
	margin: 0 auto;
	outline: 0 none;
	overflow: visible;
	padding: 0.2em 1em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	width: auto;
}

#JobPreview .job-detail .htmljob ul.actions {
	float: left;
	margin: 20px 0 0 4%;
}

	#JobPreview .job-detail .htmljob ul.actions li {
		float: left;
		clear: none;
		margin-right: 6px;
	}

#JobPreview .job-detail ul.actions li a.sel {
	border: 1px solid #93BD00;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px #FFFFFF inset;
	color: #FFFFFF;
	overflow: hidden;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	background-color: #a0cd02;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a0cd02), to(#8ab200));
	background-image: -webkit-linear-gradient(top, #a0cd02, #8ab200);
	background-image: -moz-linear-gradient(top, #a0cd02, #8ab200);
	background-image: -o-linear-gradient(top, #a0cd02, #8ab200);
	background-image: linear-gradient(to bottom, #a0cd02, #8ab200);    
}
#JobPreview .job-detail ul.actions li a:hover.sel {
	background-color: #8ab200;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8ab200), to(#a0cd02));
	background-image: -webkit-linear-gradient(top, #8ab200, #a0cd02);
	background-image: -moz-linear-gradient(top, #8ab200, #a0cd02);
	background-image: -o-linear-gradient(top, #8ab200, #a0cd02);
	background-image: linear-gradient(to bottom, #8ab200, #a0cd02);    
}

#JobPreview .job-detail ul.actions li a {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	color: #019CDC;
	cursor: pointer;
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	padding: 4px 15px 4px 10px;
	text-decoration: none;
	line-height: 140%;
}

#JobPreview .job-detail ul.actions li a:hover {
background: #DEF2FA;
}

	#JobPreview .job-detail ul.actions li a.forMobile {
		display: none;
	}


#JobPreview .job-detail ul.actions {
	float: right;
	margin: 0 0 20px 4%;
}

#JobPreview .job-detail ul {
	list-style: none outside none;
	margin: 0 0 1.5em;
	padding: 0;
}


	#JobPreview .job-detail ul.actions li {
		background: none repeat scroll 0 0 transparent;
		clear: both;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

		#JobPreview .job-detail ul.actions li a span {
			border-right: 1px solid #E7E7E7;
			margin-right: 10px;
			padding-right: 10px;
		}

		#JobPreview .job-detail ul.actions li a .soll {
			background: url("//www.jobat.be/img/picto_soll_pen.png") no-repeat scroll 0 center transparent;
			display: inline-block;
			height: 16px;
			width: 15px;
		}

		#JobPreview .job-detail ul.actions li a .star {
			background: url("//www.jobat.be/img/picto_star_yellow.png") no-repeat scroll 0 center transparent;
			display: inline-block;
			height: 14px;
			width: 13px;
		}

		#JobPreview .job-detail ul.actions li a .email {
			background: url("//www.jobat.be/img/picto_mail.png") no-repeat scroll 0 center transparent;
			display: inline-block;
			height: 9px;
			width: 15px;
		}

		#JobPreview .job-detail ul.actions li a .print {
			background: url("//www.jobat.be/img/picto_print.png") no-repeat scroll 0 center transparent;
			display: inline-block;
			height: 14px;
			width: 14px;
		}

/* job-detail */
/***************/
#JobPreview {
    font-size: 16px !important;
}
#JobPreview div.col1.job-detail-col{
    font-size: 10px !important;
}
#JobPreview aside.col2.job-detail-col {
    width: 72%;
    float: right;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: auto;
    clear: none;
    background: #fff;
    border: none;
    position: relative;
    z-index: 0
}

#JobPreview div.col1.job-detail-col {
    width: 25%;
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: auto;
    clear: none;
    background: #fff;
    border: none;
    position: relative;
    z-index: 0
}

    #JobPreview div.col1.job-detail-col .pagination ul li {
        width: auto;
        margin-right: 1%
    }

        #JobPreview div.col1.job-detail-col .pagination ul li a {
            padding: 4px 8px
        }

    #JobPreview div.col1.job-detail-col .jobs-results article strong.star {
        margin: 0;
        top: 12px;
        left: 10px;
    }

#JobPreview .job-detail {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0 0;
    clear: both;
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    z-index: 0
}

    #JobPreview .job-detail header {
        display: block;
        overflow: hidden;
        background: #def2fa;
        border-top: 1px solid #b2e1f4;
        border-bottom: 1px solid #b2e1f4;
        padding: 0
    }

        #JobPreview .job-detail header h3 {
            text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
            float: left;
            color: #019cdc;
            font: 600 1.8em "Calibri", Arial, Helvetica, sans-serif;
            margin: 0 0 0 3%;
            padding: .5em;
            padding-left: 0
        }

    #JobPreview .job-detail article {
        padding: 30px 3%;
        overflow: hidden
    }

    #JobPreview .job-detail h1 {
        overflow: hidden;
        font: 600 2.4em "Droid serif", Georgia, "Times New Roman", Times, serif;
        margin: 0 0 .3em 24px;
        color: #019cdc;
    }

    #JobPreview .job-detail h2 {
        color: #777;
        font: 100 1.9em "Droid serif",Georgia,"Times New Roman",Times,serif;
        margin: 0 0 .8em 24px
    }

    #JobPreview .job-detail span.highlight {
        font-weight: bold;
        color: #003768
    }

    #JobPreview .job-detail .withoutHtml img {
        float: right;
        width: 15%;
        margin: 0 0 2% 3%
    }

    #JobPreview .job-detail .meta {
        margin-left: 24px
    }

        #JobPreview .job-detail .meta h3 {
            color: #484848;
            float: left;
            margin-right: 5px;
            line-height: 1.5em;
            font-size: 1.4em;
            border-right: 1px solid #ccc;
            padding-right: 5px
        }

            #JobPreview .job-detail .meta .location a,
            #JobPreview .job-detail .meta h3 a {
                text-decoration: none;
                font: bold "Calibri", Arial, Helvetica, sans-serif;
                color: #333
            }

        #JobPreview .job-detail .meta .location {
            color: #484848;
            float: left;
            margin-right: 5px;
            line-height: 1.5em;
            font-size: 1.4em;
            border-right: 1px solid #ccc;
            padding-right: 5px
        }

        #JobPreview .job-detail .meta time {
            text-decoration: none;
            color: #777;
            line-height: 1.5em;
            margin-bottom: 14px;
            font-size: 1.4em;
            float: none;
            display: block
        }

    #JobPreview .job-detail .article-content {
        border-top: 1px solid #ddd;
        margin-top: 1.5em;
        padding-left: 24px;
        padding-top: 1.5em;
        display: block
    }

        #JobPreview .job-detail .article-content.htmljob {
            border-top: none;
            margin-top: 0;
            padding-left: 0;
            :
        }

        #JobPreview .job-detail .article-content h2 {
            color: #019cdc;
            font: 600 1.8em "Calibri", Arial, Helvetica, sans-serif;
            margin: 0 0 .5em 0
        }

            #JobPreview .job-detail .article-content h2.subtitle {
                margin-left: 24px;
            }

        #JobPreview .job-detail .article-content .withHtml {
            padding-left: 0;
            line-height: 130%
        }

            #JobPreview .job-detail .article-content .withHtml #htmlJob {
                margin-bottom: 20px
            }

            #JobPreview .job-detail .article-content .withHtml h1 {
                color: inherit;
                font: inherit;
            }
            /*temporaty disabled, should be put back*/
            #JobPreview .job-detail .article-content .withHtml h2 {
                color: inherit;
                font: inherit;
            }

            #JobPreview .job-detail .article-content .withHtml p {
                color: inherit;
                line-height: 130%;
                font: inherit;
            }

            #JobPreview .job-detail .article-content .withHtml font {
                line-height: 130%;
            }

            #JobPreview .job-detail .article-content .withHtml img {
                float: none;
                margin: 0;
                width: auto
            }

            #JobPreview .job-detail .article-content .withHtml table {
                width: 100% !important
            }

            #JobPreview .job-detail .article-content .withHtml td,
            #JobPreview .job-detail .article-content .withHtml th { /*font-size:1.4em; line-height:130% */
            }

            #JobPreview .job-detail .article-content .withHtml ul li {
                background: inherit;
                padding-left: 0;
                font: inherit;
                color: inherit;
                margin: inherit;
            }

            #JobPreview .job-detail .article-content .withHtml font ul li {
                font-size: 1em
            }

#JobPreview section.job-detail #divContact {
    display: none
}

/*#region AB Test 4 - Job detail page*/
#JobPreview aside.col2.job-detail-col.ab-test4 {
    float: left;
}

#JobPreview div.col1.job-detail-col.ab-test4-new ul.actions li a span,
#JobPreview aside.col2.job-detail-col .ab-test4-new ul.actions li a span {
    border: none;
    margin: 0;
    padding: 0;
    width: 0;
    background: none;
}

#JobPreview div.col1.job-detail-col.ab-test4-new {
    float: right;
}

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info {
        padding-top: 20px;
    }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info > div {
            margin-top: 5px;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info a {
            color: #019cdc;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info > div.features,
        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info > div.questions {
            border: 1px solid #d1d1d1;
            border-radius: 4px;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features > div {
            margin-top: 5px;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features > div:first-child {
                margin-top: 0;
            }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features h2,
        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features h3,
        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions h2 {
            margin-bottom: 0;
            color: #333;
            background-color: #e1e1e1;
            padding: .5em 4%;
            border-bottom: 1px solid #d3d3d3;
            font: normal 600 1.4em "Calibri", Arial, Helvetica, sans-serif;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features ul {
            list-style: none;
            padding: .5em 4%;
            margin: 0;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features ul li {
            }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features p,
            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features ul li {
                background: url('jobat/images/bul-square.gif') no-repeat 3px 12px;
                padding: 5px 0 5px 15px;
                overflow: hidden;
                line-height: 20px;
                margin-bottom: 0;
                font-size: 14px;
                color: #484848;
            }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .more-about a {
            font-size: 14px;
            margin: -2px 28px 18px;
            display: block;
            width: 100%;
            text-decoration: underline;
            /*background: url('/img/next-arrow.png') no-repeat center right;
    background-size: 20px;*/
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .more-about {
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now {
            color: #93BD00;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .fa {
                font-size: 20px;
                margin-right: 10px;
                float: left;
            }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now p.time-left {
                float: left;
                display: block;
                font-size: 15px;
                margin-bottom: 10px;
                line-height: 18px;
                /*background: url('/img/clock.png') no-repeat center left;
    background-size: contain;*/
                height: 15px;
                color: #93BD00;
            }

                #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now p.time-left span {
                    font-weight: bold;
                    color: #93bd00;
                }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now > fieldset {
                width: 100%;
                margin: 0;
                padding: 0;
                border: none;
            }

                #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now > fieldset .saved-jobs-popup label {
                    font-size: 1em;
                    clear: none;
                }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn {
                padding: 0;
                display: block;
            }

                #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn a.button {
                    height: 40px;
                    font-weight: normal;
                    line-height: 38px;
                }

                    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn a.button .fa {
                        float: none;
                    }

                    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn a.button.green {
                        display: block;
                        margin-bottom: 10px;
                        font-size: 18px;
                        overflow: hidden;
                        padding: 4px 10px 4px 15px;
                        border-radius: 4px;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
                        -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
                        -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
                    }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .actions.actions-col.btn.btn-white {
            display: block;
            float: none;
            list-style-type: none;
            margin: 10px 0;
            padding-left: 0;
            position: static;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .actions.actions-col.btn.btn-white a.button.white {
                margin-bottom: 10px;
                font-size: 16px;
                overflow: hidden;
                height: 40px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
                -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
                -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
            }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn-white a.button {
            text-shadow: none;
            background: #f2f2f2;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn-green a.button.green {
            background: -webkit-gradient(linear, left top, left bottom, from(#A0CE00), to(#90b901));
            border: 1px solid #93BD00;
            color: #fff;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn-white a.button.green {
            border: 1px solid #e1e1e1;
            color: #40a5df;
            background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(white));
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .actions.actions-col.btn.btn-white a.button.white {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #e1e1e1;
            color: #40a5df;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features a {
            display: block;
            width: 100%;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .social ul.socialmedia {
            float: none;
            display: inline-block;
            margin: 10px 0 0 0;
            padding: 0;
            clear: both;
            width: 100%;
            list-style: none;
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .social .fa {
            font-size: 30px;
            margin-right: 10px;
            color: #ccc;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .social .fa:hover {
                color: #019cdc;
            }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions h2 {
        }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .person {
            padding: 1.5em 4%;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .person h3 {
                margin-bottom: 10px;
            }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .person > span {
                display: block;
                width: 100%;
                font-size: 15px;
                margin-bottom: 10px;
            }

        #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .contact {
            margin-top: 20px;
        }

            #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .contact a {
                display: block;
                width: 100%;
                font-size: 15px;
                padding-left: 25px;
                height: 15px;
                line-height: 15px;
            }

                #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .contact a.tel {
                    background: url('/img/phone.png') no-repeat center left;
                    background-size: contain;
                    margin-bottom: 10px;
                }

                #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions .contact a.email {
                    background: url('/img/email.png') no-repeat center left;
                    background-size: contain;
                }


/* Content */
#JobPreview div.ab-test4-new.page-top {
    width: 94%;
    margin: 10px auto;
}

    #JobPreview div.ab-test4-new.page-top a.back {
        padding: 10px 15px;
        text-decoration: none;
        font-size: 15px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
        -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
        -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
        /*background: -moz-linear-gradient(100% 100% 90deg, #e1e1e1, white) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(white));*/
        border: 1px solid #e1e1e1;
        color: #40a5df;
        /*background-image: url('/img/next-arrow.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left;*/
        display: block;
        width: auto;
        max-width: 200px;
        height: 28px;
        line-height: 28px;
        background-color: #f9f9f9;
    }

        #JobPreview div.ab-test4-new.page-top a.back i {
            margin-right: 10px;
        }

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .since {
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
}

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .since i {
        color: #ccc;
    }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .since i.fa-clock-o {
            margin-right: 5px;
        }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .since span {
        font-weight: bold;
    }

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .meta-data {
    font-weight: normal;
    font-size: 1.4em;
}

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .meta-data:last-child {
        margin-left: 20px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta .meta-data i {
        color: #ccc;
        margin-right: 5px;
    }

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail {
    border: none;
}

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .job-template .withoutHtml {
        padding: 10px 20px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .subtitle {
        font-size: 18px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h3.company {
        font-weight: normal;
    }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h3.company a {
            font-weight: bold;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h3.company > a:link {
            text-decoration: none;
        }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions {
        float: right;
        clear: right;
        margin-top: -15px;
    }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions.actions-bottom {
            float: left;
            margin-top: 10px;
            margin-left: 0;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions .no-login {
            font-style: italic;
            color: #555;
            font-size: 0.8em;
            display: block;
            padding-top: 5px;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a {
            padding-left: 10px;
            display: block;
            height: 40px;
            font-size: 15px;
            text-decoration: none;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions .saved-jobs-popup a:hover {
            text-decoration: none;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions .saved-jobs-popup a {
            display: inline;
            padding-left: 0;
            text-decoration: underline;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a.button.green {
            color: #fff;
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a .fa {
            margin-right: 5px;
        }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .article-content {
        padding-left: 0;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail fieldset,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h1,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h2,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h3.company,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .meta {
        margin-left: 0;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #offlineJobCommentABtest4 b {
        font-size: 1.6em;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions.actions-bottom a {
        line-height: 38px;
        height: 40px;
        font-weight: normal;
        font-size: 15px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a:hover {
        cursor: pointer;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a .fa {
        margin-right: 5px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #divJobManagement .saved-jobs-popup {
        margin: 0 0 0 20px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions .saved-jobs-popup {
        margin: 30px 0 0 -165px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions.actions-bottom .saved-jobs-popup {
        margin: 0 0 0 157px;
        /*margin: 0 0 70px 157px;*/
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a.save {
        background: url('/img/picto_star.png') no-repeat center left;
        background-size: contain;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #offlineJobComment {
        width: 100%;
    }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #offlineJobComment b {
            font-size: 1.6em
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #offlineJobComment ul li {
            margin-bottom: 0
        }

        #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #offlineJobComment hr {
            border: none;
            border-bottom: 1px solid #ccc
        }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #jobDetailOfflineABtest4 h2,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #jobDetailOfflineABtest4 h3,
    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail #jobDetailOfflineABtest4 p {
        color: #999
    }

@media screen and (min-width: 768px) and (max-width: 900px) {
    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now p.time-left {
        margin-bottom: 30px;
    }
}
/*max width 768px*/
@media screen and (max-width: 768px) {
    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now span {
        line-height: 30px;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now p.time-left {
        margin-top: -5px;
        margin-bottom: 15px;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now fieldset {
        width: 100%;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .features {
        width: 45%;
        float: left;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .more-about {
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .questions,
    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .more-about,
    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .social {
        width: 50%;
        float: right;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions.actions-bottom .btn-green {
        width: 100%;
        margin-bottom: 10px;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions li {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    #JobPreview div.col1.job-detail-col.ab-test4-new {
        display: none;
    }

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail fieldset div.btn-green {
        display: block;
    }
}
/*#endregion AB Test 4*/



/*DVM CUSTOM OVERWRITE ABTEST 4*/
#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail h3.company a {
    font-size: 18px;
}

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .article-content #companyInfo h2 {
    display: none;
}

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .article-content h2.title2 {
    display: none;
}

#JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a.button.green {
    font-size: 18px;
    width: 273px;
}

    #JobPreview aside.col2.job-detail-col .ab-test4-new .job-detail .actions a.button.green i.fa-check {
        display: none;
    }

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .apply-now .btn-green a.button.green i.fa-check {
    display: none;
}
/*END DVM CUSTOM OVERWRITE ABTEST 4*/

/*AgentBoxPopup*/
#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .subscribe-now {
    background-color: #def2fa;
    padding: 20px 20px 10px;
    margin: 20px 0 10px;
    border-radius: 4px;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box h2 {
    font-size: 1.8em;
    font-weight: normal;
}

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box h2 i.fa {
        margin-right: 10px;
    }

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box p.crit {
    margin-bottom: 20px;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box input[type="text"] {
    width: 96%;
    font-size: 1.6em;
    padding: 0.7em 2%;
    border: 0;
    border: 1px solid #D3D3D3
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box input.error {
    margin: 0 0 10px;
    background: none repeat scroll 0 0 #fddcdc;
    border: 1px solid #ce0000;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box span.agent-box-error {
    font-size: 1.4em;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box input.button {
    width: 100%;
    font-size: 1.6em;
    padding: 0.7em 0;
    margin-top: 10px;
    box-shadow: none;
    background: #009df6 !important;
    border: 0;
    font-weight: normal;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .job-agent-box p.outro {
    margin: 20px 0 0;
    font-size: 1.3em;
    font-style: italic;
    color: #8C8C8C !important;
    line-height: 1.3em;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .express-subscribe-popup {
    display: none;
}

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .express-subscribe-popup .popup-bg {
        display: block;
        background: #000 none repeat scroll 0 0;
        height: 100%;
        left: 0;
        opacity: 0.7;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9998;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .express-subscribe-popup .popup-content {
        width: 350px;
        position: fixed;
        z-index: 9999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #003768;
        background: -moz-linear-gradient(100% 100% 90deg, #003768, #074f8f);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#074f8f), to(#003768));
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #fff !important;
        padding: 20px;
        overflow: hidden;
    }

    #JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .express-subscribe-popup .popup-close {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 2.0em;
        cursor: pointer;
    }

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box h2 {
    font-size: 2.2em;
    margin-top: 20px;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box h2,
#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box p,
#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box label.focusLabel {
    color: #FFF !important;
    font-weight: normal;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box.success h2 i.fa {
    color: #FF9000;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box p.crit {
    margin-bottom: 35px;
    font-size: 1.6em;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box input[type="text"] {
    border: 0;
    padding: 0.8em 2%;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box .agent-box-error {
    color: #ce0000;
}

#JobPreview div.col1.job-detail-col.ab-test4-new section.side-info .popup-content .job-agent-box p.outro {
    margin-top: 30px;
    color: #D3D3D3 !important;
}
#JobPreview .job-detail a.button.green:hover {
    background-color: #B7D93C;
}

#JobPreview .job-detail a.button.green {
    background: #B7D93C;
    background: -moz-linear-gradient(100% 100% 90deg, #A1CF04, #B7D93C) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#A0CE00), to(#90b901));
    border: 1px solid #93BD00;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
    padding: 0.30em 0.5em;
}
#JobPreview ul.actions li a {
    cursor: pointer;
    font-size: 1.3em;
    font-weight: 600;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 4px 15px 4px 10px;
    color: #019cdc;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#JobPreview aside div {
    padding: 0;
}
#JobPreview .btn {
    text-transform: initial;
}

.TopRight {
	width: 75px;
	float: right;
}

input.btn_edit {
	background-image: url(~\Content\Jobat\Images\temp_edit.png);
	background-color: transparent; /* make the button transparent */
	background-repeat: no-repeat; /* make the background image appear only once */
	background-position: 0px 0px; /* equivalent to 'top left' */
	border: none; /* assuming we don't want any borders */
	cursor: pointer; /* make the cursor like hovering over an <a> element */
	height: 16px; /* make this the size of your image */
	padding-left: 16px; /* make text start to the right of the image */
	vertical-align: middle; /* align the text vertically centered */
}

fg-color-red {
	color: red;
}

.clear_opacity {
	opacity: 100 !important;
}

body {
	font-family: 'Calibri', Arial, Helvetica, serif !important;
}

/* Commented by alc : file uploader cannot work with that, and you can't use important in all that element */
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit !important;
	font-size: inherit !important;
}*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit;
	font-size: inherit;
}

.product-col {
	width: 30.5%;
	border: 1px solid #ccc;
	padding: 5px;
	height: 175px;
	margin-bottom: 5px;
}

.products {
	clear: both;
}

.cartitem {
	padding: 5px 0;
}

.cartinfo {
	margin: 5px 0;
}

.cartitem-delete img {
	display: inline;
	cursor: pointer;
}

table tr.list-row-head {
	background-color: #cbcbc3;
}

table tr.list-row {
	background-color: white;
}

table tr.list-row-alt {
	background-color: #e8e8e4;
}

table tr.offline,
table tr.offline a {
	color: #989896;
}

.blue-amount {
	background-color: #047AA7;
	color: white !important;
	display: inline-block;
	min-width: 25px;
	padding: 2px;
	text-align: center;
	border-radius: 2px;
	font-weight: 600;
}

.green-amount {
	background-color: #A0CD02;
	color: white !important;
	display: inline-block;
	min-width: 25px;
	padding: 2px;
	text-align: center;
	border-radius: 2px;
	font-weight: 600;
}

.grey-amount {
	background-color: #A7A79D;
	color: white !important;
	display: inline-block;
	min-width: 25px;
	padding: 2px;
	text-align: center;
	border-radius: 2px;
	font-weight: 600;
}

table tr.offline .blue-amount {
	background-color: #5C9CCC;
}

table tr.offline .green-amount {
	background-color: #B7D93C;
}

table tr.offline .grey-amount {
	background-color: #CCCCCC;
}

table tr td .capital {
	text-transform: uppercase;
	font-size: 0.9em;
}

table#JobList tr img {
	cursor: pointer;
}
td.tdItem.flowNumber {
    background-color: #0187ba;
    color: #fff;
    font-weight: bold;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    margin: 13px;
}
    td.tdItem.flowNumber.offlineJob {
        background-color: #d9d9d9;
    }
    /* used in response and causes issues
#JobSearchCriteria select {
	width: 123%;
}*/
    #JobSearchCriteria img {
        display: inline;
    }

#LogoList {
	margin: 30px 0;
}

#Logo #LogoList .logo-item {
	min-height: 180px;
	cursor: pointer;
	margin-bottom: 15px;
	border: 0;
	text-align: center;
	padding: 15px 10px;
	position: relative;
}

		#LogoList .logo-item a.hover-show {
			display: none;
		}
			#LogoList .logo-item a.hover-show.btn
			{
			width:70%;
			}
		#LogoList .logo-item.lightGrey .hover-show {
			display: block;
		}

		#LogoList .logo-item.lightBlue a.delete img {
			border: 0px;
		}

#Logo #LogoList .lightBlue
{ 
	clear: none;
}

		#Logo #LogoList .logo-item a.delete {
			position: absolute;
margin-top: 7px;
margin-right: 7px;
right: 0;
top: 0;
margin-left: 0;
width: auto;
		}
		.logo-img { margin-bottom: 10px; height: 55px;}

			#LogoList .logo-item a.delete img {
				width: 20px;
			}

		#Logo #LogoList .logo-item.lightBlue a.delete img {
			
			border: none;
margin: 0;
		}

#LogoList { margin: 30px 0; }
#LogoList .logo-item { min-height: 220px; cursor: pointer; margin-bottom: 15px; border:0px; text-align:center; }
#LogoList .logo-item .hover-show { display:none; }
#LogoList .logo-item.lightGrey .hover-show { display:block; }
#LogoList .logo-item.lightBlue a.delete img { border: 0px; }
#LogoList .logo-item.lightBlue a.delete img { border:1px solid; }
#Cart .cartitem a.delete-ico {
	border: 0;
}

	#Cart .cartitem a.delete-ico img {
		height: 15px;
		display: inline;
	}

.container .margin-by-one {    margin-left: 60px !important ;}
.container .margin-by-two {    margin-left: 120px !important;}
.container .margin-by-three {    margin-left: 180px !important;}
.container .margin-by-four {    margin-left: 240px !important;}
.container .margin-by-five {    margin-left: 300px !important;}
.container .margin-by-six {    margin-left: 360px !important;}
.container .margin-by-seven {    margin-left: 420px !important;}
.container .margin-by-eight {    margin-left: 480px !important;}
.container .margin-by-nine {    margin-left: 540px !important;}
.container .margin-by-ten {    margin-left: 600px !important;}
.container .margin-by-eleven {    margin-left: 660px !important;}
.container .margin-by-twelve {    margin-left: 720px !important;}
.container .margin-by-thirteen {    margin-left: 780px !important;}
.container .margin-by-fourteen {    margin-left: 840px !important;}
.container .margin-by-fifteen {    margin-left: 900px !important;}

#CVsResultsForm #mainwrapper #main #layoutcv .mycv-presentation
{
	width: 100%;
}

.sortable
{
	cursor:pointer;
}
#ResultNavigators thead th.sortable.SortedAsc
{
	background:url(jobat/images/ico-filter-down.png) no-repeat #DDDDDD 5px; 
	padding-left: 30px;
}
#ResultNavigators thead th.sortable.SortedDesc
{
	background:url(jobat/images/ico-filter-up.png) no-repeat #DDDDDD 5px; 
	padding-left: 30px;
}

.pager-loader
{
	display:inline;
	margin-left:1em;
}

/*Feedback*/
.feedbackCV.borderB { border-bottom: 1px solid #7fc3dc; }

/*JobatCV candidate management */
#UpdateDiv #mainwrapper #main #layoutcv .mycv-presentation {
	width: 100%;
}

.dashboardlist span.title-info {
	border-right: 1px solid #B0B0B0;
	margin-right: 0.12em;
	padding-right: 0.5em;
}
.container .dashboardlist span.info {
	font-weight: normal;
	border:none;
	margin:0;
}

.container .dashboardlist a.info {
	color: #484848 !important;
	font-weight: normal;
	border:none;
	margin:0;
}

div.sub
{
	padding-top: 10px;
}

.custom-dropdown
{
	width: 490px;
	display: inline-block;
}

.bar-criteria img {
	display: inline;
}
.bar-criteria img.ui-datepicker-trigger {
	margin-left: 5px;
}
.bar-criteria input.hasDatepicker {
	width: 55px; text-align: center;
}

input[type="text"]:disabled {
	background:#dddddd;
}

.btn.blue.selected
{
	background: -moz-linear-gradient(100% 100% 90deg, #8AB200, #A0CD02) repeat scroll 0 0 transparent;
	border: 1px solid #739205;
	color: #FFFFFF;
	width: auto;
padding: .35em .6em .35em .8em;
font: bold 90% 'Calibri',Arial,serif;
		text-transform:uppercase;
		background-color: #a0cd02;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#a0cd02), to(#8ab200)); /* Chrome, Safari 4+ */
		background-image: -webkit-linear-gradient(top, #a0cd02, #8ab200); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
		background-image:    -moz-linear-gradient(top, #a0cd02, #8ab200); /* Firefox 3.6-15 */
		background-image:      -o-linear-gradient(top, #a0cd02, #8ab200); /* Opera 11.10-12.00 */
		background-image:         linear-gradient(to bottom, #a0cd02, #8ab200); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0cd02', endColorstr='#8ab200');
		border: 1px solid #739205; width: auto;    
}

.error
{
	clear: both;display: block; margin: 4px 5px; color: red;
}

.jrating .jRatingColor
{
	/*background-color: #808080;*/
	background-color: lightgray;
}
.jrating .jRatingAverage
{
	background-color: #fde510;
}

#CandidateDetail #UserInfo .jrating .jRatingColor {
background-color: #a5cd02;
}


span.high
{
	background-color: yellow;
}
#mainwrapper #main #mijnjobat .mycv-block .cvlines span.high
{
	float:none;
	display: inline;
}


.jobform .dropdown a
{
	text-transform: none;
	font-weight:normal;
	color:#484848 !important;
	font-family: 'Calibri',Arial,Sans-Serif !important;
	font-size:90% !important;
}

.usercv-img
{
	height: 70px;
}

span.nyroModalCloseCustom
{
	height:30px;
	width:30px;
	float:right;
	margin: 0;
	top:10px;
	right:10px;
	display:block;
	background: url("jobat/images/picto_delete_big.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	position:absolute;
}

.info-message
{
	margin-bottom:20px;
}

#SearchCriteria .advanced-search
{
	display: none;
}

#CandidateSourceCriteria .select_style_jobs
{
	width: 30%;
	vertical-align: middle;
}
#JobReportCriteria .select_style_jobs
{
	width: 30%;
}

#CreditReportCriteria .bar-criteria .select_style_zoek { vertical-align: middle; margin-right:2%; }

#CandidateDetail.nospace,
#CvDetail.nospace
{
	padding-top: 0;
}

.green-advertbox
{
	background-color: #9ACD32;
	margin-bottom: 20px;
	padding: 5px;
}

.jobcontent-upload.qq-upload-button input[type=file] { height: 100%; width: 110%; margin-left: -20px }

#sales-dashboard a { cursor: pointer; }
#sales-dashboard a:nth-child(2) {
    padding-left: 4px;
}
#sales-dashboard .table-jobsites tr { background-color: #FFF; }

#WaitDownload .loading-div { text-align:center; }
#WaitDownload .loading-div img { width: 100px; }

.smallPadTop { padding-top: 5px; }

.jobreport-listitems { padding: 0; list-style-type:circle; }

.no-close .ui-dialog-titlebar-close { display: none; }

.jobform .container .functionType
{
	margin: 15px 0;
	position: relative;
	background: url("jobat/images/bul_lightblue.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);    
	padding-left: 10px;
}

.jobform .container .functionType.yellow
{
	padding: 10px 0 ;
	margin: 0 5px 0 -5px; 
	border-radius:4px;
	text-align: left;
	border-color: #FEEDB7;
	z-index: 100000;
	box-shadow: 3px 3px 10px 0 #888;
	background: none repeat scroll 0 0 #FEEDB7;
}

.jobform .container .functionType.yellow a
{
	color: #012240;
	font-weight: 600;
	padding:0 10px;
	display:block;
	margin: 0 0 -15px;
}

.jobform .container .functionType a
{
	color: #484848;
	outline: none;
}

.jobform table.jobform-table
{
	width: 100%;
}
table.jobform-table.margin-table {
    margin-bottom: 20px;
}

.jobform table.jobform-table tr td
{
	width: 33%;
}

.jobform table.jobform-table-four
{
	width: 150%;
}

.jobform table.jobform-table-four tr td
{
	width: 25%;
}

#FunctionTypesPicker
{
	padding: 15px;
	position: absolute;
	z-index: 1000;
	width: 200%;
	text-align: left;
}

#FunctionTypesPicker label b
{
	color: #012240;
}

#FunctionTypesPicker label
{
	display: block;
	padding-left: 20px;
	text-indent: -20px;
	font-weight: normal;
	line-height: 1.1em;
	cursor: pointer;
}

#FunctionTypesPicker .close
{
	float:right; 
	width: 20px; 
	height:20px; 
	text-align:center; 
	cursor:pointer;
	position:absolute;
	top: 5px;
	right: 5px;
}

#FunctionTypesPicker input[type=checkbox],
#FunctionTypesPicker input[type=radio]
{
	cursor:pointer;
	padding:0;
	margin:0;
}

#FunctionTypesPicker input[type=button]
{
	margin: 0 0 0 10px;
}

#FunctionTypesPicker.small
{
	width:100%;
}

#FunctionTypesPicker.wide
{
	width:300%;
}

#FunctionTypeListLeft, #FunctionTypeListRight
{
	margin-top: -10px;
}

#FunctionTypeListLeft #FunctionTypesPicker
{
	left: 0;
	box-shadow: 3px 3px 10px 0 #888;
}

#FunctionTypeListRight #FunctionTypesPicker
{
	left: -100%;
	box-shadow: -3px 3px 10px 0 #888;
	margin-left: -5px;
}

#FunctionTypeListRight #FunctionTypesPicker.small
{
	left: 0;
}

.functiontype-selection a
{
	display: inline-block;
	padding-right: 25px;
	position: relative;
	width: 96%;
}

span.functiontype-delete
{
	display: inline-block;
	margin-bottom: 0;
	position: absolute;
	right: -10px;
	top: 0;
	cursor: pointer;
}

.functiontype-level1
{
	background: url("jobat/images/arr_blue-left.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
	margin: 10px 0 10px 20px;
	padding-left:10px;
}
.functiontype-level2
{
	background: url("jobat/images/arr_blue-left.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
	margin: 5px 0 5px 40px;
	padding-left:10px;
}


#FunctionTypeView ul li {background: none; padding-left: 0;}

.functiontype-selector { display: inline-block; width:85% }
.functiontype-selector .functiontype-item { width: 22%; display: inline-block; vertical-align: top; border: 1px solid black; padding: 3px;margin: 3px;cursor: pointer; }
.functiontype-selector .functiontype-item.selected { color: blue;}
.functiontype-selector #FunctionTypesPicker { width: 50%; }
.functiontype-selector #FunctionTypesPicker.small { width: 25%; }
.functiontype-selector #FunctionTypesPicker.wide { width: 80%; }
.functiontype-selector #FunctionTypesPicker .one-third.column { display: inline-block;vertical-align: top;width: 32%; }
.functiontype-selector #FunctionTypesPicker .one-quart.column { display: inline-block;vertical-align: top;width: 24%; }
.functiontype-selector #FunctionTypesPicker label,
div.content div#RightPad div.item .functiontype-selector #FunctionTypesPicker label { width: auto;float: none;font-weight: normal; }
.functiontype-actions { display: inline-block; width: 14%; vertical-align: top; }


.paymentmethod-info { margin: -23px 0 25px 18px; float:left; }
.paymentmethod { min-height:45px; clear:both; }
.paymentmethod label { color: #6D6D6D !important; }
.paymentmethod .chk-test { float:left; }
.paymentmethod img { float:left; margin:-8px 0 0 20px; }

.select_style_half.select_year { width: 70px; float: left; }
.select_sep { float: left; padding-top: 5px; }
.select_style_half.select_month { width: 50px; float: left; }
.select_style_half.select_month select { width: 150%; }
.select_style_half.select_year select { width: 130%; }
.jobform input.textfield.textfieldsmallest, input.textfield.textfieldsmallest { width: 30px; }

.logo-payment { height: 30px; float:left; padding-left: 5px; }
.checkout-form { min-height:800px; }
#PaymentCheckout .validation-summary-errors {
    width: 100%;
}

.error-six .field-validation-error { margin-left: 37%; }
.errorLeft .field-validation-error { margin-left: 0; }

img.jobreport-loader { float: left;margin-right: 5px;}

.inactive { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
.inactive-products { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }

.settingStatistics .weekly {
	height:80px;
	margin-bottom :15px;
	padding-left :40px;
	}

.settingStatistics .newEmail {
	padding-left :40px;
	}
.settingStatistics .newEmail #StatisticsEmail {
	 
	 margin-top :15px;
	}

.footer-bar-centered-bold {
	background: none repeat scroll 0 0 #feedb7; position: fixed; bottom: 0; width: 100%; text-align: center; font-weight: bold;
}

.table-jobsites tbody tr.lastRow td .cbColumn {
	font-style: normal;
	color: #484848;
	text-transform: none;
	clear:right;
}

.table-jobsites tbody tr.lastRow td .cbColumn input[type="checkbox"] {
	margin-right:0;
	margin-top:5px;
}

.table-jobsites th a
.table-jobsites th a:visited,
.table-jobsites th a:link,
.table-jobsites th a:hover
{
	color: #484848;
}

.emaillist
{
	padding: 0 0 25px 40px;
}

.emaillistitem
{
	margin: 5px 0;
}

.emaillistitem input,
.emaillistitem label
{
	cursor:pointer;
}

#OrderItemList .jobsiteCart.orderDetailPopup
{
	left: 125px;
}

#JobPreview .job-detail #video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	margin:auto;
	max-height:225px;
}
 
#JobPreview .job-detail #video-container iframe,
#JobPreview .job-detail #video-container object,
#JobPreview .job-detail #video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px !important;
	height: 315px !important;
}

.borderright { 
	border-right: 1px solid #AAA;
}

.borderleft { 
	border-left: 1px solid #AAA;
	padding-left:15px;
	margin-left:-10px !important;
}

#registerlogin .field-validation-error {
	margin-left:25%;
}

#registerlogin .register-terms .field-validation-error {
	margin-left:0;
}

/* PRICES TABLES */

.tableprices {
	border-top: 1px solid #ddd;
	width: 95.5% !important; 
	margin-bottom: 20px;   
}

.tableprices.tableprices-small {
	width: 65% !important; 
}

.tableprices.tableprices-small .weeks {
	width: 100%; 
}

.tableprices.tableprices-small .tp-title {
	width: 100%; 
}

.tableprices.tableprices-small .tp-info {
	width: 70%; 
}
b#toggleText {
    color: #0187ba;
}
span.weeks.inline {
    display: inline;
}
span.postingPrice.cv-credit-posting-price {
    font-style: italic;
    font-size: 14px;
    color: gray;
}
.tableprices .weeks .tp-title.title-cv-credit {
    color: #070707;
    font-size: 20px;
}
.tableprices .weeks .tp-title.title-cv-credit span {
    color: #070707;
}
span.prices.right.storePage.cv-credit {
    margin-top: -20px;
}
.tableprices.tableprices-small .most-chosen .tp-info {
	margin-top:-10px;
}
.tableprices .row.toggle-btn {
    text-align: center;
    cursor: pointer;
    padding: 15px;
}
.tableprices.tableprices-small .weeks {
    position: relative;
}

.tableprices.tableprices-small .volumediscount {
	margin-top:-54px;
}

.tableprices.tableprices-small .prices {
	position:absolute;
	top:40px;
	right:0;
}

.tableprices .row {
	border: 1px solid #ddd;
	border-top: none;
	padding: 30px;
	margin-bottom: 0;
}

.tableprices .weeks .tp-title {
	color: #00a2e6;
	font: normal 600 1.5em "Calibri", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.tableprices .weeks .tp-title span {
	color: #013569;
}

.tableprices .weeks .tp-title span.tp-avail {
	color: #484848;
	font-size: 0.65em;
	font-weight: normal;
}

.tableprices .row .lightgrey {
	color: #484848;
}

.tableprices .weeks .tp-title img {
	display: inline;
	position: relative;
	top: 11px;
	margin-left: 10px;
}

.tableprices .weeks .tp-title.specialtp-title {
	position: relative;
	top: -10px;
}

.tableprices .most-chosen {
	background: #f5f4f1;
	position: relative;
	height: 94px;
}

.most-chosen-label {
	position: absolute;
	left: -33px;
	top: -1px;
	width: 33px;
	height: 156px;
}

.lang-nl .most-chosen-label {
	background: url(jobat/images/bg_mostchosen_nl.png) no-repeat 0 0;
}
.lang-fr .most-chosen-label {
	background: url(jobat/images/bg_mostchosen_fr.png) no-repeat 0 0;
}
.lang-en .most-chosen-label {
	background: url(jobat/images/bg_mostchosen_en.png) no-repeat 0 0;
}

.ico-plus-blue {
	background: url(jobat/images/ico_plus-blue.png) no-repeat 0 7px;
	padding-left: 13px;
	margin-bottom: 10px;
}

.ico-bul-green {
	background: url(jobat/images/ico_bul-green.png) no-repeat 0 5px;
	padding-left: 17px;
	margin-bottom: 10px;
}

.tableprices .prices {
	margin-top:5px;
}
.tableprices .storePage {
    margin-top:-40px;
}
.tableprices .prices a.btn {
    margin-left: 10px;
    margin-top: -3px;
}

.product .prices .disabledBtn {
	line-height:18px;
	margin-top:-3px;
}

.product .siteprice .disabledBtn {
	line-height:18px;
}

.product .siteprice a.btn { margin-top: -3px; }

.matching .container .match-perfect {background-color: rgba(51, 153, 0, 1); padding: 1em}
.matching .container .match-good {background-color: rgba(51, 204, 102, 1); padding: 1em}
.matching .container .match-less {background-color: rgba(204, 255, 51, 1); padding: 1em}
.matching .container .grey-block-centered { background-color: rgba(242, 242, 242, 1); width: 66%; padding: 1em; }
.matching .container .upgrade-grid {  }
.matching .container .upgrade-grid.space-left { margin-left: 6em }
.matching .container .upgrade-grid .product-title { background-color: rgba(228, 228, 228, 1); font-weight: 700;font-size: 20px;padding: 10px; border: solid 1px rgba(215, 215, 215, 1); }
.matching .container .upgrade-grid .product-price { background-color: rgba(242, 242, 242, 1); font-weight: 700;font-size: 24px;padding: 10px;border: solid 1px rgba(215, 215, 215, 1); }
.matching .container .upgrade-grid .product-description { border: solid 1px rgba(215, 215, 215, 1); padding: 10px 0;text-align: center; }
.matching .container .upgrade-grid .product-description ul { list-style-type: disc; text-align: left; height: 15em }
.matching .container .upgrade-grid .product-description ul li { margin: 0 0 10px 0; }

.red-button { color: red;}
.green-button { color: green;}


.matchingstore #CartFixed .jobsite {
	width:200px !important;
}

.matchingstore .cartitem .select_style_half {
	width:22%;
	float:left;
	margin-right:5px;
	margin-top:-3px;
	margin-left:-5px;
}

.matchingstore .cartitem .cartItemBought {
	width:77%;
}

#mainwrapper #main #mijnjobat .mycv-block .cvlines article div ol li {
	list-style: outside none decimal; 
	list-style-position: outside;
	list-style-type: decimal;   
}

#mainwrapper #main #mijnjobat .mycv-block .cvlines article div ul
 {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
#mainwrapper #main #mijnjobat .mycv-block .cvlines article div ul li {
	list-style: outside none disc; 
	list-style-type: disc;
}
#mainwrapper #main #mijnjobat .mycv-block .cvlines article div li {
	line-height: 1em;

}
#mainwrapper #main #mijnjobat #mycv.classic div {
	color: #6d6d6d;
}
#mainwrapper #main #mijnjobat #mycv.black-white div {
	color: #6d6d6d;
}
#mainwrapper #main #mijnjobat .mycv-block .cvlines article div {
	font-size: 1.4em;
	line-height: 1.5em;
}
#mainwrapper #main #mijnjobat #mycv.black-white div {
	color: #6d6d6d;
}
#mainwrapper #main #mijnjobat .mycv-block .cvlines article div {
	font-size: 1.4em;
	line-height: 1.5em;
}
.ui-tooltip-matching { width: 180px;padding: 5px; }


@media screen and (max-width: 768px) { 
	.tableprices .most-chosen {
		height: auto;
	}
}

/*STORE V2*/
.store_v2 { font-size:14px; position:relative; color:#333;}
.store_v2 .pub-msg {  padding: 8px 0; text-align:center; color:#2C7CAA; font-size:16px; margin:-5px 0 20px; border-radius:4px; }
.store_v2 .jobatproducts { border:none; width:100% !important; margin-top:15px; }
.store_v2 .jobatproducts .jobatprod { padding: 10px 0 0; border: 1px solid #ddd; height:100%; width:32%; }
.store_v2 .jobatproducts .jobatprod.sel { background:#dff2fa url(images/bg-lightblue.png) repeat-x center bottom; }
.store_v2 .jobatproducts .jobatprod .jobatpromo { background-color: #FDBE01;top: -26px;position: absolute;width: 101.6%;left: -2.1px;height: 22px;border-radius: 4px 4px 0 0; border: 1px solid #FDDD7F; border-bottom:none; text-align:center; font-weight:600; color:#333333; padding-top:3px; }
.store_v2 .jobatproducts .weeks { width:100%; }
.store_v2 .jobatproducts .weeks .tp-title { font-size: 20px; text-align: center; width: 100%; max-height:50px; overflow:hidden; margin-bottom:10px; }
.store_v2 .jobatproducts .jobatprod .jobprice { font-size:24px; text-align:center; width:100%; color:#013569; font-weight:600; height:40px; }
.store_v2 .jobatproducts .jobatprod .jobatadd { width:100%; text-align:center; height:35px; margin-top:5px; }
.store_v2 .jobatproducts .jobatprod .jobatadd a { width:75%;  }
.store_v2 .jobatproducts .jobatprod .jobatadd span { font-weight:400; color:#037CAA; padding-top:5px; display:inline-block; font-size:16px; }
.store_v2 .jobatproducts .jobatprod .jobatadd input { line-height:1.5em; margin-top:5px; }
.store_v2 .jobatproducts .jobatprod .days { margin: 10px 10px; font-size:14px; }
.store_v2 .jobatproducts .jobatprod .express { margin: 10px 0; font-size:14px;  border-bottom:1px solid #ddd; padding-bottom:10px; }
.store_v2 .jobatproducts .jobatprod .details { margin: 10px 10px; font-size:14px;  }
    
.store_v2 a, .store_v2 a:visited, .store_v2 a:hover { color:#00a2e6; text-decoration:underline; cursor:pointer; }
.store_v2 a.btn.blue { margin-top:0; box-shadow:none; text-decoration:none; -moz-box-shadow:none; -webkit-box-shadow: none; border:none; font-size:110%; }
.store_v2 a.btn.green { text-decoration:none; color:#FFF; }
.store_v2 h3 { color:#00a2e6; }
.store_v2 .borderTop { border-top: 1px solid #ccc; margin-top:10px; padding-top:20px}
.store_v2 .borderTop h2 { margin-top:10px; margin-bottom:5px; float:none; clear:both; display:block;}
.store_v2 .borderTop h2 span { display:block;float:left; margin-bottom:5px; }
.store_v2 .borderTop h2 .newPromo { background-color: #FDBE01;border-radius: 4px; border: 1px solid #FDDD7F; text-align:center; color:#333333; font-weight:100; font-size:12px; text-transform:uppercase; padding:2px 5px 0; margin-left:10px; margin-top:0; float:left; line-height:16px; }
.store_v2 .borderTop p { clear:both; float:none; }
.store_v2 .inactive-products { display:none; }

.store_v2 .prod-container { padding-top:5px; margin-bottom:20px; text-align:center; }
.store_v2 .prod-container .prod-item { border:1px solid #D6D6D6;position:relative; margin-bottom:5px; text-align:left; border-radius:4px; }
.store_v2 .prod-container .prod-item.prod-empty { border:1px solid transparent;position:relative; margin-bottom:5px; padding-bottom:1px; text-align:left; border-radius:0; }
.store_v2 .prod-container .prod-item.sel { border:1px solid #83ACD6;  }
.store_v2 .prod-container .prod-item.sel .prod-logo { opacity:0.7; filter:alpha(opacity=70); }
.store_v2 .prod-container .prod-item .prod-logo { border-bottom:1px solid #e5e5e5; height:53px;position:relative; overflow:hidden; }
.store_v2 .prod-container .prod-item.prod-empty .prod-logo { border-bottom:none; }
.store_v2 .prod-container .prod-item.sel .prod-logo { border-bottom:1px solid #83ACD6; }
.store_v2 .prod-container .prod-item .prod-logo img { left:50%; top:50%; position:absolute; transform:translate(-50%,-50%); width:60% !important; font-style:italic; }
.store_v2 .prod-container .prod-item .prod-info { padding:7px 10px;}
.store_v2 .prod-container .prod-item.sel .prod-info { background-color:#EFF7FC; }
.store_v2 .prod-container .prod-item .prod-bar { background-color:#F5F5F5; min-height:22px; padding:7px 10px 15px; position:relative; font-size:15px; }
.store_v2 .prod-container .prod-item.sel .prod-bar { background-color:#E2F1FA; }
.store_v2 .prod-container .prod-item.prod-empty .prod-bar { border:1px solid #D6D6D6; border-radius:4px; }
.store_v2 .prod-container .prod-item .prod-bar .prod-price { margin-top:5px; font-weight:700; color:#20519E; font-size:15px; }
.store_v2 .prod-container .prod-item .prod-bar .prod-price input[type=radio] { display:block; float:left; margin-right:5px; margin-top:4px;}
.store_v2 .prod-container .prod-item .prod-bar .prod-price .cross { text-decoration:line-through; color:#9DA0A2; margin-top:-6px; display:block; float:left;}
.store_v2 .prod-container .prod-item .prod-bar .prod-price .incl { display:block; clear:both; float:left; margin-left:20px; margin-top:-10px;}
.store_v2 .prod-container .prod-item .prod-bar .prod-price .no-target { display:block; float:left; margin-top:1px; font-weight:normal;color:#333; }
.store_v2 .prod-container .prod-item .prod-bar a { position:absolute; right:10px; top: 7px;  }
.store_v2 .prod-container .prod-item .prod-bar a.btn.blue {  padding:0.6em 1.3em;font-size:90%; }
.lang-en .store_v2 .prod-container .prod-item .prod-bar a.btn.blue {  padding:0.6em 1.8em; }
.store_v2 .prod-container .prod-item .prod-bar .prod-promo p.promo-text { margin:0; }
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item { padding: 0 0 5px; margin: -3px 0 7px; position:relative; border-bottom:1px dotted #C7C7C7; }
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item:last-child { padding-bottom:0; margin-bottom:-9px; border:none; }
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item .prod-days { font-weight:normal; display:block; font-size:15px; }
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item .prod-price { margin-top:-2px;}
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item a { right:0; top: 3px; }
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item .prod-added { margin-top:-5px;}
.store_v2 .prod-container .prod-item .prod-bar .prod-bar-item input.disabledBtn { position:absolute; right:10px; top: 10px; font-size:15px;}
.store_v2 .prod-container .prod-item .prod-bar span.prod-added { font-weight:400; color:#037CAA; padding-top:5px; position:absolute; right:10px; top: 7px; font-style:italic; display:block; }
.store_v2 .prod-container .prod-item.disabled { opacity:0.5; filter:alpha(opacity=50); }
.store_v2 .prod-container .prod-item .prod-info .prod-dis-info { font-style:italic; padding: 5px 0; font-weight:bold; }

.store_v2 .prod-group-header:first-of-type { margin-top:0px; }
.store_v2 .prod-group-header { margin-top:20px; }

.store_v2 .group-toggle .prod-group { margin-top:10px; display:none; }
.store_v2 .group-toggle .group-title { border-bottom: 1px dotted #ddd; color:#003768; font-size:16px; font-weight:700; padding:5px 0; position:relative; cursor:pointer;}
.store_v2 .group-toggle .group-title span.ico-check { background-image: url(jobat/images/ico_check-blue.png); background-repeat:no-repeat; background-size: 16px 16px; position:absolute; top:9.5px; right:25px; height:20px; width:20px; }
.store_v2 .group-toggle .group-title span.ico-toggle { background-image: url(jobat/images/chevron-down.png); background-repeat:no-repeat; position:absolute; top:12px; right:0; height:20px; width:20px; }
.store_v2 .group-toggle.open .group-title { border-color:transparent; }
.store_v2 .group-toggle.open .group-title span.ico-toggle { background-image: url(jobat/images/chevron-up.png); background-repeat:no-repeat; }
.store_v2 .group-toggle.open .prod-group { display:block; }

.store_v2 .container .sixteen.columns.suggestions { background-color:#00a2e6; width:100%; margin-bottom:10px; }
.store_v2 .suggestions h3 { color:#FFF; margin:8px 10px; }

.store_v2 .prod-added-msg { border-radius: 4px; box-shadow: 0px 3px 5px #aaa; background-image: url(jobat/images/check_green.png); background-repeat:no-repeat; background-position: 15px 6px; background-color: #D9F7D9; color:#00A375; font-size:18px; padding:5px 20px 5px 45px; width:auto; max-width:700px; text-align:center; display:none; position:fixed; top: 5%; z-index:100; }

.store_v2 #CartFixed .jobsite { background-color: #F2F2F2; min-height:140px; }
.store_v2 #CartFixed h2 { margin:10px 0; }
.store_v2 #CartFixed .cart-title { font-size: 18px; background-image: url(jobat/images/ico-cart-big.png); background-repeat:no-repeat; background-position:left 2px; padding-left:30px;}
.store_v2 #CartFixed .cartItemBought { font-weight: 600; width:60%; }
.store_v2 #CartFixed .cartItemPrice { font-weight: 600; width:40%; }
.store_v2 #CartFixed .has-discount .cartItemPrice { opacity:0.4; filter:alpha(opacity=40); text-decoration:line-through; }
.store_v2 #CartFixed .has-discount .cartItemPrice img { visibility: hidden; }
.store_v2 #CartFixed .has-discount .cart-discount .cartItemPrice { opacity:1; filter:alpha(opacity=100); text-decoration:none; }
.store_v2 #CartFixed .has-discount .cart-discount .cartItemPrice img { visibility: visible; }
.store_v2 #CartFixed .cartItemPrice .cartItemPriceLabel { margin-right:5px;}
.store_v2 #CartFixed .cartitem .cartItemPrice img { top: 1px; }
.store_v2 #CartFixed .included .cartItemBought { font-weight: normal; }
.store_v2 #CartFixed .included .cartItemPrice { font-weight: normal; }
.store_v2 #CartFixed .cartitem { border-bottom: 1px solid #CCC; padding:3px 0; font-size:15px; }
.store_v2 #CartFixed .cartitem.cartitem-head .cartItemBought{ width:30%; }
.store_v2 #CartFixed .cartitem.cartitem-head .cartItemPrice{ width:32%; text-align:left; }
.store_v2 #CartFixed .cartitem .cartinfo { clear:both;color:rgba(102, 102, 102, 0.8); margin:0; }
.store_v2 #CartFixed .cartitem .cart-dates {color:rgba(102, 102, 102, 0.8); margin-top:5px;clear:left; }
.store_v2 #CartFixed .cartitem .cart-dates a { float:right; color:#00a2e6; }
.store_v2 #CartFixed .cartitem .cart-incl {color:rgba(102, 102, 102, 0.8); margin:5px 0 -3px; padding:0;}
.store_v2 #CartFixed .cartitem:last-child { border-bottom:0; margin-bottom:10px; }
.store_v2 #CartFixed a.volumeTotaal { border:none; }
.store_v2 #CartFixed .pay-info { overflow:hidden; }
.store_v2 #CartFixed .pay-info img { margin-right:10px; float:left;height:60px; }
.store_v2 #CartFixed .pay-info div { float:left;width: 50%; }
.store_v2 #CartFixed .pay-info div ul { margin-top:0; padding-left:0; list-style-type:none;}
.store_v2 #CartFixed .subtotaalWrapper1 .right { text-transform: capitalize; }
.store_v2 #CartFixed a.btn.green { font-size:16px; box-shadow:none; border-color:#a0cd02; width:90%; }
.store_v2 #CartFixed .cart-empty { margin-bottom:20px; }

.store_v2 .nyroModalCont { padding:0; position:relative;overflow:hidden; }
.store_v2 .nyroModalCont .nyroModalCloseCustom { background:url("jobat/images/ico-cross-blue.png") no-repeat scroll 0 0 transparent; right:0; width:20px; }
.store_v2 .nyroModalCont .container { position:relative; padding:26px 26px 80px; height:auto; overflow:auto; }
.store_v2 .nyroModalCont .container h3 { color:#000; font-size:21px; margin-bottom:15px; text-align:left; }
.store_v2 .nyroModalCont .container .dates-label { width:40px; padding-top:4px; }
.store_v2 .nyroModalCont .container input.hasDatepicker { width:40%; border-radius:0; background:none; font-size:14px !important; }
.store_v2 .nyroModalCont .container img.ui-datepicker-trigger { margin-left:-30px; margin-right:10px; }
.store_v2 .nyroModalCont .container .hide { display:none; }
.store_v2 .nyroModalCont .container .targets { border-top:1px dotted #CCC; margin-top:20px; padding-top:20px; margin-bottom:-30px; overflow:hidden; }
.store_v2 .nyroModalCont .container .targets .targets-group { margin-top:20px; }
.store_v2 .nyroModalCont .container #JobFilters { border-top:1px dotted #CCC; margin-top:20px; padding-top:20px; overflow:hidden; }
.store_v2 .popup-bar { position:absolute; bottom:0; left: 0; width:100%; height:30px; background-color:#F5F5F5; padding:13px 0; border-top:1px solid #F4F4F4; text-align:center; }
.store_v2 .popup-bar .buttonset { margin:0 auto; width:auto; }
.store_v2 .popup-bar .buttonset input { padding:7px 60px; font-size:16px; box-shadow:none; border-color:#a0cd02; }
.store_v2 .popup-bar .buttonset a.btn { padding:7px 30px; font-size:16px; box-shadow:none; border-color:#a0cd02; margin-top: 0;}
.store_v2 .popup-bar .buttonset a.cancelBtn { color: #057eac; margin-right:20px; }

.store_v2 .prod-info-popup { position:absolute; background-color:transparent; height:auto; width:auto; }
.store_v2 .prod-info-popup .prod-info-content { background-color:#FFF; width:350px; border:1px solid #D6D6D6; border-radius: 4px; box-shadow: 0px 1px 5px #aaa; }
.store_v2 .prod-info-popup .prod-info-content .info-img { text-align:center; padding: 10px 0; border-bottom:1px solid #D6D6D6; }
.store_v2 .prod-info-popup .prod-info-content .info-text { padding: 15px; }
.store_v2 .prod-info-popup .prod-info-content .info-text ul { padding-left: 15px; }

.store_v2 .prod-info-popup .prod-info-content::before {
    content: "";
    position: absolute;
    top: -16px;
    bottom:auto;
    left: 152px;
    border-width: 0 17px 17px;
    border-style: solid;
    border-color: #D6D6D6 transparent;
    display: block;
    width: 0;
}

.store_v2 .prod-info-popup .prod-info-content::after {
    content: "";
    position: absolute;
    top: -14px;
    bottom:auto;
    left: 154px;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.store_v2 .prod-info-popup.up .prod-info-content::before {
    content: "";
    position: absolute;
    top:auto;
    bottom: -16px;
    left: 152px;
    border-width: 17px 17px 0;
    border-style: solid;
    border-color: #D6D6D6 transparent;
    display: block;
    width: 0;
}
.store_v2 .prod-info-popup.up .prod-info-content::after {
    content: "";
    position: absolute;
    top:auto;
    bottom: -13px;
    left: 154px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.store_v2 .features-popup { position:absolute; background-color:transparent; height:auto; width:auto; }
.store_v2 .features-popup .features-content { background-color:#FFF; width:650px; border:1px solid #D6D6D6; border-radius: 4px; box-shadow: 0px 1px 5px #aaa; padding: 15px 15px 25px; overflow:hidden; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header { text-align:center; background:#dff2fa url(images/bg-lightblue.png) repeat-x center bottom; width:18.3%;padding-top:5px; height:65px; margin:30px 0 0; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header .feat-promo { background-color: #FDBE01;margin-top:-30px;height: 22px;border-radius: 4px 4px 0 0; border: 1px solid #FDDD7F; border-bottom:none; text-align:center; font-weight:600; color:#333333; padding-top:3px; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header .feat-title { text-align:center; font-size:20px; color: #00a2e6; font-weight:600; display:block; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header .feat-price { text-align:center; font-size:22px; color: #003768; font-weight:600; display:block; margin-top:10px; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header .feat-price img { margin-top:-5px; }
.store_v2 .features-popup .features-content .feat-row .feat-col-header.feat-col-comfort { background: #074E8E; background: -moz-linear-gradient(100% 100% 90deg, #074E8E, #003869); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#074E8E), to(#003869)); }
.store_v2 .features-popup .features-content .feat-row .feat-col-header.feat-col-comfort .feat-title { color: #FFF; padding-top:5px; }
.store_v2 .features-popup .features-content .feat-row { border-bottom:1px dotted #e5e5e5; padding:0; overflow:hidden; line-height:20px; }
.store_v2 .features-popup .features-content .feat-row .feat-col:first-child { text-align:right; }
.store_v2 .features-popup .features-content .feat-row .feat-col { text-align:center; min-height:32px; position:relative; }
.store_v2 .features-popup .features-content .feat-row .feat-col img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.store_v2 .features-popup .features-content .feat-row .feat-col span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:block; width:100%; line-height:15px; }

.store_v2 .features-popup .features-content::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 331px;
    border-width: 17px 17px 0;
    border-style: solid;
    border-color: #D6D6D6 transparent;
    display: block;
    width: 0;
}
.store_v2 .features-popup .features-content::after {
    content: "";
    position: absolute;
    bottom:  -13px;
    left: 334px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.store_v2 .card-list {
    font-size: 14px;
    list-style: none;
    padding-left: 0;
    margin: 30px 0 0 0;
}

.store_v2 .card-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 32px;
    line-height: 1.4;
}

.store_v2 .card-list li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(/content/jobat/images/check.svg);
    mask-image: url(/content/jobat/images/check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #3BB6B1;
    position: absolute;
    left: 0;
    top: 4px;
}

aside .no-column-padding .columns {
    padding: 0;
    margin-bottom: 0;
}
aside .no-column-padding .form_row {
    margin-bottom: 0;
}

.jobat-dropdown {
    display: inline-block; 
    font-size: 14px;
}
.jobat-dropdown .separator {
    border-right: solid 1px #057eac;
}
.jobat-dropdown > .dropdown-title {
    cursor: pointer;
    padding: 5px 10px;
    display: inline-block;
}
.jobat-dropdown > .dropdown-title.lightBlue {
    color: #057eac;
}

.jobat-dropdown > .dropdown-title i.fa { 
    margin-left: 5px; float:right;padding-top: 2px; 
}

.jobat-dropdown > .dropdown-list {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: solid 1px #e8e8e4;
    padding: 5px 0;
}

.jobat-dropdown > .dropdown-list li {
    cursor:pointer;
    padding: 5px 10px;
    margin: 0;
}

.jobat-dropdown > .dropdown-list li.selected {
    background-color: #dff2fa;
}

.jobat-dropdown > .dropdown-list li:hover {
    background-color: #dff2fa;
}

.jobat-dropdown > .dropdown-list li a {
    color: black;
    white-space: nowrap;
    display: inline-block;
    width: 100%
}

.jobat-dropdown > .dropdown-list .separator-down {
    padding: 5px 0;
    border-bottom: solid 1px #e8e8e4;
}
.jobat-dropdown > .dropdown-list .separator-down:hover {
    cursor: default;
    background-color: inherit;
}
#ddlCvActionsMore.jobat-dropdown.opened .dropdown-title {
    background-color: #e8e8e4;
}

.select-link-btn {
    padding: 0 3px;
    cursor: pointer;
    background-color: #a0cd02;
    color: #fff;
}
.select-link-btn:hover {
    background-color: #8ab200;
}

.select-link-btn a, .select-link-btn a:visited {
    margin: 0 5px;
    color: #FFF;
}

.darkblue { color: #024581;}

.container .eleven-max.columns {
    width: 69.75%;
}

.select_style_40.select_style_light {
    background: #fff url(jobat/images/bg-field-arrlight-blue-down.png) right bottom no-repeat;
}

.container .job-view .lightYellow { /* yellow becomes green in job dashboard*/
    background-color: #e7f2c8;
}

.container #JobCvs #CvListActions i.fa {
    font-size: 13px;
    margin-right: 8px;
}
.container #JobCvs #CvListActions a.marged-link {
    color: #484848;
    margin: 0 8px;
}
.container #JobCvs #CvListActions a.marged-link:hover {
    color: #0087ba;
}
.container #JobCvs .CVCount {
    display: none;
}

.container #JobCvs #CandidateSearchResult {
    border-top: dotted 1px #b0b0b0;
    margin-top: 10px;
    padding-top: 10px;
}
.container #JobCvs #CandidateSearchNoResult {
    border-top: dotted 1px #b0b0b0;
    margin-top: 10px;
    padding-top: 1em;
}

.container #JobPublications p.link-list {
    margin-bottom: 3px;
}
.container #JobPublications p.link-list a {
    text-decoration: underline;
}
.container a.underline {
    text-decoration: underline;
}
.container a.lightblue {
    color: #0087ba;
}
.container a.pointer {
    cursor: pointer;
}
.container a.btn.capitalize {
    text-transform: none;
}
.container #JobCvs .CVslist.lightYellow figure {
    background-color: white;
}
.container #JobCvs .CVslist .percent-score span { font-size: 90%;}

#CreditReport section {
    padding: inherit;
}

#CreditReport .container #tableCreditreport {
    margin-bottom: 5px;
    width: 100%;
}

    #CreditReport .container #tableCreditreport > div {
        clear: both;
        margin: 2px 0;
        overflow: hidden;
        width: 100%;
    }

        #CreditReport .container #tableCreditreport > div:first-child {
            margin: 3px 0;
        }

        #CreditReport .container #tableCreditreport > div:last-child {
            padding-top: 4px;
        }


        #CreditReport .container #tableCreditreport > div > div {
            float: left;
        }

            #CreditReport .container #tableCreditreport > div > div:nth-child(1) {
                width: 45%;
            }

            #CreditReport .container #tableCreditreport > div > div:nth-child(2) {
                width: 25%;
            }

            #CreditReport .container #tableCreditreport > div > div:nth-child(3) {
                width: 25%;
            }

            #CreditReport .container #tableCreditreport > div > div:nth-child(4) {
                width: 5%;
            }

        #CreditReport .container #tableCreditreport > div.title {
            padding-bottom: 10px;
            overflow: hidden;
        }

            #CreditReport .container #tableCreditreport > div.title > div {
                text-align: left;
                font-weight: bold;
                overflow: hidden;
            }

                #CreditReport .container #tableCreditreport > div.title > div:nth-child(2) {
                    width: 25%;
                    margin-left: 20px;
                    margin-right: -20px;
                }

                #CreditReport .container #tableCreditreport > div.title > div:nth-child(3) {
                    width: 25%;
                    margin-left: 20px;
                    margin-right: -20px;
                }

    #CreditReport .container #tableCreditreport input[type=checkbox] {
        margin-right: 5px;
        margin-top: 10px;
        vertical-align: middle;
        display: block;
        float: left;
    }

#FunctionTypesPopupList a {
    text-decoration: none;
}
#FunctionTypesPopupList .popup-bar {
    position: relative;
}
.store_v2 #FunctionTypesPopupList.nyroModalCont .container {
    padding-bottom:26px;
    max-height:500px;
}

#FunctionTypesPopupList #FunctionTypesPicker.wide {
    width: 280%;
}

/*Young Talent Target Pack*/
#young-talent {
    width: 98%;
}

#young-talent .prod-logo {
    padding: 10px 0;
}

#young-talent .prod-item .prod-logo img {
    width: 250px !important;
}
#young-talent .prod-item .prod-logo h2 {
    margin:0;position:absolute;right:150px;
}
#young-talent .prod-item .prod-logo h2 .newPromo {
    background-color: #FDBE01;
    border-radius: 4px;
    border: 1px solid #FDDD7F;
    text-align: center;
    color: #333333;
    font-weight: 100;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 5px 0;
    margin-left: 10px;
    margin-top: 0;
    float: left;
    line-height: 16px;
}
#young-talent .prod-item .prod-bar .prod-price {
    position:absolute;
    right:140px;
}
#young-talent .prod-item .channels {
    overflow:hidden;
    list-style-type:square;
    padding-left:15px;
}
#young-talent .prod-item .channels li {
    width: 45%;
    margin-right: 5%;
    float: left;
}
.store_v2 .prod-info-popup.big .prod-info-content {
    width:500px;
}

.store_v2 .prod-info-popup.big .prod-info-content::before {
    content: "";
    position: absolute;
    top: -16px;
    bottom: auto;
    left: 227px;
    border-width: 0 17px 17px;
    border-style: solid;
    border-color: #D6D6D6 transparent;
    display: block;
    width: 0;
}

.store_v2 .prod-info-popup.big .prod-info-content::after {
    content: "";
    position: absolute;
    top: -14px;
    bottom: auto;
    left: 229px;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.store_v2 .prod-info-popup.big.up .prod-info-content::before {
    content: "";
    position: absolute;
    top: auto;
    bottom: -16px;
    left: 227px;
    border-width: 17px 17px 0;
    border-style: solid;
    border-color: #D6D6D6 transparent;
    display: block;
    width: 0;
}

.store_v2 .prod-info-popup.big.up .prod-info-content::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -13px;
    left: 229px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

#job-main-content .group-toggle { border-bottom: 1px dotted #a7a7a7; padding-bottom:10px; margin-bottom:10px; }
#job-main-content .group-toggle .group-content { margin:0; display:none; padding:10px 0 0;}
#job-main-content .group-toggle .group-title { position:relative; cursor:pointer; }
#job-main-content .group-toggle .group-title * { cursor:pointer;}
#job-main-content .group-toggle .group-title span.ico-toggle { background-image: url(jobat/images/chevron-down.png); background-repeat:no-repeat; position:absolute; top:7px; right:0; height:20px; width:20px; }
#job-main-content .group-toggle.open .group-title span.ico-toggle { background-image: url(jobat/images/chevron-up.png); background-repeat:no-repeat; }
#job-main-content .group-toggle.open .group-content { display:block; }
#job-main-content #selected-benefits div { margin:5px 0; color:#0087ba; }
#job-main-content #selected-benefits span { float:right; cursor:pointer;}
#job-main-content #salary-estimate img { display:inline; vertical-align:bottom;}
#job-main-content #salary-benefits .tip img { display:inline;}
#job-main-content #salary-benefits .tip a { text-decoration:underline;}
#job-main-content #salary-benefits #salary-preview { color:#FFF; background-color:#7fcd3d; padding:5px; display:block; width:113%}
#job-main-content #salary-benefits .salary-slider { border:1px solid #0087ba;border-radius: 50px 0 0 50px;width:47%; float:left;padding:7px 0; text-align:center; color:#0087ba; cursor:pointer; margin-bottom:10px;}
#job-main-content #salary-benefits .salary-slider:nth-child(2) {border-radius: 0 50px 50px 0; }
#job-main-content #salary-benefits .salary-slider.active { background-color:#0087ba; color:#fff; }

.Salary-popup {
    width: 310px;
    border: 1px solid #999999;
    background: #fff;
    padding: 12px 30px 30px 30px;
    margin-bottom: 30px;
    position: absolute;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15);
    z-index: 10001;
    display:none;
}

.Salary-popup:after {
    content: url("jobat/images/triangle-bottom-white.png");
    position: absolute;
    bottom: -23px;
    left: 35px
}

.Salary-popup .close {
    border-radius: 50%;
    border: 3px solid #9b9b9b;
    background: #fff;
    color: #2b2b2b;
    height: 40px;
    width: 45px;
    padding-top: 7px;
    position: absolute;
    top: -21px;
    right: -19px;
    text-align: center;
    cursor: pointer
}

.Salary-popup .close:hover, .Salary-popup .close:focus {
    text-decoration: none
}

.Salary-popup .close .icon-close-3 {
    font-size: 1.6rem;
    border-radius: 0;
    border: 0;
    background: #fff;
    height: auto;
    width: auto;
    padding: 0;
    position: relative;
    left: 0;
    top: 0; 
}

.Salary-popup h2 {
    font-size: 18px;
    line-height: 20px;
    color: #2b2b2b;
    border-bottom: 1px solid #d9d9d9;
    padding-top:10px;
    padding-bottom: 15px;
    margin-bottom: 10px
}
.Salary-disclaimer {
    display: inline-block;
    position: relative
}
.Salary-disclaimer a {
    cursor:pointer;
    white-space:nowrap;
}

.Salary-disclaimer .Salary-disclaimerIcon {
    background: #00a1de;
    color: #fff;
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
    display: block;
    border-radius: 50%;
    font-size: 1.4rem;
    cursor: pointer
}

.Salary-disclaimer .Salary-disclaimerContainer {
    bottom: 0px;
}

.Salary-disclaimer .Salary-disclaimerContainer h2 span {
    background: #00a1de;
    color: #fff;
    width: 30px;
    height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 18px;
    padding-top: 5px;
    position: relative;
    margin-right: 5px
}

.Salary-disclaimer .Salary-disclaimerContainer p {
    color: #070707
}

.Salary-disclaimer .Salary-disclaimerContainer p img {
    position: relative;
}

.jobform .Salary-promo-container::after {
    content: "";
    position: absolute;
    left: 30px;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
    margin-top:-20px;
}
.jobform .Salary-promo {
    background-color: #FFF;
    padding: 15px;
    margin-bottom: 20px;
    overflow:hidden;
    margin-left:-10px;
}
.jobform .Salary-promo .new {
    color: #fff;
    background-color: #0087ba;
    float: left;
    text-transform: uppercase;
    padding: 0px 3px 0px 3px;
    font-weight:600;
    font-size: 0.8em;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 5px;
}
.jobform .Salary-promo h3 {
    text-transform: none;
    padding:5px 0 0;
    float:left;
}
.jobform .Salary-promo li {
    border: none;
    padding-left: 5px;
    margin-bottom: 5px;
}
.jobform .Salary-promo li::before {
    content: "•";
    color: #0087ba;
    margin-right:5px;
}

.blueBlockJob-container {
    display: flex;
    width: 100%;
}

.blueBlockJob-row {

}

.blueBlockJob-col {
    flex: 1;
}
.firstBlock {
    flex: 0.7;
}

.middle {
    text-align: center;
}

#tdButtons {
    min-width: 40px;
}

#RedirectList .date {
    min-width: 72px;
}

#tdAutoGenerated {
    min-width: 86px;
}

#tdFromTo {
    min-width: 500px;
}

#RedirectList .tdItem {
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
}

#RedirectList .tdItemHead {
    vertical-align: top;
}

#RedirectList #btnRedirectPermanent, #tdButtons {
    vertical-align: middle;
}

#RedirectList th {
    background-color: #dff2fa;
}




#Performance {
    margin: 0 10px 10px 10px;
}
    #Performance td {
        padding: 5px;
        background-clip: content-box;
    }

        #Performance td.company {
            min-width: 256px;
        }

        #Performance td.title {
            min-width: 256px;
        }        
        #Performance td.productName {
            min-width: 97px;
        }

        #Performance td.calc{
            color: white;
        }

        #Performance td.veryLittle{
            min-width: 40px;
        }
        #Performance td.little {
            min-width: 60px;
        }
        #Performance td.normal {
            min-width: 70px;
        }
        #Performance td.normalbig{
            min-width: 100px;
        }
    
    #Performance #JobSearch img, #JobDetail img {
        display: inline;
    }

    #Performance #JobSearch .target {
        width: 50px;
    }

    #Performance h1, #Response h2, #Response h3, #Response h4, #Response h5, #Response h6 {
        color: inherit;
        font: inherit;
    }

    #Performance #JobSearchCriteria span label {
        margin-left: 15px;
    }

    #Performance #JobSearchCriteria img.ui-datepicker-trigger {
        margin-left: 5px;
    }

    #Performance #JobSearchCriteria input.hasDatepicker {
        width: 90px;
    }

    #Performance #JobSearchCriteria input[type=submit] {
        margin-left: 20px;
    }

    #Performance #JobSearchList {
        max-width: 1600px;
        margin: 0 auto;
    }

        #Performance #JobSearchList .jobitem.even {
            background-color: #e8e8e4;
        }
        #Performance #JobSearchList .jobitem td {
            vertical-align: top;
        }

    #Performance .ui-accordion {
        line-height: 0.3;
    }

    #Performance .suggestion-item {
        padding: 0 5px;
        display: block;
        color: white;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
    }

        #Performance .suggestion-item.suggestion-none {
            color: black;
            width: 130px;
        }

        #Performance .suggestion-item.suggestion-lt-050 {
            background-color: #B81400;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-065 {
            background-color: #A42900;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-080 {
            background-color: #913E00;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-095 {
            background-color: #7E5300;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-105 {
            background-color: #6B6800;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-120 {
            background-color: #577D00;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-135 {
            background-color: #449200;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-lt-150 {
            background-color: #31A700;
            width: 135px;
        }
        #Performance .suggestion-item.suggestion-gt-150 {
            background-color: #1EBD00;
            width: 135px;
        }

    #Performance #ResponseJobList td.align-right {
        text-align: right;
    }


#Performance .boostJob {
	border-radius: 4px;
	box-shadow: 0px 3px 5px #aaa;
	background-color: #D9F7D9;
	color:#00A375;
	padding:2px 10px 2px 25px;
}
#Performance .boostedJob {
	background-image: url('/content/jobat/images/check_green.png');
	background-repeat:no-repeat;
	background-position: 5px 3px;
	background-size:15px;
}
#Performance #ResponseJobList td.align-center {
	text-align: center;
}
#Performance td.normalbig {
	min-width: 165px;
}
#Performance .badger{
	text-align: center;
	display: inline-block;
	background-color: #666666;
	color: #DDDDDD;
	font-size: 0.8rem;
}

/*Footer*/
#footerwrapper {
    border-top: 1px solid #06233B;
    width: 100%;
    position: relative;
    background: #474A4C none repeat scroll 0% 0%;
    color: #FFF;
    box-shadow: 0px 0px 1px #FFF inset;
    margin: 50px 0 0;
}

#footerwrapper footer {
    width: 90%;
    padding: 40px 0px 15px;
    max-width: 1200px;
    margin: 0px auto;
    text-align: left;
    display: block;
    overflow: hidden;
}

#footerwrapper footer ul#doormat {
    float: left;
    width: 80%;
    margin-bottom: 35px;
}

#footerwrapper footer ul {
    list-style: outside none none;
    float: left;
    margin: 0px;
    padding: 0px;
}

#footerwrapper footer ul#doormat h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    letter-spacing: 1px;
}

#footerwrapper footer ul#doormat ul {
    width: 30%;
}

#footerwrapper footer ul#doormat li li {
    background: transparent none repeat scroll 0% 0%;
    height: auto;
    width: auto;
    float: none;
    clear: both;
    padding: 3px 0px;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #6B6E6F;
}

#footerwrapper footer li li a {
    color: #FFF;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

#footerwrapper footer ul#logos {
    float: none;
    width: 20%;
    text-align: right;
    overflow: hidden;
}

#footerwrapper footer ul#logos li {
    width: 100%;
    clear: both;
    margin: 0px 0px 15px;
}

#footerwrapper footer ul#logos li img {
    width: 91px;
}

#footerwrapper footer ul#bottom {
    padding: 0px;
    margin: 0px;
    color: #FFF;
    width: 100%;
    float: left;
}

#footerwrapper footer ul#bottom li {
    float: left;
    font-size: 15px;
    margin-right: 0px;
    display: inline-block;
    margin-bottom: 5px;
    width: auto;
}

#footerwrapper footer ul#bottom li a {
    border-bottom: 1px dotted #69B2D1;
    color: #F5F5F4;
    line-height: 100%;
    display: inline-block;
    padding-right: 7.5px;
    margin-right: 5.5px;
    background: transparent url("https://www.jobat.be/img/B2B/bul-square.gif") no-repeat scroll right center;
    text-decoration: none;
}

#footerwrapper #sites {
    text-align: center;
    width: 100%;
    color: #FFF;
    display: inline-block;
    border-top: 1px solid #111;
    background: transparent -moz-linear-gradient(0% 100% 90deg, #434748, #595B5C 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 1px #FFF inset;
    padding: 0;
}

#footerwrapper #sites ul {
    position: relative;
    width: 90%;
    margin: 10px auto 0px;
    display: inline-block;
    padding: 17.5px 0;
    list-style: outside none none;
    max-width: 1200px;
}

#footerwrapper #sites li {
    float: left;
    font-size: 11px;
    display: inline-block;
    padding: 0px 9.9px 5.5px 0px;
    margin-right: 7.15px;
    background: transparent url("https://www.jobat.be/img/B2B/bul-square.gif") no-repeat scroll right center;
}

#footerwrapper #sites a {
    color: #F5F5F4;
    border-bottom: 1px dotted #5A81A5;
    text-decoration: none;
    font: 100 15px "Calibri",Arial,Helvetica,sans-serif;
}

.date-crit {
    display:none;
}
.default-value {
    margin-left: 156px;
}
.recom-new {
    padding: 4px 12px 5px;
    background-color: #dc2c3e;
    margin-top: -30px;
    width: fit-content;
/*    position: absolute;*/
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.recom-new span {
    margin: 0;
    padding-left:20px;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-image:url(Jobat/Images/thumb_up_black_24dp.svg);
    background-repeat:no-repeat;
}

.prod-container .recom-new {
    margin-top: -20px;
}

.merge-item.row {
    margin-bottom: 20px;
}
.merge-item input[type=radio] {
    margin:5px 0;
}

input.textfield.companybcenumber {
    width: calc(51.199% - 62px);
}

#loginpart input.textfield.companybcenumber {
    width: calc(70% - 62px);
}

.jobform-createcompany input.textfield.companybcenumber {
    width: calc(50% - 62px);
}

.input-hidden {
    height: 0;
    width: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
    float: right;
}
.h3-heading {
    font-family: "AmplitudeBoldRegular", Arial, sans-serif;
    font-size: 120%;
    line-height: 110%;
    font-weight: normal;
    color: #0087ba; /*text-transform:uppercase;*/
    margin: 8px 0 1em;
}

.excluded-channels {
    background-color: #FF0000;
    color: #FFF;
    padding:10px 5px;
}
.excluded-channels h4 {
    color: #FFF;
}

.badge {
    background-color: red;
    border-radius: 7px;
    padding: 0 5px 0 5px;
    margin-left: 5px;
    color: white;
    float: left;
}
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;

}
.editIcon {
    background: url(/Content/Jobat/Images/btn-ico-edit.png) no-repeat top left;
    display: block;
    width: 50px;
    height:50px;
    text-indent: -9999px; /* hides the link text */
}
#EditJobLayout input[type=checkbox] {
    -webkit-appearance: checkbox;
}


.VDAB .modal-shopping .formBox .paymentmethod { overflow: hidden; }
.VDAB .modal-shopping .formBox .paymentmethod .chk-test { clear:both; }
.VDAB .modal-shopping .formBox .paymentmethod .chk-test label { color: #2b2b2b !important; }
#mainWrapper .VDAB .modal-shopping .formBox .paymentmethod .chk-test img.ui-datepicker-trigger { margin-left:0px; }
.newPage #Payment #PaymentFacturationDetails .jobform select {
    background-image: url(/content/jobat/images/chevron-down.png);
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    -webkit-appearance: none;
    height: 42px !important;
	width:100%;
}
.newPage #Payment #PaymentFacturationDetails .jobform .select_style {
    box-sizing: border-box;
    height: 42px;
    box-shadow: inset 0px 6px 6px -6px rgb(47 52 53 / 15%);
    border: 1px solid #c0c1c2;
    padding: 0 8px;
    margin-bottom: 20px;
	background:none;
	height:42px;
	width:100%;
}
.newPage #Payment #PaymentFacturationDetails .jobform input[type=checkbox] { height: auto; }

p.gdprContent{
    font-size:80%;
}
span.old-price {
    text-decoration: line-through;
    opacity: 0.4;
}
span.price-discount {
    margin-left: 10px;
}
.newPage .new-performance-evaluation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 940px) {
    .newPage .new-performance-evaluation {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.newPage .new-performance-evaluation span {
    width: 16%;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: inherit;
    border:1px solid #dbdbdb;
    margin-bottom: 8px;
}

@media only screen and (min-width: 940px) {
    .newPage .new-performance-evaluation span {
        width: 9%;
        margin-bottom: 0
    }
}

.newPage .new-performance-evaluation span:hover {
    cursor: pointer
}

.newPage .new-performance-evaluation span.active {
    background-color: rgb(223 242 250);
    color: #000000;
}

/*
.newPage .new-performance-evaluation span:nth-child(7) {
    border-left: 1px solid #dbdbdb
}

@media only screen and (min-width: 940px) {
    .newPage .new-performance-evaluation span:nth-child(7) {
        border-left: 0
    }
}*/

/*Review Pages*/
.review-box-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.review-box {
    width: 70%;
    margin-right: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.company-info {
    width: 30%;
    padding: 20px;
}

.review-section, .matching-company-section {
    margin: 0 30px;
}

.review-box {
    display: flex;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.rating-column {
    flex: 1;
    padding: 20px;
}

.details-column {
    flex: 6;
    padding: 20px;
}

.button-column {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.score {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.stars {
    font-size: 23px;
    margin-bottom: 10px;
    text-align: center;
    color:gold;
}

.review-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    font-weight: bold;
}

.review-text {
    margin-bottom: 15px;
}

    .review-text a {
        color: blue;
        text-decoration: none;
    }

.positives, .negatives {
    margin-bottom: 10px;
    flex: 5;
}

    .positives ul, .negatives ul {
        list-style-type: none;
        padding-left: 0;
    }

    .positives li, .negatives li {
        width: 100%;
    }

.pros-cons-box {
    display: flex;
}

.approve-btn {
    background-color: green;
    color: white;
    border: none;
    width: 100%;
    min-height: 37px;
}

.link-company-btn {
    background-color: lightgreen;
    color: black;
    border: none;
    width: 100%;
    min-height: 37px;
}

.reject-btn {
    background-color: red;
    color: white;
    border: none;
    width: 100%;
    min-height: 37px;
    margin-top: 5px;
}

.review-job-title {
    color: dimgray;
    margin-bottom: 5px;
}

.title-location {
    display: flex;
    flex-direction: column;
}

    .title-location .title, .title-location .location-date {
        margin-bottom: 5px;
    }


.salary-review .rate span .star {
    color: gold;
    margin-left: 5px;
}
.company-info-details {
    font-size: 14px;
    display: grid;
}
button.link-to-company {
    background-color: #8c9f32;
}

input.checkbox-functiontype {
    -webkit-appearance: checkbox;
}

.clean-table, .clean-table #JobSearchCriteria {
    margin: 0;
}
.clean-table #Performance #JobSearchList {
    max-width: none;
    margin-top: 50px;
}
.clean-table #Performance #JobSearchList table {
    margin-left: auto;
    margin-right: auto;
}
.clean-table #Performance #JobSearchList td.fixed-width {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    max-width: 100px;
}
.clean-table #Performance #JobSearchList .no-results {
    text-align: center;
}
.clean-table #Performance #JobSearchList img{
    display: inline;
}
#Performance .suggestion-item.suggestion-good {
    background-color: #31A700;
    width: 130px;
}
#Performance .suggestion-item.suggestion-bad {
    background-color: #B81400;
    width: 130px;
}
#Performance .suggestion-item.suggestion-ugly {
    background-color: darkorange;
    width: 130px;
}

#activity-detail .selected-login {
    position:relative;
    margin: 5px 0;
}
#activity-detail .selected-login .genericlistitem-delete {
    cursor:pointer;
}

.col-click-js {
    cursor: pointer;
}
.strikethrough {
    text-decoration:line-through;
}

/*Discount code */
.cart-discount-code .discount-code-input {
    width: 75%;
    height: 21px;
}
.cart-discount-code .btn-discount-code {
    height: 7px;
    padding-top: 6px;
    padding-bottom: 12px;
    margin-top: 0;
}
.cart-discount-code .discount-error {
    border: red solid 2px;
}
.discount-applied {
    text-align: center;
    background-color: #c7ee90;
    border: solid 1px green;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: 14px;
}

/*Flow*/
.flow-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flow-item {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.flow-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #e8e8e4;
}

.flow-title {
    font-size: 16px;
}

.flow-info {
    font-size: 14px;
}

.flow-history-link {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.flow-content {
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.jobHistory {
    border-top: solid 1px #ddd;
}

.flow-content.empty {
    justify-content: center;
    text-align: center;
}

.job-details {
    flex: 2;
}

.job-title {
    font-size: 16px;
    margin: 0;
}

    .job-title a {
        color: black;
        font-weight: bold;
    }

.flowJobOffline .job-details .job-title a {
    color: #989896;
}

.job-status {
    font-size: 14px;
    font-weight: bold;
}

span.job-status.active {
    color: #21c021;
}

.job-status.offline {
    color: #dc3545;
}

.job-stats {
    flex: 2;
    display: flex;
    gap: 25px;
    text-align: right;
    align-items: center;
}

    .job-stats a {
        color: black;
    }

.flowJobOffline .job-stats a {
    color: #989896;
}

.job-actions {
    flex: 1.2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.flow-content.flowJobOffline {
    color: #989896;
}

.job-actions a.btn.blue {
    margin-left: 0;
}

.empty-flow {
    flex: 4;
    align-content: center;
}
span.jobslot-full {
    color: red;
    font-weight: bold;
}
.flow-content.selected-flow {
    background-color: #dff2fa;
}

.tdItem.is-active {
    background-image: url('/content/jobat/images/check_green.png');
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 15px;
    padding-left:25px;
}
.disabled-text {
    color: gray;
    opacity: 0.5;
}