/* ========== Button =========== */

	/* Button My job account */
	a.hj-login.hj-button {
		font-size: 16px!important;
		font-weight: 500!important;
		margin-right: 10px!important;
		padding: 15px 30px!important;
	}


/* ========== Alerts =========== */

	/* Red Alert */
	#hj-content #hj-messages ul.hj-error li, #hj-content .hj-job-list ol>li .hj-eligibility-note {
		background-color: #f8d7da!important;
		color: #721c24!important;
		border-color: #f5c6cb!important;
	}

	/* blue Alert */
	#hj-content .hj-maint ul li, #hj-content p.information, #hj-content #hj-messages ul li {
		background-color: #cce5ff!important;
		color: #004085!important;
		border-color: #b8daff!important;
	}

	/* margin between the alerts */
	li.clearfix {
		margin-bottom: 10px!important;
	}

/* ========== Card =========== */

	/* Card title */
	#hj-content #hj-select-sector h2 {
		text-align: left!important;
		font-size: 20px!important;
		font-weight: 700!important;
		margin: 1em auto 1em !important;
		max-width: 85vw!important;
	}

	/* card section width */
	#hj-content #hj-select-sector ul {
		max-width: 85vw!important;
	}

	/* Card box shadow */
	#hj-content #hj-select-sector .hj-css-sector-icon {
		border: 2px solid #f9f9f9 !important;
		border-radius: 5px;
	}

	/* card text size */
	#hj-content #hj-select-sector h3 {
		text-align: left!important;
		font-size: 12px!important;
		font-weight: 700!important;
	}

	/* card space between the cards */
	#hj-content #hj-select-sector ul li {
		margin: 12px 10px!important;
	}


/* ========== Search =========== */

	/* Search border removed */
	#hj-content .hj-fancy-container {
		border: none;
	}

	/* Search text */
	#hj-content #JobSearch_default input#JobSearch\.q {
		width: 83%!important;
		height: 50px;
		font-size: 12px;
		max-width: 85vw!important;
		float: left;
	}

	/* Search box margin */
	form#JobSearch.hj-help-above.hj-full-width-inputs {
		margin-right: -30px;
	}

	/* Search icon */
	#hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit {
		color: white;
		border: none !important;
		background: url(../images/Search-icon.png) #DDDDDD center no-repeat;
		width: 16px !important;
		min-width: 50px !important;
		height: 45px;
		text-indent: -9999px;
		padding-bottom: 9px!important;
		position: relative;
		margin-left: 5px;
		float: left;
		top: -3px;
	}


/* --------------------------------------------------------------------------- RESPONSIVE (media query)------------------------------------------------------------------------------- */

	@media (max-width: 365px){
		#hj-job-list .hj-job .clearfix header{ height: 110px !important; }
	}

	@media (min-width: 366px) and (max-width: 597px){
		#hj-job-list .hj-job .clearfix header{ height: 100px !important; }
	}

	@media (max-width: 597px){
		#hj-job-list .hj-job .clearfix header .hj-jobtitle.hj-job-detail{ min-width: 100%; }
		#hj-job-list .hj-job .clearfix header .hj-grade.hj-job-detail {
			float: left !important;
			margin-left: 0 !important;
		}
		#hj-job-list .hj-job .clearfix .hj-job-details .hj-eligibility-note.hj-warning { float: left !important; }
	}

	@media (max-width: 575.98px) {
		/* Button My job account */
		#hj-menu ul li a {
			width: 92vw!important;
			text-align: center;
			margin-right: 0!important;
		}

		#hj-job-list h2 {
			text-align: center;
		}

		/* margin removed from the cards */
		#hj-content #hj-select-sector ul {
			margin: 0 !important;
		}

		/* size & margin between the cards*/
		#hj-content #hj-select-sector ul li {
			min-width: 80%!important;
			max-width: 100%!important;
			margin: 12px 10px!important;
			width: 100%!important;
		}

		/* card text size */
		#hj-content #hj-select-sector h3 {
		    font-size: 15px!important;
		}

		/* Search text */
		#hj-content #JobSearch_default input#JobSearch\.q {
			width: 70%!important;
			max-width: 100%!important;
		}
	}

	@media(max-width: 767.98px) {
		#hj-content .pagination{
			left:0% !important;
		}

		#hj-content .pagination li a {
			word-break: normal !important;
		}
	}

	@media (min-width: 576px) and (max-width: 767.98px) {
		/* card text size */
		#hj-content #hj-select-sector h3 {
			font-size: 12px!important;
		}

		/* cards size */
		#hj-content #hj-select-sector ul li {
			min-width: 40%!important;
			max-width: 45.9%!important;
			width: 100%!important;
		}
	}

	@media (min-width: 768px) and (max-width: 991.98px) {
		#hj-content .pagination{
			left:10% !important;
		}

		/* cards size */
		#hj-content #hj-select-sector ul li {
			min-width: 40%!important;
			max-width: 45.9%!important;
			width: 100%!important;
		}
	}

	@media (max-width: 991px) {
		form#JobSearch.hj-help-above.hj-full-width-inputs {
			margin-right: 0 !important;
			margin-left: 40px;
		}
	}

	@media (min-width: 992px) and (max-width: 1199.98px) {
		/* cards size */
		#hj-content #hj-select-sector ul li {
			min-width: 20%!important;
			max-width: 30.9%!important;
			width: 100%!important;
		}
	}

	@media (min-width: 1200px) {
		/* cards size */
		#hj-content #hj-select-sector ul li {
			min-width: 20%!important;
			max-width: 23%!important;
			width: 100%!important;
		}
	}

