/*! custom css stlyes */


/*	==========================================================	*/
/*			Global Customisation Styles begins here				*/
/*  =========================================================== */

/* used to clear both div inside a parent div and so the parent div does not collapse on itself */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
	display: inline-block;
}
	
/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}

.clearfix {
	display: block; 
}

body {
	-o-background-size: cover;
    /*font-family: 'Roboto', Verdana, Tahoma, Arial, "Sans Serif Collection";*/
}

* { 
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
/* the next two styles is to make the footer always stay at the bottom of the page even if there is very little content */
body {
	display: flex;
	flex-direction: column;	
    /*font-family:  "Roboto", sans-serif;*/
}

.content {
	flex: 1 0 auto;
}

.center {
	text-align: center;
	
}

/*	==============================================	*/
/*				General Link Styles					*/
/*	==============================================	*/
a {
	text-decoration: none;
}

/*a:active, a:link  {
	font-size: .8em;
    font-style: italic;
    color: #0d6efd;
    font-weight: 600;
}*/

a.genLink {
	color: #172b60;
	font-size: .75em;
	padding-top: 10px;
}

a.genLink:focus, a.genLink:hover {
	color: #F6921E;
}

a:hover {
	text-decoration: none
}

a.moreLink {
	color: #172b60;
	font-size: .75em;
	padding-top: 10px;
}

a.moreLink:focus, a.moreLink:hover {
	color: #F6921E;
}

.aLink {
    color: #0d6efd;
    font-style: italic;
    font-size: .7rem;
    font-weight: bold;
}



/*	==========================================================	*/
/*				Typography Styles begins here					*/
/*  =========================================================== */

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

p {
	font-size: .8em;
}

.blue-text {
	color: #0070C0;
}
.blue-text-bold {
	color: #0070C0;
	/*color: #172b60;*/
	font-weight: bold;
}
.red-text {
	color: #dc3545;
}
.red-text-bold {
	color: #dc3545;
	font-weight: bold;
}

.green-text {
	color: #28a745;
}
.green-text-bold {
	color: #28a745;
	/*color: #172b60;*/
	font-weight: bold;
}

.orange-text {
	color: #F6921E;
}
.orange-text-bold {
	color: #F6921E;
	/*color: #172b60;*/
	font-weight: bold;
}
.redBgWhite-text-bold {
	color: #ffffff;
	background-color: #dc3545;
	padding:0px 5px;
}
.yellowBgBlk-text-bold {
	color: #000000;
	background-color: yellow;
	padding:0px 5px;
}
.greenBgBlk-text-bold {
	color: #000000;
	background-color: #28a745;
	padding:0px 5px;
}

.blueText {
	color: #007bff;
}
.redText {
	color: #dc3545;
}
.yellowText {
	color: #D3C400;
}
.greenText {
	color: #28a745;
}
.whiteText {
	color: #ffffff;
}
.img-center {
	margin: 0px auto;
}



/*	==============================================	*/
/*		Color Schema Styles begins here				*/
/*	==============================================	*/
.bg-black, .bg-dark, .bg-charcoal, .bg-secondary, .bg-darkblue, .bg-primary, .bg-danger, .bg-success {
	color: #ffffff;
}

.bg-black {
	background-color: #000000;
}
.bg-dark {
	background-color: #343a40;
}
.bg-charcoal {
	background-color: #595660;
}
.bg-secondary {
	background-color: #6c757d;
}
.bg-lightgray {
	background-color: #d0ced4;
}
.bg-light {
	background-color: #f8f9fa;
}
.bg-darkblue {
	background-color: #172b60;
}
.bg-primary {
	background-color: #007bff;
}
.bg-lightblue {
	background-color: #00FFFF;
}
.bg-info {
	background-color: #17a2b8;
}
.bg-danger {
	background-color: #dc3545;
}
.bg-darkyellow {
	background-color: #F6921E;
}
.bg-warning {
	background-color: #ffc107;
}
.bg-success {
	background-color: #28a745;
}
.bg-lightgreen {
	background-color: #33B35A;
}




/*	==============================================	*/
/*		BW Color Schema Styles begins here			*/
/*	==============================================	*/

.bg-bwDarkBlue {
    background-color: #172B60;
}
.bg-bwBrandBlue {
    background-color: #003c7f;
}
.bg-bwMediumBlue {
    background-color: #0573b6;
}
.bg-bwLightBlue {
    background-color: #27aae1;
}
.bg-bwCharcoal {
    background-color: #595660;
}
.bg-bwMediumGray {
     background-color: #838089;
}
.bg-bwLightGray {
    background-color: #d0ced4;
}
.bg-bwVeryLightGray {
    background-color: #f2f2f4;
}
.bg-bwAmber {
    background-color: #ffcc33;
}











/*	==============================================	*/
/*		Tabs Schema Styles begins here				*/
/*	==============================================	*/
.tab25 {
	margin-left: 25px;
}
.tab50 {
	margin-left: 50px;
}
.tab75 {
	margin-left: 75px;
}
.tab100 {
	margin-left: 100px;
}
.tab125 {
	margin-left: 125px;
}
.tab150 {
	margin-left: 150px;
}



.tabp25 {
	padding-left: 25px;
}
.tabp50 {
	padding-left: 50px;
}
.tabp75 {
	padding-left: 75px;
}
.tabp100 {
	padding-left: 100px;
}
.tabp125 {
	padding-left: 125px;
}
.tabp150 {
	padding-left: 150px;
}