/*! 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;	
}
.img-center {
	margin: 0px auto;
}



/*	==============================================	*/
/*				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;
}





/*================================================*/
/*	 	 	Color Styles begins here  		  	  */
/*================================================*/

.text-white {
    color: #ffffff;
}
.text-red {
    color: #dc3545;
}

/*black color*/
.bg-black, .text-black {
	background-color: #080402;
}
/*dark gray color*/
.bg-darkgray, .text-darkgray {
	background-color:  #343a40;
}
/*charcaol color*/
.bg-charcoal, .text-charcoal {
	background-color: #595660;
}
/*light gray color*/
.bg-secondary, .text-secondary {
	background-color:  #6c757d;
}
/*light gray color*/
.bg-lightGray, .text-lightGray {
	background-color:  #d0ced4;
}
/*very light gray color*/
.bg-veryLightGray, .text-veryLightGray {
	background-color:  #F2F2F4;
}
/*dark blue color*/
.bg-darkBlue, .text-darkBlue {
	background-color:  #172B60;
}
/*primary color*/
.bg-primary, .text-primary {
	background-color:  #007bff;
}
/*light blue color*/

.btn-lightBlue {
	background-color:  #00FFFF;
}
.bg-lightBlue, .text-lightBlue {
	background-color:  #00FFFF;
}
/*cyan color*/
.bg-info, .text-info {
	background-color:  #17a2b8;
}
/*red color*/
.bg-danger, .text-danger {
	background-color:  #dc3545;
}
/*darkYellow color*/
.bg-darkYellow, .text-darkYellow {
	background-color:  #F6921E;
}
/*yellow color*/
.bg-warning, .text-warning {
	background-color:  #ffc107;
}/*green color*/
.bg-success, .text-success {
	background-color:  #28a745;
}
/*light green color*/
.bg-lightgreen, .text-lightgreen {
	background-color:  #28a745;
}



/* 	Background and text Color Styles begins here  */
/*================================================*/

.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;
}




/*	==========================================================	*/
/*				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;
}
h7 {
	font-size: 10px;    
}
h8 {
	font-size: 8px;    
}
p {
	font-size: .8em;
}





/*	==============================================	*/
/*		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;
}



..ft-right{
	float: right;
	/*text-align: right;*/
}
..ft-left{
	float: left;
}