@font-face {
	    font-family: 'poppinsregular';
		src: url('/fonts/poppinsregular.woff2') format('woff2');
		src: url('/fonts/poppinsregular.woff') format('woff');
		src: url('/fonts/poppinsregular.eot');
		src: url('/fonts/poppinsregular.eot?#iefix') format('embedded-opentype');
		src: url('/fonts/poppinsregular.ttf') format('truetype');
		}

	body {
		font-family: "poppinsregular", arial !important;
		background-position: 100% 0%;
		background-repeat: no-repeat;
		font-size: 18px;
		background-color: rgb(32, 42, 68);
		color: rgb(255, 255, 255);
		}

/* Brand Colour Background */

	.bg-darkblue{
		background-color: rgb(32, 42, 68) !important;
		color: rgb(255, 255, 255) !important;
		}
	
	.bg-grey{
		background-color: #ededed !important;
		color: rgb(0, 0, 0) !important;
		}
		
	.bg-white{
		background-color: rgb(255, 255, 255) !important;
		color: rgb(0, 0, 0) !important;
		}
 
	.bg-orange{
		background-color: #ff9e1b;
		color: ##202a44;
		}

	div.bg-success{
		background-color: rgb(183, 232, 191) !important;
		color: #004400;
		}

	div.bg-success a{
		color: #006000 !important;
		text-decoration: underline !important;
		text-decoration-color: rgb(0, 59, 0) !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: dashed !important;
		}

	div.bg-error{
		background-color: rgb(255, 63, 63) !important;
		color: #fff;
		}

	div.bg-error a{
		color: #ffff00 !important;
		text-decoration: underline !important;
		text-decoration-color: rgb(255, 190, 0) !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: dashed !important;
		}


	div.alert{
		padding: 10px !important;
		}

	.bg-grey span.text-warning{
		color: rgb(127, 127, 0) !important;
		}
		



	#page-header-img{
		width: 240px !important;
		padding-bottom: 20px;
		}
	
	#page-header-img2{
		width: 240px !important;
		}
		
	
	
	div.hidden{
		display: none !important;
		}
		
		
	header{
		padding: 20px;
		background-color: rgb(32, 42, 68) !important;
		color: rgb(255, 255, 255) !important;
		}
	
	header a.head:link, header a.head:visited {
		text-decoration: underline !important;
		color: rgb(241, 241, 241) !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: rgb(0, 39, 79) !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: dashed !important;
		}
		
		
	header a.head:hover, header a.head:visited:hover, header a.head:visited:active{
		text-decoration: underline !important;
		color: #ffffc0 !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: #ff9e1b !important;
		text-decoration-thickness: 2px !important;
		}
		
	#div-darkblue{
		font-family: "poppinsregular", arial !important;
		position: relative;
		background-color: rgb(32, 42, 68) !important;
		color: rgb(255, 255, 255) !important;
		margin: 0;
		padding: 20px;
		}
		
	#div-white{
		font-family: "poppinsregular", arial !important;
		position: relative;
		background-color: rgb(255, 255, 255) !important;
		color: rgb(0, 0, 0) !important;
		margin: 0;
		padding: 20px;
		}
		
	#div-grey{
		font-family: "poppinsregular", arial !important;
		position: relative;
		background-color: #ededed !important;
		color: rgb(0, 0, 0) !important;
		margin: 0;
		padding: 20px;
		}





/* Bootstrap */

	span.text-muted{
		color: rgb(89, 47, 0) !important;
		}
		
	span.text-label{
		color: #333;
		}
	span.text-danger{
		color: rgb(127, 0, 0) !important;
		}
		
	.bg-danger{
		color: rgb(220, 16, 23);
		background-color: rgb(255, 223, 223) !important;
		padding: 3px;
		border-radius: 3px;
		}

	.bg-success{
		color: rgb(255, 255, 255);
		background-color: rgb(92, 184, 92) !important;
		padding: 3px;
		border-radius: 3px;
		}
		
	div.text-error{
		border: 1px solid #600000 !important;
		background-color: rgb(255, 63, 63) !important;
		color: #fff;
		padding: 20px;
		border-radius: 7px;
		margin: 0px 0px 0px 0px;
		font-size: 140%;
		}

	div.text-info{
		border: 1px solid #585f73 !important;
		opacity: 1;
		background-color: #000000 !important;
		color: #ffcf8d !important;
		padding: 10px;
		border-radius: 7px;
		margin: 0px 0px 50px 0px;
		font-size: 115%;
		}
		
	.btn-primary{
		color: rgb(255, 158, 27) !important;
		background-color: rgb(32, 42, 68);
		border-color: rgb(32, 42, 68);
		text-decoration: none;
		}

	.btn-primary:hover{
		color: rgb(255, 255, 255);
		background-color: rgb(64, 62, 88);
		border-color: rgb(32, 42, 68);
		text-decoration: underline;
		}
		
	.bg-primary{
		color: rgb(255, 158, 27) !important;
		background-color: rgb(32, 42, 68) !important;
		}

	.text-primary{
		color: rgb(32, 42, 68) !important;
		}

