/***********************************************
PROJECT CSS - seeker old crap
************************************************/
/* .inner {
	padding: 0;
}
 */
.element-hide {
	display: none;
}
body .btn-tfw {
	background-color: #C55400;
	border-color: #592803;
	font-size: 22px;
}
body .btn-tfw:hover {
	background-color: #994201;
}
/* p { font-size: 14pt } */
/* section .inner.cover {
	padding: 0 25px;
}
table.datalist td.score {
	padding: 0 !important;
}
table.datalist td.action-job {
	padding: 0 10px !important;
} */
details[open] {
	/* overflow-x: scroll; */
}
/* figcaption  { display: none; } */
.legendColorBox  { width: 10px !important; }
#calendar-check, #jpview  { font-size: 1.4em; color: #0066CC !important; }
.daysactive  { color: #666; font-size: 1.6em; padding: 5px; margin-top: 1em; margin-bottom: 1em; }
.active-heading  { font-family: "Roboto", Helvetica, Arial, sans-serif; color: #666; font-size: 1.4em; font-weight: 400; }
th.occ-categories  { font-size: 1em !important; font-weight: 400; }
.jp-viewed  { background-color: #99c2eb; height: 1em !important; width: 1em !important; display: inline-block; }
.jp-apply	{ background-color: #ccc; height: 1em !important; width: 1em !important; display: inline-block; }
.jp-favourite  { background-color: #acb2d9; height: 1em !important; width: 1em !important; display: inline-block; }
.jp-applied  { background-color: #ad99cc; height: 1em !important; width: 1em !important; display: inline-block; }
.jp-resume  { background-color: #ad9900; height: 1em !important; width: 1em !important; display: inline-block; }
div#activity-breakdown { margin-top: 1em;}
div#other-data  { margin-left: 180px !important; }

div#js-activity-report .table-striped td { font-size: 0.8em; padding-left: 0.7em }
div#js-activity-report .table-striped th { font-size: 0.8em; padding-left: 0.7em; font-weight: 400 }
.strong { font-weight: bold !important; }
td.ed-value  { text-align: right; padding-right: 0.5em}
table.wb-charts  { font-size: 0.7em !important; padding: 0px !important; }
legend.date_range  { display: inline !important; width: 100%; padding: 0; margin-bottom: 0px !important; font-size: 1.2em !important;}
#date-range-form\:date-range  { display: inline-block !important;  }
#date-range-form\:date-range div.radio label   { font-size: 0.8em !important; }
#date-range-buttons  { float: left !important; }
figure.wb-graph div figure div  { width: 800px !important; }

/* #js-activity-report .wb-tables thead th,
.wb-tables table tfoot td,
table thead th,
table tfoot td {
    font-weight: 600;
    min-width: 10px;
    padding: 5px 5px;
} */

/*
div#pie-container figure.wb-graph details table { width: 350px !important; }
div#pie-container span.pieLabel  { display: none }
.activity-breakdown:focus { outline: thin dotted !important; }
 figure.wb-graph { display: none; } */


select#los_code, select#selectExploreCareerBy, select#selectExploreCareerBy option  { font-size: 1em; }
.level_los {
	display: block;
	position: relative;
	margin: 10px 0;
}

.level_los .losspan .radio label {
	vertical-align: top !important;
	line-height: 25px;
}
@media (min-width: 768px) {
	.level_los .losspan {
		padding: 5px;
	}
	.level_los .losspan .radio label {
		padding: 0 !important;
	}
}
.level_available  {
	color: #335075;
	/* background-color: #ffffff; */
	/* border: 1px solid  #ccc; */
}
.level_available a {
	text-decoration: none;
}
.level_unavailable {
	color: #666;
	/* background-color: #eeeeef; */
	/* border: 1px solid  #ccc; */
}
.level_unavailable .radio label::before {
	background: #eee;
}
.level_unavailable .radio input[type="radio"] + label:hover::before {
	border: 2px solid #666;
}
.level_unavailable a {
	text-decoration: none;
	color: #000;
}
.level_selected {
	/* color: #fffff; */
	/* background-color: #335075;
	border: 1px solid  #ccc; */
}
.level_selected a {
	text-decoration: none;
	color: #fff;
}
span#instruction-message  { color: #CC0000; background-color: #f9f9f9; }

.box-list details:not([open]) {
    visibility: hidden;
    border: 1px solid #efefef;
}
.box-list details[open] > div,
.box-list details[open] > dl {
    font-size: 0.9em;
}
.box-list details[open] > dl {
	padding-top: 16px;
}
.module-box-seeker  { border: 1px solid; border-color: #eeeeef; margin-bottom: 1em; }
.module-box-seeker-body  { padding: 5px; }
h2.module-box-seeker-title  {
	padding-left: 5px; padding-top: 5px; padding-bottom: 5px; background-color: #eeeeef;
  	 font-family: Arial Narrow, Helvetica, sans-serif !important; text-transform: none;
  	 color: #000 !important; font-size: 1.2em !important;
  	 border-bottom: 3px solid; border-color: #039 !important;
  	 margin-top: 0px; margin-bottom: 0px;
}
.module-box  { border: none !important;	text-align: center; margin-bottom: 1em; }
.bold-text  { font-weight: bold }
.capitalize {  text-transform: capitalize; }
.frenchcapitalize:first-letter {  text-transform: uppercase; !important;}
span.frenchcapitalize {  display:block;}
ul.square  { list-style-type: square !important; }
div.dash-emp-filters  { background-color: #e1e4e7; padding-top: 5px;  padding-bottom: 10px }
/* temporary only  */
#panelunder div.ui-slider, #panelover div.ui-slider {
    margin: 3px 0 !important;
    height: 1em !important;
}
#panelunder label, #panelover label {
    margin: 0 !important;
}
#panelunder td, #panelover td {
    padding: 1px !important;
}
/* End Colour Theme for JBFE */
/* prevent displya of the lengthMenu */
.dataTables_length {
    display: none;
}
/* main h1#wb-cont:before  {
    border-left-color: #2265aa;
}
main h1#wb-cont  {
    border-bottom-color: #2265aa;
}
 */
div.span-4  {
    margin-left: 0.7em; margin-right: 0px;
}
/* for masonary and span-6 */
#editprofile div.item {
	margin-right:0;
}

div#column2, div#column5, div#column6 { overflow: hidden; }

div#profile_sections, div#profile_credentials_section  {
	margin-top: 1em;
}

div#profile_sections  {  margin-left: 0px; margin-right: 0px; }

div#profile_sections h2  {
	font-weight: normal; text-transform: uppercase;
}

.no_image { background-image: none }
.margin-top-half-em  { margin-top: 0.8em !important}
.margin-left-1-2em  { margin-left: 1.2em !important}
.margin-left1em  { margin-left: 1em !important}
legend.margin-left1em  { margin-left: 0.8em !important }
label.margin-left1em {margin-left: 0.8em !important;}
.margin-left2em  { margin-left: 2em !important }
.margin-top-half { margin-top: 0.5em !important }
.margin-top1em  { margin-top: 1em !important }
.margin-top17  { margin-top: 1.7em !important }
.margin-top2em  { margin-top: 2em !important }
.margin-top3em  { margin-top: 3em !important }
.margin-top2halfem  { margin-top: 2.4em !important }
.margin-top3em  { margin-top: 3em !important }
.margin-right1em  { margin-right: 1em !important }
.margin-right2em  { margin-right: 2em !important }
.margin-bottom1em  { margin-bottom: 1em !important }
.margin-bottom2em  { margin-bottom: 2em !important }
.margin-bottom5em  { margin-bottom: 5em !important }
.padding-left1em  { padding-left: 1em !important; }
.padding-top1em  { padding-top: 1em !important; }
.padding-top2em  { padding-top: 2em !important; }
.padding-bottom1em  { padding-bottom: 1em !important; }

.bold-text  { font-weight: bold }
.small-text  { font-size: 0.8em }
.uppercase  { text-transform: uppercase }
.text-align-right  { text-align: right }
.text-align-left  { text-align: left }
.text-align-center  { text-align: center }
.alert-msg  { text-transform: uppercase; background-color: #990000; color: #fff; font-weight: bold; padding: 0.3em; }
.green-text  { color:  #006600 }
.blue-text  { color:  #003366 }
.gray-text  { color:  #666 }
.gray-text-small { font-size: 0.9em; color:  #666 }
.white-text { color: #ffffff }
.light-blue  { background-color: #3399ff }
.italic  { font-style: italic }
.invisible  { display: none; margin: 0; }
span.invisible  { display: none !important;}
.visible  { display: block; }
.border-outer { border: 1px solid #ddd;}

.divWithScroll{
    height:250px;
    overflow:scroll;
    overflow-x:hidden;
}

.float-right  { float: right }
.float-left  { float: left }
.width-10  { width: 10% }
.width-15  { width: 15% }
.width-20  { width: 20% }
.width-25  { width: 25% }
.width-30  { width: 30% }
.width-40  { width: 40% }
.width-45  { width: 45% }
.width-50  { width: 50% }
.width-55  { width: 55% }
.width-65  { width: 65% }
.width-80  { width: 80% }
.width-99  { width: 99% }
.width-100 { width: 100% !important; }

/*
 .module-stepbar .steps li {
    font-family: "Arial Narrow",Helvetica,Arial,sans-serif !important;
    font-size: 1em;
    font-stretch: condensed;
    color: #525252;
    display: inline-block;
    float: left;
   	padding: 0em;
    width: 10em !important;

}
*/

.module-infobar {
	display: block;
	width: 97%;
	margin: 0px auto;
	padding: 10px;
	background-color: #cce0b2 !important; /* Old browsers */
	border-top: 1px solid #aacc7f;
	border-bottom: 1px solid #aacc7f;
}

fieldset.no-margin {
	padding: 0 !important;
	margin: 0 !important;
}
/* styles from jbfe2 for testing */
div.module-profile-block {
    border: 1px solid #ccc;
}
.module-profile-block-inside, .module-profile-block-header  {
    padding-left: 15px;
    padding-right: 15px;
}
.module-profile-block-header {
    border-bottom: 1px solid #ccc;
    border-left: 10px solid #003399;
	background-color: #dddddd;
	padding-top: 7px;
	margin:0px !important;

}
.module-profile-block-header > h {
    margin:0px !important;
}

.module-profile-block-header > h2 {
    float: left; margin:0px !important; width: auto !important;
}
.module-profile-block-inside {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
	height: auto !important; overflow: hidden;

}
.module-profile-block a,
.module-profile-block a:visited {
	text-decoration: underline !important;
	color: #295376 !important;
	cursor: pointer;
}
.range-slider-button {
	cursor: pointer;
}

/* .info-block {
	width: 98%; padding-top: 15px; padding-bottom: 15px;
	margin: 0px auto;
	background-color: #ddffdd;
	display: block;
} */

ul.module-dashboard-viewlist  li { margin-right: 2em; }

#dashboardform\:matchlist-datatable, #dashboardform\:savedlist  { border: 1px solid #ccc; }
/* preferences page */
div#postal-code-radius:lang(en)  { width: 50% }
div#postal-code-radius:lang(fr)  { width: 60% }
#editprofileForm\:location_selected  { }

span.optional  { color: #C5080C; font-style: italic; font-size:80%; }
div.blue-highlight  { background-color: #DEEFF7; padding-top: 10px; padding-left: 10px;  padding-bottom: 0px }
div.editprofileForm\:searchcitylist  ul li  { background-color: #DEEFF7; }
input#location-other_input, input#language-other_input, input#inputexperiencejobtitle, div#location-other-instruction, div#language-other-instruction  {
	width: 80%; float: left; margin-top: 0px;  margin-bottom: 0px; color: #000000 !important;
}

div#blocklocation-container, div#prof-official-languages, div#new-credential, div#credential-section  { height: auto !important; overflow: visible !important; }
div#new-location:lang(en), div#new-language:lang(en) { width: 80%; margin: 0px auto }
div#new-location:lang(fr), div#new-language:lang(fr)  { width: 95%; margin: 0px auto }
/* div#new-job-title1 { width: 95%; margin: 0px auto } */
div#new-language  { float: left !important; }


div#experiencenoc-label label  { text-align: right; margin-right: 0.2em }
span.msg-error { padding-left: 0px !important }
div#new-credential { width: 95%; margin: 0px auto }
div#new-credential label { width: 40%; float: left; }

div#cities_selected  { margin-bottom: 0px !important;  }
div#messageblock ul, div#cities_selected ul, div#provinces_selected ul, div#prof-official-languages ul, div#editprofileForm\:emplgrouplist ul, ul.module-toolbar-jobnav, div#credentials ul { list-style-type: none }
div#provinces_selected  { margin-top: 0px !important}
div#education label,  div#experience-title label, div#filter-noc label   {
	display: inline-block !important;
	/* height: 2em !important; */
	/* padding-left: 0.5em !important;
	padding-top: 0.3em  !important;
	margin-top: 1em !important;
    vertical-align: middle !important;  */
    /* font-size: 0.9em !important; 	 */
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
	outline: thin dotted !important;
}


/* div#education input[type="checkbox"] {
    height: 2em !important;
    padding-top: 0px !important;
    vertical-align: middle !important;
}

div#editprofileForm\:high-school-ed div.checkbox input[type="checkbox"] {
	height: 2em !important;
	padding-top: 10px !important;
    vertical-align: middle !important;
} */

/* div#editprofileForm\:high-school-ed  label  { margin-left: 2em !important; padding-bottom: 1em !important; } */

div#experience-skills  label  { padding-bottom: 0.5em !important; }

/* div#nocredential-label, div#editprofileForm\:high-school-ed label  { margin-top: 0.8em; } */

span.module-profile-block  { margin-bottom: 2em !important; }
/* div#prof-official-languages legend.required  {
	border: none;
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-weight: 700;

	color: #555;
	padding: 5px 0 5px 0;
	margin-left: 0.8em;
	float: none;

} */
#language-official-eng ul li { margin-bottom: 1em !important; }

h4.underline, h3.underline  {  border-bottom: 1px solid #ccc;  }

/* h2  { margin-top: 0px; margin-bottom: 0px; } */

div.module-profile-block-inside h3.profile-section-title,
div.module-profile-block-inside h2.profile-section-title  {
	  width: 80% !important; margin-top: 0px !important; margin-bottom: 0px !important;
	  font-weight: normal !important;
	  color: #003366 !important;
}

div.module-profile-block-header  h3  { margin-top: 0px !important; padding-top: 0px !important; }

.button  {  box-shadow: 0px 1px 0px rgba(255, 235, 200, 0.7) inset !important;}

#dashboardform\:savedlist input.button, #dashboardform\:matchlist-datatable input.button  { float: left !important; margin-top: 0px !important; margin-left: 2px !important; padding: 0px 2px !important; }

/* div.top  {float: left !important; margin-top: 0px !important; } */

div#activityreport-refresh  { float:right;  }

#activityreport table#activitytable, #activityreport table#distancetable { width:90%; }

/* #activitytable th, #distancetable th { font-size: 0.9em !important; } */

/* #activityReportform\:radiusnote  { margin-left: 14em; text-align: right; } */

div#dashboard-refresh  { float:right;  }

#profile-publish-button  { width: 100%; text-align: center }

div.profile-toolbar  { width: auto; float: right; margin-top: 0px !important;  margin-left: 1em }

.module-profile-block .profile-toolbar a, .module-profile-block a:visited {
	font-size: 0.9em; text-decoration: none !important;
}

.jm-intro  {  margin-top: 0px; margin-bottom: 0px; }
.grey-text  { background-color: #eee;
    border-radius: 4px;
    color: #222;
    font-size: 90%;
    padding: 1px 4px 1px 3px; }

.grey-info  {
	background-color: #eee; border-radius: 4px; color: #666;
    font-size: 0.9em; padding: 5px; margin-top: 1em; margin-bottom: 1em;}

legend.legend-plain  { color: #000 !important; font-size: 0.9em !important; text-decoration: none !important; }
legend.legend-plain:after { border-top: none !important; }
legend#stats-gender-label   { color: #000 !important; font-size: 0.9em !important; text-decoration: none !important; border-bottom: none !important; }

/* label.required:before, legend.required:before {  content:"* "; color:#d3080c; margin-left:-0.665em; }
label.required span.required, legend.required span.required {
    color: #d3080c;
    font-style: italic;
} */
div#profile_skills_and_experience  { margin-left: 0.8em; margin-right: 0px; }
div#experience-info input  { padding-left: 0.5em }
#experiencejobtitleForm label   {  padding-top: 2em;  }
a#exp-job-by-category-link  { position: relative; top: 3em; }
input.exp-checkbox { float: left; margin-bottom: 0px !important; }
label.side-label { margin-top: 0px !important; margin-left: 1em; padding: 0px !important; float: left; }
div.toolbar-button  { text-align: right; }
div.uppercase  span  { text-transform: uppercase }
.itemSelection  {  padding-top: 2em;  padding-bottom: 2em;  }
/* table.datalist { width: 100%; margin: 0px auto; border-left: 1px solid #ccc !important;  } */
table.datalist .button  { margin-bottom: 5px; white-space: nowrap; }
/* table.datalist td { height: 3em } */
img.openit  { margin-top: 1em; }
details#job-title-result  { float: left; margin-top: 0px !important; padding-top: 0.8em }
details#job-title-result summary  { margin-top: 0px !important; color: #003399; font-family: sans-serif !important; }
details#job-title-result-details  { margin-left: 4.5em !important; }

/* Dashboard */

div#myprofile ul.box-list, div#activity-report-resources ul.box-list  { list-style-type: none !important;}
div#myprofile ul.box-list li.box-list-item, div#activity-report-resources ul.box-list li.box-list-item  { text-align: left !important; }
div#myprofile ul.box-list li.box-list-item details summary, div#myprofilewelcome ul.box-list li.box-list-item details summary  { font-weight: bold }
div#myprofile ul.box-list li.box-list-item details dl dt, div#myprofilewelcome ul.box-list li.box-list-item details dl dt  { font-weight: bold !important; margin-top: 0.5em; }
div#myprofile ul.box-list li.box-list-item details dl dd, div#myprofilewelcome ul.box-list li.box-list-item details dl dd { margin-left: 0px !important }
div#myprofile ul.box-list li.box-list-item details ul, div#myprofilewelcome ul.box-list li.box-list-item details ul { margin-left: 1em !important }
div.education_summary  { padding-bottom: 1em; margin-right: 1em; margin-top: 1em; border-bottom: 1px solid; border-color: #ddd; }
ul#experience-list  { list-style-type: none; padding: 0px; margin: 0px; }
ul#credentials-list  { padding: 0px; margin-left: 1.2em;}
ul#experience-list li  { padding-bottom: 1em; margin-right: 1em; margin-top: 1em; border-bottom: 1px solid; border-color: #ddd;}
ul#credentials-list li  { }
#myprofile details, #myprofilewelcome details {float:left; width:100%; display:inline;}
#myprofile dl, #myprofilewelcome dl {margin:0;}

#myprofile details[open], #myprofilewelcome details[open] {width:100%;}

#myprofile div.inner, #myprofilewelcome div.inner {padding:1em 1em 1em 1.3em;}

#myprofile table, #myprofilewelcome table {
	border: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#myprofile table thead, #myprofilewelcome table thead { display: none; }

#myprofile table tr, #myprofilewelcome table tr {
	padding:0 1em;
	display:inline;
}

#myprofile table td, #myprofilewelcome table td {
	display:block;
	border:none;
	padding:0;
}

#myprofile table td.job-title, #myprofile table td.program-name, #myprofilewelcome table td.job-title, #myprofilewelcome table td.program-name {
	font-weight:bold
}
td.job-title:first-letter {
	text-transform: uppercase;
}

#myprofile table td.employer-name, #myprofile table td.institution-name, #myprofilewelcome table td.employer-name, #myprofilewelcome table

td.institution-name {
	font-style:italic
}

#myprofile table td.begin-end-date, #myprofile table td.completion-month-year, #myprofilewelcome table td.begin-end-date, #myprofilewelcome table

td.completion-month-year {
	color:#999;
}


#myprofile table td.education-field, #myprofilewelcome table td.education-field {
	display:none;
}

/* table.datalist th {
     font-size: 1.2em;
}

table.datalist td {
     padding-top: 0.7em !important; padding-bottom: 0.7em !important; font-size: 0.9em !important;
} */
table.datalist td .jobtitle {
	white-space: pre-line;
}
#editprofileForm\:noexperience, #editprofileForm\:nocredential  { margin-right: 1em !important; }

#editprofileForm\:experience-skills-prime {
	margin: 1em 0;
}
#editprofileForm\:experience-skills-prime legend {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    content: none;
    font-size: 1.2em;
    height: auto;
    margin: 5px 0;
    padding: 0;
}
#editprofileForm\:experience-skills-prime legend:after {
    border: medium none;
    height: auto;
}
#editprofileForm\:experience-skills-prime legend.ui-state-hover {
	background-color: #EEEEEE;
}
#editprofileForm\:experience-skills-prime legend span.ui-icon-plusthick {
      background-position: -32px -16px;
}
#editprofileForm\:experience-skills-prime legend span.ui-icon-minusthick {
      background-position: -64px -16px;
}

#editprofileForm\:jobeducation-table  { border: 1px solid; border-color: #ccc; }
#editprofileForm\:jobeducation-table  th.first  { margin-left: 1em !important; }
#editprofileForm\:jobeducation-table  td.first  { width: 40% }
#editprofileForm\:jobeducation-table  td.second  { width: 30%; text-align: left; }
#editprofileForm\:jobeducation-table  td.third { width: 25%; text-align: left; }
input#noeducation  { margin-right: 1em !important }

div#status-active-profile  {
	background-color: #339933 !important;
	height: 2.5em !important; padding-top: 0.5em; text-align: center; background-color: #339933 !important;
	font-family: sans-serif !important; color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}

div#status-inactive-profile  {
	background: linear-gradient(to bottom, #FFF 0%, #CCC 100%) repeat scroll 0% 0% transparent;
	height: 2em; padding-top: 0.7em; text-align: center;
	font-family: sans-serif !important; color: #000; font-size: 1.2em; font-weight: bold; text-transform: uppercase;
}

div#jmds-container  { text-align: center; position: relative; }
div.status-active-profile-link  { float: right; margin-top: 0.7em; margin-bottom: 0.7em; margin-right: 1em; }
div.profile-status-link  { width: 50%; margin: 0px auto }
div.status-active-profile-link  a { text-decoration: underline }

.rt-box-bordered  { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #ccc }
ul.rt-box-bordered  { padding: 1em; }
/* styles for clickable table row */

table.clickable tbody tr:hover {
	background-color: #E6FF99;
}
table.clickable tbody td:hover {
    cursor: default;
}

/* end of styles for clickable table row */

div.border-box  { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #ccc }

div#seeker-welcome-page div#job-match-dash  { margin-left: 2em; }

h2.job-match-dash-title { margin-top: 1em !important; margin-bottom: 0.5em !important; border-bottom: 3px solid #003399;
}

section#jbJobMatch h2  { font-size: 26pt !important; }

h2.welcome-page-title { margin-top: 0px !important;
   text-transform: uppercase !important; padding-left: 2em;
   background-color: #003366; color: #fff  !important;
}

div#myprofile div.module-box  h2.module-box-title, div#myprofilewelcome div.module-box  h2.module-box-title {
	 background-color: #006699 !important; color: #ffffff !important; text-transform: uppercase !important;
}

div#dash-match-separator  { width: 100%; border: 1px solid #003399; margin-bottom: 1em; }
/*
h2.module-box-title {
	 color: #fff !important; background-color: #006699 !important; text-transform: uppercase;
}
*/

h2.statusprofile-title  { padding-top: 6px; padding-bottom: 6px; margin-bottom: 0px !important; background-color: #006699 !important; color: #ffffff !important; text-transform: uppercase !important; }


.suggest:hover {
	border: 1px solid;
}
a.resultLink {
	display: block; text-decoration: none !important;
}

.slideshow {
    height:  1290px;
    width:   942px;
    padding: 0;
    margin:  0;
}

.slideshow img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    top:  0;
    left: 0
}

.larger-text  { font-size: 1.8em; }
.larger-text-grey  { font-size: 1.8em; color: #666; }

/* For the welcome page rotator  */

div#seeker-welcome-page div.wet-boew-tabbedinterface  {
	border: 2px solid #ccc !important;
}

div#seeker-welcome-page div.tabs-panel  {
    background: none !important;
    background-image: none !important;
    background-color: #ccc !important;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 2px solid #999;
    width: 93% !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 1em !important;

}

div#seeker-welcome-page div.tabs-panel  div#tabs1_3 img  { margin-left: 1em !important; }

.wet-boew-tabbedinterface ul.tabs li.active {
	background-color:  #e4e4e4 !important; color: #000033 !important;
}

.wet-boew-tabbedinterface ul.tabs li.active a {
	color: #000033 !important;
}

.wet-boew-tabbedinterface ul.tabs li a:hover {
	color: #000033!important;
}

a.rotator-link:link {
   font-weight: bold; color: #000033 !important;
}

a.rotator-link:visited {
    font-weight: bold; color: #000033 !important;
}

a.rotator-link:hover {
   font-weight: bold;  color: #000033 !important;
}

a.rotator-link:active {
    font-weight: bold; color: #000033 !important;
}
/* End of welcome page rotator styles */

/* message block */

div#seeker-welcome-page ul.messageblock { margin-top: 0.5em; }

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    font-weight: bold;
    margin-left: 16px;
    list-style-type: none;
}
.ui-messages ul, ul.no-bullets {
    list-style-type: none;
}


ul.rt-box  {
    list-style-type: none !important;
    margin-left: 1em;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    margin: 10px 0;
    padding: 10px;
}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background: url("/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin: -4px 0 0;
    padding: 0;
    position: relative;
    width: 30px;
}

/* .ui-messages-info-icon {
    background-position: 0 -316px !important;
}
.ui-messages-error-icon {
    background-position: 0 -52px !important;
}
.ui-messages-info, .ui-message-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #003366;
}
.ui-messages-error, .ui-message-error, .ui-messages-error a {
    background-color: #f9edf7;
    border-color: #fce8f1;
    color: #9F2C20 !important;
}
.ui-messages-error a:hover {
    font-weight: bold;
} */
/* p.msg-error {
	margin-left: 30px;
    margin-top: 0;
} */
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    margin: 10px 0;
    padding: 10px;
}


.table-display dt {
    float: left  !important;
    width: 45% !important;
    border-top: none !important;
}

.table-display dd {
    float: right !important;
    width: 45% !important;
    border-top: none !important;
    border-bottom: none !important;

}


dl.new-look  { margin-left: 0 !important; }
.new-look dt  { margin-left: 0 !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important;font-weight: bold; width: 100% !important; }
.new-look dd  { width: 85% !important; }

.edit-profile-legend  {

	font-size: 12pt; color: #4F4D4D;
}

div.twocolumn ul li, ul.twocolumn li {
    float: left;
    width: 50%;
}

div.threecolumn ul li, ul.threecolumn li {
    float: left;
    width: 33%;
}
.resultExtendedDescription  { margin-top: 1em; }
.capitalize  { text-transform: capitalize; }
.resultFullDescription  { display: none }

table#panelunder { border: 1px solid; }

table#panelunder td { padding: 5px !important; }

table#panelunder td.strong { font-weight: bold; }


.twocolumn-group-li ul ul li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
.twocolumn-group-li ul ul li label {
    display: inline;
}

.threecolumn-group-li ul ul li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}
.threecolumn-group-li ul ul li label {
    display: inline;
}

div.eligibleNoc > ul {
    list-style: outside none none;
    margin-left: 0 !important;
}
div.eligibleNoc > ul ul {
    list-style-type: square;
}
div.eligibleNoc li.strictmode {
    color: red;
    list-style-type: circle;
}

#col-center ul li {
	display: block;
}

#col-center ul {
	padding: 0px;
	border-bottom:0px;
}
div.object-jobview-details dl {
	margin:0px;
}

input#fos-name1  { width: 50%; float: left; margin-left: 1em !important; padding-left: 0.5em; }
div#editprofileForm\:educationsearchResults {
	width: 100%; margin-left: 0px !important; padding-left: 0px !important;
}
div#editprofileForm\:educationsearchResults table  {
	width: 100%;
}

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

div.educationResults a  {
	font-size: 12pt; color: #4F4D4D;
}

#error-fos-name  { font-size: 10pt; color: #9F2C20 !important; }

.fosTitle  { width: 60%; float: left; margin-top: 0.5em }

#add-program-button  button { float: left;   }

div.module-panel-buttons  { width: 90% }

#add-program { float: left;  margin-left: 1em;   }
/* #cancel-program { float: right;  } */

div#cip_suggestions .twitter-typeahead .tt-hint {
  	display: none !important
}

h1.black_title  { margin-bottom: 10px !important; }

div#dash-container div.hero-content-wrapper { margin-top: 0px !important; }

#employer_notified  { background-color: #e4eff5; padding:1em 0 }

.viewcheck-posting  { background: url('/javax.faces.resource/icons/16px/checkmark-circle.png.xhtml?ln=images') no-repeat scroll 1em center; padding-left: 3em;  padding-right: 3em; }

div#job_expired,div#job_cancelled { background-color: #ffe8e8; padding: 1em }

div#job_applied { background-color: #e4eff5; padding: 1em }

h3.no-left-margin  {  margin-left: 0px !important; }

a.no-bg   { background: none }

ul.skills span.green-checkmark { margin-left: 0px !important; }
ul.skills span.red-xmark { margin-left: 0px !important; }

/* div#jobpostingSkills  {
	width: 90%; margin-top: 0px !important; float:left !important;
} */

/* h3#job-desc-link-title  { font-size: 1em !important;} */

/* Override checkbox style from theme-jb because it's causing layout issue on preferences page */
/* div:not(#foo) > input + label,
div:not(#foo) > input.valid + label + label { background: none;	} */

/* label, input {
  display:inline-block !important;
} */

/* this was causing double checkbox layout issue  div#default-loc-check label  { -bottom: 30px !important; width: 450px; } */

 table#panelunder td,
 table#panelunder th { border: 1px solid gray }

div#editprofileForm\:searchlanguagelist ul li:first-child div.checkbox { margin: 0px !important; }

a.current:hover  { background-color: #2572B4 !important;
border-color: #2572B4 !important;
color: #FFF !important;
cursor: default;
z-index: 2;
}

div#experience-skills div.col-md-5  { margin-top: 0px; }

.invisible  { display: none; margin: 0; }
div#reject-reason div.checkbox label, div#reject-reason-list div.checkbox label  { margin-top: 0.8em !important; }
a#smartforce-link  { padding: 0px !important; }

#scrollable-dropdown-menu .tt-menu {
  max-height: 400px;
  overflow-y: auto;
}

div#experience-list table.datalist tr:hover {
	cursor: default !important;
}
table.datalist tbody td.jobtitle {
	width: 120px !important;
}
table.datalist tbody td.text-align-center {
	padding: 8px 0px;
}
/* table.dataTable.dtr-inline > thead > tr > th:first-child,
table.dataTable.dtr-inline > tfoot > tr > td:first-child,
table.dataTable.dtr-inline > tbody > tr > td.control,
table.dataTable.dtr-inline > tbody > tr > td:first-child {
	display: none;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
} */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.control,
table.dataTable.dtr-inline.collapsed > thead > tr > th:first-child,
table.dataTable.dtr-inline.collapsed > tfoot > tr > td:first-child {
	display: table-cell;
	width: 20px !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
	margin: 5px;
	top: 5px !important;
}
/* table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::after {
	border: 2px solid #195919;
} */
#rt-nav {
	margin-top: 2em;
	padding: 0;
}

div#lstCityInstProgram  { border: 1px solid #cccccc; padding-left: 1em; margin-top: 1em; }

@media screen and (min-width: 768px) {
	table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
	table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
		top: 10px !important;
	}
}
@media screen and (min-width: 992px) {
	#rt-nav {
		margin: 0;
		padding: 0 0 0 15px;
	}
}
/* @media screen and (max-device-width: 1200px) {

div#rt-nav  { width: 75% !important; margin-top: 2em; }
div#matchlist-container table.datalist :lang(fr) { width: 50% !important; }

} */

#login-new-users ul.fa-ul li .fa {
	color: #2265aa;
}

#login-new-users .btn-cta-nothanks {
	background: maroon !important;
	border: 2px solid maroon !important;
}

#login-new-users .btn-cta:visited {
	background: #2265aa;
	border: 2px solid #2265aa;
	color: #fff;
}
#login-new-users .btn-cta:hover {
	background: #fff;
	color: #2265aa;
}
#login-new-users .dialog-help {
	background: #2265aa;
}

.myselect  {

}
.myselect option  {

    width: 100% !important;
}

/* iframe  { outline: thin dotted !important; } */
/* .focus-border  { outline: thin dotted !important; } */
#fs-survey-iframe:focus, #fs-survey-iframe-ee:focus  { outline: thin dotted !important; }
div#iframe-content:focus, /* div#jmds-container:focus, */ div#messageblock-content:focus, p#statusblock-update:focus, p#modeblock-update:focus, #editprofileForm\:cip-name:focus, select:focus  {
	 outline: thin dotted !important;
}

select optgroup.maximized  {
	background-image: url("../../themes-jb/images/details_open.png");
    background-position: left top;
    background-repeat: no-repeat;
	padding-left: 2em;
	background-color: transparent !important;
	border: none !important;
}

select optgroup.minimized  {
	background-image: url("../../themes-jb/images/details_close.png");
    background-position: left top;
    background-repeat: no-repeat;
	padding-left: 2em;
	background-color: transparent !important;
	border: none !important;
}

.survey-iframe  { width:100%; height: 30em; border: 1px solid #dfdfdf; }
.survey-iframe:focus { outline: thin dotted !important;  }
#loading-message {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff;
    border: 1px solid #dfdfdf;
    top: 0px;
    left: 0px;
    position: absolute;
}
#loading-message .loading-symbol {
	display: table;
	height: 100%;
	margin: 0 auto;
}
#loading-message .loading-symbol .content-box {
	display: table-cell;
	vertical-align: middle;
}
div#prof-status, div#prof-mode  { padding-top: 2em; text-align: center; }
div.profile-status:lang(en)  { border:1px solid; margin:1em auto; width:45%; padding:2em; text-align: center; }
div.profile-status:lang(fr)  { border:1px solid; margin:1em auto; width:45%; padding:2em; text-align: center; }

div#preferences div.col-md-12, div#education div.col-md-12, div#experience div.col-md-12, div#credentials div.col-md-12 { width: 100% !important; padding-left: 0px !important; margin-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; }

h2#lightbox-link .dialog-help,
h3#lightbox-link1 .dialog-help  {
	font-size: 0.55em;
	top: -4px;
}
/* Resume Builder styles */

