/*
deep dark blue: #1F2831
neon blue : #00DDFF
bright blue: #0057D1
yellow: #FAFF30

neon blue
<span style="color: #00DDFF;">{</span>
<span style="color: #00DDFF;">}</span>
<span style="color: #00DDFF;"><</span>
<span style="color: #00DDFF;">></span>

yellow
<span style="color: #FAFF30;">{</span>
<span style="color: #FAFF30;">}</span>
<span style="color: #FAFF30;"><</span>
<span style="color: #FAFF30;">></span>

blue
<span style="color: #0057D1;">{</span>
<span style="color: #0057D1;">}</span>
<span style="color: #0057D1;"><</span>
<span style="color: #0057D1;">></span>

*/
.lap-search-form {
	display:flex;
	flex-wrap: wrap;
	justify-content:center; 
}
.lap-search-form .field-wrapper {
	padding:5px;
}
.lap-search-form input:not([type="button"]):not([type="submit"]), .lap-search-form select, 
.lap-search-form button, .lap-search-form input[type="submit"] { 
	padding:8px 15px;
	font-size:1rem;
	height:100%;
}

.lap-search-form input:not([type="button"]):not([type="submit"]), 
.lap-search-form input:focus, .lap-search-form input:active, 
.lap-search-form select, .lap-search-form select:focus, 
.lap-search-form select:active, .lap-search-form select option { 
	background-color:transparent; 
	border-radius:0 !important; 
	border:1px solid #777 !important; 
	box-shadow:none !important; 
	outline:none; 
	color:#777777 !important;  
}
/*.lap-search-form input:focus, .lap-search-form select:focus, .lap-search-form textarea:focus  { 
	border-color: #CCCCCC !important;
	outline: none;
}*/
/*.lap-search-form button[type="submit"] { 
	padding:4px 15px;
}
.lap-search-form button[type="submit"]:hover, 
.lap-search-form button[type="submit"]:focus { 
	background: #00DDFF; 
}*/