/* Secondary */

	.btn-secondary{
		color: rgb(32, 42, 68) !important;
		background-color: rgb(255, 158, 27);
		border-color: rgb(191, 127, 0);
		text-decoration: none;
		}

	.btn-secondary:hover{
		color: rgb(255, 255, 255);
		background-color: rgb(255, 158, 27);
		border-color: rgb(171, 107, 0);
		text-decoration: none !important;
		}
		
	.bg-secondary{
		color: rgb(32, 42, 68) !important;
		background-color: rgb(255, 158, 27) !important;
		}

	.text-secondary{
		color: rgb(191, 127, 0) !important;
		}


/* Form */

	.form-control, .form-select{
		border: 1px solid #888 !important;
		}
	
	hr.form{
		border-color: #808080;
		}


	label.col-form-label{
		font-weight: bold !important;
		}

	legend{
		font-weight: bold !important; 
		padding-left: 10px;
		padding-right: 10px;
		}

	fieldset{
		padding: 1em 0.5em !important;
		/*padding: 1em 2em !important;*/
		border: 1px solid #2D344B;
		/*margin: 0 2em; */
		margin-bottom: 1rem;
		box-sizing: border-box;
		/*width: calc(100% - 4em) !important; */
		background-color: rgba(255,255,255,0.1);
		border-radius: 3px;
		}
	
	h1.page-title{
		font-weight: bold;
		font-family: "poppins", "poppinsregular", arial;
		display: block;
		font-size: 46px;
		color: #fff;
		padding-top: 15px;
		padding-bottom: 0px;
		}
	h2{
		overflow: hidden;
		position: relative;
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 8px 0px 5px 0px;
		font-size: 90%;
		font-weight: normal;
		letter-spacing: 1px;
		color: #fff;
		min-height: 40px;
		}
		
	h3{
		display: block;
		font-size: 150%;
		color: rgb(255, 158, 27);
		padding-top: 0px;
		padding-bottom: 0px;
		letter-spacing: 2px;
		}


	span.border{
		display: block;
		width: 100%;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		height: 8px;
		border: 0 !important;
		}



	.form-checkbox{
		width: 24px !important;
		height: 24px !important;
		}

	.form-checkbox-lg{
		width: 32px !important;
		height: 32px !important;
		}



		


/* Links */
	
	a:link, a:visited{
		text-decoration: underline !important;
		color: rgb(0, 39, 79) !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: rgb(0, 39, 79) !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: dashed !important;
		}
	
	a:hover, a:visited:hover, a.form:visited:active{
		text-decoration: underline !important;
		color: rgb(0, 31, 101) !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: #ff9e1b !important;
		text-decoration-thickness: 2px !important;
		}

	
	a.secondary:link, a.secondary:visited{
		text-decoration: underline !important;
		color: rgb(255, 158, 27) !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: rgb(255, 158, 27) !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: dashed !important;
		}
	
	a.secondary:hover, a.secondary:visited:hover, a.secondary.form:visited:active{
		text-decoration: underline !important;
		color: rgb(255, 158, 27) !important;
		font-weight: bold;
		text-decoration: underline !important;
		text-decoration-color: #ff9e1b !important;
		text-decoration-thickness: 2px !important;
		}
	



	@media only screen and (max-width:769px) {
		
		#page-header-img{
			width: 240px !important;
			}
			
		#page-header-img2{
			width: 195px !important;
			}
			
		h1.page-title{
			font-size: 39px !important;
			}
		
		header{
			padding: 15px !important;
			}
		
		}
		

	@media only screen and (max-width:575px) {
		
		#page-header-img{
			width: 200px !important;
			}
			
		#page-header-img2{
			width: 130px !important;
			}
			
		h1.page-title{
			font-size: 32px !important;
			}
			
		h5{
			font-size: 16px !important;
			}
			
		header{
			padding: 12px !important;
			}

		.form-checkbox-lg{
			width: 24px !important;
			height: 24 !important;
			}

			
		}