table.resumes_list  { font-size: 1.3em; color: #4F4D4D; margin-bottom: 1em; }
table.resumes_list th  { background-color: #F0FFF0;  }
.no-left-margin  { margin-left: 0px !important; }
#resumeForm .module-toolbar, #docUploadSPForm .module-toolbar { background-color: transparent; }
#resumeForm .btn-primary, #docUploadSPForm .btn-primary { color: black; background-color: #ECF4FD; border: solid 1px #C0D3DC; border-radius: 6px;}
#resumeForm .job-action, #docUploadSPForm .job-action { top: 37%; }
#resumeForm li, #docUploadSPForm li { color: #666; }
#resumeForm .underlined-bar, #docUploadSPForm .underlined-bar { background-color: transparent; width: 100%; border-top: 4px solid #ddd; padding: 15px 0 10px 0; }
div.resumeListContent { padding: 10px 20px 20px 0px; }
.hidden-group-panel .sectionActionBtns { padding-right: 5px; }
.sectionActionBtns { padding-left: 0px; }
/* .outputReadOnly  { height: 3em !important;} */
/* End of Resume Builder sytles */

span.job_expired,span.job_cancelled  {
    background-color: #ffe8e8;
    padding-left: .5em;
    padding-right: .5em;
    margin: 3px 0 0 0;
    position: relative;
    display: inline-block;
}
span.job_applied {
    background-color: #e4eff5;
    padding-left: .5em;
    padding-right: .5em;
    margin: 3px 0 0 0;
    position: relative;
    display: inline-block;
}
.rbhidden {
	color: #636363;
    text-decoration: line-through;
}
.rbhidden .textQualification {
    font-style: oblique;
}
div.subSuggestSectionContent label { font-weight: bold }

.subSuggestSectionContent  { background-color: #eeeeee !important; }
details#suggest-skill summary, details#suggest-new-item summary { background-color: transparent !important; }

.subSuggestSectionContent .input-group-btn { display: unset; }

i.fa-lock  { font-size: 20pt !important; }
.tip-links {
	padding: 10px 0 10px 12px;
	color: #555;
	/* background-color: #eeeeef; */
	display: inline-block;
}
label.tinymce-label {
	margin-top: 17px !important;
}
/* .btn-showhide:first-letter {
	text-transform: capitalize;
} */
.btn-showhide .category-name {
	text-transform: lowercase;
}
.group-control {
	margin: 20px 15px 0 15px;
}

.category .dialog-help {
	margin: -4px 8px 0px 10px;
	padding: 6px 0 0 0.5px;
	font-size: 14px;
	top: 4px;
	position: absolute;
	left: -15px;
	width: 25px;
	height: 25px;
	line-height: 13px;
}
.category .sub-section {
	margin: 0 0 0 0;
	padding: 10px 0px 0 0px;
	border-bottom: 1px solid #efefef;
	cursor: default;
}
.category .sub-section:last-child {
	border-bottom: none;
}
.sub-section {
	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-iteration-count: 1 !important;
	-moz-animation-iteration-count: 1 !important;
	-o-animation-iteration-count: 1 !important;
	animation-iteration-count: 1 !important;
}
.sub-section:hover,
.sub-section:focus,
.sub-section:active,
.sub-section.selected {
	/* background-color: #f5f5f5; */
	background-color: #ECF3F7;
	margin: -1px 0 0 0;
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	/* outline: 1px dotted #000; */
}
.sub-section > .highlight {
	display: block;
	position: relative;
	margin: -10px 0 7px 0;
	padding: 7px 0 0 0;
}
.sub-section > .highlight .entry {
	display: block;
	position: relative;
	line-height: 1.6em;
}
.category .sub-section .control {
	/* display: none; */
}
.category .sub-section.selected .control {
	position: relative;
	/* left: 0; */
	display: block;
	z-index: 10;
}
.category .sub-section.selected .control .buttons {
	/* background: #fff;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.2); */
}
.category .sub-section.selected .control .association {
	position: absolute;
	top: -10px;
	left: 15px;
}
.category .sub-section.selected .control .arrow_box {
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid;
	border-color: rgba(0,0,0,0.2) transparent;
	border-top-width: 0;
}
.category .sub-section.selected .control .arrow_border {
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid;
	border-color: #fff transparent;
	top: 1px;
	z-index: 1;
	border-top-width: 0;

}
.sub-section:hover > .highlight {
	/* background-color: #e3e3e3; */
}
.sub-section > .details {
	padding: 0 0 10px 0;
	font-size: 0.85em;
	margin: -10px 0 0 0;
}
.sub-section > .details.title {
	font-size: 1em;
}
.sub-section > .details > .title {
	font-size: 1.177em;
}
.sub-section p {
	margin-bottom: 0;
}
.show-group {
	display: block;
	overflow: hidden;
}
.hidden-group {
	display: block;
	overflow: hidden;
	height: 0;
}
.hidden-group-panel {
	height: auto;
	display: block;
	overflow: hidden;
}
.hidden-group-panel-wrap {
	display: block;
	position: relative;
	margin: 0 15px 15px 15px;

	background: #F9F9F9;
	padding: 10px 15px;
	border: 1px solid #eee;

	 -webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-iteration-count: 1 !important;
	-moz-animation-iteration-count: 1 !important;
	-o-animation-iteration-count: 1 !important;
	animation-iteration-count: 1 !important;
}
.hidden-group-panel-wrap .sub-section {
	margin: 0 -5px;
	/* border-bottom: 1px solid #dedede; */
}
.hidden-group-panel-wrap .sub-section:hover,
.hidden-group-panel-wrap .sub-section.selected {
	margin: -1px -5px 0 -5px;
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.hidden-group-panel-wrap > .sub-section:hover {
	background-color: #E9E9E9;
}
.group-control.hidden-group,
.sub-section.row.hidden-group {
	margin: 0;
	padding: 0;
}

/* year-month-input style  */

fieldset.yearMonthInput  {
	padding-left: 0px;
}

fieldset.yearMonthInput legend {
	border: none;
	padding: 0 0 7px 0;
	margin: 0;
	color: #666;
	font-size: 1em !important;
	font-weight: 600;
}

.job-posting-brief {
	list-style: none;
	padding: 17px 12px 15px 14px;
	margin: 0 0 15px 0;
}
#viewResumeForm\:resume-layout.hide {
	display: block;
	overflow: hidden;
	height: 0;
}
.resume-layout-stylistic {
	padding: 40px 60px;
	margin: 5px 0;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#viewResumeForm\:resume-layout.resume-layout-stylistic section {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

#viewResumeForm\:resume-layout.resume-layout-stylistic h3 .btn {
	letter-spacing: normal;
}
.command-modify-add {
	position: absolute;
	right: 0;
	top: 13px;
	margin: 0;
	z-index: 9;
}
#example-resume-modal .modal-body {
    background: #efefef;
}
#showMySkillsWindow.overlay-def {
	overflow-y: visible;
}
#showMySkillsWindow h3 {
	color: #3E68A1;
	font-size: 1.3em;
	font-weight: 500;
}
#showMySkillsWindow ul {
	padding-left: 2em;
}
#showMySkillsWindow #new-job-title {
	width: 100%;
	margin: 40px 0;
	padding: 20px 10px 0 10px;
	border-top: 1px solid #eee;
}
/* #showMySkillsWindow .module-toolbar {
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
} */
.dashboard-nav ul {
	margin: 0 !important;
}
.form-wrap {
	background-color: #efefef;
	padding: 15px 25px;
	margin: 10px 0 20px 0;
}
.form-wrap legend {
    margin: 5px 0 15px 0;
	padding: 0;
	float: left;
}
.form-wrap .form-group {
	margin-left: 0;
    padding-left: 0;
}
.form-wrap .btn-group {
	padding: 0 0 10px 0;
}
.globalSearchTypeResults {
	padding: 0 25px;
}
.globalSearchTypeResults .resultsList {
	border-bottom: 5px solid #ddd;
	color: #555;
	padding: 0 0 5px 0;
	margin: 10px 0;
}
.buttons .btn-link {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 1px 10px;
	margin: 0;
}
.buttons .btn-link:visited {
	color: #295376;
}
.buttons .btn-link:last-child {
	margin: 0 0 0 10px;
}
.buttons .btn-link:hover {
	background-color: #fff;
	border: 1px solid #ddd;
}
.button-group .btn {
	margin: 0 0 5px 0;
}
.button-group .btn:last-child {
	margin: 0;
}
.prm-flpr.theme-bg {
	background: #fff url('../images/bg-hero_cityscape_flyover.jpg') no-repeat;
	background-size: cover;
	/* height: auto !important; */
}
.wb-tables-filter .control-label {
	padding: 6px 12px;
	margin: 0;
}
.dash-emp-filters {
	background-color: #e1e4e7;
	padding: 10px;
}
/* #job-match-dash,
#savedlistsection {
	margin: 0 -15px;
} */
.selectManyCheckbox input[type="checkbox"] {
	/* margin: 3px 0 0 3px !important; */
}
#howtoapply h3 {
	margin-top: 0;
}
.survey-message {
	margin-top: 0;
}
.survey-message .wb-dismissable-wrapper {
    vertical-align: middle;
}
.survey-message p {
	margin: 0;
	font-size: 0.75em;
	color: #555;
	font-weight: 500;
	padding: 0 10px;
}
#jmds-container .close-command {
    float: right;
    font-size: 0.85em;
    padding: 0;
    background: #fff;
    top: -37px;
    right: 6px;
    position: relative;
}
#matchlist-datatable_filter {
	display: none;
}
.pull-nav {
	display: block;
	margin: -15px 15px 20px 15px;
	padding: 20px;
	background-color: #F1F1F1;
	width: 100%;
}
.sub-checkbox {
	padding: 0 25px;
}
.table.datalist tbody td.text-align-center .lead {
	margin: 0;
}

/* #editprofileForm\:high-school-ed label  {  position: relative; left: 10px; top: 5px; } */

.survey-message {
    background-color: #eee;
    display: table;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}

/* a.btn-primary  { color: #ffffff !important; }
a.btn-primary:link, a.btn-primary:visited  { text-decoration: none !important } */

#editprofileForm\:location-postalcode { height: 17px; width: 17px; margin-top: 5px !important; margin-right: 15px !important;}

.no-padding  { padding-left: 0px !important; }
legend.no-frills  { padding: 0px !important; border-bottom: none; margin: 0px !important; font-size: 1em !important;}

div.tabs-container  {  border-bottom: 2px solid #ddd; }

div.searchtab, div.searchtab-active  {
	width: auto; height: 3em; float: left; padding: 5px; border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; border-top: 4px solid #ddd; text-align: center; padding-top: 0.5em;
	 font-size: 1.1em; background-color: #fff;
}
div.searchtab, div.browsetab  {
	background-color: #fff;
}
div.searchtab-active, div.browsetab-active  {
	background-color: #f3f3f3;
}
div.browsetab, div.browsetab-active  {
	width: auto;
	height: 3em;
	float: left;
	padding: 5px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 4px solid #ddd;
	text-align: center;
	padding-top: 0.5em;
	font-size: 1.1em;
	margin-left: 1em;
	white-space: nowrap;
}

div#details-panel1, div#details-panel2  { border-left: 1px solid #ddd; border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd; padding: 10px; margin-bottom: 1em;
}

a.no-underline:link  { text-decoration: none; }
a.no-underline:visited  { text-decoration: none; color: #666; }

/* For new job search slider */
.item-slider  { width: 75% !important; }
.decrease, .increase  { width: 15% !important; color: #666 !important; }
.slider-input { width: 200px !important; }

.amount-dist  { font-weight: bold; }
/* End of new job search slider */
#editprofileForm\:location_selected  { width: 100% !important}

/* Tooltip container */
.tooltips {
    position: relative;
    display: inline-block;

}

/* Tooltip text */
.tooltips .tooltipstext {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #000;
    padding: 5px;
    border-radius: 6px;
    font-size: 0.8em;
 	border: 1px solid;
    position: absolute;
    top: 40px;
    left: -20%;
    z-index: 1000 !important;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
    visibility: visible;
}

#instructions-title  { font-size: 0.9em !important }
#radius-help-icon { font-size: 0.9em !important }
.grey-text  { color: #666666 }

/* Row Highlights */
.datalist.hoverDefault tbody tr:hover {
	cursor: default;
}

div.settings-box  {
	width: 32%;
	min-height: 350px;
	height: auto;
    color: #666;
    padding: 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
 	border-top: 1px solid; border-left: 1px solid; border-right: 1px solid;  border-bottom: 1px solid;
 	border-color: #666;
 	padding: 15px;
 	text-align: center;

}
div.match-type  {
	width: 32%; color: #666; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid;  border-top: none; border-color: #666; padding: 15px; float: left !important;
}

div.match-type-rt  {
	width: 32%; color: #666; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid;  border-top: none; border-color: #666; padding: 15px; float: right !important;

}

div#balance-match, div#balance-radio, div#radio-balance, div#radio-education  { margin-left: 1.3em; }

div#experience-match .fa-briefcase   { width: 50%; font-size: 50pt; color: #2b78e4; border-bottom: 2px solid; border-color: #666; padding-bottom: 10px; }

.module-profile-block-inside .fa-balance-scale   { width: 50%; font-size: 50pt; color: #ff3c00; border-bottom: 2px solid; border-color: #666; padding-bottom: 15px; }

.module-profile-block-inside .fa-graduation-cap   { width: 50%; font-size: 50pt; color: #009900; border-bottom: 2px solid; border-color: #666; padding-bottom: 8px; margin-top: 5px; }

p.underline  { padding-bottom: 40px; border-bottom: 2px solid; border-color: #e1e4e7; }

div.align-left  { text-align: left; }

div#experience-match .fa-check { font-size: 24pt; color: #2b78e4; }

div#balance-match .fa-check { font-size: 24pt; color: #ff3c00; }

div#education-match .fa-check { font-size: 24pt; color: #009900; }

div#algorithm div.radio  { float: left; width: 30%; margin-top: 0px !important; margin-left: 2em; }

input#editprofileForm\:match-algorithm\:1 { margin-left: 1em !important; }

label[for=editprofileForm\:match-algorithm\:1] { margin-left: 1em !important; }

label[for=editprofileForm\:match-algorithm\:2] { margin-left: 2em !important; }

input#editprofileForm\:match-algorithm\:2 { margin-left: 2em !important; }

div#algorithm div:not(#foo) > input + label/* , div:not(#foo) > input.valid + label + label, span:not(#foo) > input.valid + label + label */ {

    background: none !important;
}

/* div#algorithm h2, div#preferences h2 { font-size: 1.4em !important } */

div#algorithm .error  { width: 100%; background: #efefef; color: #CC0000; font-size: 0.9em; padding: 3px; text-align: center; }

div#balance-match p.underline  { padding-bottom: 10px !important }

@media screen and (max-width: 600px) {

div.settings-box  {
	width: auto;
	display: block;
	min-height: 50px;
	height: auto;
    border: none;
 	padding: 5px;
 	text-align: center;

}

div#experience-section  { float: left; }

table#editprofileForm\:jobexperience-table th, table#editprofileForm\:jobexperience-table td	{ display: block; width: 100% !important }

}
/* p.lead  { margin-right: 1em; color: #666; font-size: 1.2em; letter-spacing: -0.01em;} */


/***********************************************
PROJECT CSS - jobbankroot
************************************************/
main h1#wb-cont::before {
	border-left: none !important;
	padding-left: 0;
}

main h1#wb-cont:focus {
	outline: 1px dotted #ccc;
}

div#radiusmap:focus {
	outline: 2px dotted #335075 !important;
}
#radiusmap {
	height : 250px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px 0 10px 0;
	cursor: pointer;
}
#viewmap {
	height : 450px;
}
h1  { border-bottom: none; }
h2.small  { font-size: 1.2em; font-weight: normal; }
.bg-grey  { background: #F5F6F7; }
.margin-top-none  { margin-top: 0px !important }
.margin-top  { margin-top: 1.7em !important }
.margin-top1  { margin-top: 1em; }
.margin-top3  { margin-top: 3em !important }
.margin-bottom  { margin-bottom: 1em !important }
.margin-left  { margin-left: 0.5em; }
.margin-left1  { margin-left: 1em !important; }
.margin-left2  { margin-left: 2em !important; }
.margin-right  { margin-right: 0.5em !important; }
.margin-right1  { margin-right: 1em !important; }
.margin-right2  { margin-right: 2.3em !important; }
.margin-left-large  { margin-left: 100px; }
.margin-bottom2 { margin-bottom: 2em; }
.margin-bottom5 { margin-bottom: 4em; }
.margin-none { margin: 0px !important }
.padding-top  { padding-top: 8px }
.padding-bottom  { padding-bottom: 8px }
.padding-top-large  { padding-top: 30px }
.padding-left  { padding-left: 0.5em !important; }
.padding-left-large  { padding-left: 20px }
.padded  { padding: 10px }
.padded-top  { padding-top: 1em !important;}
.width100  { width: 100% !important; }
.width80  { width: 80% !important; }
.width75  { width: 75% !important; }
.width60  { width: 60% !important; }
.width50  { width: 50% !important; }
.width30  { width: 30% !important; }
.width25  { width: 25% !important; }
.width20  { width: 20% !important; }
.width15  { width: 15% !important; }
.width10  { width: 10% !important; }
.grey-text  { color: #666666 }
.larger-text { font-size: 1.2em }
.smaller-text { font-size: 0.9em ! important}
.large-text { font-size: 1.4em ! important}
.italicized { text-align:center; font-style:italic; }
/*.capitalized  { text-transform: capitalize}*/
.underlined  { text-decoration: underline }
.job-posting-details-menu { padding-top: 0 !important; }
.details-menu  { border-left: 1px solid #ccc }
.align-center  { text-align: center; }
.align-left  { text-align: left !important; }
.lmibu-invisible { visibility: hidden; display: none;}
.lmi-details-summary  { font-size: 1em !important; }
div#local-news a:link { text-decoration: none; }
div#local-news a:hover { text-decoration: underline; }
.results-jobs article .resultJobItem:visited .title .noctitle,
.results-jobs li .resultJobItem:visited .title .noctitle  {
	color: #7834bc;
}
.no-underline  { text-decoration: none; }
.border { border: 10px solid #ddd;}
.iframe-full  {
	position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;
}

.empty-message {
	padding: 10px;
}
table#canada_news_table {
	border-collapse: collapse;
	}
/*
table#canada_news_table td, 
table#canada_news_table thead th {
	border: 1px solid !important;
	border-color: #ccc !important;
	border-collapse: collapse;
	}
table#canada_news_table thead th {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	}

#canada_news_table.table-responsive {
	display: block;
	overflow-x: auto !important;
	}
*/
table#canada_news_table tr.mouseover:hover  { background-color: #EAFFEA }
table#canada_news tbody tr.odd, table.datalist > tbody > tr:nth-child(2n+1) {
	background-color: #edf5f8 !important;
	}

.lmi-map-box {
	padding: 30px;
	background-color: #f7fbfd;
	}
.news-icon-box {
	min-width: 100px !important;
	display: contents;
	}	
.news-icon-box img {
	position: relative;
	margin-top: -10px;
	}
.news-icon-container {	
	float: left !important;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 15%;
	}
.lmi-news-description {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -0.25px;
	line-height: 1.6em;
	}
	.form-group-combo {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	}
.input-group-prepend {
 	margin-right: -1px;
	}
.input-group-append {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
	}
.input-group-append,
.input-group-prepend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	}
.legend-as-label {
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	max-width: 100%;
	margin: 0px 0px 0px 0px !important;
	}
.cards-table {
	word-wrap:break-word;
	border-bottom: none !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	}	
.cards-table thead {
	position:absolute;
    left:-999em;
    top:-999em;
	}
.cards-table tbody {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 5px;
	}
.cards-table tr {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	border: 1px solid #ccc;
	padding: 15px;
	margin-right: 5x;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}
.cards-table td {
	padding: 5px 3px;
	}
.cards-table td, 
.cards-table thead th {
	border: none !important;
	}
.cards-table .lmi-news-date {
	width: 40%;
	float: left;
	font-style: italic;
	font-size: 10pt;
	margin: 0px !important;
	}
.cards-table .lmi-news-er {
	display: flex;
	}
.cards-table p {
	font-family: "Noto Sans",sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #333;
	}
.cards-table .news-summary-cell-1 {
	grid-column: span 5;
	min-height: 140px;
	}
.cards-table .news-event-cell-2 {
	grid-column-start: 1;
	grid-column-end: 3;
	}
.cards-table .news-industry-cell-3 {
	grid-column-start: 3;
	grid-column-end: 6;
	}
.cards-table .news-date-cell-4,
.cards-table .dataTables_empty {
	grid-column: span 5;
	}
.cards-table .button-cell-5 {
	grid-column: span 5;
	margin-top: 20px;
	text-align: right;
	}
.cards-table .fa,
.cards-table .fas {
	margin-right: 5px;
	}
	
@media screen and (max-width: 991px) {
	.cards-table .lmi-news-er {
		display: block;
		}
	.news-icon-container {	
		width: 22%;
		}	
	.news-icon-box img {
		margin-top: 0px;
		}
	.cards-table tbody {
		grid-template-columns: 1fr !important;
		grid-row-gap: 5px;
		}
	.cards-table .news-summary-cell-1 {
		min-height: auto;
		}
	.cards-table .news-event-cell-2,
	.cards-table .news-industry-cell-3 {
		grid-column: span 5;
		}
	.cards-table .lmi-news-date {
		width: 100%;
		margin-bottom: 20px !important;
		}
	.cards-table .button-cell-5 {
		text-align: center;
		}
	}





div#calendar3  { width: 45%; background-color: #fff; border: 1px solid; border-color: #666666 }
.cal-month-next  {  }
.checkboxinlistbox { border:1px solid #ccc; height: 200px; overflow-y: scroll; background: #fff; }
.toLowercase  { text-transform: lowercase }
.province-checkboxA  { position: absolute; left: 3em; top: 4.5em;}
.area-checkbox { margin-top: 2.5em;}
#fgeo details  { margin-left: 0px !important; padding-left: 2px !important; text-indent: 0px !important; }
#jmds-container h2 {
	font-size: 1.3em;
	color: #555;
	font-weight: 500;
	margin: 0 0 11.5px 0;
}
#jmds-container .close-command {
	float: right;
	font-size: 0.85em;
	padding: 0;
	background: #fff;
	top: -45px;
	right: 6px;
	position: relative;
}
#jmds-container .close-command a,
#jmds-container .close-command a:visited,
#jmds-container .close-command a:focus,
#jmds-container .close-command a:active {
	text-decoration: none;
	color: #295376;

}
#fs-survey-iframe-ee {
	width: 100%;
	height: 300px;
	border: 1px solid #dfdfdf;
}
#fs-survey-iframe-ee:focus {
	outline: 1px dotted red;
}

#map_group.smallMap {

}
#map_group.bigMap {

}
#map {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 10px 0 0 0;
	border: 4px solid #ddd;
}

#instructions-title  {
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 400;
	font-size: 13px !important;
	line-height: 1.2em;
	display: block;
	color: #666;
}
#centerlocation {
	margin: 10px 0 0 0;
}
input.lmi-input, select.lmi-input  { height: 2.5em; margin-right: 0.5em !important; }

select#selectevent { width: 20em; }

div#jobtitle_dropdown, div#location_dropdown, div#sector_dropdown, div#event_type_dropdown {  margin-right: 0.5em !important; }
p.intro_bold  { font-weight: 600; color: #666; }
div.ptlist_icon  {
	float: left;
	margin: 5px 10px 0px 0px;
	}

ul.no-bullets  { list-style-type: none; }

div#job-market div.job-posting-details  {
	border-top: 1px solid #ccc !important;
}

/* .job-posting-details  { border-top: 5px solid #ccc !important;} */

.have-account {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	/* line-height: 2.5em; */
	color: #666;
	padding: 15px 25px;
	background: #fff;
	text-align: right;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	}

@media screen and (min-width: 992px) {
	.have-account {
		bottom: 16px;
		}
	}

.have-account .icon {
	position: absolute;
	left: -54px;
	top: -17px;
	font-size: 2.5em;
	display: none;
}
.have-account .title {
	display: block;
}
.have-account a {
	color: #2572B4;
}

#skills_checlists_left  { width: 49%; float: left;  }
#skills_checlists_right  { width: 49%; float: right }
h3.grey-underline  {
	padding: 5px;
	border-bottom: 1px solid #dfdfdf;
}
.grey-panel  {
	background-color: #eee;
	padding: 5px;
}

.expand-search-message {
	margin: 0px;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

.other-options {
	margin-top: 1em;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

li.spaced { line-height: 2em; }

ul.list-group li.list-group-item  { padding-left: 0px !important; border: 0;}

ul.indent-small  { padding-left: 10px }
/* div#jb-alert-reg  button#search  { height: 3em  } */
/* form#jobAlertSubscriptionForm  input.jobtitlesuggest, form#jobAlertSubscriptionForm  input.citysuggest, form#jobAlertSubscriptionForm  input.jbemail { height: 3em }
.search-module .advance-btn-group  { margin-left: 0px; margin-top: 5px; margin-bottom: 0px; margin-right: 10px !important }
 */
.dark_blue  { color: #003399 !important }

/* div.signon span { font-size: 95% !important; } */


/* .job-posting-brief .command-viewall {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 2px 7px 2px 1px;
	margin: 0;
	text-decoration: none;
}
.job-posting-brief .command-viewall .fa {
	padding: 2px 1px 2px 7px;
	font-size: 0.9em;
}
.job-posting-brief .command-viewall .title {
	font-size: 0.75em;
	white-space: nowrap;
}
.job-posting-brief .command-viewall:hover .title {
	text-decoration: underline;
	color: #0535d2;
} */

#essentialSkillsAccordion summary {
	font-size: 1.15em;
}
#essentialSkillsAccordion summary .fa {
	/* padding: 5px 7px;
	border: 2px solid #aaa;
	height: 18px;
	width: 18px;
	border-radius: 18px;
	font-size: 0.9em; */
	height: 28px;
	width: 28px;
	padding-right: 7px;
	display: inline-block;
	position: relative;
	color: #777;

}

.skill{
	border: 0px solid;
    border-radius: 25px;
    padding:8px;
}
/* .skillsElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
}
.knowledgeElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
} */
.skill h2 {
	color: #2572B4;
	margin: 1em 0 0.5em 0;
}
.skill h3,
.skill legend.h3 {
	font-size: 1.1em;
	margin: 2em 0 0.75em 0;
}
.skill h4 {
	font-size: 1.1em;
	font-weight: 500;
	color: #666;
	margin: 2em 0 0.75em 0;
}
.skill .dialog-help {
    font-size: 1.05em;
    padding: 2px 1px 1px 1px;
    background: #666;
    margin: 0;
    margin-left: 10px;
}
.skill .checkbox {
	display: block;
}
.skill .checkbox input[type="checkbox"] {
	position: absolute;
	top: 1px;
}
#jobAlertSubscriptionForm {
	position: relative;
	display: block;
}
@media screen and (max-width: 680px) {
	table#wage-occ-report {
		width: 100%;
		display: block;
		overflow-x: auto;
		}
	}
table#wage-occ-report, table#wage-occ-report-nat, table#wage-occ-report-prov, table#wage-occ-report-loc { border: 1px solid; border-color: #ccc }

th#header2_wages, th#header2_wages_nat, th#header2_wages_prov, th#header2_wages_loc  { text-align: center }
table#wage-occ-report tr.national th, tr.prov th, table#wage-occ-report-nat tr.national th, tr.prov th, table#wage-occ-report-prov tr.national th, tr.prov th, table#wage-occ-report-loc tr.national th, tr.prov th {/* padding-left: 5px;  */}
table#wage-occ-report tr.national th, tr.national td, table#wage-occ-report-nat tr.national th, tr.national td, table#wage-occ-report-prov tr.national th, tr.national td, table#wage-occ-report-loc tr.national th, tr.national td { background-color: #e1e4e7; height: 3em; }
table#wage-occ-report tr.prov th, tr.prov td, table#wage-occ-report-nat tr.prov th, tr.prov td, table#wage-occ-report-prov tr.prov th, tr.prov td, table#wage-occ-report-loc tr.prov th, tr.prov td { background-color: #f5f5f5; height: 3em;  }

