/* 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-21 {width: 21%!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-35 {width: 35%!important;}
.width-36 {width: 36%!important;}
.width-40 {width: 40%!important;}
.width-45 {width: 45%!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-light-green {background-color: #71bf44!important;}
.bg-green {background-color: #4a9a0f!important;}
.bg-blue {background-color: #082c7e!important;}
.bg-light-blue {background-color: #2d68b0;}
.bg-light-gray {background-color: #bfbfbf!important;}
.bg-gray {background-color: #6d6e71!important;}
.bg-dark-gray {background-color: #474747!important;}
.bg-orange {background-color: #f29d20!important;}
.bg-transparent {background-color: transparent!important;}
/* Text Colurs */
.col-red {color: #b00;}
.col-light-red {color: #ec5a4f!important;}
.col-light-green {color: #71bf44;}
.col-green {color: #4a9a0f!important;}
.col-blue {color: #2d68b0!important;}
.col-dark-blue {color: #082c7e;}
.col-light-gray {color: #bfbfbf!important;}
.col-gray {color: #6d6e71!important;}
.col-dark-gray {color: #474747!important;}
.col-orange {color: #f29d20!important;}
.col-dark-orange {color: #e7711b!important;}
.col-black {color: #000000!important;}
/* Border Colours */
.border-blue { border: 2px solid #009DDC!important;}
.border-orange { border: 2px solid #f29d20!important;}
.border-light-green { border: 2px solid #64c829!important;}
.border-purple { border: 2px solid #866baf!important;}
.border-dark-purple {border:2px solid #3A3E8A!important;}
.border-red { border: 2px solid #ec5a4f!important;}
.border-black { border: 2px solid #000000!important;}
/*Bottom*/
.border-bottom-blue { border-bottom: 2px solid #009DDC!important;}
.border-bottom-orange { border-bottom: 2px solid #f29d20!important;}
.border-bottom-green { border-bottom: 2px solid #64c829!important;}
.border-bottom-purple { border-bottom: 2px solid #866baf!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-50 {font-size: 50px!important;}
/* Line height */
.line-height-12 {line-height: 12px!important;}
.line-height-14 {line-height: 14px!important;}
.line-height-16 {line-height: 16px!important;}
.line-height-18 {line-height: 18px!important;}
.line-height-20 {line-height: 20px!important;}
.line-height-22 {line-height: 22px!important;}
.line-height-24 {line-height: 24px!important;}
.line-height-26 {line-height: 26px!important;}
.line-height-28 {line-height: 28px!important;}
.line-height-30 {line-height: 30px!important;}
.line-height-35 {line-height: 35px!important;}
.line-height-40 {line-height: 40px!important;}
.line-height-45 {line-height: 45px!important;}
/*height*/
.height-30 { height: 30px;}
.height-100 { height: 100px;}
.height-120 { height: 120px;}
.height-150 { height: 150px;}
.height-185 { height: 185px;}
.height-190 { height: 190px;}
.height-195 { height: 195px;}
.height-200 { height: 200px;}
.height-250 { height: 250px;}
/** 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: #dedede;text-decoration:underline;cursor:pointer;}
.whiteLink:hover {color: #dedede; opacity: 0.8;}
.blue-link {display: inline-block;color: #866baf!important;}
.blue-link:hover {color: #866baf!important;text-decoration:underline!important;}
.green-link {display: inline-block;color: #4a9a0f!important;}
.green-link:hover {color: #4a9a0F!important;text-decoration:underline!important;}
.blue-link {display: inline-block;color: #082c7e!important;}
.blue-link:hover {color: #082c7e!important;text-decoration:underline!important;}
.opacity-hover-7:hover {opacity: 0.7!important;}
.text-decoration-hover-none:hover {text-decoration: none!important;}
.footerLink {text-decoration:underline;color:#FFF;}
.footerLink:hover {color:#FFB500;}
/* link general */
.disabled-hovering {
	opacity: 0.4;
  	pointer-events: none;  /**<-----------*/
}
.link-hover-opacity:hover {
	opacity: 0.5!important;
	text-decoration: none!important;
}
.link-hover-opacity-8:hover {
	opacity: 0.8!important;
	text-decoration: none!important;
}
.link-hover-opacity-9:hover {
	opacity: 0.9!important;
	text-decoration: none!important;
}
.pe-all {
	pointer-events: all!important;
}
.mt-4-5, .my-4-5 {
    margin-top: 2.2rem!important;
}
/**********  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-blue { color: #009DDC!important; border-color: #009DDC!important;}
.ghost-blue:hover { background-color: #009DDC;}
.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-orange { color: #f29d20; border-color: #f29d20;}
.ghost-orange:hover { background-color: #f29d20;}
.ghost-purple { color: #866baf; border-color: #866baf;}
.ghost-purple:hover { background-color: #866baf;}
.ghost-dark-purple { color: #3A3E8A; border-color: #3A3E8A;}
.ghost-dark-purple:hover { background-color: #3A3E8A;}
.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 { background-color: #009DDC; border-color: #009DDC!important;}
.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-orange { background-color: #f29d20;}
.solid-orange:hover { background-color: #d48b1e;}
.solid-purple { background-color: #866baf;}
.solid-purple:hover { background-color: #675386;}
.solid-dark-purple { background-color: #3A3E8A;}
.solid-dark-purple:hover { background-color: #282b5f;}
.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;
}
/*******************************************/
/***********  MODAL POPUP FORM  ************/
/*******************************************/
.modal-dialog {
	max-width: 800px!important;
    width: 800px!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.3!important;
}
.modal-header {
    z-index: 10!important;
 	border-bottom: 0px solid #e9ecef!important;
}
/*.modal-content {
	border: 1px solid rgba(0,0,0,1)!important;
	background-color: transparent!important;
}*/