.lap-search-form button[type="submit"] { 
	color:transparent;
	background-color:transparent;
	border-radius:0;
	position:relative;
	overflow:hidden;
	width:40px;
	position:relative;
	border:none;
	outline:none;
}
.lap-search-form button[type="submit"]:after { 
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	/*background-color: #1F2831;*/
	background-image:url(../images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition:all 0.3s ease;
}
.lap-search-form button[type="submit"]:hover:after {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

/*header form only styles*/
header .lap-search-form {
	flex-wrap:no-wrap;
}
header .lap-search-form input:not([type="button"]):not([type="submit"]), header .lap-search-form select, 
header .lap-search-form button, header .lap-search-form input[type="submit"] { 
	padding:4px 8px;
	font-size:0.8rem;
	height:100%; 
}

/*dark-bg form only styles*/
.dark-bg .lap-search-form input:not([type="button"]):not([type="submit"]), 
.dark-bg .lap-search-form input:focus, .dark-bg .lap-search-form input:active, 
.dark-bg .lap-search-form select, .dark-bg .lap-search-form select:focus, 
.dark-bg .lap-search-form select:active, .dark-bg .lap-search-form select option { 
	background-color:#1F2831; 
	color:#CCCCCC !important;  
}

@media screen and (max-width: 1080px) {
	main .lap-search-form {
		justify-content:flex-start;
	}
	main .lap-search-form .job-field-wrapper,
	main .lap-search-form .place-field-wrapper,
	main .lap-search-form .division-select-wrapper {
		flex: 0 0 50%;
		max-width:50%;
	}
	main .lap-search-form .search-button-wrapper {
		flex: 0 1 auto;
	}
}

/*@media screen and (max-width: 992px) {
	main .lap-search-form {
		justify-content:flex-start;
	}
	main .lap-search-form .job-field-wrapper,
	main .lap-search-form .place-field-wrapper {
		flex: 0 0 50%;
		max-width:50%;
	}
	main .lap-search-form .division-select-wrapper {
		flex: 1 0 auto;
		max-width:80%;
	}
	main .lap-search-form .search-button-wrapper {
		flex: 0 1 auto;
	}
	
}*/

@media screen and (max-width: 600px) {
	main .lap-search-form .job-field-wrapper,
	main .lap-search-form .place-field-wrapper {
		flex: 0 0 100%;
		max-width:100%;
	}
	main .lap-search-form .division-select-wrapper {
		flex: 1 0 auto;
		max-width:100%;
	}
}


/*Job search*/
.ggp-wrap { 
	max-width:1600px;
	margin:0 auto;
}
.jobs-total {
	padding:8px;
	text-align:right;
}
.jobs-grid { 
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	padding-top:50pxpx;
	padding-bottom:50px;
}
.jobs-grid .job-item {
	flex: 0 0 25%;
	max-width:25%;
	padding: 8px;
	display:flex;
	flex-direction:column;
}
.jobs-grid .job-item a {
	color:#FFFFFF;
	flex-grow:1;
	min-height: 220px;
	display:flex;
	flex-direction: column;
	border-radius:10px;
	transition:all 0.3s;
}
.jobs-grid .job-item a * {
	transition:all 0.3s;
}

.jobs-grid .job-item a .job-location {
	vertical-align:middle;
}
.jobs-grid  .job-item a .job-list-datarow {
	margin-top:2px;
	margin-bottom:2px;
}
.jobs-grid  .job-item a .job-list-datarow:before {
	content:"";
	display:inline-block;
	width: 24px;
	height: 24px;
	margin-right:8px;
	margin-bottom:-6px;
	background-size:cover;
}
.jobs-grid .job-item a .job-industry:before {
	background: url(../images/icon-junior-industrial-sector-job-list.svg) no-repeat 50% 50%;
}
.jobs-grid .job-item a .job-type:before {
	background: url(../images/icon-junior-job-type-job-list.svg) no-repeat 50% 50%;
}
/*.jobs-grid .job-item a .job-startdate:before {
	background: url(../images/icon-job-insert-date-job-list.svg) no-repeat 50% 50%;
}*/
.jobs-grid .job-item a .job-location:before {
	background: url(../images/icon-location-transparent.svg) no-repeat 50% 50%;
}

.jobs-grid .job-item.qs-dblue a .job-industry:before {
	background: url(../images/icon-expert-industrial-sector-job-list.svg) no-repeat 50% 50%;
}
.jobs-grid .job-item.qs-dblue a .job-type:before {
	background: url(../images/icon-expert-job-type-job-list.svg) no-repeat 50% 50%;
}
/*.jobs-grid .job-item.qs-dblue a .job-startdate:before {
	background: url(../images/icon-expert-job-type-job-list.svg) no-repeat 50% 50%;
}*/

.jobs-grid .mb-1 {
	margin-bottom:20px;
}
.jobs-grid .job-item a .job-button {
	color:#000000;
	font-size:0.9rem;
	text-transform:uppercase;
	background: #FFFFFF;
	width:auto;
	align-self:flex-end;
	margin-top:auto;
	padding:8px 20px;
}
.jobs-grid .job-item a:hover .job-button {
	background:#1F2831;
	color:#FFFFFF;
}
.jobs-grid .job-item a .job-button:after {
	content: "→";
	display: inline-block;
	margin-left: 10px;
	vertical-align:text-bottom;
	line-height: inherit;
}
.jobs-grid .job-title {
	margin-bottom:auto;
}
.jobs-grid .job-title h2,
.jobs-grid .job-title h3{
	text-transform:uppercase;
	margin-top:0;
	font-size:1.5rem;
	font-weight:700;
	word-break:break-word;
}

.jobs-grid .job-item a:hover h2, .jobs-grid .job-item a:focus h2,
.jobs-grid .job-item a:hover h3, .jobs-grid .job-item a:focus h3 {
	color:#1F2831;
}

.jobs-grid .job-item a:hover, .jobs-grid .job-item a:focus {
	margin-left:5px;
	margin-right:-5px;
}

@media screen and (max-width: 1200px) {
	.jobs-grid > .job-item {
		flex: 0 0 33.33%;
		max-width:33.33%;
	}
}

@media screen and (max-width: 992px) {
	.jobs-grid > .job-item {
		flex: 0 0 50%;
		max-width:50%;
	}
}

@media screen and (max-width: 600px) {
	.jobs-grid {
		flex-direction: column;
	}
	.jobs-grid > .job-item {
		max-width:100%;
	}
}

.no-jobresults-message {
	display:block;
	text-align:center;
	margin:20px auto 70px;
	width:700px;
	max-width:100%;
	padding:5% 8%;
	background:rgba(255,255,255,0.2);
	font-size:1.1rem;
	font-weight:300;
}

/*
/////////////
CSS asjustments of shapes (only for jobs pages)
/////////////
*/

/*Adjust width for shapes with inverted right side*/
.jobs-grid .qs-inner{
	 width:100%; 
}
.jobs-grid [class*="qs-"] .qs-inner {
	margin:0;
	padding:0;
	border-radius:0;
}
.jobs-grid [class*="qs-"] .qs-inner a {
	padding:40px;
}
.jobs-grid [class*="qs-"] .qs-inner:before,
.jobs-grid [class*="qs-"] .qs-inner:after,
.jobs-grid [class*="qs-"] .qs-box-top,
.jobs-grid [class*="qs-"] .qs-box-bottom {
	height:0px;
	margin:0;
}

@media(min-width:600.02px) {
	
	.jobs-grid .qs-2 .qs-inner, .jobs-grid .qs-5 .qs-inner{
		 width:calc(100% - 30px); 
	}


	/*shape 1*/
	.jobs-grid .qs-1 .qs-inner {margin:25px 0 25px 0; padding:0; border-radius:0 10px 0 10px;}
	.jobs-grid .qs-1 .qs-inner a {padding:30px 30px 20px 30px;}
	.jobs-grid .qs-1 .qs-inner:before {height:25px;top:-24px;right:65%;left:0;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-1 .qs-box-top {height:25px;width:65%;top:-25px;left:35%;border-radius:0 0 0 10px;box-shadow: -10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-1 .qs-inner:after {height:25px;bottom:-24px;right:0;left:35%;	border-radius:0 0 10px 10px;}
	.jobs-grid .qs-1 .qs-box-bottom {height:25px;width:35%;bottom:-25px;left:0;border-radius:0 10px 0 0;box-shadow: 10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-1.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-1 .qs-box-top {box-shadow: -10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-1.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-1 .qs-box-bottom {box-shadow: 10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-1.qs-white .qs-box-top, .jobs-grid .qs-white .qs-1 .qs-box-top {box-shadow: -10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-1.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-1 .qs-box-bottom {box-shadow: 10px -10px 0 0 #FFFFFF;}
	
	
	/*shape 2*/
	.jobs-grid .qs-2 .qs-inner {margin:40px 30px 0 0; padding:0; border-radius:10px 0 10px 10px;}
	.jobs-grid .qs-2 .qs-inner a {padding:15px 25px 40px 30px;}
	.jobs-grid .qs-2 .qs-inner:before {height:40px;top:-39px;right:0;left:35%;border-radius:10px 0 0 0;}
	.jobs-grid .qs-2 .qs-box-top {height:40px;width:35%;top:-40px;left:0;border-radius:0 0 10px 0;box-shadow: 10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-2 .qs-inner:after {width:30px;height:35%;top:-39px;right:-29px;	border-radius:0 10px 10px 0;}
	.jobs-grid .qs-2 .qs-box-bottom {height:25px;width:30px;top:35%;margin-top:-40px;right:-30px;border-radius:10px 0 0 0;box-shadow: -10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-2.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-2 .qs-box-top {box-shadow: 10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-2.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-2 .qs-box-bottom {box-shadow: -10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-2.qs-white .qs-box-top, .jobs-grid .qs-white .qs-2 .qs-box-top {box-shadow: 10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-2.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-2 .qs-box-bottom {box-shadow: -10px -10px 0 0 #FFFFFF;}
	
	
	/*shape 3*/
	.jobs-grid .qs-3 .qs-inner {margin:25px 0 25px 0; padding:0; border-radius:10px 0 10px 0;}
	.jobs-grid .qs-3 .qs-inner a {padding:30px 30px 20px 30px;}
	.jobs-grid .qs-3 .qs-inner:before {height:25px;top:-24px;left:65%;right:0;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-3 .qs-box-top {height:25px;width:65%;top:-25px;right:35%;border-radius:0 0 10px 0;box-shadow: 10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-3 .qs-inner:after {height:25px;bottom:-24px;right:35%;left:0;	border-radius:0 0 10px 10px;}
	.jobs-grid .qs-3 .qs-box-bottom {height:25px;width:35%;bottom:-25px;right:0;border-radius:10px 0 0 0;box-shadow: -10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-3.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-3 .qs-box-top {box-shadow: 10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-3.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-3 .qs-box-bottom {box-shadow: -10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-3.qs-white .qs-box-top, .jobs-grid .qs-white .qs-3 .qs-box-top {box-shadow: 10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-3.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-3 .qs-box-bottom {box-shadow: -10px -10px 0 0 #FFFFFF;}
	
	
	/*shape 4*/
	.jobs-grid .qs-4 .qs-inner {margin:40px 0 0 0; padding:0; border-radius:0 10px 10px 10px;}
	.jobs-grid .qs-4 .qs-inner a {padding:15px 30px 40px 30px;}
	.jobs-grid .qs-4 .qs-inner:before {height:40px;top:-39px;right:40%;left:0;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-4 .qs-box-top {height:40px;width:40%;top:-40px;left:60%;border-radius:0 0 0 10px;box-shadow: -10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-4.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-4 .qs-box-top {box-shadow: -10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-4.qs-white .qs-box-top, .jobs-grid .qs-white .qs-4 .qs-box-top {box-shadow: -10px 10px 0 0 #FFFFFF;}
	
	
	
	/*shape 5*/
	.jobs-grid .qs-5 { flex-grow:1;  }
	.jobs-grid .qs-5 .qs-inner {margin:0 30px 40px 0; padding:0; border-radius:10px 10px 0 10px;}
	.jobs-grid .qs-5 .qs-inner a {padding:55px 25px 10px 30px;}
	.jobs-grid .qs-5 .qs-inner:before {width:30px;height:35%;bottom:-39px;right:-29px;	border-radius:0 10px 10px 0;}
	.jobs-grid .qs-5 .qs-box-top {height:25px;width:30px;bottom:35%;margin-bottom:-40px;right:-30px;border-radius:0 0 0 10px;box-shadow: -10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-5 .qs-inner:after {height:40px;bottom:-39px;right:0;left:35%;	border-radius:0 0 0 10px;}
	.jobs-grid .qs-5 .qs-box-bottom {height:40px;width:35%;bottom:-40px;left:0;border-radius:0 10px 0 0;box-shadow:10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-5.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-5 .qs-box-top {box-shadow:-10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-5.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-5 .qs-box-bottom {box-shadow:10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-5.qs-white .qs-box-top, .jobs-grid .qs-white .qs-5 .qs-box-top {box-shadow:-10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-5.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-5 .qs-box-bottom {box-shadow:10px -10px 0 0 #FFFFFF;}
	
	
	/*shape 6*/

	.jobs-grid .qs-6 .qs-inner {margin:40px 0 25px 0; padding:0; border-radius:10px 0 10px 0;}
	.jobs-grid .qs-6 .qs-inner a {padding:15px 30px 20px 30px;}
	.jobs-grid .qs-6 .qs-inner:before {height:40px;top:-39px;right:0;left:35%;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-6 .qs-box-top {height:40px;width:35%;top:-40px;left:0;border-radius:0 0 10px 0;box-shadow: 10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-6 .qs-inner:after {height:25px;bottom:-24px;right:65%;left:0;border-radius:0 0 10px 10px;}
	.jobs-grid .qs-6 .qs-box-bottom {height:25px;width:65%;bottom:-25px;left:35%;border-radius:10px 0 0 0;box-shadow: -10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-6.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-6 .qs-box-top {box-shadow: 10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-6.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-6 .qs-box-bottom {box-shadow: -10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-6.qs-white .qs-box-top, .jobs-grid .qs-white .qs-6 .qs-box-top {box-shadow: 10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-6.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-6 .qs-box-bottom {box-shadow: -10px -10px 0 0 #FFFFFF;}
	
	
	
	
	/*shape 7*/
	.jobs-grid .qs-7 .qs-inner {margin:25px 0 40px 0; padding:0; border-radius:0 10px 0 10px;}
	.jobs-grid .qs-7 .qs-inner a {padding:30px 30px 10px 30px;}
	.jobs-grid .qs-7 .qs-inner:before {height:25px;top:-24px;right:65%;left:0;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-7 .qs-box-top {height:25px;width:65%;top:-25px;left:35%;border-radius:0 0 0 10px;box-shadow: -10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-7 .qs-inner:after {height:40px;bottom:-39px;right:0;left:35%;	border-radius:0 0 10px 10px;}
	.jobs-grid .qs-7 .qs-box-bottom {height:40px;width:35%;bottom:-40px;left:0;border-radius:0 10px 0 0;box-shadow: 10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-7.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-7 .qs-box-top {box-shadow: -10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-7.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-7 .qs-box-bottom {box-shadow: 10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-7.qs-white .qs-box-top, .jobs-grid .qs-white .qs-7 .qs-box-top {box-shadow: -10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-7.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-7 .qs-box-bottom {box-shadow: 10px -10px 0 0 #FFFFFF;}
	
	
	
	/*shape 8*/
	.jobs-grid .qs-8 .qs-inner {margin:40px 0 25px 0; padding:0; border-radius:10px 0 10px 0;}
	.jobs-grid .qs-8 .qs-inner a {padding:15px 30px 20px 30px;}
	.jobs-grid .qs-8 .qs-inner:before {height:40px;top:-39px;left:65%;right:0;border-radius:10px 10px 0 0;}
	.jobs-grid .qs-8 .qs-box-top {height:40px;width:65%;top:-40px;right:35%;border-radius:0 0 10px 0;box-shadow: 10px 10px 0 0 #00DDFF;}
	.jobs-grid .qs-8 .qs-inner:after {height:25px;bottom:-24px;right:35%;left:0;	border-radius:0 0 10px 10px;}
	.jobs-grid .qs-8 .qs-box-bottom {height:25px;width:35%;bottom:-25px;right:0;border-radius:10px 0 0 0;box-shadow: -10px -10px 0 0 #00DDFF;}
	.jobs-grid .qs-8.qs-dblue .qs-box-top, .jobs-grid .qs-dblue .qs-8 .qs-box-top {box-shadow: 10px 10px 0 0 #0057D1;}
	.jobs-grid .qs-8.qs-dblue .qs-box-bottom, .jobs-grid .qs-dblue .qs-8 .qs-box-bottom {box-shadow: -10px -10px 0 0 #0057D1;}
	.jobs-grid .qs-8.qs-white .qs-box-top, .jobs-grid .qs-white .qs-8 .qs-box-top {box-shadow: 10px 10px 0 0 #FFFFFF;}
	.jobs-grid .qs-8.qs-white .qs-box-bottom, .jobs-grid .qs-white .qs-8 .qs-box-bottom {box-shadow: -10px -10px 0 0 #FFFFFF;}

}
/*
///////////
Job pagination
///////////
*/
.jobpagination {
	text-align:center;
	margin:50px 0;
}

.litag {
	display: inline-block;
	margin-right:4px;
}

.litag a, .litag span.current {
	float: left;
	padding: 8px 30px;
	text-decoration: none;
	transition: all .3s;
	color:#CCCCCC;
	border:1px solid #CCCCCC;
}
.litag a.unicode-page-icon {
	padding:8px 16px;
	color:#777777;
	border-color:#777777;
}

.litag a.active, .litag span.current {
	background-color: #FFFFFF;
	color: black;
}

.litag a:hover:not(.active) {
	color:#FFFFFF;
	background-color: #666666;
	border-color:#999999;
}


/*
///////////
Job details
///////////
*/

.job-detail-wrapper {
	display: flex;
	column-gap: 50px;
	position:relative;
	padding:30px 0 50px;
}

.job-detail-wrapper .jobdetail-back-button, .job-detail-wrapper .jobdetail-apply-button {
	color: #FFFFFF;
	background: transparent;
	border: 1px solid #FFFFFF;
	display:inline-block;
	font-weight:300;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 25px 25px 25px 25px;
	text-align:center;
	min-width:180px;
	margin-bottom:20px;
	width:100%;
	transition:all 0.3s ease;
}
.job-detail-wrapper .jobdetail-back-button {
	font-size:0.8rem;
}
.job-detail-wrapper .jobdetail-apply-button {
	background: #00DDFF;
	border-color: #00DDFF;
}
.job-detail-wrapper .jobdetail-back-button:hover, .job-detail-wrapper .jobdetail-apply-button:hover {
	/*color: #FFFFFF;
	background: #1F2831;*/
	filter: brightness(0.85);
}
.job-detail-wrapper .jobdetail-back-button:before {
	content:"←";
	display: inline-block;
	margin-right: 10px;
	vertical-align:text-bottom;
	line-height: inherit;
}

.job-detail-wrapper .jobdetail-apply-button:after {
	content:"→";
	display: inline-block;
	margin-left: 10px;
	vertical-align:text-bottom;
	line-height: inherit;
}

.job-detail-wrapper .job-content {
	flex:1;
	position:relative;
	display:flex;
	flex-direction:column;
}
.job-detail-wrapper .job-content .jobdetail-apply-button {
	position: sticky;
	width:auto;
	min-width:180px;
	bottom:50px;
	align-self:center;
}
@media(min-width:768.02px) {
	.job-detail-wrapper .job-content .jobdetail-apply-button {
		bottom: 20px;
		position: relative;
	}
	.job-detail-wrapper .job-sidebar {
		flex:0 0 28%;
		max-width:28%;
		max-width:300px;
		display:flex;
		flex-direction:column;
		align-items:flex-end;
	}
	.job-detail-wrapper .job-sidebar .job-sidebar-inner {
		position: sticky;
		top: 200px;
		width:100%;
	}
}

@media(max-width:768px) {
	.job-detail-wrapper {
		flex-direction: column;
	}
	.job-detail-wrapper .job-sidebar {
		flex:0 0 100%;
		max-width:100%;
	}
	.job-detail-wrapper .job-sidebar .jobdetail-apply-button {
		display:none;
	}
}


.job-detail-title:before {
	content:"< ";
	color:#00DDFF;
}
.job-detail-title:after {
	content:" >";
	color:#00DDFF;
}
.job-detail-datacontainer,
.job-detail-top-data {
	display:flex;
	flex-direction:column;
	gap:30px;
	position:relative;
	padding-bottom:50px;
}
.job-detail-datarow {
	display:flex;
	align-items:center;
	font-size:1rem;
	font-weight:300;
}
.jobdata-label {
	text-transform:uppercase;
}
.job-detail-datarow:before {
	content:"";
	display:inline-block;
	width:60px;
	min-width: 60px;
	min-height:60px;
	height:100%;
	margin-right:15px;
}



.jobdetail-print-button-wrapper {
	position:absolute;
	bottom:25px;
	right:25px;
	text-align:center;
}
.jobdetail-print-button {
	color:#00DDFF;
}

/*
///////////
Job application form
///////////
*/

.job-application-form .la-field {
	/*margin-bottom: 10px;*/
}
.job-application-form .la-field label {
	margin-bottom: 5px;
}
.job-application-form .la-field .field-help-text {
	color:#dddddd;
	font-size:0.8rem;
	padding:8px 0 10px;
}
.job-application-form .la-field input:not([type="submit"]),
.job-application-form .la-field select,
.job-application-form .la-field textarea  {
	border-color: #777777;
	outline: none;
	background-color:transparent;
}
.job-application-form .la-field input:not([type="submit"]):focus,
.job-application-form .la-field select:focus,
.job-application-form .la-field textarea:focus  {
	border-color: #a7a7a7;
	outline: none;
}
.job-application-form .la-field input[type="submit"],
.job-application-form .la-field .la-submit {
	display:block;
	padding:10px 30px;
	min-width:200px;
	margin:25px auto;
}
.job-application-form .la-field .error-message {
	color:red;
	font-size:0.9rem;
	margin:0.2rem 0 0.5rem;
	height:0.8rem;
}

.form-message {
	position:sticky;
	top:180px;
	margin-bottom:40px;
	padding:20px;
	text-align:center;
	font-weight:500;
	border:1px solid transparent;
	border-radius:8px;
}
.form-message-success {
	color:#00a70d;
	border-color:#00a70d;
	background:#e6fde8;
}
.form-message-error {
	color:#b52a2a;
	border-color:#b52a2a;
	background:#fdeded;
}

/*
///////////
Job sidebar suggested/viewed
///////////
*/



/*
///////////
Set data icons Junior (this is also the defalut)
///////////
*/
.job-detail-location:before {
	background: url(../images/icon-junior-place.svg?v=1) no-repeat center center;
}
.job-detail-industry:before {
	background: url(../images/icon-junior-industrial-sector.svg?v=1) no-repeat center center;
}
.job-detail-type:before {
	background: url(../images/icon-junior-job-end-date.svg?v=1) no-repeat center center;
}
.job-detail-salaryrange:before {
	background: url(../images/icon-junior-salary-range.svg?v=1) no-repeat center center;
}
.job-detail-date:before {
	background: url(../images/icon-junior-job-type.svg?v=1) no-repeat center center;
}
.job-detail-end-date:before {
	background: url(../images/icon-junior-job-insert-date.svg?v=1) no-repeat center center;
}

/*
///////////
Set data icons+colors for Expert
///////////
*/

body:not(.elementor-editor-active) main#content .expert-job.job-detail-wrapper li:before {
	color: #0057D1;
}

.expert-job .job-detail-location:before {
	background: url(../images/icon-expert-place.svg?v=1) no-repeat center center;
}
.expert-job .job-detail-industry:before {
	background: url(../images/icon-expert-industrial-sector.svg?v=1) no-repeat center center;
}
.expert-job .job-detail-type:before {
	background: url(../images/icon-expert-job-type.svg?v=1) no-repeat center center;
}
.expert-job .job-detail-salaryrange:before {
	background: url(../images/icon-expert-salary-range.svg?v=1) no-repeat center center;
}
.expert-job .job-detail-date:before {
	background: url(../images/icon-expert-job-insert-date.svg?v=1) no-repeat center center;
}
.expert-job .job-detail-end-date:before {
	background: url(../images/icon-expert-job-end-date.svg?v=1) no-repeat center center;
}

.expert-job .jobdetail-print-button {
	color:#0057D1;
}
.expert-job .job-description a:not(:hover) {
	color:#0057D1;
}

.expert-job.job-detail-wrapper .jobdetail-apply-button {
	background: #0057D1;
	border-color: #0057D1;
}
.expert-job.job-detail-wrapper .jobdetail-apply-button:hover {
	border-color: #0057D1;
}

.expert-job .suggest-viewed a:after {
	background-image: url(../images/icon-expert-more-job.svg);
}
.expert-job .job-detail-title:before {
	content:"{";
	color:#0057D1;
}
.expert-job .job-detail-title:after {
	content:"}";
	color:#0057D1;
}

.expert-job .suggestview-job-title:before {
	content:"{";
	color:#0057D1;
}
.expert-job .suggestview-job-title:after {
	content:"}";
	color:#0057D1;
}