table.datalist thead tr th.med-grey { border-top: 1px solid #efefef !important; background-color: #e1e4e7 !important; }
table#provoutlooktable_region  { width: 100%; border: 1px solid; border-color: #ccc !important; margin-bottom: 0px !important }
th.prov, td.prov { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }

dt.outlook-province, dd.outlook-province  { border: 1px solid; border-color: #ccc; margin: 0; padding: 10px;}
dt.outlook-province  { background-color: #eaeaea !important;  }
summary.out-prov  { background-color: #eaeaea !important; height: 2.5em !important }
details.provincial-det  { border: none !important }
details.region-details  { border: none !important }
.prov-container { width: 100%; border: 1px solid #ccc !important; margin-bottom: 1em; }
.prov-container details > summary {
	margin-left: -1.4em;
	margin-right: -1.4em;
	}
.prov-container details {
	margin-bottom: 0px;
	}
.prov-container details[open] {
	overflow-x: auto;
	}

.lt-grey { border-top: 1px solid #f3f3f3 !important; background-color: #eaeaea !important; }
.canada { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }
.provincial { border-bottom: 1px solid #ccc !important; background-color: #f1f1f1 !important; }
.other  { background-color: #fff !important; }
.outlook-canada  { border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #eaebed; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
.outlook-regional { border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #f6f6f6; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}

dt.outlook-prov, dd.outlook-prov, dt.region, dd.region  { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
dt.outlook-prov, dd.outlook-prov  { background-color: #f3f3f3; margin: 0; border-bottom: 1px solid; border-color: #ccc; }
dl.outlook-prov { border: 1px solid #ccc !important; }
dt.region, dd.region { border: 1px solid; border-color: #ccc; margin: 0; }
dt.province, div.province  { border: 1px solid; border-color: #ccc; background-color: #f3f3f3; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
dd.province  { border: 1px solid #ccc; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
div.ocupation-list  { border: 1px solid #ccc; margin: 0; padding-bottom: 10px;  }
.ocupation-list .outlook_heading a { font-size: 14px; }
.other_area_header  { padding-left: 10px; padding-top: 10px;}
#outlook-box {
	background-color: #f3f3f3;
	border-radius: 10px;
	padding: 15px 20px;
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 25px;
}

#new-education span.ui-message-error  {display: block !important; }
#outlook-box-title  { text-transform: capitalize; font-size: 18px; font-weight: 600; color: #666; }


@media screen and (min-width: 500px) {
	/* .ec-panel .form-group .bootstrap-select.btn-group {
		margin-bottom: 0;
	} */
}
.ec-panel .input-group-btn button.dropdown-toggle {
	white-space: nowrap;
}
.cover .ec-panel .lead {
	text-align: left;
	font-weight: 300;
	margin-bottom: 20px;
	line-height: normal;
}

p.lead  {
	margin-right: 1em;
	color: #666;
	font-size: 1.2em;
	letter-spacing: -0.01em;
}
.container-fluid #wb-cont {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	color: #335075;
	border-bottom: 5px solid #cfd9e6;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}
.container-fluid p.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #333;
	letter-spacing: -0.01em;
	margin-right: 1em;
}
.uppercase { text-transform: uppercase }
.blue-bold-label {
	color: #2572B4;
	font-weight: bold;
}

.black-bold-label {
	color: black;
	font-weight: bold;
}

.job-market .source_reference {
	float: right;
	font-size: 13px;
	padding: 4px 13px;
	background: #eee;
	border-radius: 20px;
}
.potential_header  { text-align: center }
table#wage-loc-report  { border-right: 1px solid; border-color: #ccc; }
.ui-icon { text-indent: 0; }
div.border-top  { border-top: 1px solid; border-color: #ccc; padding: 10px;}
.nocCode  { color: #666666; font-style: italic;}
#ReportHeaderBox  { margin-top: 15px; margin-bottom: 10px; line-height: normal;}
.wage-outlook-toggle  { border: 1px solid; border-color: #ccc; padding: 10px; background-color: #eaebed;}

div.section-nav-link  {
	font-size: 12pt;
	/* width: 9em;  */
	float: left;
	background-color: #eaebed;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px;
	border-color: #ccc;
	margin-right: 5px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
}

/* Job Market Report styles  */
.sectionbar > ul.jobmarket {
    padding: 0;
    margin: 20px 0 0 0;
}
main .job-market h1#wb-cont {
	font-family: 'Roboto', Arial, sans-serif;
	/* border-bottom: 2px solid #ccc !important; */
	padding: 0 0 3px 0;
	margin-top: 0 !important;
}
h1.marketreport  { font-size: 1.4em !important; /* padding-top: 2em !important; */
					border-bottom: 2px solid !important; border-color: #ccc !important;
}
.job-market h1 .section-name {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
	margin: 0 0 2px -11px;
	padding: 5px 13px 4px 13px;
	background: #eee;
	border-radius: 20px;
	letter-spacing: 0;
}
.job-market h1 .section-name .fa {
	width: 25px;
	font-size: 23px;
	display: none;
}

.job-market h1.heading-info {
	display: block;
	font-size: 25px;
	font-weight: 600;
	/* color: #335075; */
	padding: 0 0 7px 0;
	border-bottom: 3px solid #ddd !important;

}
.job-market h1 .heading-info-black {
	display: block;
	font-size: 1.6em !important;
}

.job-market h1#wb-cont  { border-bottom: 3px solid #ddd !important; }

.job-market h1 span.heading-info:before { content: '\A'; white-space:pre; }

.job-market .intro {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 0 0;
}
.job-market h2 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	font-size: 23px;
	letter-spacing: -1px;
	margin-top: 20px;
}
.job-market h3 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	font-size: 19px;
	letter-spacing: -1px;
	padding: 0;
	margin-top: 20px;
}
.job-market p {
	font-size: 16px;
	line-height: 25px;
}
.job-market ul {
	margin: 20px 0 40px 0;
	/* padding-left: 20px; */
}
.job-market ul li {
	font-size: 16px;
	line-height: 22px;
	/* margin: 0 0 10px 0; */
}
.job-market ul li.header  {
	list-style-type: none;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
	text-indent: -20px;
}
.job-market .search-bar {
	position: relative;
	display: block;
}
.job-market .search-bar.overflow-hide {
	overflow: hidden;
}
.job-market .search-bar.overflow-show {
	overflow: visible;
}
#search-container {
	display: block;
	animation-duration: 0.25s;
	border-left: 1px solid #ccc;
	/* border-right: 1px solid #ccc; */
}
#search-container label {
	font-size: 14px;
}
.market-report-details {

}
.market-report-details .market-report-column {
	padding: 0;
}
.market-report-details .market-report-column .market-report-cell {
	padding: 40px 20px;
	position: relative;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	z-index: 11;
}
.market-report-details .market-report-column .market-report-cell:hover,
.market-report-details .market-report-column .market-report-cell:active,
.market-report-details .market-report-column .market-report-cell:focus {
	background: #f9f9f9;
	cursor: pointer;
	color: #284162;
}
.market-report-details .market-report-column .description-section {

}
.market-report-details .market-report-column .requirements-section {

}
.market-report-details .market-report-column .wages-section {

}
.market-report-details .market-report-column .outlook-section {

}
.market-report-details .market-report-column .jobs-section{

}
.market-report-details .market-report-column .skills-section {

}
#search-container form {
	margin: 0;
	padding: 20px 20px 40px 20px;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div.hide-toggle  { display: none; }
div.show-toggle  { display: block; }
/* a#searchicon  { visibility: visible !important; } */

div#search-button button { margin-top: 1.7em !important }

.floatlink  { float: right; }
/* #searchicon-container:lang(en)  { width: 5em; height: 1.5em; }
#searchicon-container:lang(fr)  { width: 5em; height: 1.5em; } */
#searchicon-container {
	float: left;
}
/* #searchicon  { width: 3%; visibility: hidden; height: 1.2em; text-align: center; } */
span#search-text  {
	font-size: 16px;
	font-weight: normal;
	font-family: "Noto Sans",sans-serif;
	padding-bottom: 5px !important;
	vertical-align: middle;
	top: 2px; position: relative;
}
/* span#fa-search  {
	font-size: 2em; margin-right: 2em;
	height: 1.2em; width: 1.5em; text-align: center;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	cursor: pointer;
} */

/* #searchicon  {
	text-align: center;
	padding: 13px 15px 15px 15px;
	border: 1px solid #fff;
	border-bottom: none;
	width: auto;
	position: relative;
	height: auto;
	display: inline-block;
}
#searchicon:hover {
	background-color: #eaebed;
	border: 1px solid #ccc;
	border-bottom: none;
}
span#search-fa  {
	font-size: 21px;
	text-align: left;
	cursor: pointer;
	position: relative;
	display: block;
} */
.more-link {
	font-size: 14px;
	text-decoration: none;
	color: #335075;
	font-weight: normal;
	padding: 8px 16px;
	background: #eee;
	border-radius: 20px;
	margin: 20px 0 0 0;
	position: relative;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
}
.market-report-details .market-report-column .market-report-cell:hover .more-link,
.market-report-details .market-report-column .market-report-cell:active .more-link,
.market-report-details .market-report-column .market-report-cell:focus .more-link,
.more-link:hover {
	color: #fff;
	background: #2572b4;
}

 .lmi-news-container {
 	display: flex;
  	display: -webkit-flex;
  	flex-wrap: wrap;
 }
 .lmi-news-item  {
	border: 1px solid #ccc;
	padding: 15px; margin-right: 5x; margin-bottom: 5px;
	 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

ul.lmi-news-item-list  { list-style-type: none; text-indent: 0px !important; margin: 0px !important; padding: 0px !important;}

ul.lmi-news-item-list li  { font-size: 10pt; line-height: 36px; margin: 0px !important; }

li.lmi-news-type  { width: 40%; float: left; }
li.lmi-news-industry  { width: 60%; float: right; }
li.lmi-news-date  { width: 40%; float: left; font-style: italic; }
li.lmi-news-er  { width: 60%; float: right; }
li.lmi-news-link  { width: 60%; float: right; text-align: right;}
li.lmi-news-link .fa-location-circle { margin-right: 5px; }

@media screen and (max-width: 520px) {
	li.lmi-news-type,
	li.lmi-news-industry,
	li.lmi-news-date,
	li.lmi-news-er,
	li.lmi-news-link {
		width: 100%;
		}
	}
span.lmi-news-event {
	background: #EAFFEA;
	}

span.lmi-news-ind {
	background: #f5f5f5;
	}
span.lmi-news-ind,
span.lmi-news-event {
	padding: 6px 13px;
	border-radius: 20px;
	display: inline-block;
	line-height: 20px;
	margin-bottom: 6px;
	}

.edu-program-link {
	padding: 4px 13px;
	background: #f5f5f5;
	border-radius: 10px;
	border: 1px solid; border-color: #ccc;
	margin-right: 20px;
}

/*
div.summary-section:hover  {
	background: #eee; cursor: pointer;
} */

.summary-section h2 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #335075;
	margin: 0 0 40px 0;
}
.summary-section h2 .fa {
	font-size: 24px;
	width: 25px;
}
.summary-section p {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #222;
	line-height: 25px;
	padding: 0 0 0 30px;
}
.summary-section ul {
	padding: 0 0 0 50px;
	margin: 0;
}
.summary-section ul li {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #222;
	line-height: 22px;
	margin: 0 0 20px 0;
}
/* div#summary-jobs  {
	border: 1px solid; border-color: #ccc; padding: 15px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
} */

/* #skills-section, #desc-section {
   height: 29em; margin-left: 1em;
} */

/* div.summary-section-content-large  {
	margin: 0; text-align: center; position: relative; top: 33%; left: 50%; transform: translate(-50%, -50%);
	padding-left: 10px; padding-right: 10px;
} */
.summary-section-content-large p,
.summary-section-content-large ul li {
	font-size: 16px;
}
.summary-section-content-large p {
	line-height: 28px;
}
.summary-section .section-value  {
	font-size: 30px;
	font-weight: 800;
	color: #666;
	line-height: 28px;
}
/* div.summary-section-content-large:lang(en), div.summary-section-content:lang(en) { font-size: 0.8em !important; }
div.summary-section-content-large:lang(fr),  div.summary-section-content:lang(fr) { font-size: 0.8em !important; }
 */
/* div#wages-section, div#outlook-section, div#job-reqs-section, div#summary-jobs  {
	height: 14em !important; width: 100%; margin-left: 1em;
}
 */
div#wages-section h2, div#outlook-section h2, div#job-reqs-section h2, div#summary-jobs h2 { margin-bottom: 1em !important; }

div.summary-section-content  {  margin: 0px auto; text-align: center; /* position: relative; top: 30%; left: 50%; transform: translate(-50%, -50%); */ font-size: 18px; }
.summary-section-content p {
	font-size: 16px;
	line-height: normal;
	margin: 0 0 15px 0;
}

.no-bullets{
	list-style-type: none;
}
div#view-report  { text-align: center !important; margin-top: 1em; margin-bottom: 10px; }

/* .occ-details-content  { border-top: 1px solid; border-color: #ccc; padding: 10px;} */
.intro  { font-size: 1em; }
.colored_note  { background-color: #dbdbdb; padding: 10px; margin-bottom: 20px; }
.search-more  { color: #666666; font-size: 1em; font-weight: 600;  }
h2.wage-job-title  { margin-top: 0px; }
table#wage-occ-report-loc th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 33% !important; text-align: center !important;
}
table#wage-occ-report { width: 98%; margin-bottom: 1em; }
table#wage-occ-report-prov  { width: 98% }
table#wage-occ-report-prov  th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	/*width: 33% !important; text-align: center !important;*/
}

table#wage-occ-report th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages,table#table#wage-occ-report-nat th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 20% !important;
}

table#wage-occ-report-loc th#header3_wages_loc, table#wage-occ-report-nat th#header3_wages_loc  {
	width: 20% !important; text-align: center !important; }

.shaded-box {
	font-size: 14px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	padding: 10px;
}
.job-market .data-chart {
	font-size: 14px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
.job-market .data-chart .summary {
	/* background-color: #f5f5f5; */
	padding: 20px 25px;
}
.job-market .data-chart p {
	margin: 0;
}
.job-market .data-chart .odd,
.job-market .data-chart .even {
	padding: 10px;
	font-weight: 600;
}
.job-market .data-chart .odd .attr,
.job-market .data-chart .even .attr {

}
.job-market .data-chart .odd .value,
.job-market .data-chart .even .value {
	color: #666;
}
.job-market .data-chart .odd {
	background-color: #f5f5f5;
}
.job-market .data-chart .even {

}
.section-value .outlook-graphic {
	display: block;
	position: relative;
}
.section-value .outlook-graphic .outlooknote {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	/* text-align: center; */
	margin: 5px 0 0 0;
}
/* .job-market .section-nav {
	padding: 0;
	margin: 0;
}
.job-market .section-nav li {
	display: block;
	margin-bottom: -1px;
	position: relative;
	line-height: 26px;
	vertical-align: bottom;
}
.job-market .section-nav li a {
	background: #f9f9f9;
	color: #335075;
	text-decoration: none;
	padding: 3px 16px 3px 16px;
	display: block;
	border: 1px solid #ccc;
	line-height: 33px;
}
.job-market .section-nav li:last-child {
	margin-bottom: 0;
}
.job-market .section-nav li a:hover,
.job-market .section-nav li a:active,
.job-market .section-nav li a:focus {
	color: #3E68A1;
	background-color: #F1F9FD;
	border-color: #84A4D0;
	z-index: 9;
	position: relative;
}
.job-market .section-nav li a:visited {

}
.job-market .section-nav li a.active {
	color: #fff;
	background-color: #2572b4;
	border-color: #2572b4;
}
.job-market .section-nav li a.disabled {
	background: #fff;
	border-color: #ddd;
	cursor: default;
}
.job-market .section-nav li a .fa-icon {
	font-size: 16px;
	width: 18px;
	margin: 0 5px 0 0;
	color: #555;
}
.job-market .section-nav li a .label {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #555;
	border: none;
	padding: 0;
	padding: 0;
	top: -1px;
	position: relative;
}
.job-market .section-nav li a:hover .fa-icon {
	color: #335075;
}
.job-market .section-nav li a:hover .label {
	text-decoration: underline;
	color: #335075;
}
.job-market .section-nav li a.active .fa-icon,
.job-market .section-nav li a.active .label {
	color: #fff;
}
.job-market .section-nav li a.disabled .fa-icon,
.job-market .section-nav li a.disabled .label {
	color: #999;
	text-decoration: none;
} */
a.clickable-row  { color: #335075; display: block; font-size: 1.2em; }
.active  { display: block; background-color: #ccc; }
.section-nav-link.active-nav {
	display: block;
	position: relative;
	left: 0px;
	top: 1px;
	z-index: 100;
	background-color: #fff;
	border-top: 5px solid #666 !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #fff !important;
}
.section-nav .active-nav a {
	padding: 4px 16px 7px 16px;
}
/* .active  { display: block; background-color: #ccc } */
div#plan-career-nav a.active  { width: 100% !important; }

.blue-text  { color: #335075; }
/* table#regulation, table#jobs, table#jobs-local  { border: 1px solid; border-color: #ccc; padding: 10px; } */
/* table#regulation th, table#jobs th, table#jobs-local th { background-color: #dbdbdb; font-size: 1.1em; font-weight: bold; } */
table#jobs-local th#date-posted { width: 13%; }
table#jobs-local th#job-title { width: 35%; }
table#jobs-local th#employer-name { width: 30%; }
table#jobs-local th#city { width: 15%; }
table#jobs-local th#source { width: 5%; }
table#associations  { border: 1px solid; border-color: #ccc; padding: 10px; }
table#associations th, table#associations td { border: 1px solid; border-color: #ccc; }

/* End of Job Market Report styles  */

/* input#searchString {
	width: auto;
} */
.input-group #searchString:only-child,
.input-group #searchString:last-child {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
input#jmr-search\:occupationInput, input#jmr-search\:cityPostalCodeInput { width: 100%; }
h1.widget-title  { font-size: 1.2em; color: #335075; border-bottom: 1px solid; border-color: #ccc; }
h1.widgetca-title  { font-size: 1.6em; }
.widget-container {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
div#widget-occ-input  { margin-top: 2em; }
div#widget-loc-input  { margin-top: 1em; margin-bottom: 3em; }
/* div#widget-loc-input input.form-control  { margin-top: 0.5em !important; } */
div#widgetca-loc-input  { margin-top: 1em; }
div#widgetcsj-occ-input label  { font-family: Trebuchet }
div#widgetca-occ-input, div#widgetjs-occ-input  { margin-top: 0.8em; margin-bottom: 2em; background-color: #fff; border: 2px solid; border-color: #ccc; border-radius: 5px; padding: 15px 30px 15px 15px; }
div#widgetcsj-occ-input { margin-bottom: 2em; background-color: #fff; border: 2px solid; border-color: #ccc; border-radius: 5px; padding: 0px 10px 0px 10px; }
span.ca-occ-search { margin-top: 1em; }
/* button.ca-occ-search-btn  {  margin-top: 1em; background-color: #8d1670 !important; color: #fff !important; padding-left: 15px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; border-radius: 25px; }
button.ca-occ-search-btn:focus  { border: 1px solid #000 !important; } */
div#widgetca-occ-input label, div#widgetjs-occ-input label, div#widgetcsj-occ-input label { font-size: 1em; font-weight: 600; }
div#widgetcsj-occ-input legend  { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; color: #000; margin-top: 0.5em; margin-bottom: 0.2em; border: none !important; }
div#widgetcsj #searchSubmit  { padding: 5px 5px 5px 5px !important; }
div#occ-submit-button  { padding: 0px !important}
/* Map job posting overlay */
.map-job-navigation-group {
	margin: 0 0 20px 0;
	background: #fafafa;
	padding: 10px;
	top: -5px;
	position: relative;
	text-align: center;
}
.map-job-navigation-group .pagination {
	padding: 0 10px;
	margin: 0;
	top: 2px;
	position: relative;
	font-size: 0.8em;
	font-weight: 600;
}

ul.sk  { list-style-type: none; padding-left:0; font-weight: bold; }
ul.sk-group  { list-style-type: none; padding-left:0; font-weight: normal; margin-top: 1em; }
ul.sk-group  li  { font-size: 11pt; color: #335075; }
ul.sk-group span.fa { color: green; }
/* div.esskills details ul { color: #335075; } */
/* div#add-info details p { color: #335075; } */
.did-you-know  {
	border: 1px solid #ccc; background-color: #fff; padding: 15px; margin-bottom: 1.5em;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
h2.newcomers-heading  { color: #335075; margin-top: 0.5em !important; }
h3.newcomers-sub-heading  { color: #335075; font-size: 1.2em; }
.newcomers-info  { margin-top: 0.7em; border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; margin-left: 0.7em; margin-bottom: 1.5em;}

div#occ-input { width: 45%; float: left; margin-right: 1em; }
div#loc-input { width: 45%; float: left  }
.hero-content-wrapper  { padding-top: 20px !important; }
.hero-content-wrapper-inner  { padding: 0px !important; display: inline !important }
.intro-holder:lang(en)  { position: relative; height: 80px; z-index: -100 }
.intro-holder:lang(fr)  { position: relative; height: 100px; z-index: -100 }
.outlook-intro:lang(en)  { position: relative; top: -140px; left: 0px; margin: 0px !important;}
.outlook-intro:lang(fr)  { position: relative; top: -160px; left: 0px; margin: 0px !important;}
.outlook-intro-exp:lang(en)  { position: relative; top: -241px; left: 0px; margin: 0px !important}
.outlook-intro-exp:lang(fr)  { position: relative; top: -261px; left: 0px; margin: 0px !important}

.overflowScrollX {
	overflow-x: scroll;
}
@media screen and (min-width: 768px) {
	.overflowScrollX {
		overflow-x: visible;
	}
	main .job-market h1#wb-cont {
		margin-top: 1em !important;
	}
	.job-market h1 .heading-info {
		font-size: 38px;
	}
	.job-market h1 .section-name {
		font-size: 18px;
	}
	.job-market .intro {
		font-size: 18px;
	}
	.job-market h2 {
    	font-size: 33px;
	}
	.summary-section h2 {
		font-size: 25px;
	}
	.job-market h3 {
	    font-size: 25px;
	}
	.job-market p {

	}
	.job-market ul {

	}
	.job-market ul li {

	}
	.job-market .section-nav {
		border-bottom: 1px solid #ccc;
	}
	.job-market .section-nav li {
		display: inline-block;
		margin: 0 5px 0 0;
	}
	#search-container form {
	    margin: 0 20px 0 0;
	    box-shadow: 1px 2px 3px 1px rgba(0,0,0,.1);
	}
	.job-market .section-nav li:last-child {
	}
	.job-market .section-nav li a {
		padding: 0px 11px 0 11px;
		border-bottom: 0;
		line-height: 28px;
	}
	.job-market .section-nav li a .label {
		font-size: 13px;
	}
	.job-market .section-nav li a .fa-icon {
		display: none;
	}
	.market-report-details .market-report-column {

	}
}
@media screen and (min-width: 992px) {
	.job-market .section-nav {
	    padding: 0 15px;
	    margin: 0;
	}
	.job-market .section-nav li a {
		line-height: 33px;
		padding: 1px 16px 0px 16px;
	}
	.job-market .section-nav li a .label {
		font-size: 14px;
	}
	.market-report-details .market-report-column:last-child {
		border-left: 1px solid #ccc;
	}
	.market-report-details .market-report-column .market-report-cell {
		padding: 50px 70px 50px 50px;
		min-height: 325px;
		transition: all .1s ease-out;
	}
	/* .market-report-details .market-report-column .market-report-cell:hover {
		transform: scale(1.032);
		z-index: 12;
		border: 1px solid #ccc;
	} */
	.market-report-details .market-report-column .description-section {
		border-left: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .requirements-section {
		border-left: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .wages-section {
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.market-report-details .market-report-column .outlook-section {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .jobs-section {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .skills-section {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.job-market .data-chart .odd .attr,
	.job-market .data-chart .even .attr {
		/* text-align: right; */
	}
	/* Hover */
	/* .market-report-details .market-report-column .description-section:hover {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .requirements-section:hover {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .wages-section:hover {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .outlook-section:hover {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .jobs-section:hover {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.market-report-details .market-report-column .skills-section:hover {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	} */
}
@media screen and (min-width: 1200px) {
	.job-market .section-nav li a .fa-icon {
		display: inline-block;
	}
}
/* For new job search slider */

.item-slider  {
	width: 100% !important;
	margin: 10px 0;
}
.decrease,
.increase {
	width: 15% !important;
	color: #3E68A1 !important;
	text-align: center;
	cursor: pointer;
}

.slider-input {
	width: 70% !important;
	margin: 8px 0 10px 0;
}
#decrease-slider,
#increase-slider  {
	color: #2572b4 !important;
	border: 1px solid #2572b4;
	border-radius: 50px !important;
	padding: 0;
	top: 0px;
	position: relative;
	font-size: 15px;
	background: #f9f9f9;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 39px;
}
#decrease-slider:hover,
#increase-slider:hover {
	background: #2572b4;
	color: #fff !important;
}
/* Tooltip container */
.tooltips {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltips .tooltipstext {
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    color: #636363;
    padding: 5px;
	border: 1px solid #aaa;
    position: absolute;
    top: 60px;
    left: -22px;
    z-index: 1000 !important;
    background: #fff;
	letter-spacing: 0.001em;
	line-height: 1.5em;
	margin: 0 21px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
    visibility: visible;
}
@media screen and (min-width: 992px) {
	.tooltips .tooltipstext {
	    top: 30px;
	}
	.slider-input {
	    width: 65% !important;
	    margin: 3px 0 10px 5px;
	}
	#decrease-slider,
	#increase-slider  {
		font-size: 12px;
		width: 30px;
		height: 30px;
		line-height: 27px;
	}
}
/* End of new job search slider */
.mobile-app.prm-flpr {
	overflow: hidden;
}
section .cover.mobile-app {
	/* margin: 20px 0 0 0; */
}
.mobile-app .mobile-app-icon {
	background-image: url('../images/mobileapp/mobileapp-icon.png');
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
	width: 80px;
	height: 80px;
	float: left;
	margin: 20px 15px 0 0;
	border-radius: 20px;
}
.mobile-app .intro-content-group {
	z-index: 15;
}
.mobile-app .intro {
	font-size: 1em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	padding-right: 20px;
}
.mobile-app .intro-sub {
	font-size: 1.2em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	color: #555;
	/* background: #E9EDEE;
	padding: 30px 35px; */
	padding: 0;
	border-radius: 20px;
	margin: 10px 0 0 0;
	z-index: 11;
	display: block;
	position: relative;
}
.mobile-app .intro-sub p {
	margin-bottom: 20px;
}
.mobile-app .app-screenshot-en,
.mobile-app .app-screenshot-2a-en,
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-fr,
.mobile-app .app-screenshot-2a-fr,
.mobile-app .app-screenshot-2b-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;

	height: 500px;
	top: -5px;
	left: -50%;
	width: 150%;

	z-index: 10;
}
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-2b-fr {
	top: 0px;
	z-index: 9;
}
.mobile-app .app-screenshot-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-eng.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-eng.png'); */
}
.mobile-app .app-screenshot-2a-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-en.png') !important;
}
.mobile-app .app-screenshot-2b-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-en.png') !important;
}
.mobile-app .app-screenshot-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-fra.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-fra.png'); */
}
.mobile-app .app-screenshot-2a-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-fr.png') !important;
}
.mobile-app .app-screenshot-2b-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-fr.png') !important;
}
.demo-content-details .text-center {
	text-align: left;
}
.appstore-button,
.playstore-button {
	display: inline-block;
	margin: 0 0 20px 0;
}
.playstore-button {
	margin: 0;
}
.appstore-button a,
.playstore-button a {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	height: 48px;
	/* width: 140px; */
	background-size: contain !important;
	background-repeat: no-repeat !important;
	padding: 0;
}
.playstore-button a {

}
.appstore-button a img,
.playstore-button a img {
	height: 48px;
}
.appstore-button a.en {
	background: url('../images/mobileapp/apple-appstore-en.png');
}
.playstore-button a.en {
	background: url('../images/mobileapp/google-play-badge-en.png');
}
.appstore-button a.fr {
	background: url('../images/mobileapp/apple-appstore-fr.png');
}
.playstore-button a.fr {
	background: url('../images/mobileapp/google-play-badge-fr.png');
}
.service-content-image {
	padding: 30px 15px;
	/* background: #fff; */
	margin: 0 0 50px 0;
	vertical-align: top;
}
.service-content-image .photo {
	border-radius: 5px;
	max-height: 300px;
	width: 100%;
	-webkit-box-shadow: 0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);
	box-shadow: 0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);
}
.flip-h {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.flip-v {
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.app-illustration {
	fill: currentColor;

	position: relative;
	/*overflow: hidden;*/
	/*background-size: cover;*/
	display: inline-block;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;

	width: 100%;
	height: 200px;
}

.app-illustration.three-friends {
	background-image: url('../images/mobileapp/three-friends.svg');
}
.app-illustration.phone-map-gps {
	background-image: url('../images/mobileapp/phone-map-gps.svg');
}
.app-illustration.phone-notification {
	background-image: url('../images/mobileapp/phone-notification.svg');
	margin-bottom: -6px;
}
.app-illustration.phone-favourite-action {
	background-image: url('../images/mobileapp/phone-favourite-action.svg');
}
.app-illustration.dude-ready-to-go {
	background-image: url('../images/mobileapp/dude-ready-to-go.svg');
}
.app-illustration.loupe-house {
	background-image: url('../images/mobileapp/loupe-house.svg');
	margin-top: -60px;
}
.app-illustration.desktop-folder-document-pen {
	background-image: url('../images/mobileapp/desktop-folder-document-pen.svg');
	margin-top: -60px;
}
.app-screenshot-group {
	margin: 40px 0;
}
.app-screenshot-group .service-content-details > h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #555;
	margin-top: 0;
	padding-bottom: 15px;
	position: relative;
}
.app-screenshot-group .service-content-details > h2:after {
    background-color: #3D6C7C;
    content: "";
    position: absolute;
    top: 96%;
    height: 3px;
    width: 90%;
    left: 5%;
}
.app-screenshot-group .service-content-details > h2 .title {
	color: #808080;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.app-screenshot-group .service-content-details > h2 em {
	color: #898989;
	font-style: normal;
}
.app-screenshot-group  p.lead,
.app-screenshot-group ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	margin-bottom: 40px;
	font-size: 1.1em;
}
.app-screenshot-group .text-details {
	position: relative;
	display: block;
	margin: 15px 0 15px;
}
.app-screenshot-group .text-details .left-side {
	text-align: left;
}
.app-screenshot-group .text-details .feature-summary-text {
	margin: 0;
}
.app-screenshot-group .text-details h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	margin: 15px 0 5px 0;
	color: #3D6C7C;
}
.app-screenshot-group .text-details p {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 25px;
}
.app-screenshot {
	background-size: contain;
    background-repeat: no-repeat;
	height: 530px;
	position: relative;
	margin: 0 auto;
}
.app-screenshot.ios-searchresults-en,
.app-screenshot.ios-searchresults-fr  {
	background-position: center;
	margin: 0 0 30px 0;
	/* display: block;
	position: relative;
	border: 1px solid #ccc;
	width: auto; */
}
.app-screenshot.ios-searchresults-en {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-en.png');
}
.app-screenshot.ios-searchresults-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-fr.png');
}
.app-screenshot.feature-ui-filters-en,
.app-screenshot.feature-ui-filters-fr {
	background-position: center;
	margin: 0;
	display: block;
	position: relative;
}
.showcase-content-image {
	margin: 15px 0;
	display: block;
	position: relative;
}
.showcase-content-image .showcase-content-image-hero {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px 0;
}
.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
	position: absolute;
	width: 93%;
	height: auto;
	top: -8px;
	left: 8px;
}
.showcase-content-image-hero-wrapper {
	position: relative;
}
.demo-km,
.demo-slider-control-line,
.demo-slider-control,
.demo-slider-control-bar-line,
.demo-slider-control-bar {
	position: absolute;
	z-index: 11;
	visibility: hidden;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image {
	width: 100%;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
	display: block;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
	display: none;
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image {
	visibility: hidden;
	top: 12px;
}
.service-content-image .service-content-image-hero.alerts-section-image,
.service-content-image .service-content-image-hero.favourites-section-image {
	width: 80%;
	max-width: none;
	z-index: 99;
	top: 13px;
	margin: 0 auto;
	background-color: #efefef;
	border-radius: 17px;
	opacity: 0.9;
	position: absolute;
	left: 10%;
	visibility: hidden;
}
.showcase-content-image  .fav-command-animation {
	background-color: #d93329;
	background-image: url("../images/mobileapp/heart-outline-white.svg");
	background-size: 65%;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 100px;
	width: 100px;
	border-radius: 5em;
	z-index: 11;
	visibility: hidden;
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.animated,
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.visible,
.service-content-image .service-content-image-hero.alerts-section-image.animated,
.service-content-image .service-content-image-hero.favourites-section-image.animated,
.service-content-image .service-content-image-hero.alerts-section-image.visible,
.service-content-image .service-content-image-hero.favourites-section-image.visible,
.showcase-content-image  .fav-command-animation.animated {
	visibility: visible !important;
}
.showcase-content-image .showcase-content-image-hero.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.app-screenshot.feature-ui-filters-en {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-en.png');
}
.app-screenshot.feature-ui-filters-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-fr.png');
}
.filter-section .vac {
	transform: translateY(15em);
}
.jobs-section .vac {
	transform: none;
}
.jobs-section .showcase-content-image .showcase-content-image-hero {
	width: 100%;
}
.cards-section .vac {
	transform: none;
}
.showcase-content {
	padding: 0;
	margin: 80px 0;
	display: block;
}
.showcase-content .showcase-content-details {
	padding: 0 15px;
	margin: 0;
}
.showcase-content-details .showcase-content-details-group {
	position: relative;
}
.showcase-content h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin-top: 0;
	/* letter-spacing: 0.15rem; */
}
.showcase-content h2 .title {
	color: #808080; /* #636363; */
	display: block;
	/* text-transform: uppercase; */
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 3px;
}
.showcase-content h2 em {
	color: #898989;
	font-style: normal;
}
.showcase-content p.lead,
.bg.demo-content-wrapper .showcase-content p.lead,
.showcase-content ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	border-left: 10px solid #ccc;
	padding: 0 0 3px 15px;
}
/* .showcase-content p.lead::after {
	background-color: #ccc;
	content: "";
	position: absolute;
	top: 42%;
	left: 25px;
	height: 100px;
	width: 15px;
	left: 25%;
} */
.showcase-content h2 .dialog-help {
	font-size: 0.7em;
    padding: 1px 7px 1px 7px;
    line-height: 1.2em;
    top: -1px;
}
.service-content .service-content-details.illustration {
	padding: 0 30px 1px 30px;
}
.service-content-details.illustration {
	padding: 0 15px;
}
.service-content-details.illustration.service-content-image-bottom {
	padding-bottom: 50px;
}
.service-content .service-content-details img {
	max-width: 250px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.service-content .service-content-details img.full-width {
	min-height: 250px;
	max-width: 300px;
}
.wrap {
	perspective: 100px;
	position: relative;
	display: block;
	width: 100%;
	/* height: 0; this enry was creating a layout issue on contact us form */
}
.mobile-app .wrap {
	height: 0;
}

@media only screen and (max-width: 480px) {

figure.wb-graph  { width: 400px !important; }
figure.wb-graph details table { width: 400px !important; }
canvas.flot-overlay  { width: 350px !important; }
canvas.flot-base  { width: 350px !important;}
#pie-container  { float: left !important; }
div#other-data  { margin-left: 0px !important; }
div#activity-breakdown table { width: auto !important; }

div#pie-container figure.wb-graph { float: left !important; width: 450px !important; }
div#pie-container canvas.flot-base  { float: left !important; width: 450px !important; height: auto !important; position: relative !important; left: 0px; top: 0px;}
div#pie-container canvas.flot-overlay { float: left !important; width: 450px !important; height: auto !important; position: relative !important; left: 0px; top: 0px;}
div#pie-container figure.wb-graph details table { width: 350px !important; }
div#pie-container span.pieLabel  { display: none }

.lmi-news-item:lang(en)  { height: auto !important; }
.lmi-news-item:lang(fr)  { height: auto !important; }
li.lmi-news-link  { float: none !important; width: 100% !important; text-align: center !important;  }
a.btn .btn-primary  { font-size: 0.8em !important; padding: 0px; }
li.lmi-news-link .fa-location-circle { display: none; }
}

.lmi-search-box {
	padding: 30px;
	background-color: #edf5f8;
	}

@media screen and (min-width: 376px) {

	.demo-content-details .text-center {
		text-align: center;
	}
	.appstore-button,
	.playstore-button {
		display: inline-block;
		margin: 0;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -49%;
	}
}
@media screen and (min-width: 550px) {

	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -30%;
	}
}
@media screen and (min-width: 768px) {

	.mobile-app .mobile-app-icon {
		width: 100px;
		height: 100px;
	}
	.mobile-app .intro {
		font-size: 1.2em;
	}
	.app-screenshot-group {
		margin: 60px 0 40px 0;
	}

	.app-screenshot-group  p.lead,
	.app-screenshot-group ul.lead {
		margin-bottom: 50px;
		font-size: 1.3em;
	}
	.app-screenshot-group .text-details h2 {
		font-size: 1.6em;
	}
	.app-screenshot-group .text-details p {
		font-size: 1.3em;
	}
	.app-screenshot {
		height: 650px;
		margin: 0 auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.showcase-content {
		margin: 120px 0 70px 0;
	}
	.showcase-content p.lead,
	.bg.demo-content-wrapper .showcase-content p.lead,
	.showcase-content ul.lead {
		font-size: 2.5rem;
		border-left: 15px solid #ccc;
		padding: 0 0 3px 25px;
	}
	.showcase-content .showcase-content-details {
		padding: 50px 30px;
	}
	.filter-section.showcase-content .showcase-content-details {
		padding: 0 30px 50px 30px;
	}
	.showcase-content h2 {
		/* font-size: 4rem; */
		margin: 0 0 20px 0;
	}
	.showcase-content h2 .showcase-content-image {
		width: 120px;
		float: left;
		margin: -2px 20px 20px 0;
	}
	.showcase-content h2 .title {
		font-size: 2.25rem;
	}
	.showcase-content .lead {

	}
	.showcase-content-image {
		margin: 0;
	}
	.service-content .service-content-details img {
		max-width: 300px;
	}
	.app-screenshot-group .service-content-details > h2 {
	    font-size: 4rem;
	    margin: 0 0 40px 0;
	}
	.app-screenshot-group .service-content-details > h2:after {
	    top: 120%;
	    width: 35%;
		left: 32%;
	}
	.app-screenshot-group .service-content-details > h2 .title {
	    font-size: 2.25rem;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr{
	/* 	height: 600px;
		width: 400px;
		top: -500px;
		right: -374px;
		left: auto; */
		height: 600px;
		width: 85%;
		top: -125px;
		right: -172px;
		left: auto;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -735px;
	}
}
@media screen and (min-width: 992px) {
	.showcase-content h2 .dialog-help {
		font-size: 0.6em;
		padding: 1px 10px 2px 9px;
		top: -3px;
	}
	.jobs-section .vac {
		transform: translateY(25%);
	}
	.cards-section .vac {
		transform: translateY(4em) !important;
	}
	.showcase-content-image  .fav-command-animation {
		background-size: 65%;
		background-position: 50% 60%;
		top: 40%;
		left: 35%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		height: 80px;
		width: 80px;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
		display: none;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
		display: block;
		margin: 0;
	}
	.demo-km,
	.demo-slider-control,
	.demo-slider-control-line,
	.demo-slider-control-bar,
	.demo-slider-control-bar-line {
		visibility: visible;
	}
	.demo-km {
		background: #3E68A1;
		color: #fff;
		padding: 2px 15px;
		border-radius: 15px;
		right: 30px;
		top: 14px;
		font-size: 0.9em;
		line-height: 1.5em;
		width: 90px;
		text-align: center;
	}
	#demo-km-no {
		padding: 0 7px 0 0;
	}
	.demo-slider-control-line {
		background: none;
		width: 250px;
		height: 40px;
		bottom: 24px;
		left: 110px;
	}
	.demo-slider-control {
		background: #fff;
		-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		box-shadow: 0 3px 4px 0 rgba(0,0,0,0.30);
		height: 40px;
		width: 40px;
		border-radius: 40px;
		border: 1px solid #eee;
		bottom: 0px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.demo-slider-control-bar-line {
		background: #ccc;
		height: 2px;
		display: block;
		bottom: 42px;
		left: 110px;
		width: 250px;
	}
	.demo-slider-control-bar {
		background: #3E68A1;
		height: 2px;
		display: block;
		width: 10%;
		/* bottom: 42px;
		left: 110px; */
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 440px;
		background-size: contain;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.showcase-content-image .showcase-content-image-hero {
		width: 70%;
	}
	.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
		/* width: 378px; */
		width: 66%;
		top: -8px;
		left: 8px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image,
	.service-content-image .service-content-image-hero.favourites-section-image {
		width: 100%;
		margin-bottom: -120px;
		top: 15px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image {
		margin-left: -20px;
	}
	.service-content-image .service-content-image-hero.favourites-section-image {
		margin-left: -55px;
	}
	.service-content .service-content-details.illustration {
		padding: 0 30px 30px 30px;
	}
	 .service-content-details.illustration.service-content-image-bottom {
		padding-bottom: 0;
	}
	.wrap {
		perspective: 400px;
	}
	.mobile-app .intro {
		font-size: 1.4em;
	}
	.mobile-app .intro-sub {
		font-size: 1.4em
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		height: 500px;
		width: 99%;
		top: -305px;
		right: -150px;
		background-position: right top;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -815px;
	}
	.service-content .service-content-details.illustration {
		padding: 30px;
	}
	.app-illustration {
	    width: auto;
	    height: 60%;
	}
	.app-illustration.loupe-house {
		margin-top: auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.app-screenshot-group .text-details.left-side {
		text-align: right;
	}
	.app-screenshot-group .text-details .feature-summary-text {
		margin: 120px 0 0 0;
	}
	.app-screenshot-group .text-details h2 {
		margin: 15px 0 5px 0;
	}
	.app-screenshot-group .text-details p {
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 1200px) {
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		right: -70px;
		top: -255px;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -770px;
	}
	.cards-section .vac {
		transform: translateY(8em) !important;
	}
	.demo-km {
		right: 32px;
		top: 17px;
		font-size: 1em;
		padding: 4px 20px;
		width: 100px;
	}
	#demo-km-no {

	}
	.demo-slider-control-line {
		width: 320px;
		bottom: 33px;
		left: 129px;
	}
	.demo-slider-control {
		height: 45px;
		width: 45px;
		border-radius: 45px;
		bottom: -2px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
		/* animation: demoSliderControlAnimation 3s 1 both; */
	}
	.demo-slider-control-bar-line {
		bottom: 52px;
		left: 129px;
		width: 320px;
	}
	.demo-slider-control-bar {
		width: 15%;
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 570px;
		height: 172px;
	}
}
.service-content.mrgn-tp-xl {
	margin-top: 40px !important;
}
.results-filter-content .inputRangeSalaryGroup.list-group.open {
	overflow: visible;
	border: none;
}
#contact-form .tip {
	padding-bottom: 5px;
}
div.summary-skills {
	display: block;
}
.sr.feature-hero-object,
.sr.feature-summary-product-A,
.sr.feature-summary-text-A,
.sr.filter-section,
.sr.jobs-section,
.sr.cards-section-content,
.sr.cards-section-image,
.sr.cards-section-image-2,
.sr.feature-section-B,
.sr.feature-section-C,
.sr.feature-section-D {
	visibility: hidden;
}
/* Animations */
@keyframes demoSliderControlAnimation {
    from {
        /* transform : translateX(0%); */
        left: 0%;
    }
    50% {
        /* transform : translateX(515%); */
        left: 90%;
    }
    to {
        /* transform : translateX(0%); */
        left: 10%;
    }
}
@keyframes demoSliderControlBarAnimation {
    from {
        width : 12%;
    }
    50% {
        width : 100%;
    }
    to {
        width : 13%;
    }
}
.prm-flpr.theme-light .cover .cover-heading .directory.sub,
.prm-flpr.theme-dark .cover .cover-heading .directory.sub {
	background: none !important;
	padding: 7px 20px 8px 20px;
	margin: 0;
	overflow: auto;
}
.prm-flpr.theme-light .cover .cover-heading.text-center .directory.sub,
.prm-flpr.theme-dark .cover .cover-heading.text-center .directory.sub {
	margin: 0 auto;
}
.prm-flpr.theme-light .cover .cover-heading .directory,
.prm-flpr.theme-dark .cover .cover-heading .directory {
	padding: 6px 15px;
	margin: 0 0 7px 0;
	overflow: auto;
}
.prm-flpr.theme-light .cover .cover-heading.text-center .directory,
.prm-flpr.theme-dark .cover .cover-heading.text-center .directory {
	margin: 0 auto;
}
.prm-flpr.theme-light .cover .cover-heading .directory.sub::after,
.prm-flpr.theme-dark .cover .cover-heading .directory.sub::after,
.prm-flpr.theme-light .cover .cover-heading .directory::after,
.prm-flpr.theme-dark .cover .cover-heading .directory::after {
	content: "";
	clear: both;
	display: table;
}
.demo-content-head .web-screenshot-en,
.demo-content-head .web-screenshot-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: absolute;

	height: 500px;
	width: 400px;
	/* top: -200px;
	right: -230px; */
	top: 0;
	right: -99px;
	left: auto;
}
.demo-content-details .demo-content-head .web-screenshot-en,
.demo-content-details .demo-content-head .web-screenshot-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;

	width: 700px;
	height: 500px;
	top: 0;
}
.demo-content-head .jb.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbwebsite-eng.png') !important;
}
.demo-content-head .jb.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbwebsite-fra.png') !important;
}
.demo-content-head .jbfe.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-eng.png') !important;
}
.demo-content-head .jbfe.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-fra.png') !important;
}
.scroll-down-wrapper {
	text-align: center;
	position: absolute;
	bottom: -265px;
	left: 40%;
	display: none;
}
.scroll-down-wrapper .scroll-down {
	font-size: 3.5em;
	padding: 2px 4px 0px 4px;
	border-radius: 3.25em;
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	color: #4f747d;
	border: 1px solid #bbb;
}
.scroll-down-wrapper .scroll-down:hover {
	background: #4f747d;
	color: #fff;
}
.demo-content-wrapper {
	background: #fff;
	overflow: hidden;
}
.demo-content-wrapper.overflow-visible {
	overflow: visible;
}
.demo-content-wrapper .app-screenshot-group,
.demo-content-wrapper .showcase-content,
.demo-content-wrapper .service-content {
	margin: 30px 0;
}
.grey.bg.demo-content-wrapper {
	background-color: #f5f5f5;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.toc-nav.demo-content-wrapper {
	border-bottom: 1px solid #eee;
}
.toc-nav.demo-content-wrapper .row {
	padding: 0 30px;
}
.toc-nav .demo-content .demo-content-details {
	margin: 0;
}
.demo-content-parent {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
}
.blue.bg.demo-content-wrapper {
	background: #43698c url('../images/bg-hero_mobileapp_gc.jpg') no-repeat 50% 85%;
	background-size: cover;
	color: #fff;
	vertical-align: middle;
	display: table-cell !important;
}
.grey.bg.demo-content-wrapper {
	background: #fafafa;
	color: #444;
}
.container-fluid .demo-content-wrapper {
	margin: 0 -15px;
}
.demo-content-wrapper section h2,
.bg.demo-content-wrapper section h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
}
.grey.bg.demo-content-wrapper section h2 {
	/* color: #3D6C7C; */
}
.blue.bg.demo-content-wrapper section h2 {
	color: #c3e7ed;
}
.bg.demo-content-wrapper section p:not(.tt-suggestion) {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4em;
}
.blue.bg.demo-content-wrapper section p {
	color: #fff;
}
.blue.bg.demo-content-wrapper section p a {
	color: #c3e7ed;
}
.bg.demo-content-wrapper .demo-content-hero-image,
.demo-content-details-center .demo-content-hero-image {
	/* width: 200px; */
	height: 200px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
}
.demo-content-wrapper .icon-demo-showcase {
	background: #ccc;
	padding: 27px;
	border-radius: 100px;
	font-size: 1.6em;
	float: left;
	margin: 0 30px 50px 0;
	border: 6px solid #aaa;
	top: 8px;
	position: relative;
}
.blue.bg.demo-content-wrapper .icon-demo-showcase {
	background: #658fb5;
	border-color: #b1c9dd;
}
.demo-content {
	padding: 0;
	margin: 30px 0 50px 0;
}
.header-section.demo-content {
	margin: 30px 0 40px 0;
}
.demo-content .demo-content-details {
	padding: 0;
	margin: 10px 0;
	vertical-align: top;
}
.demo-content + .demo-content-details-center {

}
.video-thumbnail {
	display: block;
	text-align: left;
	text-decoration: none;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #335075;
	letter-spacing: -0.01em;
}
.video-thumbnail:hover,
.video-thumbnail:focus,
.video-thumbnail:active {
	text-decoration: none;
	color: #185eb2;
	border-color: #bbb;
}
.video-thumbnail .text {
	margin: 10px 0 0 0;
	display: inline-block;
	top: -7px;
	position: relative;
	text-decoration: underline;
}
.video-thumbnail .icon {
	display: inline-block;
	font-size: 1.3em;
	margin: 0 5px 0 0;
	top: -8px;
	position: relative;
}
.bg.demo-content-wrapper .video-intro h2.modal-title,
.demo-content-wrapper .video-intro h2.modal-title {
	font-size: 1.15em;
	padding: 10px 0;
	margin: 0;
	color: #fff;
}
.demo-content .demo-content-details-center h2 {
	color: #3D6C7C
}
.demo-content .demo-content-details .toc.no {
  padding: 0 0 0 50px;
}
.demo-content .demo-content-details .title,
.demo-content .demo-content-details-center .title {
	color: #797676;
	display: block;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.demo-content .demo-content-details .no .title,
.demo-content .demo-content-details .hide-title .title,
.demo-content .demo-content-details-center .no .title {
	visibility: hidden;
	position: relative;
}
.demo-content .demo-content-details .no .title .digit,
.demo-content .demo-content-details-center .no .title .digit {
	font-size: 23px;
	font-weight: 600;
	text-align: center;
	border: 2px solid #aaa;
	border-radius: 50%;
	background-color: #f2f2f2;
	width: 40px;
	height: 40px;
	padding: 6px 0 1px 0;
	visibility: visible;
	position: absolute;
	left: -50px;
	top: 20px;
}
.demo-content .demo-content-details .no.notxt .title .digit {
	top: -3px;
	line-height: 26px;
}
.demo-content .demo-content-details h3,
.demo-content .demo-content-details-center h3 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-size: 28px;
	color: #6D6D6D;
	margin: 0 0 20px 0;
	line-height: normal;
}
.demo-content .demo-content-details .no.notxt {
	padding: 0 0 0 50px;
	margin: 40px 0 20px 0;
}
.demo-content .demo-content-details h4,
.demo-content .demo-content-details-center h4,
.demo-content .demo-content-details .h4,
.demo-content .demo-content-details-center .h4 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #6D6D6D;
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .tabpanels .stats-object {
	padding: 70px 30px 0 30px;
	/* bottom: auto;
	top: auto;
	min-height: 450px; */
	position: relative;
}
.demo-content .demo-content-setbox {
	background: #fff;
	border: 1px solid #efefef;
	padding: 30px 40px 10px 40px;
	margin: 0 0 30px 0;
	z-index: 2;
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
}
.demo-content .demo-content-setbox .demo-content-hero-wrapper {

}
.demo-content .demo-content-setbox .demo-content-hero-image {
	position: relative;
	float: left;
	width: 100%;
	height: 160px;
	padding: 0;
	margin: 0 0 10px 0;
	top: -20px;
}
.demo-content .demo-content-setbox-links {
	margin-top: 10px;
	padding: 0;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul {
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li {
	margin: 0;
	border-bottom: none;
	padding: 0;
	display: inline-block;
	font-size: 0.85em;
	line-height: 1.4em;
	min-height: 30px;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li .fa-li {
	width: 2.75em;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li .fas {
	font-size: 1.3em;
	color: #ccc;
	line-height: 1em;
	margin: 0 15px 0 0;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li a {
	padding: 10px 15px 12px 40px;
	display: inline-block;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li a:hover {
	color: #A06101;
	border-radius: 10px;
	background: #FEF7E2;
}
.demo-content .demo-content-details .demo-content-setbox-links .fa-ul li a:hover .fas {
	color: #A06101;
}
.demo-content .demo-content-setbox .emphasis,
.regions-rates .demo-content-setbox .emphasis {
	display: block;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #666;
	letter-spacing: -0.25px;
	line-height: 28px;
	margin: 0;
	padding: 0 10px 20px 0;
	word-break: break-word;
}
.demo-content .demo-content-setbox h3 {
	padding: 0;
}
.demo-content .demo-content-setbox h3 .fa-icon {
	color: #d1d1d1;
}
.demo-content .demo-content-setbox h3 .csj-icon {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	margin: -3px 3px -8px 0;
	float: left;
}
.demo-content .col-set-box .demo-content-setbox {
	margin: 10px 0 0 0;
	padding: 20px;
}
.demo-content .col-set-box .demo-content-setbox .emphasis {
	font-size: 18px;
	line-height: 27px;
	font-weight: 300;
	padding: 0 10px;
}
.demo-content .demo-content-setbox .emphasis .fa-pull-left,
.demo-content .demo-content-setbox .emphasis .fa-pull-right {
	display: block;
	position: relative;
	margin: 0 0 10px 10px;
}
.demo-content .demo-content-setbox .emphasis .fa-pull-left::after,
.demo-content .demo-content-setbox .emphasis .fa-pull-right::after {
	content: "";
	display: block;
	clear: both;
}
.demo-content .demo-content-setbox .emphasis .fas,
.regions-rates .demo-content-setbox .emphasis .fas {
	color: #d1d1d1;
}
.demo-content .demo-content-setbox .emphasis a {
	text-decoration: none;
	color: #666;
	background: #f7f7f7;
	padding: 5px 10px 4px 10px;
	border-radius: 20px;
	font-size: 22px;
	border: 1px solid #eee;
}
.demo-content .demo-content-setbox .emphasis a:hover {
	text-decoration: underline;
}
.demo-content .demo-content-setbox .emphasis a .fa-icon {
	margin: 0 5px 0 0;
}
.bg.demo-content-wrapper section p:not(.tt-suggestion),
.demo-content .demo-content-details p:not(.tt-suggestion),
.demo-content .demo-content-details-center p,
.demo-content .demo-content-details ul,
.demo-content .demo-content-details-center ul,
.demo-content .demo-content-details ol,
.demo-content .demo-content-details-center ol,
.demo-content-wrapper.homepage-stats p,
.demo-content-wrapper p,
.demo-content-wrapper ul {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	letter-spacing: -0.25px;
	line-height: 1.6em;
	margin: 0 0 20px 0;
}

.bg.demo-content-wrapper section figcaption details p {
	font-family: unset;
	font-size: initial;
}
.demo-content .demo-content-details .fa-ul,
.demo-content .demo-content-details-center .fa-ul {
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul.jb-no,
.demo-content .demo-content-details-center .fa-ul.jb-no {
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul li,
.demo-content .demo-content-details-center .fa-ul li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 20px 15px 20px 50px;
	font-size: 18px;
	line-height: 1.4em;
	min-height: 60px;
}
.demo-content .demo-content-details .fa-ul.fa-nl li {
	border-bottom: none;
}
.demo-content .demo-content-details .fa-ul.fa-right li,
.demo-content .demo-content-details-center .fa-ul.fa-right li {
	padding: 17px 50px 15px 0;
}
.demo-content .demo-content-details .fa-ul li:last-child,
.demo-content .demo-content-details-center .fa-ul li:last-child {
	border-bottom: none;
}
.demo-content .demo-content-details .fa-ul li .fa-li,
.demo-content .demo-content-details-center .fa-ul li .fa-li {
	width: 2em;
	top: 17px;
	left: 0;
}
.demo-content .demo-content-details-center .fa-ul.jb-no li .fa-li {
	top: 16px;
}
.demo-content .demo-content-details .fa-ul.fa-right li .fa-li,
.demo-content .demo-content-details-center .fa-ul.fa-right li .fa-li {
	width: 2em;
	right: -6px;
	left: auto;
	top: 16px;
}
.demo-content .demo-content-details .fa-ul li .fa-li .jb-no,
.demo-content .demo-content-details-center .fa-ul li .fa-li .jb-no,
.toc-list li a .fa.jb-no {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 18px;
	background: #edf6f9;
	padding: 5px 10px 5px 10px;
	border-radius: 35px;
	height: 35px;
	width: 35px;
	line-height: 24px;
	color: #3D6C7C;
	border: 1px solid #6b97a5;
}
.toc-list li a .fa.jb-no {
	padding: 5px 10px 5px 12px;
	top: -2px;
	position: relative;
}
.demo-content .demo-content-details .fa-ul li .fas,
.demo-content .demo-content-details-center .fa-ul li .fas {
	font-size: 1.25em;
	line-height: 1.15em;
	color: #3D6C7C;
}
.demo-content .demo-content-details .fa-ul li .fa-icon {
	font-size: 25px;
	color: #666;
	position: relative;
	top: -5px;
}
.demo-content .demo-content-details p + ul,
.demo-content .demo-content-details-center p + ul,
.demo-content .demo-content-details p + ol,
.demo-content .demo-content-details-center .p + ol {
	margin: 15px 0 20px 0;
}
.demo-content .demo-content-details p + .fa-ul,
.demo-content .demo-content-details-center p + .fa-ul {
	margin: -15px 0px 20px 0px;
}
.demo-content .demo-content-details p + .fa-ul.levels,
.demo-content .demo-content-details-center p + .fa-ul.levels {
	margin-top: 20px;
	margin-bottom: 25px;
	border-radius: 8px;
	overflow: hidden;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li,
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li {
	padding: 20px 10px 20px 10px;
	border-color: #fff;
	line-height: 1.7em;
}
.demo-content .demo-content-details p + .fa-ul.levels li .digit,
.demo-content .demo-content-details-center p + .fa-ul.levels li .digit {
	font-weight: 500;
	background-color: #fff;
	padding: 2px 8px 2px 7px;
	margin: 0 5px;
	border-radius: 5px;
	white-space: nowrap;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li:nth-child(1),
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li:nth-child(1) {
	background-color: #D1EEC4;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li:nth-child(2),
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li:nth-child(2) {
	background-color: #B8E8A2;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li:nth-child(3),
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li:nth-child(3) {
	background-color: #9FE280;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li:nth-child(4),
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li:nth-child(4) {
	background-color: #86DC5E;
}
.demo-content .demo-content-details p + .fa-ul.funding-grant li:nth-child(5),
.demo-content .demo-content-details-center p + .fa-ul.funding-grant li:nth-child(5) {
	background-color: #6DD63D;
}
.demo-content .demo-content-details .call-to-action-label,
.demo-content .demo-content-details-center .call-to-action-label {
	margin: 70px 0 0 0;
	font-size: 1.5em;
	font-weight: 500;
	color: #555;
}
.demo-content .demo-content-details .screenshot-showcase,
.demo-content .demo-content-details-center .screenshot-showcase {
	padding: 0;
	margin: 0 0 -40px 0;
}
.demo-content .demo-content-details .definition-list {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
}
.demo-content .demo-content-details .definition-list dl {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	/* padding: 20px 10px 10px 10px; */
	padding: 0;
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .definition-list dl:last-child {
	margin: 0;
}
.demo-content .demo-content-details .definition-list dl dt {
	font-size: 20px;
	font-weight: 500;
	color: #3D6C7C;
	padding: 0;
	margin: 0;
}
.demo-content .demo-content-details .definition-list dl dd {
	font-size: 15px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #bbb;
}
.demo-content .demo-content-details .definition-list dl:first-child dd:last-child {
	border-bottom: 1px dashed #bbb;
	padding: 0 0 20px 0;
	margin: 0;
}
.demo-content .demo-content-details .definition-list dl:last-child dd:last-child {
	border-bottom: none;
	padding: 0 0 0 0;
	margin: 0;
}
.demo-content .demo-content-details-center .col-set {
	margin: 0;
}
.demo-content .demo-content-details-center .col-set .col-set-box.col-a,
.demo-content .demo-content-details-center .col-set .col-set-box.col-b {
	margin: 0;
	/* background: #f9f9f9; */
	padding: 0 25px 25px 25px;
	/* border-radius: 10px; */
}
.demo-content .demo-content-details-center .col-set .col-set-box.col-a:nth-child(3) {
	/* margin: 0; */
	border-right: 0;
}
.demo-content .demo-content-details-center .col-set-box .col-set-heading {
	display: table;
	position: relative;
	/* border-left: 9px solid #3d6c7c; */
	width: 100%;
	height: 200px;
	margin: 0 0 10px 0;
	border-radius: 10px;
}
.demo-content .demo-content-details-center .col-set-box .col-set-heading .dark-bg {
	display: table-cell;
	/* background: rgba(0, 0, 0, 0.5); */
	background: linear-gradient(to top, rgba(0,0,0,0.765), rgb(0,0,0,0) 50%);
	width: 100%;
	height: 100%;
	padding: 0 0 15px 0;
	vertical-align: bottom;
	border-radius: 10px;
}
.demo-content .demo-content-details-center .col-set-box .col-set-heading .dark-bg h3 {
	color: #fff;
}
.veterans-seeker-img {
	overflow: visible;
	background: #000 url('../images/veterans/veterans-employer.jpg') no-repeat center top;
	background-size: 120%;
}
.veterans-employer-img {
	overflow: visible;
	background: #000 url('../images/veterans/veterans-seeker1.jpg') no-repeat center top;
	background-size: 120%;
}
.veterans-opportunities-img {
	overflow: visible;
	background: #000 url('../images/veterans/veterans-opportunities.jpg') no-repeat center top;
	background-size: 120%;
}
.veterans-quiz-img-en,
.veterans-quiz-img-fr {
	overflow: hidden;
	background-color: #fafafa;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	height: 350px;
	position: relative;
	border-radius: 15px;
	margin: 0 60px;
}
/* Effects */
/* Rotate */
.rotate-A {
	transition: all .1s ease-out;
	-webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.rotate-A:hover {
	-webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}
/* Zoom In */
.bgZoomIn-A {
	transition: all .1s ease-out;

}
.bgZoomIn-A:hover {
	background-size: 130%;
}
.zoomIn-A {
	transition: all .1s ease-out;

}
.zoomIn-A:hover {
	transform: scale(1.025);
}
.bottom-transition {
	background: linear-gradient(to top, rgba(250,250,250,1), rgb(0,0,0,0) 40%);
	height: 100%;
}
.veterans-quiz-img-en {
	background-image: url('../images/veterans/quiz-poster-en.png');
}
.veterans-quiz-img-fr {
	background-image: url('../images/veterans/quiz-poster-fr.png');

}
.demo-content .demo-content-details-center .col-set .col-set-box img {
	/* border-radius: 5px; */
	border-bottom: 9px solid #72b0d5;
}
.demo-content .demo-content-details-center .col-set .col-set-box h3 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-size: 24px;
	margin: 10px 0;
}
.demo-content .demo-content-details-center .col-set .col-set-box h3.dark {
	color: #666;
	color: #fff;
}
.demo-content .demo-content-details-center .col-set-box .col-set-heading h3 {
	margin: 0 25px;
}
.demo-content .demo-content-details-center .col-set .col-set-box p {
	margin: 15px 0 0 0;
	font-size: 20px;
	font-weight: 400;
}
.demo-content .demo-content-details-center .col-set .col-set-box ul {
	padding: 0;
	margin: 0;
}
.demo-content .demo-content-details-center .col-set .col-set-box ul li {
	position: relative;
	list-style: none;
	font-size: 20px;
	line-height: 24px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	break-inside: avoid;
	display: block;
}
.demo-content .demo-content-details-center .col-set .col-set-box ul li:last-child {
	border-bottom: 0;
}
.demo-content .demo-content-details-center .col-set .col-set-box ul li a {
	padding: 14px 25px 14px 25px;
	display: block;
	position: relative;
	text-decoration: none;
}
.demo-content .demo-content-details-center .col-set .col-set-box ul li .fa-icon {
	margin: 0;
	position: absolute;
	display: inline-block;
	top: 16px;
	left: 5px;
	font-size: 18px;
	color: #284162;
}
.demo-content .demo-content-details-center .col-set .col-a p,
.demo-content .demo-content-details-center .col-set .col-b p {

}

.grid-wrapper {
	display: block;
}
.grid-wrapper .demo-content,
.grid-wrapper .showcase-content,
.grid-wrapper .demo-content .demo-content-details {
	margin: 0;
}
.grid-wrapper .grid-set {

}
.grid-wrapper .grid-set .row {
	max-width: 100%;
	margin: 0;
}
.grid-wrapper .grid-set .grid-set-card-list,
.grid-wrapper .grid-set .grid-set-card-stats {
	padding: 0;
}
.grid-wrapper .grid-set .grid-set-card-heading-dual,
.grid-wrapper .grid-set .grid-set-card-heading {
	width: 100%;
	/* overflow: hidden;
	min-height: 350px; */
}
.grid-wrapper .grid-set .grid-set-card-heading-half {
	width: 100%;
	padding: 0;
	/* overflow: hidden; */
	min-height: 550px;
}
.grid-wrapper .grid-set .grid-set-card-heading-dual .description,
.grid-wrapper .grid-set .grid-set-card-heading .description {
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	margin: 0;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading-dual .description a {
	color: #000;
	background: rgba(0, 0, 0, 0.15);
	padding: 4px 13px;
	border-radius: 10px;
	text-decoration: none;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading-dual .description a:hover,
.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading-dual .description a:active,
.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading-dual .description a:focus {
	background: #000;
	color: #fff;
	text-decoration: underline;
}
.grid-wrapper .grid-set .grid-set-card.dark .grid-set-card-heading-dual .description a {
	color: #fff;
	background: rgba(255, 255, 255, 0.25);
	padding: 4px 13px;
	border-radius: 10px;
	text-decoration: none;
}
.grid-wrapper .grid-set .grid-set-card.dark .grid-set-card-heading-dual .description a:hover,
.grid-wrapper .grid-set .grid-set-card.dark .grid-set-card-heading-dual .description a:active,
.grid-wrapper .grid-set .grid-set-card.dark .grid-set-card-heading-dual .description a:focus {
	background: #fff;
	color: #000;
	text-decoration: underline;
}
.grid-wrapper .grid-set .grid-set-card-heading.dark .description {
	color: #fff;
}
.grid-wrapper .grid-set .grid-set-card-heading-half .description {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 40px;
	margin: 20px 0;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading .grid-set-item h2 {
	font-size: 26px;
	font-weight: 600;
	margin: 0;
}
.grid-wrapper .grid-set .grid-set-card.dark .grid-set-item  {
	color: #fff;
}
.grid-wrapper .grid-set .grid-set-card-heading .grid-set-item h2 .title {
	display: block;
	font-weight: 300;
	font-size: 35px;
	text-transform: uppercase;
}
.grid-wrapper .grid-set .grid-set-card {
	position: relative;
	box-shadow: none;
	/* border-bottom: 1px solid #ddd; */
}
.grid-wrapper .grid-set-card-stats .grid-set-card {
	border: none;
}
.grid-wrapper .grid-set .grid-set-card.dark {
	border: none;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item {
    position: relative;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:80%; */
    padding: 30px 15px;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 1.6em;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item .stats {
    font-size: 26px;
	font-weight: 300;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item .list {
    font-size: 26px;
	font-weight: 300;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item .content {
    font-size: 24px;
	font-weight: 300;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item .content .call-to-action a {
	font-size: 21px;
}
.grid-wrapper .grid-set .grid-set-card .grid-set-item .jb-no {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-size: 28px;
	background:	#3D6C7C;
	padding: 0;
	margin: 0 auto;
	border-radius: 45px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	color: #edf6f9;
    display: block;
    text-align: center;
    position: relative;
	top: -10px;
}
.grid-wrapper .grid-set .grid-set-card  .grid-set-item .highlight-data {
	font-weight: 800;
	font-size: 30px;
	/* display: block; */
}
.grid-wrapper .grid-set .grid-set-card  .grid-set-item .highlight-data {
	color: #3D6C7C;
}
.grid-wrapper .grid-set .grid-set-card.dark  .grid-set-item .highlight-data {
	color: #8bd7df;
}
.grid-wrapper .grid-set .grid-set-card .highlight-year {
	font-weight: 600;
}
section.video-intro {
	width: 100%;
	height: auto;
}
.video-intro .modal-footer {
	display: none;
}
.video-wrapper {
	margin: 0;
}
.video-wrapper .wb-share {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	padding: 0 0 10px 0;
}
.video-wrapper .display {
	border: 1px solid #ddd;
}
.video-wrapper .wb-mm-ctrls {
	background: #ddd;
	color: #000;
}
.video-wrapper .wb-mm-ctrls .btn {
	color: #000;
}
.video-wrapper .wb-mm-ctrls progress {
	border-color: #ddd;
	border-radius: 0;
}

.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-moz-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-webkit-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-txtonly {
	top: -4px;
	position: relative;
}
.video-wrapper figcaption {

}
.demo-content .demo-content-details .video-wrapper figcaption details {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.95em;
}
.demo-content .demo-content-details .video-wrapper figcaption details p {
	font-size: 1em;
}

.tfw-landing {

}
.tfw-icon {
	/* background-image: url("../images/icons/jobsource/list/jobsource-csj-21-icon.png"); */
	background-image: url("../images/icons/tfw-job-icon-neutral.png");
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
}
.tfw-landing .tfw-icon {
	width: 75px;
	height: 75px;
	float: left;
	margin: -6px 5px 0 -9px;
	border-radius: 20px;
}
.tfw-A-img {
	overflow: visible;
	background: #000 url('../images/tfw/tfw-A.jpg') no-repeat center top;
	background-size: 120%;
}
.tfw-B-img {
	overflow: visible;
	background: #000 url('../images/tfw/tfw-D.jpg') no-repeat center top;
	background-size: 120%;
}
.tfw-C-img {
	overflow: visible;
	background: #000 url('../images/tfw/tfw-B.jpg') no-repeat center top;
	background-size: 120%;
}

/* ======== TFV language menu - START ======== */
.tfw-lang-bar {
	/* background-color: rgba(0,0,0,.35) !important; */
	position: absolute;
	top: 0;
	right: 0;
}
.tfw-lang-bar a {
	color: #FFF;
	font-size: 1.2em;
}
.tfw-lang-menu .btn {
	background-color: #C55400!important;
}
.tfw-lang-menu .btn:not([href]),
.tfw-lang-menu .btn:active,
.tfw-lang-menu .btn:focus,
.tfw-lang-menu .btn:hover {
	background-color: #994201!important;
	color: #FFF;
}
.tfw-lang-menu .signon.open > .dropdown-menu {
    right: 0px;
    left: auto;
    top: 48px;
    width: 100%;
    min-width:200px;
    text-align: left;
}
.tfw-lang-bar .fa-globe {
	padding-right: 35px;
	font-size: 1.3em;
}
.tfw-lang-bar .fa-chevron-down {
	padding-left: 5px;
}
@media screen and (max-width: 769px) {
	.tfw-lang-menu .btn,
	.tfw-lang-menu .signon.open > .dropdown-menu {margin-right: 15px;}
}
/* ======== TFV language menu - END ======== */

.legend-group {
	background-color: #fff;
	border-radius: 15px;
	padding: 20px 15px;
}
.demo-content .demo-content-details .legend-group .types {
	padding: 0 0 0 30px;
	margin: 25px 0;
}
.demo-content .demo-content-details .legend-group .types li {
	font-size: 20px;
	padding: 7px 0;
	list-style-type: none;
	border-bottom: 1px solid #eee;
}
.demo-content .demo-content-details .legend-group ul li:last-child {
	border: none;
}
.demo-content .demo-content-details .legend-group .fa-ul {
	margin: 20px 0 0 0;
}
.demo-content .demo-content-details .legend-group .fa-ul li {
	padding: 10px 15px 10px 45px;
	line-height: normal;
	min-height: 45px;
	font-size: 20px;
}
.demo-content .demo-content-details .legend-group p {
	margin: 13px 10px 10px 10px;
	font-size: 20px;
}
.lmia-icon-pending,
.lmia-icon-approved {
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	top: 0;
}
.lmia-icon-pending {
	background-image: url("../images/icons/tfw-job-icon-pending.png");
}
.lmia-icon-approved {
	background-image: url("../images/icons/tfw-job-icon.png");
}
@media screen and (min-width: 768px) {
	.tfw-landing .tfw-icon {
		width: 115px;
		height: 115px;
		margin: -18px 5px 0 -27px;
	}
}
@media (min-width: 1200px) {
	.tfw-landing .tfw-icon {
		width: 130px;
		height: 130px;
	}
}
table#fos_all  { width: 100%; border: 1px solid #ddd; }
table#fos_all tr  {  border: 1px solid #ddd; }
table#fos_all td  {  padding: 10px; }
table#fos_all th  {  background-color: #f0f5f5; padding: 10px; }

@media screen and (min-width: 576px) {
	.grid-wrapper .grid-set .grid-set-card {
		height: 100%;
		min-height: 200px;
	}
	.grid-wrapper .grid-set .grid-set-card-heading-dual,
	.grid-wrapper .grid-set .grid-set-card-heading {
		overflow: hidden;
		min-height: 350px;
	}
	.grid-wrapper .grid-set .grid-set-card-heading-half {
		overflow: hidden;
		min-height: 600px;
	}
	.grid-wrapper .grid-set .grid-set-card .grid-set-item {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width:80%;
	    padding: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 500px;
		width: 500px;
		/* top: -90px; */
		right: -25px;
	}
	.header-section.demo-content {
		margin: 80px 0;
	}
	.bg.demo-content-wrapper section p:not(.tt-suggestion),
	.demo-content .demo-content-details p:not(.tt-suggestion),
	.demo-content .demo-content-details-center p,
	.demo-content .demo-content-details ul,
	.demo-content .demo-content-details-center ul,
	.demo-content .demo-content-details ol,
	.demo-content .demo-content-details-center ol,
	.grid-wrapper .grid-set .grid-set-card-heading-dual .description,
	.grid-wrapper .grid-set .grid-set-card-heading .description,
	.demo-content-wrapper.homepage-stats p,
	.demo-content-wrapper
	/* .demo-content .demo-content-details .legend-group .fa-ul li,
	.demo-content .demo-content-details .legend-group p */ {
		font-size: 24px;
		/* line-height: 1.4em; */
	}
	.demo-content .demo-content-details-center p.mrgn-ngtv {margin: -30px 0 20px 0;}
	.demo-content .demo-content-details .fa-ul li,
	.demo-content .demo-content-details-center .fa-ul li {
		font-size: 22px;
	}
	.demo-content .demo-content-setbox {
		/* padding: 10px 40px 10px 40px; */
		min-height: 140px;
	}
	.demo-content .demo-content-setbox .emphasis {
		line-height: 35px;
	}
	.demo-content .demo-content-setbox .emphasis .fa-pull-right,
	.demo-content .demo-content-setbox .emphasis .fa-pull-left {
		font-size: 3em;
	}
	.demo-content .demo-content-setbox .emphasis .fa-pull-right {
		float: right;
	}
	.demo-content .demo-content-setbox .emphasis .fa-pull-left {
		float: left;
	}
	.video-thumbnail {
		border-radius: 50px;
	}
	.video-thumbnail .text {
		font-size: 1em;
	}
	section.video-intro {
		width: 90%;
		height: auto;
	}
	.service-content-image .photo {
		width: auto;
	}
}
@media screen and (min-width: 768px) {
	.toc-nav.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
		-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		/* -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); */
		animation: smoothScroll 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	@keyframes smoothScroll {
		0% {
			transform: translateY(-40px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	@-webkit-keyframes slideInUp {
	  	0% {
			transform: translateY(-40px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	.demo-content {
		margin: 80px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 80px 0;
	}
	.scroll-down-wrapper {
		bottom: -200px;
		left: 45%;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 700px;
		width: 500px;
		/* top: -350px;
		right: -80px; */
		top: -100px;
		right: -50px;
		left: auto;
	}
	.bg.demo-content-wrapper section h2,
	.demo-content .demo-content-details h2,
	.demo-content .demo-content-details-center h2,
	.demo-content-wrapper section h2 {
		font-size: 36px;
	}
	.demo-content .demo-content-details .toc.no {
	    padding: 0 0 0 60px;
	}
	.demo-content .demo-content-details .no .title .digit,
	.demo-content .demo-content-details-center .no .title .digit {
		font-size: 29px;

		width: 50px;
		height: 50px;

		top: 25px;
		left: -60px;

		padding: 7px 0px 1px 2px;
	}
	.demo-content .demo-content-details .no.notxt .title {
		margin: 0;
	}
	.demo-content .demo-content-details .no.notxt .title .digit {
		top: -8px;
		line-height: 31px;
	}
	.demo-content .demo-content-details .call-to-action-label,
	.demo-content .demo-content-details-center .call-to-action-label {
		font-size: 36px
	}
	.demo-content .demo-content-details .title,
	.demo-content .demo-content-details-center .title {
		font-size: 24px;
	}
	.demo-content .demo-content-details-center .col-set .col-a,
	.demo-content .demo-content-details-center .col-set .col-b {
		padding: 0 20px;
		margin: 0;
	}
	.demo-content .demo-content-setbox .demo-content-hero-image {
		width: 160px;
		margin: 0 0 10px 0;
	}
	.grid-wrapper .grid-set .grid-set-card-heading,
	.grid-wrapper .grid-set .grid-set-card-heading-half {
		/* min-height: 700px; */
		min-height: 500px;
	}
	.grid-wrapper .grid-set .grid-set-card,
	.grid-wrapper .grid-set .grid-set-card-list .grid-set-card {
		/* min-height: 350px; */
		min-height: 200px;
	}
	.grid-wrapper .grid-set .grid-set-card .grid-set-card-heading .grid-set-item h2 {
		font-size: 35px;
		margin: 0 0 10px 0;
	}
	.grid-wrapper .grid-set .grid-set-card-heading .grid-set-item h2 .title {
		font-size: 70px;
		letter-spacing: 10px;
	}
}
@media screen and (min-width: 992px) {
	.demo-content {
		margin: 80px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 120px 0;
	}
	.scroll-down-wrapper {
		bottom: -100px;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 700px;
		width: 600px;
		top: -100px;
		right: 30px;
		left: auto;
	}
	.demo-content-details .demo-content-head .web-screenshot-en,
	.demo-content-details .demo-content-head .web-screenshot-fr {
		position: absolute;
		height: 500px;
		width: 500px;
		top: 100px;
		right: -9px;
	}
	.service-content-image .photo {
		max-height: none;
		width: 100%;
	}
	.service-content-image .photo.exceed-right,
	.service-content-image .photo.exceed-left {
		width: 115%;
	}
	.service-content-image .photo.exceed-left {
		position: relative;
		left: -15%;
	}
	.demo-content .demo-content-setbox.vert-middle {
		margin-top: 100px !important;
	}
	.demo-content .demo-content-setbox.exceed-right,
	.demo-content .demo-content-setbox.exceed-left
	 {
		width: 130%;
		margin: 40px 0 30px 0;
	}
	.demo-content .demo-content-setbox.exceed-left
	 {
		left: -30%;
	}
	.demo-content .exceed-left-30 {
		left: -30%;
		width: 130%;
		text-align: center;
	}
	.demo-content .demo-content-details-center .col-set {
		margin: 70px 0 0 0;
	}
	.demo-content .demo-content-details-center .col-set .description {
		min-height: 200px;
	}
	.demo-content .demo-content-details .definition-list {
		padding: 40px 30px;
	}
	.demo-content .demo-content-details .definition-list dl {
		/* padding: 30px 30px 20px 30px; */
		padding: 0 20px;
		margin: 0;
	}
	.demo-content .demo-content-details .definition-list dl:last-child {
		border-left: 1px dashed #bbb;
		margin: 0;
	}
	.demo-content .demo-content-details .definition-list dl:first-child dd:last-child {
		border-bottom: none;
		padding: 0;
	}
	section.video-intro {
		width: 68%;
		height: auto;
	}
	.video-thumbnail {
		display: inline-block;
	}
	.veterans-quiz-img-en,
	.veterans-quiz-img-fr {
		top: -6px;
	}
	.demo-content .demo-content-details-center .col-set .col-set-box.col-a,
	.demo-content .demo-content-details-center .col-set .col-set-box.col-b {
		border-right: 1px solid #ddd;
	}
	.demo-content .demo-content-details-center .col-set .col-set-box.col-a:only-child {
		border-right: none;
	}
	/* .grid-wrapper .grid-set .grid-set-card-heading {
		min-height: 800px;
	} */
	.grid-wrapper .grid-set .grid-set-card-heading-dual {
		min-height: 400px;
	}
	.grid-wrapper .grid-set .grid-set-card-list .grid-set-card {
		/* min-height: 350px; */
		min-height: 350px;
	}
	.grid-wrapper .grid-set .grid-set-card-heading,
	.grid-wrapper .grid-set .grid-set-card-heading-half {
		min-height: 400px;
	}
}
@media screen and (min-width: 1200px) {
	.grid-wrapper {
		/* max-height: 600px; */
	}
	.grid-wrapper .grid-set .grid-set-card-heading {
		min-height: 800px;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 700px;
		width: 650px;
		top: -200px;
		right: 0;
		left: auto;
	}
	.demo-content-details .demo-content-head .web-screenshot-en,
	.demo-content-details .demo-content-head .web-screenshot-fr {
		height: 600px;
		width: 600px;
		top: 40px;
		right: 60px;
		left: auto;
	}
}
div.progressbar {
	display: none;
	margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
	div.progressbar {
		display: block;
	}
}

div.progressbar .shim {
	display: none;
	width: 100%;
}

div.progressbar .holder {
	position: relative;
	font-size: 85%;
	padding: 20px 0 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	border-top: 1px solid #ddd;
}

@media only screen and (min-width: 750px) {
	div.progressbar .holder {
		font-size: 90%;
	}
}

@media only screen and (min-width: 900px) {
	div.progressbar .holder {
		font-size: 95%;
	}
}

div.progressbar .holder .bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #b1bfd1;
}

div.progressbar .holder .bar .indicator {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ff803e;
}

div.progressbar .holder .labels {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2em;
	text-align: center;
}

div.progressbar .holder .labels i,
div.progressbar .holder .labels a {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -0.005em;
	display: block;
	position: relative;
	float: left;
	cursor: pointer;
	height: 45px;
	text-decoration: none;
	color: #335075;
	top: -5px;
	padding: 5px 17px;
	margin: 0 0 12px 0;
}
div.progressbar .holder .labels i span,
div.progressbar .holder .labels a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.progressbar .holder .labels i::before,
div.progressbar .holder .labels a::before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: solid 3px #b1bfd1;
	background-color: #fff;
	transform: translateX(-50%) translateY(50%);
	transition: border-color 100ms ease-in, background-color 150ms ease-in;
}

div.progressbar .holder .labels i::after,
div.progressbar .holder .labels a::after  {
	display: block;
	/* content: attr(data-label); */
	position: relative;
	top: 0;
	padding-bottom: 1.8em;
	color: #335075;
	/* transition: color 150ms ease-in; */
}

div.progressbar .holder .labels i:hover::before,
div.progressbar .holder .labels i:focus::before,
div.progressbar .holder .labels a:hover::before,
div.progressbar .holder .labels a:focus::before  {
	background-color: #FFE0D0;
	border: solid 3px #ff803e;
	/* top: 27px; */
	top: 35px;
}

div.progressbar .holder .labels i:hover::after,
div.progressbar .holder .labels i:focus::after {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 10px 17px 10px;
	border-radius: 20px;
}
div.progressbar .holder .labels a:hover,
div.progressbar .holder .labels a:focus {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	/*top: -5px;
	 padding: 5px 0 5px 0;
	margin: 0 0 17px 0; */
	border-radius: 20px;
}
div.progressbar .holder .labels i.read::before,
div.progressbar .holder .labels a.read::before  {
	border-color: #ff803e;
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.read:hover::before,
div.progressbar .holder .labels i.read:focus::before,
div.progressbar .holder .labels a.read:hover::before,
div.progressbar .holder .labels a.read:focus::before  {
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.reading::after,
div.progressbar .holder .labels a.reading::after  {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 0 12px 0;
	border-radius: 20px;
}
div.progressbar .holder .labels a.reading  {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
/* 	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 0 12px 0; */
	border-radius: 20px;
}
div.progressbar.fixed .holder {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}

div.progressbar.fixed .shim {
	display: block;
}
details .subitems, details .subitems-mid {
	margin: 0 0 15px 40px;
}
details summary .checkbox,
details summary .radio {
	display: inline-block;
	width: 90%;
	vertical-align: top;
	margin-top: 0;
}

.resultJobItem .action .btn {
	/* border: 1px solid #B6C5D5;
	padding: 3px 9px 2px 9px; */
	font-size: 1em;
	border: none;
	background: none;
}
.resultJobItem .action .btn:hover {
	color: #0535d2;
}
li.inactive .resultJobItem .action .btn {
	/* border-color: #dfdfdf; */
	border: none;
	background: none;
	color: #666;
}
li.inactive .resultJobItem .action .btn .fa {
	color: #666;
	margin-right: 3px;
}
.results-nav .ja-buttons .fa {
	font-size: 1.3em;
	line-height: 10px;
	position: relative;
	top: 2px;
	margin: 0 0 0 4px;
}
.results-nav .btn-group > .btn {
	border-right: 1px solid #ccc;
	margin-left: 0;
	/* border-radius: 5px; */
	background: #fff;
	/* padding: 5px 10px 3px 10px; */
}
.results-nav .btn-group > .btn:first-child,
.results-nav .btn-group > .btn:last-child,
.results-nav .btn-group > .btn:only-child {
	border-right: 0;
	border-left: 0;
}
.results-nav .btn-default:hover {
	/* background: #DEE3EA; */
}
.results-nav .btn-group > .btn-default:hover,
.results-nav .btn-group form > .btn-default:hover {
	text-decoration: underline;
}
.results-nav .btn-group form {
	float: left;
}
.results-nav .btn-group form > .btn {
	float: left;
	border-radius: 0;
}
.results-nav .btn-group > .btn:nth-child(2):not(:first-child):not(:last-child):not(.dropdown-toggle),
.results-nav .btn-group form > .btn:not(:last-child):not(.dropdown-toggle) {
	/* border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid #ddd;
}
.results-nav .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.results-nav .btn-group form > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border: 1px solid #ddd;
	border-left: 0;
	border-radius: 0;
}
.results-nav .btn-group form > .btn:last-child:not(:first-child),
.results-nav .btn-group form > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.results-nav .btn-group > .btn:last-child:not(.dropdown-toggle),
.results-nav .btn-group form > .btn:last-child:not(.dropdown-toggle) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	/* border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; */
}
.results-nav .btn-group > .btn:last-child:not(:first-child),
.results-nav .btn-group > form .btn:last-child:not(:first-child) {
	border: 1px solid #ddd;
	border-left: 0;
}
.jobalert-group .btn-group > .btn:first-child:not(.dropdown-toggle),
.jobalert-group .btn-group > .btn:last-child:not(.dropdown-toggle),
.jobalert-group .btn-group.bg-info.ja-buttons > .btn:not(.dropdown-toggle) {
	/* border-radius: 5px; */
}

.jobalert-group .ja-buttons {
	display: flex;
	}

.results-nav .btn-default.active {
	/* color: #0535d2; */
	background: #DEE3EA;
	/* background: none; */
	-webkit-box-shadow: none;
	box-shadow: none;
	/* font-weight: 500; */
}
.results-nav .command-result-filter-overlay.active {
	background: #DEE3EA;
	outline: 1px dotted;
}
.results-nav .btn-primary {
	background: #2572b4;
	border-color: #2572b4;
}
.results-content .results-filter-button-overlay .command-search-overlay {
	float: right;
	font-weight: 500;
	/* font-size: 17px;
	padding: 2px 15px 1px 15px; */
}
.results-content .results-filter-button-overlay .command-search-overlay .far {
	font-size: 16px;
	margin: 0 3px 0 0;
}
.jobalert-group .ja-buttons .btn-mobile,
.jobalert-groups .ja-buttons .btn-mobile.active {
	text-align: left;
	font-weight: 400;
	/* padding: 15px; */
}
.jobalert-groups .ja-buttons .btn-mobile.active {
	background: #DEE3EA;
}
.jobalert-group .btn .checkbox,
.jobalert-group .btn .radio {
	background: url(../images/gr_custom-inputs-white.png) 0 -2px no-repeat;
	background-size: 20px auto;
	height: 17px;
	min-height: 17px;
	white-space:normal;
	z-index: 5;
	position: relative;
	line-height: 1.25em;
	display: inline-block;
	width: 20px;
	margin: 0 10px 5px 5px;
	/* float: left; */
	right: 0;
	left: auto;
	position: absolute;
}
.jobalert-group .btn .checkbox.checkbox-unchecked {

}
.jobalert-group .btn:hover .checkbox.checkbox-unchecked  {
	background-position: 0 -22px;
}
.jobalert-group .btn .checkbox.checkbox-checked {
	background-position: 0 -82px;
}
.jobalert-group .btn:hover .checkbox.checkbox-checked {
	background-position: 0 -102px;
}
.results-nav .btn-primary:hover {
	background: #0d5189;
	/* border-color: #fff; */
	color: #fff;
}
.results-nav .results-sortby-group {
	display: none;
	visibility: hidden;
}
.results-nav .results-sortby-group.sortby-group-visible {
	display: block;
	position: fixed;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	bottom: 49px;
	z-index: 8;
	visibility: visible;
	left: 0;
	padding: 10px 15px 10px 15px;

	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: slideInUp;
  	animation-name: slideInUp;
}
@media (min-width: 992px) {
	.results-nav .results-sortby-group {
		display: inline-block;
		visibility: visible;
		float: right;
		padding: 4px 0 0 0;
	}
	.results-nav .results-sortby-group.sortby-group-visible {
		display: none;
		visibility: hidden;
	}
}
#header-search.search-visible .search-input-content {
	display: block;
	position: fixed;
	z-index: 9;
	/* bottom: 57px; */
	/* top: auto; */
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
	height: 100%;

	border: 0;
	border-radius: 0;

	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: slideInUp;
  	animation-name: slideInUp;
}
#searchButton, #searchSubmit {
	/* font-size: 17px; */
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px 14px;
}
#searchButton .fa-icon {
	font-size: 15px;
	top: 0;
	position: relative;
	margin: 0 2px 0 0;
}
#searchButton .text {
	display: inline-block;
	/* font-size: 17px; */
}
#header-search #searchButton .text {
	/* display: none; */
}
.browse-group {
	position: absolute;
	display: block;
	right: 0;
	top: -55px;
}
.btn-browse {
	background: #efefef;
	border: 1px solid #97acc7;
	line-height: 2.2em;
	color: #4a6e8e;
	font-size: 14px;
	position: relative;
	text-decoration: underline !important;
}
.btn-browse:hover {
	color: #4a6e8e;
	background: #fff;
	border: 1px solid #97acc7;
}

.pagination > li > a {
    padding: 6px 19px 5px 19px;
}
/* Custom iOS Smart Banner */
.smartbanner.smartbanner--ios {
	border-bottom: 1px solid #ccc;
}
/* Custom Job Bank Smart Banner */
.smartbanner.smartbanner--jobbanksb {
	border-bottom: 1px solid #ccc;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info {
	width: 50%;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__title {
	font-weight: 600;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__author,
.smartbanner.smartbanner--jobbanksb .smartbanner__info__price {
    font-size: 12px;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button {
	background: #2572b4;
	text-decoration: none;
	padding: 4px 12px;
	color: #fff;
	border-radius: 14px;
	font-size: 1em;
	top: 25px;
	line-height: 1.3em;
	text-transform: uppercase;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button .smartbanner__button__label {

}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::before,
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::after {
	height: 15px;
	width: 2px;
	background: #666;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit {
	left: 8px;
}
div#downloadWages {float: right !important;}

.quiz-occupation-content {
	width: 99% !important;
	height: auto !important;
	border: 1px solid;
	border-color: #ccc;
	padding: 1em;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.cn-invisible  { display: none; }

div#es-skills-container details {padding: 0 15px 15px 15px; }

.csj-icon {
	background-image: url("../images/icons/jobsource/list/jobsource-csj-21-icon.png");
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
}
h1 .csj-icon {
	width: 40px;
	height: 40px;
	float: left;
	margin: -2px 5px 0 0;
}
.volunteer-icon {
	background-image: url("../images/icons/jobsource/list/jobsource-volunteer-26b-icon.png");
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
}
.results-filter-content .csj-icon,
.dashboard-header-content .csj-icon,
.results-filter-content .volunteer-icon,
.dashboard-header-content .volunteer-icon,
.results-filter-content .tfw-icon,
.dashboard-header-content .tfw-icon {
	display: block;
	position: relative;
	float: left;
	width: 65px;
	height: 65px;
	margin: 0 5px 0 0;
}
.brand-homepage:focus,
.brand-homepage:active {
	outline: dotted 1px #000;
	/* float: left; */
}
.disclaimer {
	border: 1px solid #efefef;
	padding: 35px 35px 20px 75px;
	margin: 40px 0 40px 0;
	/* border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; */
    border-radius: 5px;
    position: relative;
    /* left: -36px; */
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
}
.disclaimer.tfw {
	padding: 35px 35px 20px 85px;
	margin: 0 0 20px 0;
}
.disclaimer .csj-icon,
.disclaimer .volunteer-icon,
.disclaimer .tfw-icon {
	width: 95px;
	height: 95px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	opacity: 0.5;
}
.disclaimer .tfw-icon {
	opacity: 1;
	top: 19px;
	left: 8px;
	width: 75px;
	height: 75px;
}
.tfw-info {
	margin: 20px 0;
	padding: 15px 20px;
	/* background-color: #f9f9f9; */
	border-radius: 5px;
	background-color: #fffefb;
	border: 1px solid #eaddb9;
}
.tfw-info p {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	margin: 0;
	font-size: 14px;
	line-height: 25px;
}
.job-posting-tfw-explainer {
	/* background-color: #fffefb; */
	background-color: #fff;
	/* border: 1px solid #eaddb9; */
	border: 1px solid #ddd;
	/* border-radius: 10px; */
	padding: 15px 15px 20px 15px;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
}
.disclaimer p {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin: 0 0 10px 0;
	position: relative;
	z-index: 9;
	line-height: 1.6em;
}
.job-posting-detail-requirements.tfw-mode {
	/* background-color: #f9f9f9;
	padding: 15px 20px; */
	padding: 15px 0 0 0;
	margin: 0;
}
.job-posting-details-body > div > .job-posting-brief.tfw-mode {
	background-color: #fffefb;
	border: 1px solid #eaddb9;
}
.hireveterans-landing.prm-flpr {
    overflow: visible;
    background: #fff url('../images/bg-hero_veterans.jpg') no-repeat center top;
    background-size: cover;
}
.veterans-landing.prm-flpr {
    overflow: visible;
    background: #000 url('../images/bg-hero_veterans_B.jpg') no-repeat center top;
    background-size: cover;
}
.veterans-landing-B {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_B.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-C {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_C.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-D {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_D.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-E {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_E.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-F {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_F.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-G {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_G.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-H {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_H.jpg') no-repeat center top;
   	background-size: cover;
   	background-position: 50%;
	color: #fff;
}
.veterans-landing-I {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_I.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-J {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_J.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-K {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_K.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-L {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_L.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-M {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_M.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.veterans-landing-N {
	overflow: visible;
	background: #000 url('../images/bg-hero_veterans_N.jpg') no-repeat center top;
   	background-size: cover;
	color: #fff;
}
.network-landing.prm-flpr {
    overflow: visible;
    background: #fff url('../images/bg-hero_network_light.jpg') no-repeat center top;
    background-size: cover;
}

.indigenous-landing-seeker.prm-flpr {
    overflow: visible;
    background: #000 url('../images/bg-hero_indigenous-seeker.jpg') no-repeat center top;
    background-size: cover;
}

.indigenous-employer.prm-flpr {
    overflow: visible;
    background: #000 url('../images/bg-hero_indigenous-employer.jpg') no-repeat center top;
    background-size: cover;
}

.disability-landing-seeker.prm-flpr {
    overflow: visible;
    background: #000 url('../images/bghero/bg-hero_disability-seeker.jpg') no-repeat center center;
    background-size: cover;
}

.disability-employer.prm-flpr {
	background: #fff url('../images/bg-hero_disability-employer.jpg') no-repeat top right;
	height: auto !important;
	background-size: auto !important;
	}

.disability-employer-B {
    overflow: visible;
    background: #000 url('../images/bg-hero_disability.jpg') no-repeat center top;
    background-size: cover;
    color: #fff;
}

.jumbo-wrapper {

}
.jumbo-wrapper .jumbo-content {
	vertical-align: middle;
	display: table-cell !important;
	padding: 0;
	width: 100%;
	height: 400px;
}
.theme-light.jumbo-wrapper .jumbo-content .hero-content-wrapper,
.theme-dark.jumbo-wrapper .jumbo-content .hero-content-wrapper {
	height: auto;
	min-height: auto;
	padding: 5px 10px !important
}
.theme-light.jumbo-wrapper .jumbo-content .hero-content-wrapper {
	background: rgba(255, 255, 255, 0.75);
}
.theme-dark.jumbo-wrapper .jumbo-content .hero-content-wrapper {
	background: rgba(0, 0, 0, 0.25);
}
.jumbo-wrapper .jumbo-content .hero-content-wrapper .cover {
	margin: 0;
}
.jumbo-wrapper .jumbo-content .cover-heading {
	font-size: 35px;
	font-weight: 800;
	margin: 20px 0 15px 0;
}
.jumbo-wrapper .jumbo-content .cover-heading .directory {
	font-size: 20px;
}
.theme-light.jumbo-wrapper .jumbo-content .cover-heading .directory {
	/* background: rgba(0,0,0,.1) !important */
}
.theme-dark.jumbo-wrapper .jumbo-content .cover-heading .directory {
	background: rgba(0,0,0,.25) !important
}
.youth-csj-landing.prm-flpr {
    overflow: visible;
    /* background: #fff url('../images/bg-hero_CSJ_B.jpg') no-repeat; */
    /*background: #fff url('../images/bg-hero_berrypicking_blur.jpg') no-repeat 50% 0%;*/
    background: #fff url('../images/bg-hero_CSJ_032022.jpg') no-repeat 50% 0%;
    background-size: cover;
    /* background-position: 46% 0%; */
}
.youth-landing.prm-flpr {
    overflow: visible;
    /* background: #fff url('../images/bg-hero_berrypicking_blur.jpg') no-repeat 50% 0%; */
    /* background: #fff url('../images/bg-hero_youth.jpg') no-repeat center top; */
    background: #fff url('../images/bg-hero_CSJ_032022.jpg') no-repeat 50% 0%;
    background-size: cover;
}
.volunteer-landing.prm-flpr {
	overflow: visible;
    background: #fff url('../images/volunteer/bg-hero_woman_mask_right_dark.jpg') no-repeat;
    background-size: cover;
    background-position: 75% 100%;
}
/* .youth-csj-landing.prm-flpr .cover .cover-heading {
	margin: 10px 0 20px 0;
} */
@media screen and (min-width: 768px) {
	.youth-csj-landing.prm-flpr {
		height: auto;
		padding-top: 30px;
	}
}
.youth-csj-landing .csj-icon,
.volunteer-landing .volunteer-icon,
.tfw-landing .tfw-icon {
	width: 80px;
	height: 80px;
	float: left;
	margin: -6px 5px 0 -9px;
	border-radius: 20px;
}
#youthPage .lead {
	margin-bottom: 30px;
}

.volunteer-landing .cover .cover-sub-heading {
	font-size: 24px;
	margin: 0 0 15px 0;
}
.volunteer-landing.prm-flpr .lead {

}
.volunteer-landing.prm-flpr.theme-dark .lead a,
.volunteer-landing.prm-flpr.theme-dark .lead a:hover {
	background: none;
}
.search-module .cta-dual .input-group.input-dual .input-field {
	width: 75%;
}
.search-module .cta-mono .input-group.input-mono .input-field {
	width: 85%;
}
.search-module .cta-dual,
.search-module .cta-mono {
	padding: 15px;
	background: rgba(0,0,0,.15);
	border-radius: 10px;
}
.search-module .cta-dual .cta-element,
.search-module .cta-mono .cta-element {
	padding: 10px 0 0 0;
}
.search-module .cta-dual .cta-element:nth-of-type(2) {
	padding: 20px 0 0 0;
}
.search-module .cta-dual .cta-element p,
.search-module .cta-mono .cta-element p {
	margin: 0;
}
.volunteer-landing.prm-flpr .search-module .cta-dual .cta-element,
.volunteer-landing.prm-flpr .search-module .cta-mono .cta-element {
	padding: 0;
}
.volunteer-landing.prm-flpr .search-module .cta-dual .cta-element:nth-of-type(2) {
	padding: 20px 0 0 0;
}
.search-module .cta-dual .cta-element p .heading,
.search-module .cta-mono .cta-element p .heading {
	display: block;
	margin: 0 0 3px 0;
	font-size: 16px;
	font-weight: 500;
}
.search-module .cta-dual .cta-element a.btn-cta,
.search-module .cta-mono .cta-element a.btn-cta {
	display: inline-block;
	border: 1px solid #2572b4;
	background-color: #2572b4;
	padding: 12px 16px 10px 16px;
}
#searchStringPseudo:disabled {
  background: #fff;
}
.search-module .input-group.input-dual,
.search-module .input-group.input-mono {
	width: 100%;
}
.search-module .input-group.input-dual .input-field,
.search-module .input-group.input-mono .input-field {
	margin: 10px 0 5px 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
#youthPage.search-module .input-group.input-dual label,
#youthPage.search-module .input-group.input-mono label {
	margin: 0 0 5px 0;
}
.search-module .input-group.input-dual .twitter-typeahead,
.search-module .input-group.input-mono .twitter-typeahead {
	display: block !important;
	height: 46px;
}
.search-module .input-group.input-dual .input-group-btn,
.search-module .input-group.input-mono .input-group-btn {
	position: relative;
	min-height: 1px;
	padding: 0;
	margin: 0 0 8px -5px;
	display: block;
	width: 1%;
}
#youthPage.search-module .input-group.input-dual .input-group-btn,
#youthPage.search-module .input-group.input-mono .input-group-btn {
	margin: 10px 0 0 0;
}
#youthPage.search-module .input-group.input-dual .input-group-btn {
	margin: 0px 0 0 0;
}
.search-module .input-dual input.form-control,
.search-module .input-mono input.form-control,
.input-group.input-dual input.form-control:not(:first-child):not(:last-child),
.input-group.input-mono input.form-control:not(:first-child):not(:last-child) {
	border-radius: 0;
	/* height: 48px;
	top: 0px;
	left: 16px !important; */
}
#youthPage.search-module .input-dual input.form-control,
#youthPage.search-module .input-mono input.form-control,
#youthPage.input-group.input-dual input.form-control:not(:first-child):not(:last-child),
#youthPage.input-group.input-mono input.form-control:not(:first-child):not(:last-child) {
	left: 0px !important;
	border-radius: 5px;
	/* height: 48px; */
}
.search-module .input-dual .input-group-btn:last-child > .btn,
.search-module .input-mono .input-group-btn:last-child > .btn {
	width: auto;
	margin: 0;
}
.input-group.input-dual .typeahead-helper-hidden-accessible,
.input-group.input-mono .typeahead-helper-hidden-accessible {
	border-color: #fff;
	height: 0px;
	display: inline-block;
	position: absolute;
	float: none;
	overflow: hidden;
	width: 0 !important;
	border: none !important;
}
.tt-suggestion:hover .tt-highlight {
	color: #fff !important;
}
.tt-suggestion:hover,
.tt-suggestion:hover a,
.tt-suggestion a:hover,
.prm-flpr.theme-light .tt-suggestion:hover,
.prm-flpr.theme-light .tt-suggestion:hover a,
.prm-flpr.theme-light .tt-suggestion a:hover {
	color: #fff !important;
	background: #006E96;
}

.search-module  .input-dual .input-group-btn:last-child > .btn,
.search-module  .input-dual .input-group-btn:last-child > .btn-group,
.search-module  .input-mono .input-group-btn:last-child > .btn,
.search-module  .input-mono .input-group-btn:last-child > .btn-group {
  	border-radius: 5px;
  	top: -1px;
  	/* left: -15px; */
  	padding: 12px 16px 10px 16px;
}
.top-pop {
	position: relative;
	display: block;
	margin: 30px 0;
}
.top-pop a {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	text-decoration: none;
	padding: 10px 15px;
	background: #fff;
	border-radius: 25px;
	white-space: nowrap;
}
.prm-flpr.theme-dark .cover .top-pop a {
	background: rgba(0, 0, 0, 0.4);
}
.prm-flpr.theme-dark .cover .top-pop a:hover {
	background: rgba(0, 0, 0, 1);
}
.pop {
	margin: 20px 0 0 0;
}
.pop a {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	text-decoration: none;
	padding: 10px 15px;
	margin: 0 0 1px 0;
	background: rgba(255, 255, 255, .75);
	border-radius: 25px;
	white-space: nowrap;
	position: relative;
	display: inline-block;
}
.top-pop a:hover,
.pop a:hover {
	color: #295376;
}
.top-pop a .fas,
.pop a .fas {
	font-size: 1.2em;
	top: 2px;
	position: relative;
}
.toc-content {
	margin: 20px 0 !important;
	/* top: -44px; */
	position: relative;
	/* background: #fff; */
}
.toc-content h2 {
	margin: 0 0 30px 0;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	color: #555;
}
.toc-content ul.toc-list {
	padding: 0;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}
.toc-list li {
	width: 100%;
	position: relative;
	display: inline-block;
}
.toc-list li a {
	font-size: 22px;
	font-weight: 300;
	color: #284162;
	/* letter-spacing: -0.05rem; */
	text-decoration: none;
	text-align: left;
	/* background: #fff; */
	padding: 8px 20px 8px 20px;
	border-radius: 25px;
	/* border: 1px solid #ddd; */
	/* margin: 0 0 10px 0; */
	display: block;
	/* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); */
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
			transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.toc-list li a::after {
	content: "";
	border-radius: 10px;
	position: absolute;
	/* z-index: -1; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); */
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.toc-list li a:hover {
	/* color: #fff;
	background: #2572b4;
	border: 1px solid #2572b4; */
	/* background: #fff; */
	color: #A06101;
	background: #FEF7E2;
	/* -webkit-transform: translate(0, -2px);
	transform: translate(0, -2px); */
	z-index: 9;
}
.toc-list li a:hover::after {
	opacity: 1;
}

.toc-list li a .fas,
.toc-list li a .far {
	font-size: 1.1em;
	position: relative;
	margin: 0 10px 0 0;
	width: 25px;
}
.toc-list li a .fas.fa-chevron-right {
	margin: 0;
	width: 20px;
}

.feature-linebar {
	background: #fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	margin-bottom: -4px;
	/* margin-bottom: -33px; */
    height: auto;
    max-height: 53px;
    border-top: 1px solid #ebebeb;
    line-height: normal;
    /* z-index: 100; */

}
/*------------------------------------
  Home page Feature linebar - START
------------------------------------*/
.feature-linebar.homepage {
	background-color: #266e8e;
	position: absolute;
	max-height: 158px;
	height: auto !important;
	}
.feature-linebar.homepage .container {
	background-color: #266e8e;
	color: #fff;
	}
.feature-linebar.homepage .title,
.feature-linebar.homepage .feature-link {
	color: #fff;
	display: inline;
	}
.feature-linebar.homepage .link-container {
	min-height: 120px;
	text-align: left;
	}
.feature-linebar.homepage .link-container a:hover {
	color: #F3E7CE;
	}
.feature-linebar.homepage .link-container a:hover::after {
    font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 22px;
	content: '\f054';
	margin-left: 10px;
	color: #eeca67;
	}
.feature-linebar.homepage .link-container a:focus {
	outline: 3px dotted #eeca67 !important;
	}
.feature-linebar.homepage .link-container .title {
	font-weight: 700;
	font-size: 1.2em;
	}
.feature-linebar.homepage p.feature-content {
	padding: 10px 5px 10px 10px;
	text-align: center;
	min-height: 50px;
	}
@media screen and (max-width: 600px) {
	.feature-linebar.homepage {
	    max-height: 120px;
	}
}

/*------------------------------------
  Home page Feature linebar - END
------------------------------------*/

.feature-linebar p {
	padding: 5px 0;
	margin: 0;
	text-align: center;
}
.feature-linebar p a {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: normal;
	text-decoration: none;
	color: #284162;
	display: inline-block;
}
.feature-linebar p a:hover {
	color: #A06101;
}
.feature-linebar p a .app-screenshot {
	display: block;
	position: relative;
	height: 50px;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.feature-linebar p a .app-screenshot::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;

	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.feature-linebar p a:hover .app-screenshot {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
}
.feature-linebar p a .app-screenshot img {
	width: 100px;
	position: absolute;
	left: 35%;
}
.feature-linebar p a .app-screenshot {
	display: none;
}


.featureTabs.wb-tabs {
	border-radius: 0;
	border: 0;
	/* display: none; */
}
.featureTabs.wb-tabs ul {
	background: #ececec;
	padding: 10px 0px 10px 20px !important;
	display: block;
	border-radius: 10px;
}
.featureTabs.horizontal.wb-tabs ul {
	background: #ececec;
	padding: 10px !important;
	margin: 0 0 10px 0;
	border-radius: 10px;
	float: none;
	display: block;
}
.featureTabs.wb-tabs ul li {
	width: 100%;
	height: 100%;
	text-align: left;
	background: #fff;
	margin: 0 0 10px 0;
	border-radius: 5px;
}
.featureTabs.horizontal.wb-tabs ul li {
	border-radius: 5px;
}
.featureTabs.wb-tabs ul li a:hover,
.featureTabs.wb-tabs ul li a:active {
	background: #4a6e8e;
	color: #fff;
	border-radius: 5px;
}

.featureTabs.wb-tabs ul > li:last-child {
	/* border-bottom: 1px solid #ccc; */
	margin: 0;
}

.featureTabs.wb-tabs ul > li.active,
.featureTabs.wb-tabs .tabpanels details[open] {
	background: #4a6e8e;
	padding-bottom: 0;
}
.featureTabs.horizontal.wb-tabs ul > li.active {
	border-radius: 5px;
}
.featureTabs.horizontal.wb-tabs .tabpanels details[open] {
	border-radius: 10px;
}
.featureTabs.wb-tabs ul > li.active::before {

}
/*.featureTabs.wb-tabs ul > li a, */
.featureTabs.wb-tabs .tabpanels details summary {
	padding: 15px 15px !important;
	border-radius: 5px;
	transition: color 100ms ease-in, background-color 100ms ease-in;
}
.featureTabs.wb-tabs ul > li.active a,
.featureTabs.wb-tabs .tabpanels details[open] summary {
	color: #fff;
	border: none;
	/* border-left: 8px solid #BCCAD6; */
}
.featureTabs.wb-tabs .tabpanels details summary:hover,
.featureTabs.wb-tabs .tabpanels details[open] summary:hover,
.featureTabs.wb-tabs .tabpanels details summary:active,
.featureTabs.wb-tabs .tabpanels details[open] summary:active {
	text-decoration: none;
	background: #4a6e8e;
	color: #fff;
}
.featureTabs.wb-tabs .tabpanels details summary {
	padding: 15px 20px;
	color: #000;
}
.featureTabs.horizontal.wb-tabs ul li a {
	width: 100%;
	padding: 15px 20px;
}
.featureTabs.wb-tabs a .heading,
.featureTabs.wb-tabs a .text,
.featureTabs.wb-tabs summary .text {
	display: block;
}

.featureTabs.wb-tabs a .heading,
.featureTabs.wb-tabs summary .heading {
	font-size: 18px;
	font-weight: 500;
}
.featureTabs.wb-tabs summary .heading {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.1em;
}
.featureTabs.wb-tabs a .text,
.featureTabs.wb-tabs summary .text {
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0 0 0;
}
.featureTabs.wb-tabs summary .text {
	font-size: 0.9em;
	margin-left: 22px;
}
.featureTabs.wb-tabs .tabpanels {
	/* z-index: 8; */
	z-index: 1;
}
.featureTabs.wb-tabs .tabpanels details {
	border: none;
	background: #fff;
	margin: 0 0 5px 0;
}
.featureTabs.wb-tabs .tabpanels details .tgl-panel {
	margin: 10px 0 0 22px;
}
.featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
	background: #fff;
	margin: 0 -12px 0 -12px;
	padding: 25px 41px 10px 41px;
}
.alert-info.csj {
	background-image: url("../images/icons/jobsource/list/jobsource-csj-21-icon.png");
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	display: block;
	position: relative;
	background-color: #fffff9;
	border-left-color: #f9dba9;
}
.alert-info.csj > :first-child::before {
	content: '';
}
.alert-info.tfwNudge {
	background-image: url("../images/icons/tfw-job-icon-neutral.png");
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	display: block;
	position: relative;
	background-color: #ffccac;
	border-left-color: #994201;
}
.alert-info.tfwNudge > :first-child::before {
	content: '';
}
/* styles for User Dashboard */
div.module-profile-block {
    border: 1px solid #ccc;
}
.module-profile-block-inside, .module-profile-block-header  {
    padding-left: 15px;
    padding-right: 15px;
}
.module-profile-block-header {
    border-bottom: 1px solid #ccc;
	background-color: #2572b4;
	padding-top: 7px;
	margin:0px !important;
}

.module-profile-block fieldset legend {
	margin-bottom: 10px !important;
}
div#dash-features, div#recent-searches  { float: left; margin: 0px !important; padding: 0px !important }

.module-profile-block-header > h {
    margin:0px !important;
}

.module-profile-block-header > h2 {
    float: left; margin:0px !important; width: auto !important; color: #fff; font-size: 1.2em; font-weight: normal; padding-bottom: 8px;
}
.module-profile-block-inside {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
	height: auto !important; overflow: hidden;

}
.module-profile-block a,
.module-profile-block a:visited {
	text-decoration: underline !important;
	color: #295376 !important;
	cursor: pointer;
}

/* h3#match-table-sub .label.label-applied, h3#match-table-sub .label.label-apply, h3#match-table-sub .label.label-new, h3#match-table-sub .label.label-view {
	 border: none !important; color: #666 !important; float: right !important; text-align: right !important;
	 display: inline-block;
	 margin: 0;
	 position: absolute;
	 top: 0;
	 right: 12px;
} */

#emp-groups-filter  { margin-bottom: 15px !important; }
div#contact-info a { margin-left: 10px !important;}
.category h3 { margin-left: 30px !important;}

.job-action {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 -20px;
}

.alerts .job-action {
	margin: 10px -20px 0 -20px;
}
.float.job-action {
	position: absolute;
	right: 20px;
	top: 47%;
	padding: 0;
}
.float.job-action .job-action-button {
	display: inline-block;
	line-height: 26px;
}
.job-action a,
/* .job-action span, */
.job-action button {
	display: inline-block;
	margin: 0;
	/* top: 47%; */
	position: absolute;
	right: 0;

	height: 35px;
	min-width: 35px;
	border-radius: 5px;
	border: none;

	padding: 0;
	background-size: 15px;
	background-position: 11px 9px;
	background-repeat: no-repeat;
	width: auto;

	/* border: none !important; */
}
.job-posting-details-nav li .job-action {
	position: relative;
	right: auto;
	top: auto;
	color: #284162;
	margin: 0;
}
.job-posting-details-nav li .job-action a {
	color: #284162;
}
.job-posting-details-nav li .job-action a:hover,
.job-posting-details-nav li .job-action a:active,
.job-posting-details-nav li .job-action a:focus {
	text-decoration: underline;
	color:#0535d2;
}
.job-posting-details-nav li .job-action .favourite {
	display: block;
	right: auto;
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 0;
	padding: 10px 25px 10px 41px;
	background-color: #fff;
	background-position: 14px 11px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	border: none !important;
	text-align: left;
	top: auto;
}
.job-posting-details-nav li .job-action .favourite:hover,
.job-posting-details-nav li .job-action .favourite:active,
.job-posting-details-nav li .job-action .favourite:focus,
.job-posting-details-nav li .job-action .favourite.saved:hover {
    background-image: url('../images/icons/heart-filled-red.svg');
    background-color: #f5f5f5;
}
.job-posting-details-nav li .job-action .favourite.working,
/* .job-posting-details-nav li .job-action .favourite.save.working, */
.job-posting-details-nav li .job-action .favourite.saved.working {
	background-image: url('../images/icons/animation-spinner-A.svg') !important;
    background-size: 25px !important;
	background-position: 19px 9px !important;
}
.job-action .favourite.working,
span.working,
/* .job-action .favourite.save.working, */
.job-action .favourite.saved.working {
	background-image: url('../images/icons/animation-spinner-A.svg') !important;
    background-size: 35px !important;
	background-position: 3px 3px !important;
	background-color: #fff;
}
.job-posting-details-nav li .job-action .favourite.saved {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-posting-details-nav li .job-action .favourite.saved.done {
	background-size: 30px;
	background-position: 17px 7px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-posting-details-nav li .job-action .favourite.saved:hover,
.job-posting-details-nav li .job-action .favourite.saved:active,
.job-posting-details-nav li .job-action .favourite.saved:focus {
    background-image: url('../images/icons/heart-outline-red.svg');
    background-color: #f5f5f5;
}
.job-posting-details-nav li .job-action .favourite.saved:hover .text,
.job-posting-details-nav li .job-action .favourite.saved:focus .text,
.job-posting-details-nav li .job-action .favourite.saved:active .text,
.job-posting-details-nav li .job-action .favourite.saved .hover {
	display: none;
}
.job-posting-details-nav li .job-action .favourite.saved .text,
.job-posting-details-nav li .job-action .favourite.saved:hover .hover,
.job-posting-details-nav li .job-action .favourite.saved:focus .hover,
.job-posting-details-nav li .job-action .favourite.saved:active .hover {
	display: block;
	position: relative;
	right: auto;
	height: auto;
}
.job-posting-details-nav li .remove-job-match .fal {
	color: #d93329;
}
.results-jobs article .job-action a .text,
.results-jobs article .job-action span .text,
.results-jobs article .job-action button .text {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin-left: 35px;
	line-height: 2em;
	padding: 5px 10px 0 0;
	position: relative;
	white-space: nowrap;
	display: none;
	/* right: 0; */
	float: right;
}
.results-jobs article.alerts .job-action a .text {
	/* margin-left: 10px; */
	/* display: block; */
}
.job-action .favourite {
    background-image: url('../images/icons/heart-outline-red.svg');
    background-size: 25px 25px;
	background-position: 7px 9px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	border-radius: 50%;
	background-color: #FEF6F6;
	width: 40px;
	height: 40px;
	top: 3px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-action .favourite.saved {
	background-color: #fff;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-action .favourite.saved.done {
	background-size: 55px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-action .favourite.done {
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-action .favourite:hover,
.job-action .favourite:active,
.job-action .favourite.saved {
    background-image: url('../images/icons/heart-filled-red.svg');
}
.job-action .applied {
    position: relative;
	display: inline-block;
	/*
	background-image: url('../images/icons/check-green.svg');
	background-position: 9px 8px;
	background-size: 18px 18px;
	background-color: #fff;*/
	border: 1px solid #70BB89;
	color: #00832C;
	margin: 0px 0px 0px 5px;
	text-decoration: none;
}
.job-action .recordhours-group .recordhours {
    position: relative;
	display: inline-block;
	background-image: url('../images/icons/check-green.svg');
	background-position: 9px 8px;
	background-size: 18px 18px;
	background-color: #fff;
	border: 1px solid #70BB89;
	color: #00832C;
	margin: 0px 0px 0px 5px;
}
.job-action .recordhours-group {

}
.results-jobs .job-posting-details-body .recordhours-group {
	display: block;
	position: relative;
}
.results-jobs .job-posting-details-body .recordhours-group .meter {
	padding: 10px 10px 5px 15px;
	margin: 0 0 20px 0;
}
.results-jobs .job-posting-details-body .recordhours-group .meter .text {
	display: inline-block;
	top: 0px;
	width: 75px;
	margin: 0 0 0 5px;
}
.job-action .applied:hover,
.job-action .applied:active,
.job-action .applied:focus {
	/*
	background-image: url('../images/icons/check-white.svg');
	*/
	background-color: #00832C;
	color: #fff;
	}
.job-action .applied::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f1d8";
	color: #00832C;
	text-decoration: none;
	margin: 5px 20px 5px 10px;
	display: inline-block;
	font-size: 18px;
    position:absolute;
	top:0;
	}
.job-action .applied:hover::before {
	color: #fff;
	}
.job-action .deactivate {
    position: relative;
	display: inline-block;
	background-image: url('../images/icons/pause-outline-grey.svg');
	background-size: 36px 36px;
	background-position: -1px -2px;
	background-color: #fff;
	border: 1px solid #666;
	color: #666;
	margin: 0;
}
.accent-number {
	color: #266e8e;
	font-size: 28px;
	}
.job-alert-modify a.btn {
	padding-left: 10px !important;
	}
.job-alert-modify .btn {
	margin: 0 10px 0 0;
	background-size: 18px 18px;
	background-position: 8px 8px;
	background-repeat: no-repeat !important; 
	padding-left: 32px !important;
	padding-right: 10px !important;
	}
.job-alert-modify .deactivate {
	background-image: url('../images/icons/pause.svg');
	}
.job-alert-modify .delete {
	background-image: url('../images/icons/trash.svg');
	}
.job-alert-modify .save {
	background-image: url('../images/icons/save-white.svg');
	}
.job-alert-modify .return {
	background-image: url('../images/icons/chevron-left.svg');
	}
#top-bar a.link-slide-right-v-blue.clear {
 	padding-left: 22px!important;
	}
#top-bar .link-slide-right-v-blue {
	background-size: 20px 20px;
	background-position: 16px 12px;
	background-repeat: no-repeat !important; 
 	padding-left: 42px!important;
 	border-radius: 25px;
 	border: none !important;
	}
#top-bar .link-slide-right-v-blue.save {
	background-image: url('../images/icons/save-orange.svg');
	}
#top-bar .link-slide-right-v-blue.deactivate {
	background-image: url('../images/icons/pause-orange.svg');
	}
#top-bar .link-slide-right-v-blue.delete {
	background-image: url('../images/icons/trash-orange.svg');
	}
#top-bar .link-slide-right-v-blue.return {
	background-image: url('../images/icons/chevron-left-orange.svg');
	}	
#top-bar .link-slide-right-v-blue:hover,
#top-bar .link-slide-right-v-blue:focus, 
#top-bar a.link-slide-right-v-blue.clear:hover,
#top-bar a.link-slide-right-v-blue.clear:focus {
	background-color: #9ac5d6 !important;
	box-shadow: none !important;
	}		
#top-bar .link-slide-right-v-blue.save:hover,
#top-bar .link-slide-right-v-blue.save:focus {
	background-image: url('../images/icons/save-white.svg');
	}
#top-bar .link-slide-right-v-blue.deactivate:hover,
#top-bar .link-slide-right-v-blue.deactivate:focus {
	background-image: url('../images/icons/pause-white.svg');
	}
#top-bar .link-slide-right-v-blue.delete:hover,
#top-bar .link-slide-right-v-blue.delete:focus {
	background-image: url('../images/icons/trash-white.svg');
	}
#top-bar .link-slide-right-v-blue.return:hover,
#top-bar .link-slide-right-v-blue.return:focus {
	background-image: url('../images/icons/chevron-left-white.svg');
	}
.job-action .deactivate:hover,
.job-action .deactivate:active,
.job-action .deactivate:focus {
	background-image: url('../images/icons/pause-outline-white.svg');
	background-color: #666;
	color: #fff;
}
.job-action .delete:hover,
.job-action .delete:active,
.job-action .delete:focus {
	background-image: url('../images/icons/trash-white.svg');
	background-color: #666;
	color: #fff;
}
.job-action .save:hover,
.job-action .save:active,
.job-action .save:focus {
	background-image: url('../images/icons/save-white.svg');
	background-color: #666;
	color: #fff;
}
.job-alerts .job-action a.deactivate,
.job-alerts .job-action a,
.job-alert-modify .job-action a {
	position: relative;
	}
.job-alerts .job-action a.btn-success-inverse {
	background-color: #fff !important;
	color: #1b6c1c !important;
	border-color: #1b6c1c !important;
	border-radius: 6px;
	border: 1px solid #1b6c1c;
	}
.job-alerts .job-action a.btn-success-inverse .fa {
	font-size: 20px;
	}
.job-alerts .job-action a.btn-success-inverse:hover {
	color: #fff !important;
	background-color: #1b6c1c !important;
	}
.job-alerts .job-action .delete {
	margin:0px
	}
@media screen and (min-width: 768px) {
	.job-alerts article .job-action {
		right: 130px;
		}
	}
#clear-groups  { margin-left: 2px;}
/* */
.job-action .reactivate {
    position: relative;
	display: inline-block;
	background-image: url('../images/icons/play-outline-blue.svg');
	background-size: 36px 36px;
	background-position: -1px -2px;
	background-color: #fff;
	border: 1px solid #2572b4;
	color: #2572b4;
	margin: 0 5px 0 0;
}
.job-action .reactivate:hover,
.job-action .reactivate:active,
.job-action .reactivate:focus {
	background-image: url('../images/icons/play-outline-white.svg');
	background-color: #2572b4;
	color: #fff;
}
.job-action .delete {
	/* top: 12.5px; */
    position: relative;
	display: inline-block;
	background-image: url('../images/icons/trash-red.svg');
	background-size: 18px 18px;
    background-position: 8px 8px;
	background-color: #fff;
	border: 1px solid #ED9A95;
	color: #d93329;
	margin: 0px 0px 0px 5px;
	/* float: right !important; */     
}
.job-action .withdraw {
	/* top: 12.5px; */
    position: relative;
	display: inline-block;
	background-image: url('../images/icons/withdraw-grey.svg');
	background-size: 18px 18px;
    background-position: 8px 8px;
	background-color: #fff;
	border: 1px solid #aaa;
	color: #666;
	margin: 0px 0px 0px 5px;
	/* float: right !important; */
}
.job-action .delete:hover,
.job-action .delete:active,
.job-action .delete:focus {
    background-image: url('../images/icons/trash-white.svg');
    background-color: #d93329;
    color: #fff;
}
.job-action .withdraw:hover,
.job-action .withdraw:active,
.job-action .withdraw:focus {
    background-image: url('../images/icons/withdraw-white.svg');
    background-color: #666;
    color: #fff;
}
.job-posting-details-nav li .job-action .delete {
	display: block;
	right: auto;
	position: relative;
	width: 100%;
	height: auto;
	font-size: 1.111em;
	border-radius: 0;
	padding: 10px 25px 10px 41px;
	margin: 0;
	background-color: #fff;
	background-position: 14px 11px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	border: none !important;
	text-align: left;
	top: auto;
}
.job-posting-details-nav li .job-action .delete:hover,
.job-posting-details-nav li .job-action .delete:active,
.job-posting-details-nav li .job-action .delete:focus,
.job-posting-details-nav li .job-action .delete.saved:hover {
    background-image: url('../images/icons/trash-red.svg');
    background-color: #f5f5f5;
}
@media screen and (min-width: 500px) {
	.jumbo-wrapper .jumbo-content {
		height: 400px;
	}
	.theme-light.jumbo-wrapper .jumbo-content .hero-content-wrapper,
	.theme-dark.jumbo-wrapper .jumbo-content .hero-content-wrapper {
		height: auto;
		padding: 5px 50px !important;
		min-height: auto;
	}
	.alert-info.csj {
		background-position: 5px 9px;
		margin: 0;
	}/*
	.alert-info.csj p {
		font-size: 1.1em;
	} */
	/* .feature-linebar {
		bottom: 0;
		z-index: 0;
		margin-bottom: -5px;
	} */
	.feature-linebar p {
		padding: 12px 0;
	}
	.feature-linebar p a {
		font-size: 19px;
	}
	.feature-linebar p a .app-screenshot {
		display: inline-block;
		margin: 0 0 0 10px;
		position: absolute;
	}
	.feature-linebar p a .app-screenshot img {
		left: -5px;
		top: -55px;
  	}
	.feature-linebar.homepage {
		/* margin-bottom: -48px; */
	}
	.feature-linebar.homepage p a .app-screenshot {
		display: inline-block;
	}
	.feature-linebar.homepage p a .app-screenshot img {
		width: 120px;
		left: 35%;
		top: -34px;
	}
  	.results-jobs article .job-action a .text,
	.results-jobs article .job-action span .text,
	.results-jobs article .job-action button .text,
	.job-alert-modify .job-action a .text  {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.jumbo-wrapper .jumbo-content .cover-heading {
		font-size: 65px;
	}
	.jumbo-wrapper .jumbo-content .cover-heading .directory {
		font-size: 30px;
	}
	.youth-csj-landing .csj-icon,
	.volunteer-landing .volunteer-icon,
	.tfw-landing .tfw-icon {
		width: 115px;
		height: 115px;
		margin: -18px 5px 0 -27px;
	}
	.feature-linebar.homepage {
		/* margin-bottom: -5px; */
	}
	.toc-list li {
    	width: auto;
    }
    .feature-linebar {
    	/* height: 53px; */
    	bottom: 0;
	}
	.job-action {
		position: absolute;
		right: 20px;
		top: 47%;
	}
	.alerts .job-action {
		top: 13px;
	}
}
@media (min-width: 992px) {
	.youth-csj-landing.prm-flpr {
		background-position: top right;
	}
	.volunteer-landing.prm-flpr {
	    background-position: right top;
	}
	.results-filter-content .csj-icon,
	.dashboard-header-content .csj-icon,
	.results-filter-content .volunteer-icon,
	.dashboard-header-content .volunteer-icon,
	.results-filter-content .tfw-icon,
	.dashboard-header-content .tfw-icon {
		width: 40px;
		height: 40px;
	}
	.search-module .input-group.input-dual {
		/* width: 100%; */
	}
	.search-module .input-group.input-dual .input-field,
	.search-module .input-group.input-mono .input-field {
		padding: 0 5px 0 0;
	}
	#youthPage.search-module .input-group.input-dual .input-field,
	#youthPage.search-module .input-group.input-mono .input-field {
		margin: 0 0 0 0;
		padding: 0;
	}
	.search-module .input-group.input-dual .input-group-btn,
	.search-module .input-group.input-mono .input-group-btn {
		margin: 0;
	}
	.search-module .cta-dual,
	.search-module .cta-mono {
		padding: 30px;
	}
	.search-module .cta-dual .cta-element:nth-of-type(2) {
		padding: 10px 0 0 100px;
		text-align: right;
	}
	.volunteer-landing.prm-flpr .search-module .cta-dual .cta-element:nth-of-type(2) {
		padding: 0;
	}
	#header-search #searchButton .text {
		display: none;
	}
	.top-pop {
		position: absolute;
		top: 40px;
		right: 0;
		margin: 0;
	}
	h1 .top-pop {
		position: relative;
		top: -15px;
		right: auto;
		float: right;
	}
	.search-module .input-group.input-dual,
	.search-module .input-group.input-mono {
		display: table;
		width: 100%;
	}
	.search-module .input-group.input-dual .input-field {
		margin: 0;
		display: inline-block;
		width: 100%;
	}
	.search-module .input-group.input-mono .input-field {
		margin: 0;
		display: inline-block;
		width: 100%;
	}
	.search-module .input-group.input-dual .input-group-btn,
	.search-module .input-group.input-mono .input-group-btn {
		/* display: table-cell;
		vertical-align: bottom; */
		/* display: block;
		top: 26px; */

		display: table-cell;
		vertical-align: top;
		top: 0;
	}
	#youthPage.search-module .input-group.input-dual .input-group-btn,
	#youthPage.search-module .input-group.input-mono .input-group-btn {
		/* top: 39px; */
		left: 5px;
	}
	.featureTabs.wb-tabs ul {
		float: left;
		width: 30%;
	}
	.featureTabs.horizontal.wb-tabs ul {
		width: 100%;
	}
	.featureTabs.wb-tabs ul li {
		float: left;
		border: 1px;
		position: relative;
	}
	.featureTabs.horizontal.wb-tabs ul li {
		float: none;
		width: auto;
	}
	.featureTabs.wb-tabs .tabpanels {
		float: right;
		width: 70%;
	}
	.featureTabs.horizontal.wb-tabs .tabpanels {
		float: none;
		width: 100%;
	}
	.featureTabs.wb-tabs ul > li.active::after {
		right: -30px;
		top: 31px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(74, 110, 142, 0);
		border-left-color: #4a6e8e;
		border-width: 15px;
		margin-top: -20px;
	}
	.featureTabs.horizontal.wb-tabs ul > li.active::after {
		right: 40%;
		top: 72px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(74, 110, 142, 0);
		border-width: 15px;
		border-top-color: #4a6e8e;
	}
	/* .featureTabs.horizontal.wb-tabs ul > li.active::after {
		display: none;
	} */
	.featureTabs.wb-tabs .tabpanels details[open] {
		background: #fff;
		padding-top: 0;
		border-radius: 10px;
		margin-left: 10px;
	}
	.featureTabs.horizontal.wb-tabs .tabpanels details[open] {
		margin: 0px;
	}
	.featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
		/* min-height: 500px; */
	}
	.job-posting-details-nav li .job-action .favourite,
	.job-posting-details-nav li .job-action .delete {
		padding: 10px 25px 10px 51px;
		background-position: 23px 11px;
		line-height: normal;
	}
	.job-posting-tfw-explainer {
		left: -15px;
		position: relative;
	}
}
@media (min-width: 1170px) {

}
@media (min-width: 1200px) {
	.youth-csj-landing .csj-icon,
	.volunteer-landing .volunteer-icon,
	.tfw-landing .tfw-icon
	 {
		width: 130px;
		height: 130px;
	}
	.results-filter-content .csj-icon,
	.dashboard-header-content .csj-icon,
	.results-filter-content .volunteer-icon,
	.dashboard-header-content .volunteer-icon,
	.results-filter-content .tfw-icon,
	.dashboard-header-content .tfw-icon  {
		width: 55px;
		height: 55px;
	}
	.toc-list li {
    	width: auto;
    }
}


.search-input-content {
    padding: 0;
	/* background-color: #fff; */
	margin: 0;
	/* border-bottom: 3px solid #eee; */

}
.search-input-content .search-module {
	padding: 0;
	margin: 0 -2px;
}
.search-input-content .input-label {
	margin: 0;
	position: absolute;
	display: inline-block;
	z-index: 4;
	left: 0;
	top: -15px;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 500;
	font-size: 0.75em;
	color: #666;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: normal;
}
.search-input-content input {
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 500;
	font-size: 20px;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid #ccc !important;
	border-radius: 0px !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 8px 0 7px 0;
	height: 35px;
	color: #0f78bf !important;
}
.search-input-content.home-page.focus input:focus::placeholder,
.search-input-content.focus input:focus::placeholder {
	opacity: 0.35;
	/* color: #eee !important; */
}
.search-input-content.home-page.focus input:-ms-input-placeholder,
.search-input-content.focus input:-ms-input-placeholder,
.search-input-content.home-page.focus input::-ms-input-placeholder,
.search-input-content.focus input::-ms-input-placeholder {
	color: #fff !important;
}
.search-input-content input:focus,
.search-input-content input:active {
	/* background-color: #f7f7f7; */
	border-bottom: 2px solid #2277B4 !important;
	padding-bottom: 6px;
}
.search-input-content .input-group-btn {
	display: table-cell;
	vertical-align: top;
	top: 0;
}
.search-input-content #searchButton,
.search-input-content #searchSubmit,
.search-input-content .secondary-functions {
	/* border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; */
	border-radius: 0;
	border-top: 0;
	border-bottom: 0;
	border-color: #ddd;
	padding: 10px;
	/* margin: -35px 0 0 10px !important; */
	margin-top: 0;
	height: 81px;
	top: 0;
	left: -1px;
	/* font-size: 20px; */
	white-space: nowrap;
}
.search-input-content #searchButton:hover,
.search-input-content #searchButton:active,
.search-input-content #searchButton:focus,
.search-input-content .secondary-functions:hover,
.search-input-content .secondary-functions:active,
.search-input-content .secondary-functions:focus {
	/* background-color: #F1F9FD; */
	color: #2572b4;
}
.search-input-content #searchButton {
	line-height: 1em;
	margin-left: -1px !important;
	background-color: #2572b4;
	color: #fff;
}
.search-input-content .secondary-functions,
#jobSearchBar.search-input-content.home-page .secondary-functions {
	margin: 0 1px 0 -1px !important;
	font-size: 15px;
	border-right: 0;
	color: #2572b4;
}
.search-input-content .input-group .input-field {
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	display: inline-block;
	width: 100%;
	position: relative;
}
.search-input-content .input-group.input-dual #searchButton {
	/* border-radius: 0px; */
	left: 0px;
	margin: 0 0 0 5px !important;
}
.search-input-content .secondary-functions:hover,
.search-input-content .secondary-functions:active,
.search-input-content .secondary-functions:focus {
	color: #0535d2;
}
.search-input-content .input-group .input-combo,
.search-input-content .input-group.input-dual .input-combo {
	position: relative;
	display: inline-block;
	border-right: 1px solid #ddd;
	width: 100%;
	/* float: left; */
	margin: 0;
	padding: 0 10px 0 0;
	top: 0px;
	height: 81px;
}
.search-input-content .input-group .input-combo {
	margin-bottom: 20px !important;
	}

@media screen and (min-width: 992px) {
	.search-input-content .input-group .input-combo {
		margin-bottom: 0px !important;
		}
	}
.search-input-content .input-group.input-dual .input-combo .input-field,
.search-input-content .input-group .input-combo .input-field,
.search-input-content .input-group.input-dual .input-combo:first-child .input-field {
	margin: 0 0 0 10px;
	padding: 0 15px 0 0;
}
@media (min-width: 580px) {
	.search-input-content #searchButton,
	.search-input-content .secondary-functions {
		padding: 10px;
		/* margin: -35px 0 0 10px !important; */
		/* height: 81px; */
	}
	.search-input-content #searchButton {
		padding: 10px 20px;
	}
	.search-input-content .input-group.input-dual .input-combo .input-field,
	.search-input-content .input-group .input-combo .input-field,
	.search-input-content .input-group.input-dual .input-combo:first-child .input-field {
		margin: 0 0 0 30px;
		padding: 0 50px 0 0;
	}
}
.results-jobs .list-wrapper {
	margin: 0 0 40px 0;
}
.results-jobs .list-wrapper h2 {
	border-bottom: 4px solid #eee;
	padding: 0 0 4px 0;
}
.results-jobs .list-wrapper .job-posting-content .title,
.results-jobs .list-wrapper .job-posting-content h3.title {
	border: none;
}
.results-jobs .list-wrapper .alert > :first-child {
	border: none;
}
.results-jobs .list-wrapper .job-posting-content .volunteer-job-info {
	border-radius: 10px;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	margin: 0 0 20px 0;
	padding: 17px 12px 10px 14px;
	background-color: #F9F9F9;
}

.results-jobs .list-wrapper p {
	font-size: 16px;
	line-height: 1.5em;
}
.results-jobs .list-wrapper .text {
	font-size: 16px;
}
.results-jobs .list-wrapper .text ul li {
	line-height: 20px;
	margin: 0 0 6px 0;
}
.results-jobs article .resultJobItem {
	margin: 0 -20px;
	padding: 23px 30px;
}
.results-jobs article.alerts .resultJobItem {
	margin: 0 -20px;
	padding: 0;
}
.results-jobs article.alerts.inactive .resultJobItem {
	padding: 8px 0 0px 0;
}
.results-jobs article.alerts {
	padding: 23px 30px;
}
.results-jobs article.alerts.inactive {
	padding: 24px 30px 32px 30px;
}
.results-jobs.expired article .resultJobItem {
	min-height: 115px;
}
/* .results-jobs.expired article .resultJobItem .title {
	line-height: 2.2em;
	top: 20px;
	position: relative;
} */
.btn-gototop {
 	opacity: 0;
	transition-duration: .2s;
	transition-property: background-color,color,opacity,visibility;
 	visibility: hidden;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	background-color: #eaebed;
	border-color: #dcdee1;
	padding: 2px 10px;
	border-radius: 15px;
	position: fixed;
	bottom: 30px;
	width: auto;
	display: block;
	right: 30px;
}
.btn-gototop:hover,
.btn-gototop:focus,
.btn-gototop:active {
	background: #0d5189;
	border-color: #fff;
	color: #fff;
}
.btn-gototop.visible {
    opacity: 1;
    visibility: visible !important;
    z-index: 7;
}
.btn-gototop .fas {
	font-size: 16px;
}
@media (min-width: 768px) {
	.results-jobs article .resultJobItem {
		margin: 0;
	}
}
@media (min-width: 992px) {
	.search-input-content {
		padding: 0 0 0 5px;
    	margin: 0 -15px 10px -15px;
    	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
		-moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
		box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 1px 1px -1px rgba(0,0,0,.12);
	}
	.search-input-content .input-group.input-dual .input-combo.col-md-7 {
		width: 65%;
	}
	.search-input-content .input-group.input-dual .input-combo.col-md-3 {
		width: 35%;
	}
	.search-input-content #searchButton,
	.search-input-content .secondary-functions {
		border-bottom: 0;
		padding: 10px 30px;
	}
	.search-input-content #searchButton {
		left: 0;
	}
	.search-input-content .secondary-functions {
		border-top-right-radius: 9px;
		border-bottom-right-radius: 9px;
	}
	.results-jobs.expired article .resultJobItem {
		min-height: 135px;
	}
	/* .results-jobs.expired article .resultJobItem .title {
		line-height: 2.2em;
		top: 20px;
		position: relative;
	} */
	.results-jobs article .resultJobItem {
		padding: 30px 45px;
		margin: 0 -20px 0 0;
	}
	.results-jobs .btn-gototop {
		bottom: 20px;
		right: 20px;
	}
}

/* @media (max-width: 480px) {

  #skills-section, #desc-section { position: static !important; width: 100% !important; height: auto !important }
  div#wages-section, div#outlook-section, div#job-reqs-section, div#summary-jobs  { position: static !important; width: 100% !important; height: auto !important }
  div.summary-section-content, div.summary-section-content-large  { position: static !important; width: 90% !important; height: auto !important; transform: none !important; margin:1px !important;}

  div.section-nav-link { border-right: none !important; width: 100%; float: left !important; padding: 0px !important; }
  .floatlink  { float: left !important; }
  div.clear-mobile  { clear: both; }

  div#occ-input { width: 100% !important; float: left; margin-right: 0em; }
  div#loc-input { width: 100% !important; float: left  }
  div.summary-skills  {
  	width: 100% !important;
  	margin: 0 !important;
  }
  ul#skills  { padding-left: 0 !important; }
  div.section-nav  { margin-bottom: 1.5em !important;}
}
@media only screen and (max-width: 480px) {

#skills-section, #desc-section { position: static !important; width: 100% !important; height: auto !important }
div#wages-section, div#outlook-section, div#job-reqs-section, div#summary-jobs  { position: static !important; width: 100% !important; height: auto !important }
div.summary-section-content, div.summary-section-content-large  { position: static !important; width: 90% !important; height: auto !important; transform: none !important; margin:1px !important;}
ul#skills  { padding-left: 0 !important; }
div.section-nav  { margin-bottom: 1.5em !important;}
} */
.results-filter-content .nav.list-group .list-group-item {
	border-radius: 5px;
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 10px 2px 10px 15px;
	color: #555;
	line-height: normal;
}
.results-filter-content .nav.list-group .list-group-item:active,
.results-filter-content .nav.list-group .list-group-item:focus,
.results-filter-content .nav.list-group .list-group-item:hover {
	color: #3E68A1;
	background-color: #F1F9FD;
}
.results-filter-content .nav.list-group .list-group-item .fas {
	margin: 0 12px 0 0;
	font-size: 1.3em;
	line-height: normal;
	width: 25px;
	color: #3E68A1;
}
.results-filter-content .nav.list-group .list-group-item.active,
.results-filter-content .nav.list-group .list-group-item:visited.active,
.results-filter-content .nav.list-group .list-group-item.active .fas,
.results-filter-content .nav.list-group .list-group-item:visited.active .fas {
	color: #fff;
	background-color: #2572b4;
}
.results-filter-content .nav.list-group .list-group-item.active .indicator {
	float: right;
	font-size: 1.35em;
	margin: 0 10px 0 0;
	display: block;
	line-height: normal;
}

.results-filter-content .nav.list-group .list-group-item .amount {
	background: #ff0002;
	color: #fff;
	display: block;
	position: absolute;
	padding: 2px 4px 2px 5px;
	border-radius: 50%;
	margin: 0;
	top: 11px;
	right: 35px;
	font-size: 0.7em;
	height: 22px;
	width: 22px;
	line-height: 1.6em;
	text-align: center;
}
.results-filter-content .nav.list-group .list-group-item.active .amount {
	background: #fff;
	color: #2572b4;
}
.login-wrapper {
	font-size: 1em !important;
}
.login-wrapper h3 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	padding: 0 15px;
	margin: 10px 0 5px 0;
	font-weight: 500;
}
#header-search {
	/* background: #fff url('../images/bg-hero_H_light.jpg') no-repeat 100% 100%;
	background-size: auto; */
	/* background-color: #f9f9f9; */
	/* border-bottom: 1px solid #eee; */
	padding: 0;
	margin-bottom: 10px;
	/* border-top: 1px solid #eee;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 1px 1px -1px; */
}
#header-search .search-tabs {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	box-shadow: none;
	background: none;
	padding: 0;
	/* margin: 0 0 10px 0; */
	margin: 0 -5px;
	position: relative;
	/* top: 10px; */
}
#header-search #search-apps-group .search-apps {
	/* border: 1px solid #eee; */
}
#header-search #search-apps-group .search-apps li.mobile-menu:first-child {
	border: none;
}
#header-search #search-apps-group .search-apps li.mobile-menu {
	display: block;
	margin: 0;
	width: 100%;
	border-radius: 0;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul {
    display: block;
    padding: 0;
    margin: 0;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul li.active {
	background: none;
}
#header-search #search-apps-group .search-apps li a {
	display: block;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	/* border-left: 6px solid #eee; */
	border: 0;
	/* background: #fff; */
	padding: 9px 15px 8px 15px;
	margin: 5px;
	border-radius: 8px;
}
#header-search #search-apps-group .search-apps li.job-mode {
	position: relative;
}
#header-search #search-apps-group .search-apps li.job-mode .flag .new {
	background: #f9eae9;
	color: #ac2b23;

	position: absolute;
	display: block;
	top: 2px;
	left: -17px;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.005em;
	line-height: 13px;
	border: 0;
	padding: 2px 6px 1px 6px;
	border-radius: 5px;
}
#header-search #search-apps-group .search-apps li.job-mode a {
	background-color: #fff;
}
#header-search #search-apps-group .search-apps li.mobile-menu > a {
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	margin: 5px;
	background-color: #fff;
	color: #3E68A1;
	-webkit-transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header-search #search-apps-group .search-apps li.mobile-menu > a {

}
#header-search #search-apps-group .search-apps li.mobile-menu > a.active,
#header-search #search-apps-group .search-apps li.mobile-menu > a.active,
#header-search #search-apps-group .search-apps li.mobile-menu > a:hover,
#header-search #search-apps-group .search-apps li.mobile-menu > a:active,
#header-search #search-apps-group .search-apps li.mobile-menu > a:focus {
	background-color: #2277B4;
	color: #fff;
	-webkit-transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header-search #search-apps-group .search-apps li ul a.active,
#header-search #search-apps-group .search-apps li ul a:hover,
#header-search #search-apps-group .search-apps li ul a:active,
#header-search #search-apps-group .search-apps li ul a:focus {
	background-color: #e6f0f7;
	/* border-left: 6px solid #91b8d6; */
}
#header-search #search-apps-group .search-apps li a:focus {
	outline: 1px dotted #000;
}
#header-search #search-apps-group .search-apps li.mobile-menu a .fas {
	font-size: 22px;
	margin: 0 3px 0 0;
	top: 1px;
	position: relative;
}
#header-search #search-apps-group .search-apps li.mobile-menu > a.active .fas {
	color: #fff;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul {
	display: none;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul.show {
	display: block;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul li a .title {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul li a.active .title {
	font-weight: 500;
}
/* #header-search #search-apps-group .search-apps li.mobile-menu ul li a:hover {
	border-color: #91b8d6;
} */
#header-search #search-apps-group .search-apps li.mobile-menu ul li:first-child,
#header-search #search-apps-group .search-apps li.mobile-menu ul li {
	border: 0;
	margin: 0;
	display: block;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul li:last-child {
	margin: 0;
}
#header-search #search-apps-group .search-apps li.mobile-menu ul li.job-mode {
	margin: 0;
}
#header-search .search-input-content .search-module {
	margin: 0;
}
#header-search .search-input-content .input-group .input-combo,
#header-search .search-input-content .input-group.input-dual .input-combo,
.search-input-content.home-page .input-group .input-combo,
.search-input-content.home-page .content .input-group.input-dual .input-combo {
	margin: 0;
	padding: 0;
	border: 0;
}
#header-search .search-input-content .input-group.input-dual .input-combo .input-field,
#header-search .search-input-content .input-group .input-combo .input-field,
#header-search .search-input-content .input-group.input-dual .input-combo:first-child .input-field,
.search-input-content.home-page .input-group.input-dual .input-combo .input-field,
.search-input-content.home-page .input-group .input-combo .input-field,
.search-input-content.home-page .input-group.input-dual .input-combo:first-child .input-field {
	margin: 0;
	padding: 0;
}
.search-input-content .input-group.input-dual .input-combo,
.search-input-content .input-group .input-combo {
	height: 46px;
}
.search-input-content.home-page .input-label {
	color: #666 !important;
}
#searchLocationLabel {
	color: #666 !important;
}
#header-search .search-input-content input.form-control,
.search-input-content.home-page input.form-control {
	/* padding: 20px 15px 8px 15px; */
	padding: 0;
	margin: 10px 0 0 0;
	height: 44px;
	background-color: #fff;
	border: 0 !important;
}
/* #header-search .search-input-content input {
	padding: 20px 0 0 0;
}
.search-input-content.home-page input {
	padding: 12px 0 0 0;
} */
.search-input-content input:focus,
.search-input-content input:active,
.search-input-content input:hover {
	/* border-color: #76a9d3 !important; */
	box-shadow: none;
}
#header-search .search-input-content .input-label,
.search-input-content.home-page .input-label {
	position: absolute;
	top: 1px;
	/* left: 16px; */
	/* display: none; */
}
#header-search .search-input-content .input-group-btn,
.search-input-content.home-page .input-group-btn {
    padding: 0;
	z-index: 9;
	background: #fff;
	width: auto;
	margin: 5px 0 0 0;
}
.search-input-content.home-page .input-group-btn {
	padding: 0 0 5px 15px;
}
/* .search-input-content.home-page .results {
	display: none;
} */
.search-input-content .results {
	display: inline-block;
}
#header-search .search-input-content #searchButton,
#header-search .search-input-content .secondary-functions,
.search-input-content.home-page #searchButton,
.search-input-content.home-page #searchSubmit,
#jobSearchBar.search-input-content.home-page .secondary-functions {
	padding: 13px 15px 11px 15px;
	height: 45px;
	border: 0;
	border-radius: 25px;
	line-height: normal;
	margin: 0;
}
#header-search .search-input-content #searchButton:hover,
#header-search .search-input-content #searchButton:active,
#header-search .search-input-content #searchButton:focus,
.search-input-content.home-page #searchButton:hover,
.search-input-content.home-page #searchButton:active,
.search-input-content.home-page #searchButton:focus,
.search-input-content.home-page #searchSubmit:hover,
.search-input-content.home-page #searchSubmit:active,
.search-input-content.home-page #searchSubmit:focus {
	/* border-left: 0 !important; */
	background-color: #4C6C88;
	color: #fff;
}
#header-search .search-input-content #searchButton,
.search-input-content.home-page #searchButton,
.search-input-content.home-page #searchSubmit {
    background-color: #dee3ea;
    color: #2572b4;
	letter-spacing: 0.001em;
	font-weight: 500;
	text-transform: none;
	font-size: 14px;
}
#header-search .search-input-content .secondary-functions,
#jobSearchBar.search-input-content.home-page .secondary-functions {
	/* padding: 19px 15px 19px 15px; */
	/* border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important; */
	font-size: 14px;
	background: #f9f9f9;
	padding: 14px 15px;
	margin: 0 0 0 5px !important;
}
#header-search .search-input-content .secondary-functions:hover,
.search-input-content.home-page .secondary-functions:hover,
#header-search .search-input-content .secondary-functions:focus,
.search-input-content.home-page .secondary-functions:focus,
#header-search .search-input-content .secondary-functions:active,
.search-input-content.home-page .secondary-functions:active {
	color: #0535d2;
	text-decoration: underline;
}
#header-search .dashboard-header-content .featured-group {
	margin: 0 0 0 -15px;
	position: relative;
	top: -5px;
}
#jobSearchBar.focus {
	border-color: #76a9d3;
}
@media (min-width: 992px) {
	#header-search .search-input-content .input-group .input-combo,
	#header-search .search-input-content .input-group.input-dual .input-combo {
		margin: 0;
	}
	#header-search #search-apps-group .search-apps {
		border: none;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu {
	    float: none;
	    position: relative;
	    right: auto;
	    top: auto;
	    margin: 0;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu > a {
		display: none;
	}
	#header-search #search-apps-group .search-apps li ul {
	    display: block;
	    padding: 10px 0 0 0;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul {
	    display: block;
	    padding: 0;
	    margin: 0 0 0 10px;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul li:first-child,
	#header-search #search-apps-group .search-apps li.mobile-menu ul li {
		border: 0;
		margin: 0 5px 0 0;
		display: inline-block;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul li a {
		font-size: 16px;
		display: inline-block;
		/* border-left: 0; */
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul li a:hover,
	#header-search #search-apps-group .search-apps li.mobile-menu ul li a.active {
		/* border-bottom: 3px solid #91b8d6;
		border-left: 0;
		padding: 9px 11px 5px 11px; */
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul li.job-mode:last-child {
		float: right;
	}
	#header-search #search-apps-group .search-apps li.mobile-menu ul li.job-mode:only-child {
		float: none;
	}
	#header-search .search-input-content .input-group-btn {
	    position: relative;
		right: auto;
		width: 0;
		margin: 30px 0 0 10px;
	}
	#header-search .dashboard-header-content .featured-group {
		margin: 0 0 0 -15px;
		position: relative;
		top: -5px;
	}
}
@media (min-width: 1200px) {
	#header-search .dashboard-header-content .featured-group {
		margin: 0 0 0 -15px;
		position: relative;
		top: -10px;
	}
}
ul li button  {
    text-align: center;
    vertical-align: top;
    line-height: normal;
    padding: 0;
    border: none;
    background-color: transparent;
    /* text-transform: uppercase; */
}
.results-jobs article .resultJobItem .employmentgroup {
	line-height: 1.8em;
	font-size: 12px;
	margin: 5px 0 0 20px;
}
.results-jobs article .resultJobItem .employmentgroup > span {
	padding: 5px 10px;
	margin: 0 0 5px 0;
	display: inline-block;
	border-radius: 5px;
	line-height: normal;
}
.results-jobs article .resultJobItem .employmentgroup .students {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .veterans {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .apprentice {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .disability {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .aboriginal {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .newcomer {
	background: #dee3ea;
}
.results-jobs article .resultJobItem .employmentgroup .senior {
	background: #dee3ea;
}
.match-user-score,
.match-user-distance {
	text-align: center;
	margin: 20px 0 0 0;
}
@media screen and (min-width: 768px) {
	.match-user-score {
		margin: 30px 0 0 0;
	}
	.results-jobs article .resultJobItem .employmentgroup {
		margin: 5px 0 0 25px;
	}
}
.match-user-distance {
	margin: 0;
}
.match-user-score .title,
.match-user-distance .title {
	display: block;
	text-align: center;
	font-size: 0.9em;
	padding: 0;
}
.match-user-score .title {

}
.match-user-distance .title {
	display: inline-block;
}
.match-user-score .percent {
	display: inline-block;
	text-align: center;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 40px;
	font-weight: 600;
	padding: 38px 10px 0 10px;
	margin: 5px 0;
	background: #eee;
	height: 110px;
	width: 110px;
	border-radius: 50%;
	letter-spacing: -1px;
}
.match-user-score .percent.less-50 {
	padding: 10px 10px 0 10px;
}
.match-user-score .score,
.match-user-distance .distance {

}
.match-user-score .score {
	display: block;
	height: 30px;
}
.match-user-distance .distance {
	font-size: 0.8em;
}
/* .job-posting-detail-requirements .comparisonchart p {
	margin: 0 0 20px 20px;
} */
/* .job-posting-detail-requirements .comparisonchart ul {
	padding: 0;
	list-style-type: none;
} */
.job-posting-detail-requirements .comparisonchart .fa-check,
.job-posting-detail-requirements .comparisonchart .fa-times,
.job-posting-detail-requirements .comparisonchart .fa-angle-up,
.job-posting-detail-requirements .comparisonchart .fa-angle-down {
	position: relative;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	margin: 2px 5px 0 0;
	clear: both;
	line-height: 18px;
}
.job-posting-detail-requirements .comparisonchart .fa-check,
.job-posting-detail-requirements .comparisonchart .fa-times {
	font-size: 15px;
	padding: 5px 0px 5px 0px;
}
.job-posting-detail-requirements .comparisonchart .fa-angle-down,
.job-posting-detail-requirements .comparisonchart .fa-angle-up {
	font-size: 20px;
	padding: 4px 0px 0px 0px;
}
.job-posting-detail-requirements .comparisonchart .fa-check,
.job-posting-detail-requirements .comparisonchart .fa-angle-up,
.job-posting-detail-requirements .comparisonchart .fa-angle-down {
	top: -1px;
	background-color: #DCEDC8;
}
.job-posting-detail-requirements .comparisonchart .fa-times {
	top: -6px;
	background-color: #FDE3EC;
}

p.profilenotactive1 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: .9em;

	padding: 5px;
	margin: 15px 0 0 0;
	border: 0;
}

p.profilenotactive2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1.1em;

	padding: 5px;
	margin: 15px 0 0 0;
	border: 0;
}
table .viewed,
table .new {
	color: #000;
	border: none;
	font-size: 0.85em;
	font-weight: 500;
	padding: 2px 6px;
	background-color: #ddd;
	border-radius: 5px;
}
table .new {
	color: #fff;
	background: #ac2b23;
}
table .objectId {
	color: #000;
	font-size: 0.85em;
	font-weight: 500;
	padding: 1px 4px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
}
#employmentGroup {
	margin: 20px 0;
	border-bottom: 1px dotted #ccc;
    padding: 0 0 25px 0;
}
#employmentGroup h4 {
	margin: 0;
}

.panel-ec-white .branch .panel-body {
	padding: 15px;
}
.panel-ec-white .branch .panel-body p {
	font-size: 16px;
	line-height: normal;
	margin: 5px;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 10px 10px 10px;
}
.panel-ec-white .branch .panel-body p:last-child {
	border-bottom: 0;
}
.panel-ec-white .branch .panel-body p .city,
.panel-ec-white .branch .panel-body p .languageservice {
	margin-left: 35px;
	display: block;
}
.panel-ec-white .branch .fas {
	font-size: 1.15em;
	display: inline-block;
	width: 30px;
	margin: 0 5px 0 0;
}

.panel-results {
	padding: 20px 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 15px;
}
.panel-results p {
	color: #333;
	margin-bottom: 0;
}
.panel-results p .found {
	color: #d93329;
	font-weight: 600;
}
#ec-found {
	margin-bottom: 50px;
}
#ec-found .ta-communitysuggest {
	margin: 25px 10px;
}
.panel-ec-intro {
	padding: 20px 10px;
	border-bottom: 1px solid #eee;
	font-size: 87%;
	color:#555;
	line-height: 1.5em;
	margin-bottom: 23px;
}
.panel-ec-white {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	padding: 10px 40px;
	border: 1px solid #efefef;
	border-radius: 5px;
}

#ec-found h2 {
	font-size: 1.2em;
	color: #335075;
	border-bottom: 1px solid;
	border-color: #ccc;
}
.job-posting-detail-common .gc-rprt-prblm-frm,
.job-posting-detail-common .gc-rprt-prblm .gc-rprt-prblm-thnk {
	background: #f9f9f9;
	padding: 10px 20px 20px 20px;
	border-radius: 5px;
}
.job-posting-detail-common .gc-rprt-prblm .gc-rprt-prblm-thnk {
	padding: 20px;
}
.job-posting-detail-common details {
	margin: 0;
	padding: 0 15px;
}
.job-posting-detail-common .gc-rprt-prblm-frm fieldset label,
.job-posting-detail-common .gc-rprt-prblm .gc-rprt-prblm-thnk p {
	font-size: 15px;
}

div:not(#foo) .job-posting-detail-common .radio input + label,
div:not(#foo) .job-posting-detail-common .checkbox input + label {
	width: 100%;
}
.job-posting-detail-common .gc-rprt-prblm-frm fieldset .form-group.options {
	margin: 0 0 20px 30px;
}
.job-posting-detail-common .gc-rprt-prblm-frm fieldset .form-group.options + .options {
	margin: -10px 0 20px 47px;
}
.job-posting-detail-common .gc-rprt-prblm-frm fieldset textarea {
	height: 90px;
	font-size: 14px;
}
.job-posting-detail-common div .radio + .radio {
	margin: 10px 0;
}
.gc-rprt-prblm-frm .form-group.show {
	display: block !important;
}
.modal-body:not(#foo) [class*="checkbox"] > input[type="checkbox"] {
	 margin: 4px 0 0 2px;
}
.modal-body label {
	font-size: 14px;
}
.job-posting-detail-apply .howtoapply {
	background-color: #fff;
	padding: 20px;
	margin: -20px -20px auto -20px;
	border-radius: 15px;
	-webkit-transition: background-color 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: background-color 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.job-posting-detail-apply .howtoapply.highlight {
	background-color: #fde76f;
	padding: 20px;
	margin: -20px;
	border-radius: 15px;
	/* border: 2px solid #f90; */
	-webkit-transition: background-color 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: background-color 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.demo-content .demo-content-details .partners-list {
	padding: 0;
	height: auto;
	margin: 0 35px;
	overflow: hidden;
	width: auto;
	white-space: nowrap;
}
.partners-list li {
	list-style: none;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: text-bottom;
}
.partners-list li:last-child {
	margin: 0;
}
.partners-list li a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	width: 170px;
	height: 180px;
	line-height: 19px;
	border-radius: 15px;
	transition: all .1s ease-out;
}
.partners-list li a:hover,
.partners-list li a:active,
.partners-list li a:focus {
	transform: scale(1.2);
}
.partners-icon {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background-size: contain;
	padding: 0;
	position: relative;
}
.partners-icon.conformSize {
	background-size: 80%;
    background-position: 50%;
}
.partners-list li a .label {
	border: 0;
	color: #284162;
	font-size: 19px;
	font-weight: 400;
	padding: 0;
	margin: 15px 0 0 0;
	white-space: pre-line;
	position: relative;
	display: inline-block;
	padding: 0;
}
.partners-list li a:hover .label,
.partners-list li a:active .label,
.partners-list li a:focus .label {
	color: #A06101;
}
.scroll-list {
	position: relative;
	display: block;
}
.scroll-list .scroll-button {
	position: absolute;
	top: 65px;
	z-index: 8;
	cursor: pointer;
}
.scroll-list .scroll-button.scroll-left-button {
	left: 0;
}
.scroll-list .scroll-button.scroll-right-button {
	right: 0;
}
.scroll-list .scroll-button-wrapper {
	position: absolute;
	width: 100px;
	display: block;
	height: 170px;
	opacity: 1;
	z-index: 7;
	width: 100px;
}
.scroll-list > .scroll-button-wrapper:nth-child(1)  {
	left: 0;
	background: linear-gradient(to left, rgba(0,0,0,0), rgb(250, 250, 250) 50%);
}
.scroll-list > .scroll-button-wrapper:nth-child(2)  {
	right: 0;
	background: linear-gradient(to right, rgba(0,0,0,0), rgb(250, 250, 250) 50%);
}
.scroll-list .scroll-button .fa-icon {
	font-size: 22px;
	color: #284162;
	opacity: 0.75;
}
.scroll-list .scroll-button .fa-icon:hover,
.scroll-list .scroll-button .fa-icon:active,
.scroll-list .scroll-button .fa-icon:focus {
	color: #A06101;
}
.scroll-list .scroll-button .fa-icon .fa-chevron-left,
.scroll-list .scroll-button .fa-icon .fa-chevron-right {
	font-size: 25px;
}
.scroll-list .scroll-button .fa-icon .fa-chevron-left {
    left: -2px;
}
.scroll-list .scroll-button .fa-icon .fa-chevron-right {
    left: 2px;
}
.code-wrapper {
	margin: 0 0 30px 0;
}
.code-wrapper pre {
	margin: 0;
	font-size: 14px;
}
.copy-code-wrapper {
	margin: 0;
	display: block;
	position: relative;
}
.copy-code-wrapper .preview-widget {
	padding: 3px 12px 4px 12px;
	font-size: 14px;
	margin: -29px 3px 0 0;
	display: inline-block;
	line-height: normal;
	background: #284162;
	color: #fff;
	border-radius: 7px;
	cursor: pointer;
	text-decoration: none;
}
.copy-code-wrapper .copy-code {
	padding: 3px 9px 4px 9px;
	font-size: 12px;
	margin: -27px 3px 0 0;
	display: inline-block;
	line-height: normal;
	background: #666;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	float: right;
	border: 0;
}

.copy-code-wrapper .preview-widget:hover,
.copy-code-wrapper .preview-widget:active,
.copy-code-wrapper .preview-widget:focus,
.copy-code-wrapper .copy-code:hover,
.copy-code-wrapper .copy-code:active,
.copy-code-wrapper .copy-code:focus {
	background: #A06101;
}
.copy-code-wrapper .preview-widget:hover,
.copy-code-wrapper .preview-widget:active,
.copy-code-wrapper .preview-widget:focus {
	outline: 1px dotted #fff;
}
.copy-code-wrapper .copy-code:active,
.copy-code-wrapper .copy-code:focus {
	outline: 1px dotted #A06101;
}
.copy-code-wrapper .copy-status-success {
	padding: 3px 9px 4px 9px;
	font-size: 14px;
	margin: 7px 0 0 0;
	display: none;
	line-height: normal;
	float: right;
}
.copy-code-wrapper .copy-status-success .fa-icon {
	color: #2f6d2f;
	margin: 0 0 0 5px;
	font-size: 16px;
}
.sectionbar > ul.fieldofstudy {
	padding: 0;
}
@media print {
	#header-search,
	#results-filter-wrapper,
	.results-nav,
	/* #results-list-wrapper, */
	.job-marker .fa-circle,
	.noprint {
		display: none;
	}
	/* #result_block,
	#results-list-wrapper,
	#results-list-content,
	.results-jobs {
		overflow: visible !important;
		width: 100%;
	} */
	.results-content.filter-visible .results-list-wrapper .results-jobs {
		display: block;
	}
	.job-marker .verified .fa-icon {
		color: #fff !important;
	}
	a::after{
	    content: " (" attr(href) ") ";
	}
}

.location-list {
	position: relative;
	padding: 0;
	margin: 10px 0 0 0;
}
.location-list .location-object {
	position: relative;
	display: block;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 6px 12px 6px 12px;
	margin: 0 0 10px 0;
	border-radius: 15px;
	background-color: #eee;
}
.location-list .location-object .new {
	position: absolute;
	top: -13px;
	left: -7px;
}
.location-list .location-object .new .alert-msg {
	font-size: 10px;
	padding: 0px 6px 1px 6px;
	line-height: normal;
	border-radius: 6px;
	font-weight: 500;
	position: relative;
}
.location-list .location-object a {
	float: right;
	position: relative;
	padding: 1px 3px;
	margin: 0 0 0 20px;
	border-radius: 0;
	text-decoration: none;
	font-size: 13px;
}
.location-list .location-object a .text {
	display: none;
}
.location-list .location-object a:hover .text,
.location-list .location-object a:focus .text,
.location-list .location-object a:active .text   {
	display: inline-block;
	text-decoration: none;
	margin: 0 0 0 5px;
}
.location-add {
	padding: 20px 20px 30px 20px;
	background: #f6f6f6;
}
.location-add h4 {
	margin-top: 0;
}
.notificaton {

}
.notificaton .container {

}
.notificaton.info {
	background-color: #d7faff;
}
.notificaton.warning {
	background-color: #f9f4d4;
}
.notification.top {

}
.notificaton .fa-icon {
	font-size: 22px;
	position: relative;
	line-height: 0;
	top: 2px;
	margin: 0 5px 0 -26px;
}
.notificaton.info .fa-icon {
	color: #125777;
}
.notificaton.warning .fa-icon {
	color: #e18b03;
}
.notificaton.info a,
.notificaton.info a:visited {
	color: #125777;
}
.notificaton.top .wb-dismissable {

}
.notificaton .wb-dismissable-container {

}
.notificaton .wb-dismissable-container .mfp-close.content-dismiss {
	z-index: 9;
	opacity: 1;
	height: 100%;
}
.notificaton.warning .wb-dismissable-container .mfp-close.content-dismiss {
	color: #e18b03;
	background-color: #f9f4d4;
}
.notificaton.info .wb-dismissable-container .mfp-close.content-dismiss {
	color: #269abc;
	background-color: #d7faff;
}
.notificaton .message {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	letter-spacing: -0.25px;
	padding: 15px 15px 15px 40px;
	margin: 0 auto;
	width: auto;
}
#cityPostalCodeSpecial {
	position: relative;
	background: #fff;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;

	overflow:hidden;
	transition: max-height 0.3s ease-out;
	height: auto;
	max-height: 113px;
}
#cityPostalCodeSpecial.wb-inv {
	padding: 0;
	border: 0;
	/* height: 0; */
	max-height: 0;
	transition: max-height 0.2s ease-out;
}
.search-input-content.home-page #cityPostalCodeSpecial,
.search-input-content.home-page #cityPostalCodeSpecial.wb-inv {
	display: block;
	height: auto;
	width: auto;
	margin: 12px 0 0 0;
	padding: 0;
	overflow: hidden;
}
.search-input-content.home-page #cityPostalCodeSpecial.wb-inv {
	margin: 0;
}
.search-input-content.home-page .search-module .input-group.input-dual .input-group-btn {
	margin: 15px 0 8px -5px;
}
#cityPostalCodeSpecial ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#cityPostalCodeSpecial ul li {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}
#cityPostalCodeSpecial ul li a {
	padding: 7px 0;
	position: relative;
	display: block;
	text-decoration: none;
	background: none;
	color: #284162;
	border-radius: 0;
}
#cityPostalCodeSpecial ul li a:hover,
#cityPostalCodeSpecial ul li a:focus,
#cityPostalCodeSpecial ul li a:active {
/* 	background-color: #f5f5f5; */
	color: #0535d2;
	text-decoration: underline;
}
#cityPostalCodeSpecial ul li a:visited {
	color: #284162;
}
#toggleRecentSearch .fa-icon {
	margin: 0 0 0 4px;
	font-size: 14px;
}
#recent-search {
	margin: 8px -10px -5px 0;
	/* float: left; */
	display: inline-block;
	z-index: 5;
}
#recent-search.show {
	display: inline-block !important;
}
#recent-search .listRecentSearch {
	display: none;
}
#recent-search.show .listRecentSearch {
	display: block;
	background: #fff;
	margin-top: -15px;
	padding: 15px 15px 3px 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	position: absolute;
	z-index: 99;
	border-radius: 5px;
	/* max-width: 100%; */
	width: 295px;
}
#recent-search .listRecentSearch ul {
	list-style-type: none;
	padding: 0 0 0 10px;
}
#recent-search .listRecentSearch ul li {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	border-bottom: 1px dotted #ddd;
}
#recent-search .listRecentSearch ul li:only-child,
#recent-search .listRecentSearch ul li:last-child {
	border-bottom: none;
}
#recent-search ul li a {
	color: #3E68A1;
	padding: 10px;
	display: block;
	text-decoration: none;
}
#recent-search ul li a:hover,
#recent-search ul li a:focus,
#recent-search ul li a:active {
	background-color: #e6f0f7;
}
.search-input-content .twitter-typeahead .tt-menu {
	width: 150%;
	top: 56px !important;
}
.search-input-content.home-page .twitter-typeahead .tt-menu {
	width: 100%;
}
.search-visible .search-input-content .twitter-typeahead .tt-menu {
	width: 200%;
	top: 56px !important;
}
@media screen and (min-width: 992px) {
	.notificaton .message {
		padding: 15px;
		text-align: center;
	}
	.notificaton .wb-dismissable-container .mfp-close.content-dismiss {
		right: -29px;
	}
	#recent-search {
		margin: 0 -10px 0 0;
		position: relative;
		display: inline-block;
	}
	#recent-search.show .listRecentSearch {
		margin-top: 0;
		width: 400px;
	}
	#toggleRecentSearch {
		margin: 0;
	}
	.search-input-content.home-page #cityPostalCodeSpecial.wb-inv {
		display: none;
		border: 0;
		height: 0;
		padding: 10px;
		transition: none;
	}
	#cityPostalCodeSpecial {
		position: relative;
		margin: 0;
		left: 0;
		bottom: -2px;
		z-index: 107;
		background: #fff;
		padding: 5px 10px;
		border: 1px solid #76a9d3;
		border-top: 1px solid #fff;
		width: 330px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-box-shadow: 0 11px 11px rgba(0,0,0,.3);
		box-shadow: 0 11px 11px rgba(0,0,0,.3);
		transition: none;
	}
	#cityPostalCodeSpecial.wb-inv {
		transition: none;
	}
	.search-input-content.home-page #cityPostalCodeSpecial {
		left: 5px;
		bottom: 2px;
		padding: 5px 10px;
	}
	#cityPostalCodeSpecial ul li a {
		padding: 7px;
	}
}
/* Job flags for new, distance and telework */
.results-jobs article .resultJobItem .flag {
	position: absolute;
    top: 1px;
    left: 3px;
}
.widget li .title .flag {
	position: relative;
	display: block;
}
/* .results-jobs article .resultJobItem .flag .new,
.results-jobs article .resultJobItem .flag .distance,
.results-jobs article .resultJobItem .flag .telework,
.results-jobs article .resultJobItem .flag .notviewed,
.results-jobs article .resultJobItem .flag .viewed,
.results-jobs article .resultJobItem .flag .applied,
.results-jobs article .resultJobItem .flag .appmethod,
.results-jobs article .resultJobItem .flag .expired  */
.results-jobs article .resultJobItem .flag span,
.widget li .title .flag span,
.widget li .title .resume-entry .flag span {
	display: inline;
	position: relative;
	padding: 2px 6px 1px 6px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.005em;
	text-decoration: none;
	white-space: nowrap;
}
.widget li .title .flag span {
	margin: 0 5px 0 0;
}

