/* CSS Document */
@-ms-viewport{
	width: device-width;
}
/******************************/
/*********   GENERAL    *******/
/*****************************/
/****  WIDTH  ****/
.width-2 {width: 2%!important;}
.width-3 {width: 3%!important;}
.width-4 {width: 4%!important;}
.width-5 {width: 5%!important;}
.width-6 {width: 6%!important;}
.width-7 {width: 7%!important;}
.width-8 {width: 8%!important;}
.width-9 {width: 9%!important;}
.width-10 {width: 10%!important;}
.width-11 {width: 11%!important;}
.width-12 {width: 12%!important;}
.width-13 {width: 13%!important;}
.width-14 {width: 14%!important;}
.width-15 {width: 15%!important;}
.width-16 {width: 16%!important;}
.width-17 {width: 17%!important;}
.width-18 {width: 18%!important;}
.width-20 {width: 20%!important;}
.width-22 {width: 22%!important;}
.width-25 {width: 25%!important;}
.width-26 {width: 26%!important;}
.width-30 {width: 30%!important;}
.width-32 {width: 32%!important;}
.width-33 {width: 33%!important;}
.width-35 {width: 35%!important;}
.width-36 {width: 36%!important;}
.width-40 {width: 40%!important;}
.width-45 {width: 45%!important;}
.width-46 {width: 46%!important;}
.width-47 {width: 47%!important;}
.width-48 {width: 48%!important;}
.width-50 {width: 50%!important;}
.width-55 {width: 55%!important;}
.width-60 {width: 60%!important;}
.width-65 {width: 65%!important;}
.width-70 {width: 70%!important;}
.width-75 {width: 75%!important;}
.width-80 {width: 80%!important;}
.width-85 {width: 85%!important;}
.width-90 {width: 90%!important;}
.width-95 {width: 95%!important;}
.width-96 {width: 96%!important;}
.width-97 {width: 97%!important;}
.width-98 {width: 98%!important;}
.width-99 {width: 99%!important;}
.width-100 {width: 100%!important;}
/****  COLOURS   ****/
/* Background */
.bg-white {background-color: #FFF!important;}
.bg-red {background-color: #b00!important;}
.bg-light-red {background-color: #ec5a4f!important;}
.bg-green {background-color: #64c829!important;}
.bg-light-blue {background-color:#2977c9;}
.bg-light-gray { background-color: #e0e5eb!important;}
.bg-gray {background-color: #6d6e71!important;}
.bg-dark-gray {background-color: #333!important;} /*#2b2f35*/
.bg-transparent {background-color: transparent!important;}
/* Text Colurs */
.col-red {color: #b00;}
.col-light-red {color: #ec5a4f!important;}
.col-green {color: #64c829;}
.col-dark-blue {color: #10496a;}
.col-gray {color: #6d6e71!important;}
.col-light-blue {color:#2977c9!important;}
.col-dark-gray {color: #333!important;}
/* Border Colours */
.border-green { border: 2px solid #64c829!important;}
.border-red { border: 2px solid #ec5a4f!important;}
/*Bottom*/
.border-bottom-green { border-bottom: 2px solid #64c829!important;}
.border-bottom-red { border-bottom: 2px solid #ec5a4f!important;}
.border-radius-3 { border-radius: 3px!important; }
/****   FONTS   ****/
.font-12 {font-size: 12px!important;}
.font-13 {font-size: 13px!important;}
.font-14 {font-size: 14px!important;}
.font-15 {font-size: 15px!important;}
.font-16 {font-size: 16px!important;}
.font-18 {font-size: 18px!important;}
.font-20 {font-size: 20px!important;}
.font-22 {font-size: 22px!important;}
.font-24 {font-size: 24px!important;}
.font-26 {font-size: 26px!important;}
.font-28 {font-size: 28px!important;}
.font-30 {font-size: 30px!important;}
.font-32 {font-size: 32px!important;}
.font-34 {font-size: 34px!important;}
.font-36 {font-size: 36px!important;}
.font-38 {font-size: 38px!important;}
.font-40 {font-size: 40px!important;}
.font-42 {font-size: 42px!important;}
.font-44 {font-size: 44px!important;}
.font-46 {font-size: 46px!important;}
.font-48 {font-size: 48px!important;}
.font-50 {font-size: 50px!important;}
.font-54 {font-size: 54px!important;}
.font-58 {font-size: 58px!important;}
.font-60 {font-size: 60px!important;}
.font-62 {font-size: 62px!important;}
.font-65 {font-size: 65px!important;}
.font-70 {font-size: 70px!important;}
.font-75 {font-size: 75px!important;}
.font-80 {font-size: 80px!important;}
/* Line height */
.line-height-12 {line-height: 12px;}
.line-height-14 {line-height: 14px;}
.line-height-16 {line-height: 16px;}
.line-height-18 {line-height: 18px;}
.line-height-20 {line-height: 20px;}
.line-height-22 {line-height: 22px;}
.line-height-24 {line-height: 24px;}
.line-height-26 {line-height: 26px;}
.line-height-28 {line-height: 28px;}
/** LINKS  **/
.opacity-3 {opacity: 0.3!important;} /* changed the opacity for the extinct records*/
.opacity-5 {opacity: 0.5!important;}
.whiteLink {display: inline-block;color: #FFF;text-decoration:underline;cursor:pointer;}
.whiteLink:hover {color: #FFF; opacity: 0.8;}
.opacity-hover-7:hover {opacity: 0.7!important;}
.text-decoration-hover-none:hover {text-decoration: none!important;}
.generalLink { color:#0052a5;text-decoration: underline; }
.generalLink:hover { color:#0052a5; }
.footerLink {color:#FFF;}
.footerLink:hover {color:#0052a5;text-decoration: none;}
/* link general */
.disabled-hovering {
	opacity: 0.4;
  	pointer-events: none;  /**<-----------*/
}
.link-hover-opacity:hover {
	opacity: 0.5;
}
/**********  GHOST BUTTON  *******************/
.ghost-btn {
	display: inline-block;
	border: 2px solid;
	border-radius: 3px;
	background-color: #FFF;
	margin: 0px;
	padding: 5px 10px;
	text-decoration:none;
	text-align:center;
	cursor: pointer;
}
.ghost-btn:hover {
	color: #FFF!important;
	background-color: #009DDC;
	text-decoration:none;
}
/* Ghost Button colours */
.ghost-dark-blue { color: #10496a!important; border-color: #10496a!important;}
.ghost-dark-blue:hover { background-color: #10496a;}
.ghost-green { color: #64c829; border-color: #64c829;}
.ghost-green:hover { background-color: #64c829;}
.ghost-red { color: #b00; border-color: #b00;}
.ghost-red:hover { background-color: #b00;}
/**********  SOLID BUTTON  *******************/
.solid-btn {
	display: inline-block;
	border: 2px solid;
	border-radius: 3px;
	color: #FFF!important;
	margin: 0px;
	padding: 5px 10px;
	text-decoration:none;
	text-align:center;
	cursor: pointer;
}
.solid-btn:hover {
	text-decoration:none;
}
/* Ghost Button colours */
.solid-blue:hover { background-color: #10496a; border-color: #10496a!important;}
.solid-green { background-color: #64c829; border-color: #64c829!important;}
.solid-green:hover { background-color: #4f9e21; border-color: #4f9e21!important;}
.solid-red { background-color: #b00;}
.solid-red:hover { background-color: rgb(150, 3, 3);}
/***  Outline  ***/
.outline-none {
	outline: none;
}
/**  MESSAGES  **/
.errorMessage {
	display: none;
	color: #000;
	font-size: 1.1rem;
	padding: 15px 20px;
	border: 2px solid #B00;
	border-radius: 3px;
	background-color: #FFA8A8;
}
.successMessage {
	display: none;
	color: #000;
	font-size: 1.1rem;
	padding: 15px 20px;
	border: 2px solid #093;
	border-radius: 3px;
	background-color: #BFFFBF;
}
/* check and radio button */
p.checkRadio {
    padding-left: 5px;
    text-indent: 5px;
    font-weight: normal;
	display: block; 
	margin: 0px;
	margin-bottom: 8px;
}
p.checkRadio span {
	display: inline-block;
	height: 18px;
    line-height: 18px;
	padding-right: 10px;
}
p.checkRadio input[type=radio] {
    height: 18px!important;
    width: 18px!important;
	vertical-align:bottom;
}
input[type=checkbox], input[type=radio] {
	border: 0px;
    width: 0.9rem;
    height: 0.9rem;
	float:left;
}
input[type=checkbox] span{	
	vertical-align: middle;
}
.gif-spinner {
	width: 18px;
}
.disabled-hovering {
	opacity: 0.5;
  	pointer-events: none;  /**<-----------*/
}
/*************************************************************/
/****************  MAIN SUITE PACKAGE CSS  *******************/
/*************************************************************/
html {
	position: relative;
	height: 100vh;
}
body {
	font-family: "Fira Sans", serif;
	font-size: 16px;
	color: #444;
	/*overflow-x:hidden;*/
}
* {margin:0; padding:0;}
.container {
	max-width: 1020px!important;
}
.container-fluid {
	min-width: 325px!important;
}
@media (min-width: 1420px) {
	.container {
		max-width: 1400px!important;
		padding-left: 15px;
		padding-right:15px;
	}
}
@media (max-width: 1419px) {
	.container {
		max-width: 1300px!important;
		padding-left: 15px;
		padding-right:15px;
	}
}
@media (max-width: 1320px) {
	.container {
		max-width: 1200px!important;
		padding-left: 15px;
		padding-right:15px;
	}
}
@media (max-width: 1200px) {
	.container {
		max-width: 1100px!important;
		padding-left: 15px;
		padding-right:15px;
	}
}
@media (max-width: 500px) {
	.container {
		max-width: 450px!important;
		padding-left: 15px;
		padding-right:15px;
	}
}
#innerContainer {
	background-color: #FFF;
}
h1, h2, h3, h4, h5 {
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 2px;
}

/*********  DESKTOP PROFILE DROP_DOWN MENU ********/
.dropdown-menu {
    font-size: 1rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.6);
	border-radius: 0rem!important;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
	z-index: 1000;
}
.dropdown-divider {
    margin: 0 0!important;
}
/*************************************/
/**********   CONTENT  ***************/
/*************************************/
#content {
	margin-top: 120px;
}

/*************************/
/*******  FOOTER  ********/
/*************************/
footer {
	position: relative;
	background-color:#2b2f35; /* #4d4d4d */
	color:#FFF;
	text-align: center;
	padding: 1.5% 15px 6px 15px;
	border:0px;
}
footer .container {
	margin-top: 0;
}
footer h1 {
	font-size: 32px;
}
footer h1, footer h2 {
	color:#FFF;
	margin-bottom: 25px;
}
footer p {
	font-size: 1.1rem;
}
footer .footer-rosette {
	margin-top: 10px;
	height: 68px;
}
footer .copyright {
	/* margin-top: 36px!important; */
	margin: 0px 0px 2px 0px!important;
	font-size: 11px;
	line-height: 13px;
}
@media (max-width: 992px) {
	footer .copyright {
		margin-top: 36px!important;
	}
}
.footer-logo-txt {
	width: 40%;
    margin: 10px 20px;
    text-align: left;
}
@media (max-width:992px) {
	.footer-logo-txt {
		width: 70%;
		text-align: center;
		margin: 10px auto;
	}
}
.privacyPopup {
	color:#FFF;
	text-align: left;
}
.footer-contact-details {
	margin-top: 34px;
	text-decoration: none!important;
}
.footer-icon img{
	height: 28px;
}
@media all and (max-width: 398px) {
	.footer-icon img{
		height: 22px;
	}
}
.footer-icon:hover {
	opacity: 0.7;
}
/*******************************************/
/***********  MODAL POPUP FORM  ************/
/*******************************************/
.modal-dialog {
	max-width: 1000px!important;
    width: 100%!important;
    margin: 30px auto;
    border: 1px solid rgba(0,93,131,1)!important;
    border-radius: 5px;
}
.modal-body {
    border-radius: 0px 0px 5px 5px!important;
}
.modal-title {
    line-height: 1!important;
}
.modal-header {
	align-items: center!important;
    z-index: 10!important;
 	/* border-bottom: 0px solid #e9ecef!important;  */
}