﻿.job-share-link {max-width: 25px;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform: translateX(0);transform: translateX(0);}

	.job-share-link:hover { transform: translateX(4px);	}

.job-info-sticky {position: -webkit-sticky; position: sticky; top: 3rem; z-index: 1020;}
.no-job-message { 
    width: 100%;
}
.no-job-message .no-result { padding-top:40px;width: 100%; text-align: center; }

.job-info-wrapper {display: flex;flex-wrap: wrap;padding: 0px;}

.job-info-main {flex: 75%;padding: 2rem;}

.job-info-side {flex: 24%;padding: 2rem;}

.job-info-side-mobile {display: none;}

.side-info-function {font-weight: 600;color: #003382;}



.csod-speculative-application {margin-top: 1rem;margin-bottom: 1rem;padding: 1.375rem 1.75rem;cursor: pointer;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid transparent;border-radius: 0rem;color: #fff;background-color: #e64c00;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

	.csod-speculative-application:hover { background-color: #003382; color: #fff; text-decoration: none; }

.csod-call-to-action {margin-top: 1.75rem;margin-bottom: 1.75rem;padding: 1.375rem 1.75rem;cursor: pointer;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;border: 1px solid transparent;border-radius: 0rem;color: #fff;background-color: #e64c00;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

	.csod-call-to-action:hover { background-color: #003382;	color: #fff; text-decoration: none;	}

#csod-search-job .btn-outline-success {height: 38px;border-radius: 0;background: url("https://www.sidel.com/images/ico-search-white.svg") no-repeat 90% center #E64C00;background-size: 30px 23px;border: 0;padding: 8px 54px 13px 16px;margin-top: 31px;font-weight: 600;font-size: 15px;color: #fff;text-transform: uppercase;background-size: 6%;width: 100%;}

	#csod-search-job .btn-outline-success:hover { background-color: #003382; border-color: #003382;	}

#csod-search-job-m {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin: 0.125rem 0 0;position: absolute;top: 52px;right: 0;display: none;width: 100%;background: #fff;}

	#csod-search-job-m .btn-outline-success { border-radius: 0;	background: url("https://www.sidel.com/images/ico-search-white.svg") no-repeat 90% center #E64C00; background-size: 30px 23px; border: 0; padding: 13px 54px 13px 16px; margin-top: 31px; font-weight: 600; font-size: 15px;	color: #fff; text-transform: uppercase;	background-size: 4%; }

		#csod-search-job-m .btn-outline-success:hover { background-color: #003382; border-color: #003382; }

.csod-combo-dd { width: 100%; max-width: 100%;position: relative; }

#jobCountry {max-width: 100%;height: 49px;}

#jobType {max-width: 100%; height: 49px;}

.job-opportunities {}

.job-opportunities-wrapper {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;flex-basis: 100%;max-width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}

.job-opportunities-header {
    display: -webkit-box;display: -ms-flexbox;
    display: flex;-webkit-box-flex: 1;
    -ms-flex: 1 0 100%;flex: 1 0 100%;padding:40px 0 20px;border-bottom: 1px solid #e8eaef;text-decoration: none;color: #000;}

.job-opportunities-header-first {font-weight: 600;-webkit-box-flex: 0;-ms-flex: 0 1 50%;flex: 0 1 50%;}

.job-opportunities-header-second {font-weight: 600;-webkit-box-flex: 0;-ms-flex: 0 1 32%;flex: 0 1 32%;}

.job-opportunities-header-third {font-weight: 600;-webkit-box-flex: 0;-ms-flex: 0 1 18%;flex: 0 1 18%;}

.job-opportunities-item {background: url('https://www.sidel.com/images/ico-arrow_right.svg') no-repeat 99% center;background-size: 22px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1 0 100%;flex: 1 0 100%;border-bottom: 1px solid #e8eaef;text-decoration: none;color: #000;align-items:center;}



	.job-opportunities-item:hover {	background-color: #eee;	}
        .job-opportunities-item:hover a { 
            color:#E64C00;
        }
.list-item-first {-webkit-box-flex: 0;-ms-flex: 0 1 50%;flex: 0 1 50%;}

.list-item-second {-webkit-box-flex: 0;-ms-flex: 0 1 32%;flex: 0 1 32%;color: #041e00;}

.list-item-third {-webkit-box-flex: 0;-ms-flex: 0 1 18%;flex: 0 1 18%;color: #041e00;}

.list-item-fourth {-webkit-box-flex: 0;-ms-flex: 0 1 10%;flex: 0 1 10%;color: #041e00;display: none;}

.list-item-arrow-container {-webkit-box-flex: 0;-ms-flex: 0 1 6%;flex: 0 1 5%;height: 14.08px;height: .88rem;-ms-flex-item-align: center;align-self: center;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;-webkit-transform: translateX(0); transform: translateX(0); }

	.list-item-arrow-container:hover {transform: translateX(4px);}

.list-item-arrow {width: auto;}

.list-item-first, .job-opportunities-header-first { 
padding-left: 15px;

padding-right: 15px;
}



.job-opportunities-item > div a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 22.4px 0;
	font-weight: 500;
}

 

@media (max-width: 1200px) {
	#csod-search-job .btn-outline-success {	background-size: 9%;}
}

@media (max-width: 1024px) {
	.job-info-side {display: none;}

	

	.job-info-main {flex: 100%;	}

	.job-share-container {text-align: center;}

	#csod-call-to-action-mobile {text-align: center;}

	#csod-call-to-action-mobile .csod-call-to-action { width: 50%; }
}

@media (max-width: 992px) {
	#csod-search-job .btn-outline-success {	background-size: 10%;}
}

@media (max-width: 767px) {	
	#csod-call-to-action-mobile .csod-call-to-action {display: block; width: 100%;}

	

	.job-opportunities-header-second {display: none;}

	.job-opportunities-header-third {display: none;	}

	.job-opportunities-item {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;position: relative;}

	.list-item-first {-webkit-box-flex: 0;/*flex: 0 1 85%;*/flex: 0 1 80%;}

	.list-item-second {	-webkit-box-flex: 0;flex: 0 0 auto;	color: #676767;display:none;	}
     
	.list-item-third {-webkit-box-flex: 0;/*flex: 0 0 10%;*/flex: 0 0 20%; color: #676767;}

		.job-opportunities-item .list-item-third a { padding: 22.4px 30px 22.4px 0;}

	.list-item-fourth {	-webkit-box-flex: 0;flex: 0 0 auto;	color: #676767;	}

	.list-item-arrow-container {position: absolute;	right: 5px;	width: 25px;}

	

	#csod-search-job-m {display: block;	z-index: 2;	position: relative;	top: 0px;}

		#csod-search-job-m .btn-outline-success {width: 100%;padding: 6px 40px 6px 10px;font-size: 15px;margin: 0px;height: 38px;}

	#jobType {margin-top: 5px;margin-bottom: 5px;}

	#jobCountry {margin-top: 5px;margin-bottom: 5px;}
}


.combo-wrapper { 
    padding-top:11px;
}

@media (max-width: 667px){
	.csod-speculative-application { width: 100%; max-width: 100%; }
}


@media (max-width: 575px) {

    .job-info-side-mobile { display: block; padding:2% 0 0; flex: 100%; }
}

@media (max-width: 530px) {
.list-item-first { flex: 0 1 67%; }
	.list-item-third { flex: 0 0 33%;}
}