.widget li .title:hover .flag span,
.widget li .title:active .flag span,
.widget li .title:focus .flag span {
	text-decoration: none !important;
	display: inline-block;
}
.results-jobs article .resultJobItem .flag .distance,
.results-jobs article .resultJobItem .flag .telework,
.results-jobs article .resultJobItem .flag .notviewed,
.results-jobs article .resultJobItem .flag .viewed,
.results-jobs article .resultJobItem .flag .appmethod,
.results-jobs article .resultJobItem .flag .expired,
.widget li .title .flag .expired {
	background: #eaebed;
	color: #666;
}
.results-jobs article .resultJobItem .flag .appmethod {
    background: #dceffd;
    color: #375e88;
}
.results-jobs article .resultJobItem .flag .new {
	background: #f9eae9;
	color: #ac2b23;
}
.results-jobs article .resultJobItem .flag .notviewed {
	background: #dceffd;
	color: #3E68A1;
}
.results-jobs article .resultJobItem .flag .applied,
.widget li .title .flag .applied,
.widget li .title .resume-entry .flag .applied {
	background: #d8eeca;
	color: #006400;
}
.results-jobs article .resultJobItem .flag .jobstudentflag {
	background: #f9f4d4;
	color: #5D4A27;
}
.results-jobs article .resultJobItem .flag .jobstudentflag .fas {
	font-weight: 900;
	padding:0px 2px 0 2px;
}
.results-jobs article .resultJobItem .flag .jobapprenticeflag {
	background: #f9d4d4;
	color: #711C1C;
}
.results-jobs article .resultJobItem .flag .jobapprenticeflag .fas {
	font-size: 10px;
	font-weight: 900;
	padding: 0px 2px 0 2px;
}
.results-jobs article .resultJobItem .flag .jobinternshipflag {
	background: #eadcfd;
	color: #5D4A27;
}
.results-jobs article .resultJobItem .flag .jobinternshipflag .fas {
	font-weight: 900;
	padding:0px 2px 0 2px;
}
.widget li .title .resume-entry .flag {
	display: block;
	position: relative;
	text-align: right;
}
.widget li .title .resume-entry .flag span {
	text-align: right;
	margin: 5px 0 0 5px;
}
.results-jobs article .resultJobItem .flag .telework:nth-child(2),
.results-jobs article .resultJobItem .flag .telework:nth-child(3),
.results-jobs article .resultJobItem .flag .distance:nth-child(2),
.results-jobs article .resultJobItem .flag .notviewed:nth-child(2),
.results-jobs article .resultJobItem .flag .viewed:nth-child(2),
.results-jobs article .resultJobItem .flag .applied:nth-child(2),
.results-jobs article .resultJobItem .flag .appmethod:nth-child(2),
.results-jobs article .resultJobItem .flag .expired:nth-child(2),
.results-jobs article .resultJobItem .flag .telework:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .distance:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .notviewed:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .viewed:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .applied:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .appmethod:last-child:not(:only-child),
.results-jobs article .resultJobItem .flag .expired:last-child:not(:only-child) {
	border-left: 1px solid #fff;
}
.results-jobs article .resultJobItem .flag .telework::first-letter,
.results-jobs article .resultJobItem .flag .distance::first-letter,
.results-jobs article .resultJobItem .flag .new::first-letter,
.results-jobs article .resultJobItem .flag .notviewed::first-letter,
.results-jobs article .resultJobItem .flag .viewed::first-letter,
.results-jobs article .resultJobItem .flag .applied::first-letter,
.results-jobs article .resultJobItem .flag .expired::first-letter,
.widget li .title .resume-entry .flag span::first-letter {
    text-transform: uppercase;
}
body.noScroll {
	overflow: hidden;
}