/* board colour */
	#hj-content .hj-job-list ol li a {
		padding-top: 5px!important;
		border-radius: 0!important;
	}

	#hj-content .hj-job-list ol li {
		border-bottom: none !important;
	}

/* Main header */
	.hj-jobtitle.hj-job-detail {
		font-size: 18px!important;
		color: #025FB9!important;
		font-family: inherit!important;
		font-weight: 500!important;
		line-height: 1.5!important;
		margin-bottom: 12px;
	}

/* subheaders such as speciality, salary etc.. */
.hj-field-caption {
	color: black;
	font-weight: 500!important;
	margin-bottom: 3px;
	line-height: 1.5!important;
	font-size: 16px!important;
	margin-right: 5px;
}

/* subheaders information */
	.hj-job-detail {
		color: black;
		font-weight: 400!important;
		font-size: 14px!important;
	}

/* job section margin bottom between each jobs */
	a.clearfix {
		margin-bottom: 8px;
	}

/* job section hover effect */
	a.clearfix:hover, #hj-content #hj-job-list ol li a:focus{
		background-color: #D1E2F3!important;
	}

/* band title */
	.hj-grade.hj-job-detail {
		color: black;
		font-weight: 500!important;
		font-size: 14px!important;
		margin-bottom: 5px;
		margin-left: 130px;
	}

/* hiding breadcrumbs */
	ol.breadcrumbs.clearfix {
		display: none!important;
	}

/* page number typography */
	#hj-content .pager {
		font-weight: 400!important;
		line-height: 2.5!important;
		font-size: 1rem!important;
		margin-top: 1.5rem!important;
		margin-bottom: 1.5rem!important;
		padding-left: 0 !important;
	}

/* page number border & styling */
	#hj-content .pager .pager-item a {
		position: relative!important;
		padding: .5rem .75rem!important;
		margin-left: -1px!important;
		line-height: 1.25!important;
		background-color: #fff!important;
		border: 1px solid #dee2e6!important;
		color: #025FB9!important;
	}

/* removing the line e.g. " | " between each number */
	#hj-content .pager .pager-item+.pager-item:before {
		content: "" !important;
		padding: 0!important;
	}

/* pagination button icons */
	#hj-content .pagination .page-item + .page-item::before{
		content: none;
	}

	#hj-content .pagination{
		position: relative;
		left:30%;
	}

	#hj-content .pagination .page-item a{
		width: 38px;
	}

	#hj-content .pagination .page-item a.zcicon{
		height: 38px;
		overflow: hidden;
		position: relative;
	}

	#hj-content .pagination .page-item a.zcicon:active::before{
		z-index: 3;
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgb(46 90 217 / 25%);
	}

	#hj-content .pagination .page-item a.zcicon:hover::before{
		z-index: 2;
		text-decoration: none;
		background-color: #e9ecef;
		border-color: #dee2e6;
	}

	#hj-content .pagination .page-item a.zcicon:before{
		font: var(--fa-font-solid);
		top: -1px;
		left: 0;
		position: absolute;
		padding: 0.2rem 0.75rem;
		border: 1px solid #dee2e6;
		height: 38px;
		width: 38px;
		z-index: 2;
		background-color: #ffffff;
	}

	#hj-content .pagination .page-item a.ic-pager-next:before {
		content: "\f0da";
		font-size: x-large;
	}

	#hj-content .pagination .page-item a.ic-pager-first:before {
		content: "\f048";
		padding-top: 8px;
	}

	#hj-content .pagination .page-item a.ic-pager-previous-set:before {
		content: "\f04a";
		padding-top: 8px;
	}

	#hj-content .pagination .page-item a.ic-pager-previous:before {
		content: "\f0d9";
		font-size: x-large;
	}

	#hj-content .pagination .page-item a.ic-pager-last:before {
		content: "\f051";
		padding-top: 8px;
	}

	#hj-content .pagination .page-item a.ic-pager-next-set:before {
		content: "\f04e";
		padding-top: 8px;
	}

/* selected page number */
	span.pager-item.selected {
		padding: .5rem .75rem!important;
		margin-left: -1px!important;
		z-index: 1;
		color: #fff;
		border-color: #007bff;
	}

/* Alert typography */
	#hj-job-list h2 {
		padding-left: 24px;
		color: black!important;
		font-size: 25px!important;
	}

/* Alert typography */
	#hj-content .hj-job-list .hj-eligibility-note {
		height: 27px!important;
		font-size: 12px!important;
		font-weight: bold;
		margin-bottom: 5px;
	}

/* Sort by */
	.hj-sorter {
		margin-right: 10px!important;
		color: black;
		font-weight: 500!important;
		font-size: 14px!important;
	}

 #frmSorter\.rstsortby {
	border: 1px solid #e6e6e6!important;
	border-radius: 5px !important;
	padding: 4px 12px!important;
}

#frmSorter\.rstsortby:focus {
	border: none;
	box-shadow: inset 1px 2px 4px rgba(92, 143, 188, 0.4), 1px 2px 4px rgba(92, 143, 188, 0.4);
}

#frmSorter\.rstsortby option {
	font-weight: 400!important;
	font-size: 14px!important;
}

a.hj-apply-online.hj-button.hj-primary:hover {
	text-decoration: none !important;
}