/*affects ALL (bootstrap) candidate pages *** BOTH ARJ AND BRANDED CAREERS PORTALS ****/

/*do not use !important in here (for colours /text) as often this stuff needs to be overwritten by the css for each recruiter (important for position is probably ok)*/

body {
	font-family: 'Open Sans', sans-serif;
	/*margin-bottom: 60px;*/ /*for footer*/
}

html {
	position: relative; /*for footer*/
	min-height: 100%; /*for footer*/
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 60px;*/
	/*background-color: #f5f5f5; light grey*/
	

}


footer .container-fluid {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 10px;
	/* Set the fixed height of the footer here */
	min-height: 60px; 
}


.alert a {
	text-decoration: underline;
}



.alert a:hover {
	text-decoration: none;
}

.v2-top-header a:hover {
	text-decoration: none;
}

.content {
	margin-top: 20px;
	margin-top: 5% !important;
	min-height: 400px;
}


h2 {
	color: #084e79;
	font-size: 24px;
	font-weight: 400;
}


/*buttons*/
a.btn {
	text-decoration: none;
}

.btn {

	/*border-radius: 5px;*/
	border-radius: 3px;
}


.btn-primary {

	
	background-color: #4DA2D9;
	border: 1px solid #4DA2D9;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-primary:hover {
	background-color: #2d7fcd;
	border: 1px solid #2d7fcd;
}


.btn-default {
	background-color: #fff;
	border: 1px solid #adadad;
	color: #333;
	/*padding-left: 20px;
	padding-right: 20px;*/
}

.btn-default:hover {
	background-color: #67a4de;
	color: #fff;
	
}

.btn-primary:active, .btn:active, .btn-default:active {
	position: relative;
	top: 1px;
	left: 1px;
	outline:0;
}

.btn-primary:focus, .btn:focus, .btn-default:focus {
	outline:0;

}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline:0;
}


/*panels*/

.panel {
	border-radius: 3px;
}

.panel-info {
	/*border-color: #67A4DE;*/
	border-color: #ddd;

}

.panel-info>.panel-heading {

	color: #fff;
	background-color: #294C7A;
	border-color: #294C7A;
}

#application .panel-info>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;

}

/*panels*/


/*old .infopanelpositive*/
/* {

	border-radius: 4px;
	border:none;
	background-color: #d1e5ab;
	background-color: #8CBE2E;
	color: #54721b !important;
	color: #fff !important;

}*/


/*.panel-success {
	background-color: #f3f8eb;
}*/

/*.panel-success>.panel-body>h1,
.panel-success>.panel-body>h2,
.panel-success>.panel-body>h3,
.panel-success>.panel-body>h4 {
	color: #fff !important;
}*/

.panel h1 {
	font-size: 24px;
	font-weight: 400;
	color: #084e79;
	margin-bottom: 18px;
	padding-bottom: 10px;
	margin-top: 10px;
	line-height: 150%;
}

.panel h2 {
	font-size: 22px;
	font-weight: 400;
	color: #084e79;
	margin-bottom: 18px;
	padding-bottom: 10px;
	margin-top: 10px;
}

.panel h4 {
	font-size: 15px;
	font-weight: 400;
	color: #084e79;
	/*color: red;*/
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 160%;
}


/*.form-group.has-error.alert.alert-danger,*/
/*.form-group.has-error>.alert-danger */

.alert.alert-danger {

	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;

}

.tooltip > .tooltip-inner {
	background-color: #67A4DE; 
	color: #fff;
	padding: 10px;
	font-size: 14px;
}

/*left hand nav on my- pages*/

.nav-pills > li > a {
    border-radius: 3px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	/*background-color: #67A4DE;*/
	background-color: #8CBE2E;
	color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #2d7fcd;
	color: #fff;
}

/*left hand nav on my- pages*/


.alert-success {
	/*color: #fff;*/
	color: #3c763d;
	/*background-color: #92BE1C;*/
	background-color: #dff0d8;
	border-color: #d6e9c6;
	
	/*color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;*/
}

.alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4 {
	color: #3c763d ;
	margin-top: 7px;
	margin-bottom: 7px;

}

.alert-info {
	color: #084E79;
    background-color: #dcedf8;
    border-color: #abd4ee;

}


/*grey*/
.alert-grey {
	color: #555;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.alert-grey hr {
	border-top: 1px solid #ccc;
}

#JobDescriptionPanel {

    /*border: 1px solid #a4c8eb;*/
    /*color: #666666 !important;*/
    font-size: 14px !important;
    line-height: 150% !important;
    height: 300px !important;
    /*margin: 10px 20px 10px 20px;*/
    overflow: auto;
    /*padding: 6px !important;*/
    /*width: 300px;*/
}


.top-buffer { 
	margin-top:30px; 

}


.hidden {
	visibility:hidden;
	display:none;
}


.js_hidden_initially {
	display: none;
}


a {
	cursor: pointer;
}
 
.pointer {
	cursor: pointer;
}

.formDateOutput{
	float: left;
    margin-right: 10px;
    width: auto;
}

.form-horizontal .control-label.text-left{
	text-align: left;
}

.form-horizontal .control-label.text-right{
	text-align: right;
}

#sourceSelect{
	float: left !important;
}

.underline {
	text-decoration: underline;
}

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


.grey {
	color:#ccc !important;
}

.darkgrey {
	color:#666 !important;
}

.link {
	color: #337ab7;
	text-decoration: none;
	cursor: pointer;
}

.link:hover {
	text-decoration: underline;
}


.link_plain  {
	text-decoration: none;
	cursor:pointer;
	color: #17a2b8;
}

.link_plain:hover  {
	text-decoration: none;
	color: #333;
}

/*aligns vertically in the middle (and i think also left to right centered)*/
.centralise {
	display: flex;
	align-items: center; /* horizontal */
	justify-content: center; /* vertical */
}

.mb-0 {
	margin-bottom: 0px;
}

/*called by showLoading()*/

/*.loading-indicator {
	height: 60px;
	width: 60px;
	background: url( '/images/loading-notch-sm.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #F5F5F5;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
*/
@media (min-width: 768px) {
  .row-fluid-bottom {
    display: flex;
    align-items: flex-end;
  }
}

@media all and (max-width: 480px) {
	
	.mobileBtns, .btn-mobile {
		width: 100%;
		display: block;
		border-radius: 4px !important;
		margin-bottom: 5px;
	}
}





/* pulse animations look great 2025 */

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.25);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}



.pulse-once, .pulse {
	animation: pulse 1s forwards 1;
}

.pulse-twice, .pulse_twice {
	animation: pulse 1s forwards 2;
}

.pulse-small, .pulse_small {
	animation: pulse-small 1s forwards 1;
}


@keyframes pulse-small {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.1);
		opacity: 0.85;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}





/* pulse big */

@keyframes pulse-big {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.4);
		opacity: 0.85;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


.pulse-big {
	animation: pulse-big 1s forwards 1;
}


/* pulse big */

/* CSS Animation for pulsing and spinning effect */

/* CSS Animation for pulsing and spinning effect */