/* Start profile */
.profile,
.dropdown-menu > li {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
}
.profile .info {
	display: block;
	margin: 5px 20px;
}
.userprofile .profile .info,
.employerprofile .profile .info {
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: normal;
	text-align: center;
}
.sectionbar .userprofile .profile .info {
	font-size: 1em;
	/* text-align: left; */
}
.sectionbar .userprofile .profile .type,
.sectionbar .userprofile .profile .phone,
.sectionbar .userprofile .profile .email  {
	display: none;
}
.userprofile .profile .info .in-icon {
	font-size: 35px;
	height: 60px;
	width: 60px;
	line-height: 0;
	margin: 0 0 10px 0;
	padding: 31px 0 0 0;
	color: #fff;
	background: #335075;
	display: inline-block;
	border-radius: 50%;
	font-weight: 600;
	position: relative;
	text-align: center;
}
.userprofile .profile .info.wb-inv {
	display: block;
	position: relative;
	color: #3E68A1;
	width: 25px;
	height: 25px;
	clip: auto;
	overflow: visible;
	padding: 0;
	z-index: 3;
	margin: 5px 0;
	left: -4px;
}
.userprofile .profile .info.wb-inv .in-icon {
	font-size: 14px;
	height: 25px;
	width: 25px;
	padding: 0;
	font-weight: 400;
	margin: 0;
	line-height: 27px;
}
.userprofile .profile .info.wb-inv .name,
.userprofile .profile .info.wb-inv .type,
.userprofile .profile .info.wb-inv .phone,
.userprofile .profile .info.wb-inv .email {
	display: none;
}
.profile .info .name,
.profile .info .phone,
.profile .info .email,
.profile .info .account,
.profile .info .type,
.profile .info .id,
.profile .info .location {
    display: block;
    font-weight: 400;
    /* color: #666; */
    /* padding: 1px 10px 1px 10px; */
}
.profile .info .name {
	font-size: 1em;
	font-weight: 500;
	color: #666;
	margin: 0 0 5px 0;
}
.profile .info .name .fullname {
	display: block;
}
.profile .info .account,
.profile .info .id {
	display: inline-block;
	font-size: 0.65em;
	font-weight: 400;
	background-color: #efefef;
	border-radius: 10px;
	padding: 2px 10px 1px 10px;
	line-height: 15px;
	text-transform: uppercase;
	position: relative;
}
.sectionbar .userprofile .account {
	background-color: #d5d5d5;
}
.profile .info .type,
.profile .info .phone,
.profile .info .email,
.profile .info .location,
.profile .info .jobs {
	font-size: 0.8em;
}
.userprofile .profile .info .type,
.userprofile .profile .info .phone,
.userprofile .profile .info .email,
.employerprofile .profile .info .type,
.employerprofile .profile .info .phone,
.employerprofile .profile .info .email,
.employerprofile .profile .info .location,
.employerprofile .profile .info .jobs {
    padding: 3px 0;
}
.dropdown-menu.messages > li {
	border-bottom: 1px solid #e5e5e5;
}
.dropdown-menu.messages > li > a {
	font-size: 13px;
	line-height: 18px;
	padding: 20px 20px 21px 60px;
	position: relative;
}
.dropdown-menu.messages > li:not(.footer) > a .fa-icon {
	font-size: 25px;
	position: absolute;
	left: 20px;
	top: 25px;
	color: #2277B4;
}
.dropdown-menu > li.header {
	font-size: 17px;
	font-weight: 500;
	padding: 10px 20px 12px 20px;
	margin: 0;
}
.dropdown-menu > li.footer {
	margin-bottom: -10px;
}
.dropdown-menu > li.footer > a,
.dropdown-menu > li.footer > a:visited {
	text-align: center;
	padding: 15px 20px 16px 20px;
	color: #335075;
}
.dropdown-menu > li.footer > a:hover,
.dropdown-menu > li.footer > a:focus {
	text-decoration: underline;
}
.dropdown-menu > li.footer > a .fa-icon {
	font-size: 16px;
	margin: 0 2px 0 0;
	top: 1px;
	position: relative;
}
.dropdown-menu.messages > li:last-child,
.dropdown-menu.messages > li:only-child {
	border-bottom: none;
}
form .app-list-account .btn.btn-lp .fa-icon-new,
form .app-list-account .btn.btn-lp.dropdown-toggle .fa-icon-new {
	color: #ff0000;
	position: absolute;
	font-size: 9px;
	z-index: 9;
	left: 23px;
	top: 2px;
}
@media screen and (min-width: 768px) {
	form .app-list-account .btn.btn-lp .fa-icon-new,
	form .app-list-account .btn.btn-lp.dropdown-toggle .fa-icon-new {
		left: 32px;
		top: 4px;
	}
	.widget li .title .resume-entry .flag span {
		/* float: right; */
	}
}
/* End profile */

/* New content pieces styles  */

h1.content-pieces  { font-family: 'Roboto',Helvetica,Arial,sans-serif !important; font-size: 2em !important; padding-top: 1.5em !important; color: #335075;
					/* border-bottom: 2px solid !important; border-color: #ccc !important; */

}

div#content-main, #content-right-nav  { padding-top: 1.5em !important; padding-bottom: 1em !important;}
#content-right-nav .header  { font-family: Arial,sans-serif; font-size: 1.3em ; font-weight: 600; padding-top: 1.5em; padding-bottom: 1.2em; border: 0px;
}

div#content-right-nav div.list-group  { border-top: 2px solid !important; border-color: #ccc !important; }
div#content-right-nav div.list-group-item  { border: 0px !important; }

div.table-contents  { outline: 1px dotted #ccc; padding: 0.5em; margin-bottom: 0.5em; }
p.table-contents-title  {
	color: #666; font-family: 'Roboto',Helvetica,Arial,sans-serif; font-size: 1.4em;

}
ul.table-contents-list  { list-style-type: none; }

details.content-pieces  { margin-bottom: 0.5em; }

/* end of content pieces styles  */

/* ===== Indigenous specific styles - START ===== */
.indigenous-opportunities-img {
	overflow: visible;
	background: #000 url('../images/indigenous/indigenous-opportunities.jpg') no-repeat center top;
	background-size: 120%;
}

.indigenous-education-img {
	overflow: visible;
	background: #000 url('../images/indigenous/indigenous-education.jpg') no-repeat center top;
	background-size: 120%;
}

.indigenous-resources-img {
	overflow: visible;
	background: #000 url('../images/indigenous/indigenous-resources.jpg') no-repeat center top;
	background-size: 120%;
}

.indigenous-employer-resources-bkg {
	background: url('../images/indigenous/indigenous-employer-resources.jpg') no-repeat 100% 50%;
	background-size: cover;
}

.indigenous-carousel figure {
	background: url('../images/bg-canadanumbers.png') no-repeat top left !important;
	background-size: contain !important;
	min-height: 300px;
	border: 1px solid #ddd;
	corner-radius: 10px;
	background-color: #fff !important;
}

.indigenous-carousel figure::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(to top, #fff, transparent);
}

.bkg-white-text-transparency {
	background: rgba(255, 255, 255, 0.92);
	padding:10px 30px;
	border-radius: 15px;
}
/* ===== Indigenous specific styles - END ===== */

a.link-slide-right,
a.link-slide-right-v-blue,
button.link-slide-right-v-blue,
input.link-slide-right-v-blue {
	-webkit-transition: ease-out 0.6s;
	-moz-transition: ease-out 0.6s;
	transition: ease-out 0.6s;
	font-size: 85%;
	font-weight: 300;
	text-decoration: none;
	text-align: left;
	padding: 8px 16px 8px 16px;
	border-radius: 25px;
	display: block;
	}
a.link-slide-right {
	box-shadow: inset 0 0 0 0 #e0faec;
	color: #696969 !important;
	}
a.link-slide-right:hover {
	color: #209583 !important;
	box-shadow: inset 1000px 0 0 0 #e0faec;
}
a.link-slide-right-v-blue,
button.link-slide-right-v-blue,
input.link-slide-right-v-blue {
	box-shadow: inset 0 0 0 0 #dae9ef;
	color: #525252 !important;
	}
a.link-slide-right-v-blue:hover {
	color: #303030 !important;
	box-shadow: inset 1000px 0 0 0 #9ac5d6;
	}
input.link-slide-right-v-blue {
	background-color: transparent;
	border: none;
	border: 1px solid #ccc;
}
a.link-slide-right .fas,
a.link-slide-right .far,
a.link-slide-right-v-blue .fas,
a.link-slide-right-v-blue .far {
	font-size: 1.8em;
	margin: 0 16px 0 0 !important;
	width: 25px;
	vertical-align: middle;
	color: #d1d1d1 !important;
	}
a.link-slide-right:hover .fas,
a.jb-carousel-slide-right-link:hover .far {
	color: #209583 !important;
	}
a.link-slide-right-v-blue:hover .fas,
a.jb-carousel-slide-right-link-v-blue:hover .far {
	color: #dae9ef !important;
	}

#toggleJobDetails {
	text-transform: lowercase;
	font-size: 14px;
	text-decoration: underline;
	color: #295376;
	cursor: pointer;
}
#toggleJobDetails .fa-icon {
	margin: 0 5px 0 0;
}
#toggleJobDetails .action {
	text-transform: capitalize;
}
.job-posting-tfw-explainer ul {
	margin: 15px 0 0 0;
	padding: 0 0 0 25px;
}
.job-posting-tfw-explainer ul li {
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}
.job-posting-tfw-explainer ul li .fa-li {

}
.job-posting-tfw-explainer ul li .fa-li .fa-icon {
	font-size: 20px;
	color: #666;
	position: relative;
	top: 0px;
}
.job-posting-tfw-explainer .warning {
	margin: 0 9px;
	font-size: 13px;
	padding: 15px 10px;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}
.job-posting-tfw-explainer .warning .fa-icon {
	margin: 0 10px 65px 0;
	position: relative;
	color: #eeca67;
}
.results-jobs article .resultJobItem .frequency {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
}
.results-jobs article .resultJobItem .frequency .title {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	min-height: auto;
	text-decoration: none;
	display: inline-block;
}
.results-jobs article .resultJobItem .frequency .list-group-item {
	border: 0;
	display: inline-block;
	padding: 0 10px 0 0;
}
.results-jobs article .resultJobItem .frequency .list-group-item a {
	position: relative;
	/* width: 100px; */
	margin: 0 0 0 5px;
	height: 20px;
}
.results-jobs article .resultJobItem .frequency .list-group-item a .radio,
.results-jobs article .resultJobItem .frequency .list-group-item a .text {
	display: inline-block;
	position: relative;
}
.results-jobs article .resultJobItem .frequency .list-group-item a .radio {
	padding: 0 !important;
	margin: 0 !important;
	top: 10px;
}
.results-jobs article .resultJobItem .frequency .list-group-item a .text {
	/* top: -12px; */
	font-size: 14px;
}
.employment-groups section h3 a {
	color: #6D6D6D;
}
.employment-groups section h3 a:hover, .employment-groups section h3 a:focus {
	color: #6D6D6D;
	text-decoration: underline;
}
.employment-groups section h3 a:visited {
	color: #6D6D6D;
}
.employment-groups section h3 .fa-chevron-right {
	font-size: 15px;
}

/*------------------------------------
  Focus On tabs - START
------------------------------------*/
/* -------------------------------
Focus on feature menu styles
------------------------------- */
.focuson-feature .featureTabs.wb-tabs > ul > li > a::before { /* ---- arrow icon in front of links -- */
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 18px;
	content: '\f054';
	margin-right: 8px;
	color: #eeca67;
	}
.focuson-feature .featureTabs.wb-tabs > ul {
    position: relative;
	box-shadow: 26px 0 26px -12px rgba(100, 111, 121, 0.06);
	float: left;
    width: 35%;
	background-color: #fff;
	border-width: 1px 0px 1px 1px;
	border-color: #e8f0f2;
	border-style: solid;
	border-radius: 0;
	}
.focuson-feature {
	background: url("../../themes-jb/images/home/focus-on-icon.png") no-repeat 35% bottom;
	}/*
@media (max-width: 720px) {
	.focuson-feature {
		background: none;
		}
	} */
@media screen and (max-width: 991.2px) {
	.wb-tabs.tabs-acc > ul,
	.focuson-feature .featureTabs.wb-tabs > ul {
		display: none !important;
	}
	.focuson-feature {
		background: none;
		}
	}
.focuson-feature .featureTabs.wb-tabs > ul::after { /* --- line separating tab links from tab content --- */
	position: absolute;
	top: 0;
	right: 0;
	width: .25rem;
	height: 150%;
	background-color: rgba(100, 111, 121, 0.09);
	content: " ";
	}
.focuson-feature .featureTabs.wb-tabs > ul li {
    left: 0px;
    background: transparent;
    padding: 0px 15px 0px 5px;
    float: left;
    /*
	border: 1px;
	*/
	position: relative;
	border-bottom: 1px solid #e8f0f2 !important;
	margin: 0px;
	border-radius: 0;
	}
.focuson-feature .featureTabs.wb-tabs > ul li:last-child {
	border-bottom: none !important;
	}
.focuson-feature details[open] {
	overflow-x: auto;
	}
.focuson-feature .featureTabs.wb-tabs > ul > li.active {
	color: #444;
	background-color: #d5e7ee !important;
	padding: 0px 5px 0px 15px;
	}
.focuson-feature .featureTabs.wb-tabs > ul > li.active::after {
    border-width: 0px;
    margin-top: 0px;
    background-color: #eeca67;
	}
.focuson-feature .featureTabs.wb-tabs > ul > li:hover {
	color: #444;
	background-color: #d5e7ee !important;
	padding: 0px 5px 0px 15px;
	-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  	text-decoration: none;
	}
.focuson-feature .featureTabs.wb-tabs > ul > li a:hover {
	background-color: #d5e7ee !important;
}
.focuson-feature .featureTabs.wb-tabs > ul > li:hover::after { /* --- mouse over border --- */
	background-color: #eeca67 !important;
	}
.focuson-feature .featureTabs.wb-tabs > ul > li::after { /* --- mouse over border --- */
	position: absolute;
	top: 0;
	right: 0;
	width: .25rem;
	height: 100%;
	content: " ";
	}
.focuson-feature .featureTabs.wb-tabs > ul a {
    padding: 10px 20px 10px 10px;
    border-bottom: none;
    display: flex;
	align-items: center;
	font-size: 24px;
	line-height: 1.6em;
	border-radius: 0;
	}
.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
	/* min-height: 320px; */
}

/* -----------------------------------
Focus on feature content tab styles
------------------------------------ */
.focuson-content-wrapper {
	margin: 0px 20px 30px 10px;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-image-wrapper {
    background: #9ac5d6;
    height: 100%;
    padding: 0px;
    border-radius: 10px;
    margin: 0px 0px 40px 10px;
    position: relative;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-number {
    font-size: 120px;
    color: #dae9ef;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0px 30px 0px 0px;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-img {
	width: 280px;
    overflow: hidden;
	border-radius: 10px;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-content-wrapper ul,
.focuson-feature .featureTabs.wb-tabs .focuson-content-wrapper ul li {
    float: none;
    border: none;
    width: 100%;
    background: transparent;
    margin: 0px;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-content-wrapper ul {
    padding: 0px 0px 20px 50px!important;
	}
.focuson-feature .featureTabs.wb-tabs .focuson-content-wrapper ul a {
    padding: 0px;
	}
.focuson-feature .featureTabs.wb-tabs ul > li a,
.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] summary {
	color: #444;
	}
.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] {
	background: #fff;
	}
.focuson-feature .featureTabs.wb-tabs .tabpanels details summary {
	font-size: 20px;
	}
.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
	padding: 10px 20px 0px 10px;
	}
.focuson-feature .featureTabs.wb-tabs .tabpanels {
	float: none;
	width: auto;
	box-shadow: 90px 0px 100px -80px #f0f8fb inset;
	}
.focuson-feature .wb-tabs,
.focuson-feature .wb-tabs [role="tablist"]  {
    border-spacing: 0px 0px !important;
    padding: 0 !important;
	}
.focuson-feature .wb-tabs [role="tabpanel"] {
    overflow-x: visible !important;
    }
@media screen and (min-width: 992px) {
	.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
		background: transparent;
		margin: 0 -12px 0 -12px;
		padding: 0px 0px 0px 30px;
		}
	.focuson-feature .featureTabs.wb-tabs .tabpanels details[open] {
		background: transparent;
		}
	.focuson-feature .featureTabs.wb-tabs .focuson-img {
		width: 340px;
	    height: 220px;
		}
	.focuson-content-wrapper {
		margin: 0px 0px 30px 10px;
		}
	}
@media screen and (max-width: 340px) {
	.focuson-feature .featureTabs.wb-tabs .focuson-img {
		width: 230px;
		}
	}
/*------------------------------------
  Focus On tabs - END
------------------------------------*/

/*------------------------------------
  Inclusion groups links - START
------------------------------------*/
.incl-groups .link-box-wrap {
	margin-top: 20px;
	}

.incl-groups .link-box-wrap::before {
	content: " ";
	border-width: 6px;
	border-color: #fff;
	border-style: solid;
	border-radius: 50%;
	background-color: rgb(238, 202, 103);
	width: 2.6rem;
	height: 2.6rem;
	position: absolute;
	top: -10px;
	right: 44%;
	z-index: 100;
	}
.incl-groups .link-box {
	padding: 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	z-index: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.incl-groups .link-box a {
	color: #335075;
	text-decoration: none;
	font-size: 22px;
	}
.incl-groups .link-box::before {
	content: "";
	position: absolute;
	background: #edf5f8;
	right: 0;
	left: 0;
	top: 0;
	bottom: 100%;
	transition: all 0.4s;
	z-index: -1;
	}
.incl-groups .link-box:hover::before {
	background: #b7d5e2;
	bottom: 0;
	border-radius: 0px;
	}
/*------------------------------------
  Inclusion groups links - END
------------------------------------*/

.resources-if-txt {
	padding: 6px 25px 14px 25px;
	position: relative;
	text-decoration: none;
	font-size: 20px !important;
	line-height: 24px !important;
	}

.resources-if-txt a {
	display: inline !important;
	text-decoration: underline !important;
	padding: 0px !important;
}
/*----------------------------------------
  Job market snapshot page styles - START
----------------------------------------*/
.in-focus-container {
    background: #fff;
    border: 1px solid #efefef;
    padding: 20px 0px 20px 0px;
    border-radius: 5px;
	margin: 0px 0px 15px 0px;
	}
.in-focus-container .column-data {
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: 0px 15px 15px 15px;
	}
.in-focus-container .column-data .percentage-object-positive,
.in-focus-container .column-data .percentage-object-negative {
	padding: 3px 15px 3px 15px;
	border-radius: 14px;
	margin-left: 10px;
	font-weight: 600;
	}
.in-focus-container .column-data .percentage-object-negative {
	background-color: #f2dede;
	color: #980000;
	}
.in-focus-container .column-data .percentage-object-positive {
	background-color: #e0f0ed;
	color: #209583;
	}
.in-focus-container .column-data .numbers-object .lead {
	text-align: left;
	font-size: 1.5em;
	color: #209583;
	font-weight: 500;
	letter-spacing: -0.1rem;
	line-height: 1;
	}
.in-focus-container .column-data .numbers-container .number,
.card .number {
	text-align: left;
	font-size: 1.5em;
	color: #209583;
	font-weight: 500;
	letter-spacing: -0.1rem;
	line-height: 1;
	display: inline-block;
	}
.in-focus-container .column-data .numbers-container .fa {
	text-align: left;
	display: inline-block;
	padding: 0px 15px 0px 15px;
	color: #777;
	}
.in-focus-container .column-data .number-label {
	display: block;
	font-size: 1.8rem;
	color: #777;
	padding-left: 5px;
	}
.regions-rates .percent-bar {
	background-color: #209583;
	padding: 4px 15px 4px 10px;
	border-radius: 6px;
	color: #fff;
	float: left;
	}
.regions-rates .stats-label {
	background-color: #ebf5f4;
	padding: 4px 15px 4px 10px;
	border-radius: 6px;
	text-align: right;
	}

.regions-rates .demo-content-setbox {
    background: #fff;
    border: 1px solid #efefef;
    padding: 20px 30px 0px 30px;
    margin: 0 0 30px 0;
    z-index: 2;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    margin-left: -10px;
	}
.regions-rates .rate-container:last-child {
	margin-bottom: 30px;
	}
.regions-rates .rate-container {
	margin-top: 3px;
	}
.cards-container .card {
    background: white;
    overflow: auto;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 1px 1px -1px rgba(0,0,0,.12);
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 15px;
    display: block;
	}
.in-focus-container .border-toolbar,
.cards-container .card .border-toolbar {
    color: #555;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    /* overflow: auto; */
	}
.in-focus-container .border-toolbar,
.cards-container .card .border-toolbar-single {
    color: #555;
    border-top: 1px solid #eee;
    padding: 10px 0;
    /* overflow: auto; */
	}
.cards-container .card .fas {
	color: #d48c41;
	}
.column-icon img {
	width: 106px;
	}
.column-icon .fa-stack {
	font-size: 18px;
	position: absolute;
	top: 60px;
	left: 78px;
	}
.fa-bkg-green {
  color: #2d986f;
}
.fa-bkg-red {
  color: #cc0000;
}
/*----------------------------------------
  Job market snapshot page styles - END
----------------------------------------*/
/*----------------------------------------
  Persons with disabilities styles - START
----------------------------------------*/
.pwd-widget-container {
	background: #fff url('../images/bg-whitepattern.png') no-repeat 50% 100%;
	background-size: auto;
	background-size: cover !important;
	position: relative;
	min-height: 530px;
	}
.pwd-widget-container iframe h1.widget-title {
	display: none !important;
	}
.pwd-widget-container img {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	border: 1px solid #efefef;
	background: #fff;
	border-radius: 15px;
	border-bottom: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
.pwd-widget-container iframe {
	height: 230px;
	width: 100%;
	border: none;
	}
.pwd-widget-container .demo-content .demo-content-details h3.h5 {
	font-size: 1.3em !important;
	padding-left: 15px;
	}
.pwd-widget-container iframe .widget-container {
	padding: 0px;
	border: none;
	background: #fff;
	box-shadow: none !important;
	}
.pwd-widget-container .demo-content .demo-content-setbox {
	background: #fff;
	border: 1px solid #efefef;
	padding: 30px 20px 10px 20px;
	margin: 0 0 30px 0;
	z-index: 2;
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
}
@media screen and (max-width: 600px) {
	.pwd-widget-container {
		min-height: 700px;
		}
	.pwd-widget-container iframe {
		top: 90px;
		height: 240px;
		}
	}
.img-radius-15 {
	border-radius: 15px;
	}
.center-items-v {
	display: block;
	}
.pdw-content-wrapper .demo-content-setbox.exceed-left  {
	min-height: 370px;
	}
.pdw-content-wrapper .service-content-image {
	margin: 0px !important; /* override */
	}
.pdw-content-wrapper .demo-content-setbox.exceed-left {
    margin: 10px 0 40px 0; /* override */
    background: url('../images/pwd/bg-canadanumbers.png') no-repeat bottom left !important;
    background-size: contain !important;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff !important;
	}
.pdw-content-wrapper .center-items-v .service-content-image {
	max-height: 200px;
	}
@media screen and (min-width: 500px) {
	.pdw-content-wrapper .demo-content-setbox.exceed-left {
	    min-height: 270px;
	    max-height: 320px;
	    margin: 40px 0 40px 0; /* override */
		}
	.pdw-content-wrapper .center-items-v .service-content-image {
		max-height: 300px;
		}
}
@media screen and (min-width: 992px) {
	.pdw-content-wrapper .center-items-v .service-content-image {
		max-height: 420px;
		}
	.pdw-content-wrapper .center-items-v {
		display: flex;
		align-items: center;
		}
	.pdw-content-wrapper .grid-col-1 {
		background-color: #fff;
		border-bottom: 3px solid #edf5f8;
		}
	.pdw-content-wrapper .grid-col-2 {
		margin-left: 0px !important;
		}
}
.pdw-content-wrapper .grid-col-1 {
	background-color: #fff;
	}
.pdw-content-wrapper .demo-content-details-center .grid-col-1 > p {
	margin: 20px 20px 20px 0px;
	}
.pdw-content-wrapper .grid-col-2 {
	background-color: #edf5f8;
	border-bottom: 3px solid #fff;
	margin-left: 15px;
	}
.pdw-content-wrapper .demo-content-details-center .grid-col-2 > p {
	padding-top: 20px;
	}
.pwd-resources-1 {
	background: #000 url('../images/pwd/hiring.jpg') no-repeat center top;
	overflow: visible;
	background-size: auto;
	background-size: 120%;
}
.pwd-resources-2 {
	background: #000 url('../images/pwd/accomodation.jpg') no-repeat center top;
	overflow: visible;
	background-size: auto;
	background-size: 120%;
}
.pwd-resources-3 {
	background: #000 url('../images/pwd/support.jpg') no-repeat center top;
	overflow: visible;
	background-size: auto;
	background-size: 120%;
}
/*---------------------------------------
  Persons with disabilities styles - END
---------------------------------------*/

.newcomers-A-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/bg-hero_newcomers_A.png') no-repeat center top;
	background-size: cover;
}
.newcomers-B-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/newcomers/bg-newcomers-employers.jpg') no-repeat center top;
	background-size: cover;
}
.newcomers-C-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/newcomers/bg-newcomers-employers-dark.jpg') no-repeat left center;;
	background-size: cover;
}
.newcomers-D-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/bg-hero_newcomers_B.png') no-repeat center top;
	background-size: cover;
}
.newcomers-E-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/bg-hero_newcomers_C.png') no-repeat center top;
	background-size: cover;
}
.newcomers-carousel {
	border-radius: 10px;
}
.newcomers-carousel figure {
	background: url('../images/bg-hero_newcomers_A.png') no-repeat bottom center !important;
	background-size: cover !important;
	min-height: 300px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #fff !important;
	overflow: auto;
}

.newcomers-carousel figure::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(to top, #fff, transparent);
}
.newcomers-carousel .control.tab-count {

}
.newcomers-carousel .control.tab-count > div {
	font-size: 17px;
	width: 60px;
	padding: 15px 0 0 0;
}

.immigrants-A-landing.prm-flpr {
	overflow: visible;
	background: #fff url('../images/bg-hero_immigrants_A.png') no-repeat center top;
    background-size: auto;
	background-size: cover;
}
.wb-tabs.carousel-s2.newcomers-carousel [role="tablist"] > li.plypause {
	margin: 18px 0 0 0;
}

.wb-tabs.carousel-s2.newcomers-carousel [role="tablist"] > li.plypause a {
	font-size: 20px;
	padding: 8px 13px 7px 13px;
}
.jobposting.markapplied .fas,
.jobposting.markapplied .fal,
.job-posting-details-nav li .job-applied .fas {
	/* font-size: 1.3em; */
	color: #00832c;
	margin-right: 2px;
}
.jobposting.markapplied:hover .fal,
.jobposting.markapplied:focus .fal,
.jobposting.markapplied .fas {
	display: none;
}
.jobposting.markapplied:hover .fas,
.jobposting.markapplied:focus .fas {
    display: inline-block;
    margin-right: 6px;
}
.job-search {
	display: inline-block;
}
.job-search .fas.icon-hover,
.job-search .fas.icon-show {
	color: #00832c;
	font-size: 1.2em;
	top: 7px;
	position: relative;
	padding:9px;
}
.job-search .job-marker.job-applied:hover .fas.icon-hover,
.job-search .job-marker.job-applied:focus .fas.icon-hover,
.job-search .job-marker.job-applied .fas.icon-show {
	display: none;
}
.job-search .job-marker.job-applied:hover .fas.icon-hover,
.job-search .job-marker.job-applied:focus .fas.icon-hover {
    display: inline-block;
    border-radius: 50%;
	background-color: #d7f0df;
}
  .job-search .job-marker.job-applied {
    top: -30px;
	right: 40px;
}
.job-search .job-applied .description {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 6px 8px 7px 9px;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.001em;
	line-height: 1.5em;
	left: -180px;
	top: 40px;
	width: 213px;
	max-width: 250px;
	z-index: 9;
}

.results-filter-content h3.legend .fas,
.results-filter-content h3.legend .far,
.results-filter-content h3.legend .fal {
	display: none !important;
	}

 .advanced-search  .btn-container,
#recent-search.btn-container {
	margin: 0 10px 0 0;
	display: inline-block;
	}
.advanced-search .btn-container .fas {
	font-size: 1.3em;
	margin-right: 6px;
	color: #d48c41;
	display: inline-block;
	}
.advanced-search details,
.advanced-search h4.checkbox,
.advanced-search h5.checkbox {
	margin-bottom: 0px;
	}
.advanced-search summary {
	padding-bottom: 0px;
	}
.advanced-search .legend {
	border-bottom: 1px solid #ddd;
	margin-top: 40px;
	}
.advanced-search summary:hover,
.advanced-search summary:active,
.advanced-search summary:focus,
.advanced-search .checkbox:hover,
.advanced-search .checkbox:active,
.advanced-search .checkbox:focus,
.advanced-search .radio:hover,
.advanced-search .radio:active,
.advanced-search .radio:focus {
	background-color: #f8faf9;
	border-radius: 10px;
	text-decoration: none;
	}
.advanced-search .list-level-one {
	}
.advanced-search .list-level-two {
	/*margin-left: 45px;*/
	margin-left: 15px; /* replace with 45px when checkboxes are back on the page */
	}
.advanced-search .list-level-three {
	margin-left: 55px;
	}
.advanced-search .legend .fas,
.advanced-search .legend .fal,
.advanced-search .legend .far {
    color: #9ac5d6;
    font-size: 1.2em;
    margin-right: 10px;
	}
.advanced-search .inview-nav-bar  {
	padding: 5px 0 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	border-top: 1px solid #ddd;
	text-align: center;
	z-index: 1000;
	}
.advanced-search #toggleRecentSearch {
	margin: 0px;
	}
.advanced-search .link-slide-right-v-blue {
	margin: 0px 5px 5px 5px;
	font-size: 1.2em;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	padding: 10px 30px 10px 30px !important;
	}
.advanced-search button.link-slide-right-v-blue {
	background-color: transparent;
	border: none;
	}
.advanced-search .inview-nav-bar .fas {
	margin-right: 5px !important;
	color: #d48c41 !important;
    font-size: 1.2em !important;
	}
.advanced-search .inview-nav-bar .far {
	margin-left: 5px !important;
	color: red !important;
	}
.advanced-search .wb-overlay.open {
    overflow: visible;
	}
.expand-group-container {
	position: relative;
	}
.expand-group-container .form-control-container {
    min-height: 36px;
    width: 100%;
    padding: 2px 10px 2px 0px;
    display: block;
    border-radius: 4px;
    background-color: #f8faf9;
    margin-top: 0px;
	margin-bottom: 5px;
	}
.expand-group-container .form-control-container .checkbox {
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 2px;
	}
.expand-group-container .form-control-container .checkbox label::before {
	margin-top: 2px;
	}
.expand-group-container details[open] {
    border: 1px solid #fff;
    border-radius: 0px;
    overflow: auto;
	}
.expand-group-container details,
.expand-group-container details[open] {
	padding-left: 30px;
	padding-right: 0px;
	}
.expand-group-container details summary {
	width: 30px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
	color: #3C3C3C;
	padding: 4px 12px 10px 10px;
	background-color: #eaebed;
	font-size: 1.2em;
	}
.expand-group-container details[open] > summary {
	border-bottom: 0px;
}
.expand-group-container details summary:hover,
.expand-group-container details summary:focus,
.expand-group-container details[open] > summary {
	background-color: #9ac5d6;
	border-radius: 4px;
}
.expand-group-container .badge {margin-left: 6px;}

.sample-job-audience {
	font-size: 14px;
}
.sample-job-audience span.fa-stack {
	margin: -7px 10px 0 0;
}
.sample-job-audience span.fa-stack > .fa-hexagon {
	color: #ff0002;
}
.jb-object-content .title {
	/* margin: 100px 0 0 0 !important; */
}
.info-wrapper {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: 300;
	margin: 0 0 -1px 0;
	padding: 5px 15px;
	/* background: #fcfcfc;*/
	border-bottom: 1px solid #ddd;
}
.job-posting-details-employer-wrapper {
	border: 0;
}
.job-posting-function-wrapper {
	background: #fff;
	/*border: 1px solid #eee; */
	padding: 0;
	margin: 10px 0 10px -1px;
	border: 1px solid #ddd;
	border-radius: 0;
	/* border-left: 12px solid #ddd; */
	border-left: 16px solid #ddd;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.07);
}
.jb-object-content .name {
	margin: 0;
	display: block;
}
.info-wrapper h2 {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	/* font-family: 'Barlow', sans-serif; */
	font-size: 23px;
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 22px;
	position: relative;
	display: block;
	margin: 15px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 4px solid #eee;
}
.job-posting-details-employer-wrapper h2 {
	/* font-weight: 500; */
	color: #3E68A1;
	border-color: #C0D7F7;
}
.job-posting-function-wrapper h2 {
	display: none;
}
.jb-object-content .title .fa-icon,
.job-posting-details-employer-wrapper .title .fa-icon  {
	float: left;
	position: relative;
	font-size: 45px;
	width: 93px;
	top: 0;
	margin: 0 10px 18px 0;
}
.job-posting-details-employer-wrapper .title .fa-icon {
/* 	top: 0;
	position: relative;
	font-size: 16px;
	width: 40px;
	margin: 0; */
	position: relative;
	font-size: 19px;
	width: 40px;
	margin: 0 3px 0 -5px;
	top: -4px;
}
.jb-object-details-head  {
	margin: 0 0 40px 0;
}
.jb-object-content .industry-sector,
.jb-object-content .website {
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: normal;
	color: #666;
	margin: 5px 0 0 0;
}
.jb-object-content .industry-sector {
	/* font-weight: 500; */
}
.jb-object-content .website .fa-icon {
	margin: 0 5px 0 0;
}
.jb-object-detail-requirements ul {
	margin: 20px 0 0 20px;
}
.jb-object-detail-requirements ul li {
	margin: 0 0 15px 0;
	font-size: 15px;
}
.job-posting-details-employer-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}
.job-posting-details-employer-wrapper ul li {
	/* border-bottom: 1px dotted #aaa; */
	padding: 0;
	line-height: normal;
	margin: 15px 0;
	position: relative;
}
.job-posting-details-employer-wrapper ul li .details {
	position: relative;
	display: block;
	padding: 0 0 0 27px;
}
.job-posting-details-employer-wrapper ul li.more {
	border: none;
	margin-bottom: 5px;
}
.job-posting-details-employer-wrapper ul li.more a {
	display: block;
	text-align: right;
	text-decoration: none;
	font-weight: 300;
	font-size: 13px;
}
.job-posting-details-employer-wrapper ul li.more a:hover {
	text-decoration: underline;
}
.job-posting-details-employer-wrapper ul li.more a .fa-icon {
	width: 8px;
	font-size: 11px;
	position: relative;
	float: none;
}
.job-posting-details-employer-wrapper ul li.more a:hover .fa-icon {
	text-decoration: none;
}
.job-posting-details-employer-wrapper ul li .fa-icon {
	font-size: 16px;
	margin: 0 0px 0 0;
	width: 20px;
	text-align: center;
	position: relative;
	float: left;
}
@media (min-width: 992px) {
	.job-posting-function-wrapper {
		position: relative;
		left: -15px;
	}
	.job-posting-details-employer-wrapper ul {
		margin: 0 0 0 0;
	}
}
.upload-resume-pnl {
	padding: 20px;
	border-radius: 4px;
	background-color: #f6fafe;
	border: solid 1px #C0D3DC;
	overflow: hidden;
}
.fileUpload {
	background-color: white;
}
#cityPostalCodeSpecial-radiusmap.tt-menu {
	padding: 0;
	position: relative;
	border-top-width: 0px;
	border-top-color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: auto;
	margin-top: -1px;
	-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 5px 8px rgba(0,0,0,.1);
	box-shadow: 0px 5px 8px rgba(0,0,0,.1);
}
#cityPostalCodeSpecial-radiusmap.tt-menu ul {
	padding: 10px 20px 0 20px;
}
#cityPostalCodeSpecial-radiusmap.tt-menu ul li {
	list-style: none;
	padding: 2px 0;
}
#cityPostalCodeSpecial-radiusmap.tt-menu ul li a {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	text-decoration: none;
	padding: 2px 0;
}
/* .job-posting-detail-requirements ul.csvlist { padding: 0; margin: 0 0 30px 20px; } */
/* ul.csvlist li::after { content: "; ";} */
/* ul.csvlist li { display:block; margin: 6px 0 0 0;} */
/* ul.csvlist li:last-child::after { content: "";} */
/* li.csvlist::after { content: "; ";} */
/* li.csvlist { display:inline;} */
/* li.csvlist:last-child::after { content: "";} */
#plan-career-nav h2 {
	color: #555 !important;
	margin-top:0;
}
#applyresumesharing {
	margin: 15px 0 0 0;
}




.boxed-list {
	background-color: #fff;
	border-radius: 0 0 12px 12px;
	padding: 15px 0px 20px 0px;
	columns: 2 !important;
	}
@media screen and (max-width: 991px) {
	.boxed-list {
		columns: 1 !important;
		}
	}
.boxed-list .list-item {
	display: grid;
	grid-template-columns: 5fr 1fr;
	align-items: center;
	padding: 10px 15px 10px 10px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 3px 5px -1px rgba(51, 51, 51, 0.23);
	-webkit-box-shadow: 0 3px 5px -1px rgba(51, 51, 51, 0.23);
	-moz-box-shadow: 0 3px 5px -1px rgba(51, 51, 51, 0.23);
	cursor: pointer;
	transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98), box-shadow 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98);
	background-color: #fff;
	margin-bottom: 15px;
	}
.boxed-list .list-item:hover {
	transform: scale(1.009);
	box-shadow: 0 5px 6px 3px rgba(51, 51, 51, 0.18);
	}
.boxed-list .link-text {
	font-size: 20px;
	margin-left: 12px;
	text-decoration: none;
	display: inline-block;
	}
.boxed-list .list-value {
	font-weight: 700;
	font-size: 30px;
	text-align: right;
	margin-left: 30px;
	color: #666;
	font-family: "Roboto", Arial, sans-serif;
	}
.boxed-list .list-value > span {
	opacity: 0.8;
	font-weight: 700;
	font-size: 26px;
	margin-left: 3px;
	color: #eeca67;
	color: #369aca;
	}
	
/*---------------------------------------------------
  Persons with disabilities - Employer styles - START
---------------------------------------------------*/	
/*   Hero section */
.disability-employer.prm-flpr:before {
	position: absolute;
	content: '';
	z-index: 1;
	width: auto;
	height: 100%;
	background-color: #fff;
	}	
.disability-employer.prm-flpr .bkg-blue-266e8e {
	margin-bottom: 10px;
	margin-left: -40px;
	padding: 60px 30px 60px 20px !important;
	background: transparent;
	}	
.disability-employer .demo-content-wrapper {
	background-color: transparent;
	}
.disability-employer.prm-flpr .center-items-v {
	display: table-cell;
	vertical-align: middle;
	}
.disability-employer.prm-flpr .source_reference {
	float: right;
	font-size: 13px;
	padding: 4px 13px;
	background: #3e7e9a;
	border-radius: 20px;
	margin-left: 20px;
	}
.disability-employer.prm-flpr .source_reference a {
	color: #fff;
	text-decoration: none;
	}
.disability-employer .bkg-blue-266e8e::before {
	position: absolute;
	content: '';
	z-index: -2;
	width: 260%;
	height: 100%;
	background-color: #266e8e !important;
	left: -1200px;
	top: 0;
    left: -200px;
    background-color: rgba(38,110,142,0.8) !important;
	}
@media screen and (min-width: 992px) {
	.disability-employer .bkg-blue-266e8e::before {
		width: 300%;
		left: -1500px;
		background-color: #266e8e !important;
		}
	.disability-employer.prm-flpr::before {
		width: 50%;
		}	
	.disability-employer.prm-flpr .bkg-blue-266e8e {
		margin-bottom: 10px;
		margin-left: -40px;
		padding: 60px 30px 60px 20px !important;
		background-color: #266e8e !important;
		}	
	}
.disability-employer.prm-flpr {
	border-bottom: none !important;
	}

/* ======== PwD Carousel styles ======== */
.carousel-text-box figcaption.text-container .source_reference {
	float: right;
	font-size: 13px;
	padding: 4px 13px;
	background: #555555;
	border-radius: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	}
.carousel-text-box figcaption.text-container .source_reference a {
	text-decoration: none;
	line-height: 16px !important;
	}
.carousel-text-box figcaption.text-container {
	left: auto !important;
	bottom: auto !important;
	padding: 40px;
	position: absolute;
	background-color: #000;
	color: #FFF;
	}
.carousel-text-box ul.carousel-nav {
	bottom: 10px !important;
	}
	
#panel1 figure {
	background: #000 url('../images/pwd/carousel-1.jpg') no-repeat center bottom;
	overflow: visible;
	background-size: contain;	
	}
#panel2 figure {
	background: #000 url('../images/pwd/carousel-2.jpg') no-repeat center bottom;
	overflow: visible;
	background-size: contain;	
	}
#panel3 figure {
	background: #000 url('../images/pwd/carousel-3.jpg') no-repeat center bottom;
	overflow: visible;
	background-size: contain;	
	}
@media screen and (min-width: 521px) and (max-width: 960px) {
	.wb-tabs.carousel-s1 figure img, .wb-tabs.carousel-s2 figure img {
		position: absolute;
		bottom: 0;
		}
	figure {
		height: 600px;
		}
	}
@media screen and (max-width: 520px) {
	.wb-tabs.carousel-s1 figure img, .wb-tabs.carousel-s2 figure img {
		position: absolute;
		bottom: 0;
		}
	figure {
		height: 580px;
		}
	}
/* ========= Tab styles as found on PwD employer page - START ========= */
.tabs-style-1 .tabs-content-wrapper {
	margin: 0px 20px 30px 10px;
	}
.tabs-style-1 .tab-number {
	color: #266e8e;
	padding: 0px 15px 0px 15px;
	font-size: 32px;
	font-weight: 400;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabs-style-1.tabs-content-wrapper ul.list-unstyled {
 	padding: 0px 0px 10px 0px !important;
	}
.tabs-style-1 .featureTabs.wb-tabs > ul {
    position: relative;
	box-shadow: 26px 0 26px -12px rgba(100, 111, 121, 0.06);
	float: left;
	background-color: #fff;
	border-width: 1px 0px 1px 1px;
	border-color: #e8f0f2;
	border-style: solid;
	border-radius: 0px;
	}
.tabs-style-1 .featureTabs.wb-tabs > ul::after { /* --- line separating tab links from tab content --- */
	position: absolute;
	top: 0;
	right: 0;
	width: .25rem;
	height: 150%;
	background-color: rgba(100, 111, 121, 0.09);
	content: " ";
	}
.tabs-style-1 .featureTabs.wb-tabs > ul li {
    left: 0px;
    background: transparent;
    float: left;
	position: relative;
	border-bottom: 1px solid #e8f0f2 !important;
	margin: 0px;
	border-radius: 0px;
	box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.3s ease-in-out;
	}
.tabs-style-1 .featureTabs.wb-tabs > ul li:last-child {
	border-bottom: none !important;
	}
.tabs-style-1 details[open] {
	overflow-x: auto;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details summary {
	padding: 10px 0px 10px 0px !important;
	margin: 0px -16px 0px -16px;
	border: none !important;
	border-radius: 10px !important;
	background-color: #fafafa;
	font-size: 24px;
	display: flex !important;
	}
.tabs-style-1 .featureTabs.wb-tabs > ul > li.active,
.tabs-style-1 .featureTabs.wb-tabs > ul > li.active .tab-number,
.tabs-style-1 .featureTabs.wb-tabs > ul > li:hover,
.tabs-style-1 .featureTabs.wb-tabs > ul > li:hover a,
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] summary .tab-number,
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details summary:hover,
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details summary:hover .tab-number {
	color: #fff !important;
	background-color: #266e8e !important;
	}

.tabs-style-1 .featureTabs.wb-tabs > ul > li.active::after {
	color: #fff !important;
  	text-decoration: none;
  	border-width: 0px;
  	top: 20px;
	}
	
.tabs-style-1 .featureTabs.wb-tabs > ul > li:hover::after { /* --- mouse over border --- */
	background-color: #eeca67 !important;
	}
.tabs-style-1 .featureTabs.wb-tabs > ul > li::after { /* --- mouse over border --- */
	position: absolute;
	top: 0;
	right: 0;
	width: .25rem;
	height: 100%;
	content: " ";
	}
.tabs-style-1 .featureTabs.wb-tabs > ul a {   
    padding: 10px 20px 10px 10px;
    border-bottom: none;
    display: flex;
	align-items: center;
	font-size: 24px;
	line-height: 1.6em;
	align-items: baseline;
	}
.tabs-style-1 .featureTabs.wb-tabs .focuson-number {
    font-size: 120px;
    color: #dae9ef;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0px 30px 0px 0px;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper ul,    
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper ul li {
    float: none;
    border: none;
    width: 100%;
    background: transparent;
    margin: 0px 0px 20px 0px;
	}

.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper ul a {
    padding: 0px;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] summary {
	color: #fff;
	border: none;
	background-color: #266e8e;
	}	
.tabs-style-1 .featureTabs.wb-tabs ul > li a {
	padding: 20px 20px 20px 0px!important;
	}
.tabs-style-1 .featureTabs.wb-tabs ul > li:hover .tab-number {
	color: #fff !important;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] {
	background: #fff;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
	margin: 0 -16px 0 -16px;
	padding: 25px 0px 0px 0px;
	}	
.tabs-style-1 .featureTabs.wb-tabs .tabpanels .tgl-panel ul li a {
	margin: 0px;
	padding: 0px !important;
	}		
.tabs-style-1 .featureTabs.wb-tabs .tabpanels .tgl-panel ul li a:hover {
	background: transparent !important; 
	color: #094bc3;
	}
.tabs-style-1 .featureTabs .tabpanels details[open]:focus {
	outline: none !important;
	}

	
.tabs-style-1 .featureTabs.wb-tabs .tabpanels {
	float: none;
	width: auto;
	box-shadow: none;
	}
.tabs-style-1 .wb-tabs,
.tabs-style-1 .wb-tabs [role="tablist"]  {
    padding: 0 !important;
	}
.tabs-style-1 .wb-tabs [role="tabpanel"] {
    overflow-x: visible !important;
    }
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper .demo-content-setbox ul {
	list-style: none;
	padding: 0px !important;
	}	
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper .demo-content-setbox ul li,
.links-box ul li {
    border-bottom: 1px solid #efefef !important;
    border-radius: 0px;
	padding: 0px;
	margin: 0px;
	display: flex;
	text-decoration: none;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper .demo-content-setbox ul li:last-child,
.links-box ul li:last-child {
	border-bottom: none !important;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper .demo-content-setbox ul li:before,
.links-box ul li::before {
	content: "\e080";
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
    padding-right: 0.5em;
    color: #eeca67;
    border-bottom: 1px solid #fafafa !important;
	}
.tabs-style-1 .featureTabs.wb-tabs .tabs-content-wrapper .demo-content-setbox ul li a,
.links-box ul li a {
	text-decoration: none !important;
	}
.links-box .fas {
    color: #ccc;
	}
@media screen and (min-width: 992px) {
	.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] .tgl-panel {
		background: transparent;
		margin: 0 -12px 0 -12px;
		padding: 0px 0px 0px 30px;
		}
	.tabs-style-1 .featureTabs.wb-tabs .tabpanels details[open] {
		background: transparent;
		}
	.tabs-content-wrapper {
		margin: 0px 0px 30px 10px;
		}	
	.tabs-style-1 .featureTabs.wb-tabs .tabpanels {
		box-shadow: 90px 0px 100px -80px #f0f8fb inset;
		}
	.tabs-style-1 .wb-tabs > .tabpanels > details[open] > summary, 
	.tabs-style-1 .wb-tabs > details[open] > summary {
		display: none !important;
		}
	.disability-employer.prm-flpr .bkg-blue-266e8e {
		padding: 60px 60px 60px 0px !important;
		}
	}
@media screen and (min-width: 992px) {
.disability-employer.prm-flpr .bkg-blue-266e8e {
	margin-bottom: 10px;
	margin-left: -40px;
	padding: 60px 60px 60px 0px !important;
	}

	}
@media screen and (max-width: 991.2px) {
	.wb-tabs.tabs-acc > ul,
	.tabs-style-1 .featureTabs.wb-tabs > ul {
		display: none !important;
	}
	.tabs-style-1 {
		background: none;
		}
	}

/* ========= Tab styles - END =========== */

.pdw-content-wrapper .boxed-list {
	columns: 1 !important;
	padding: 0px;
	border-radius: 0px;
	}	
.pdw-content-wrapper .boxed-list li {
	padding: 5px 10px;
	border-radius: 0px;
	margin-bottom: 5px;
	box-shadow: 0 1px 3px -1px rgba(51, 51, 51, 0.23);
	}

.pdw-content-wrapper .boxed-list li .fas {
	opacity: 0.8;
	font-weight: 400;
	font-size: 20px;
	margin-left: 3px;
	color: #eeca67;
	color: #369aca;
	font-family: "Font Awesome 5 Pro";
	text-align: right;
	}
.pdw-content-wrapper .boxed-list li:hover::before {
	border-radius: 0px;
	}

/* ========= Content box - blue background - START =========== */
.bkg-blue-266e8e {
	background-color: #266e8e;
	color: #fff !important;
	padding: 30px;
	z-index:2;
	position: relative;
	}
.bkg-blue-266e8e h3 {
	color: #fff !important;
	margin-top: 30px !important;
	}
.bkg-blue-266e8e li:not(.list-item) a {
	color: #fff;
	}
.bkg-blue-266e8e ul.list-of-links a {
	color: #fff;
	text-decoration: none;
	}
.bkg-blue-266e8e ul.list-of-links a:hover {
	color: #fff;
	text-decoration: underline;
	}
.bkg-blue-266e8e ul.list-of-links li {
	display: flex;
	}
.bkg-blue-266e8e ul.list-of-links li .fa {
	margin-right: 10px;
	margin-top: 7px;
	}
/* ========= Content box - blue background - END =========== */

/* ========= HELPER CLASSES - START =========== */
.pdng-rght-10 {
	padding-right: 10px !important;
	}
.pdng-rght-20 {
	padding-right: 20px !important;
	}
.pdng-rght-30 {
	padding-right: 30px !important;
	}
.pdng-rght-40 {
	padding-right: 40px !important;
	}
.pdng-lft-10 {
	padding-left: 10px !important;
	}
.pdng-rght-20 {
	padding-left: 20px !important;
	}
.pdng-lft-30 {
	padding-left: 30px !important;
	}
.pdng-lft-40 {
	padding-left: 40px !important;
	}
.dsply-flex {
	display: flex;
	}
.dsply-flex li {
	margin-left: 10px;
	}

/* ========= HELPER CLASSES - END =========== */
@media (min-width: 992px) {
	.horizontalLayout .radio {
	  display: inline-block;
	}
}
form.formRequiredAsterisk select[multiple],
form.formRequiredWord select[multiple] {
	height: 200px;
}
.offscreen {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	font-size: 14px;
	white-space: nowrap;
}
.match-applied,
.match-applied-rejected {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: normal;
	padding: 10px 13px;
	display: block;
	position: relative;
	border-radius: 10px;
	background-color: #f4f4f4;
	margin: 10px;
}

.career-tools-container {
	background: url('../images/bg-graypattern.jpg') no-repeat;
	background-size: cover;
	}
.career-tools .directory {
	margin: 0 0 7px 0;
	overflow: auto;
	display: table;
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: normal;
	background-color: rgba(0,0,0,.05) !important;
	padding: 7px 20px 9px 20px;
	border-radius: 18px;
	font-size: 20px;
	}
.link-group {
	min-height: 360px
	}
.career-tools-container .link-group .fa {
	color: #999;
	width: 26px;
	}
.career-tools-container .btn .fa {
	width: 26px;
	}
.career-tools-container .link-group-item.active .fa,
.career-tools-container .link-group-item:hover .fa {
	color: #d48c41 !important;
	}
.career-tools-container .link-group-item.active,
.career-tools-container .link-group-item:hover {
	background-color: #fff;
	color: #d48c41;
	}
.career-tools-container .link-group-item {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
	text-decoration: none;
	padding: 8px 12px;
  	background-color: #f4f8fa;
	border-bottom: 1px solid #fff;
	display: block;
	}
.link-group a.link-group-item:first-child {
	border-top: 1px solid #fff;
	}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
	}
.career-tools-container .header {
	font-family: 'Roboto', sans-serif;
	padding: 25px 15px 10px 15px;
	font-size: 24px;
	font-weight: 500;
	}
.link-group p {
	padding: 0px 15px;
	}
.career-tools-container p {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: -0.25px;
	line-height: 1.6em;
	margin-bottom: 10px;
	}
.career-tools-container p.intro {
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.career-tools-container .col-content {
	padding-right: 50px;
	padding-bottom: 40px;
	}
.career-tools-container .col-menu {
	background-color: #f7fafb;
	}
.career-tools-container p.small {
	margin-bottom: 5px;
	}
.career-tools-container .label {
	color: #000;
	font-size: 1em;
	font-weight: 500;
	text-align: left;
	padding-left: 0px;
	border: none;
	}
.career-tools-container .level_los {
	border: 1px solid #d7d7d7;
	border-top: none;
	margin: -10px 0px 10px 0px;
	background-color: rgba(255,255,255,0.5) !important;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 15px;
	}
.career-tools-container .losspan {
	display: inline-block;
	}
.career-tools-container.skills-knowledge .alert p:first-child {
	font-weight: 300 !important;
	line-height: 28px !important;
	font-size: 18px !important;
	}
@media screen and (max-width: 991px) {
	.career-tools-container .col-content {
		padding-right: 10px;
		margin-bottom: 0px;
		}
	.career-tools-container .losspan {
		display: block !important;
	}
	.career-tools-container.skills-knowledge .col-content {
		margin-left: 0px;
		margin-right: 0px;
		}
	}
@media screen and (min-width: 992px) {
	.career-tools-container .link-group-item.active::before {
		position: absolute;
		left: -28px;
		display: block;
		content: '\25c4';
		color: #fff;
		font-size: 34px;
		}
	}

/* ===== to display images and content in the same order for mobile screens  ====== */
@media screen and (max-width: 991px) {
	.demo-content-details {
		display: grid;
		}
	.demo-content-details .order-1 {
		order: 1;
		}
	.demo-content-details .order-2 {
		order: 2;
		}
	.service-content-image.order-1 {
		text-align: center;
		margin-bottom: 20px;
		}
	.service-content-image.order-1 img.full-width {
		width: 70%;
		}
	}	

/* ===== Job alerts page hero section ====== */
.theme-Z-light.text200perResize {
	height: auto!important;
	}