/* -------------  Top Introducer Logo Section------------- */
/* ??? */
body header section.heading {
	color: black;
        border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-family: "Times New Roman", Courier; /* font for text */
	background-color: black;
	}


/* -------------  Total Payment Text color  ------------- */
.content-bar .prominent-footer-label li > div > span {
    	display: flex;
    	align-items: center;
    	font-size: 24px;
    	color: #00adef;
 	font-family: Verdana, Courier;	/* font for text */
	}


/* -------------  content page title  ------------- */
.trq-page-title {
 	color: black;
 	font-family: "Times New Roman";
	}


/* -------------  Collaps Headers color  ------------- */
#content .rc-collapse > .rc-collapse-item > .rc-collapse-header, #content .non-collapsible-panel > .panel-heading {
    	background-color: #2e2e2e;
    	color: white;
 	border-color: white;
 	font-family: "Times New Roman", Courier; /* font for text */
/* font-family: Verdana, Courier;	 font for text */
	}

/* -------------  data sections in quotation form  ------------- */
.panel {
 	color: black;
 	background-color: white;
 	border-color: black;
 	font-family: Verdana, Courier;	/* font for text */
	} 


/* -------------  Buttons  ------------- */
body #content button.trq-dropdownButton {
    	border-radius: 0;
    	padding: .25em .5em .35em;
    	color: white;
    	background: #00adef;
 	border-color: #ffffff;
 	font-family: Verdana, Courier;	/* font for text */
	}


/* -------------  8 Icon/Glyphicon color Not At The footer eg. 'edit asset'  ------------- */
.trq-btn i:before, .trq-btn span:first-child:before, .trq-icon-btn i:before, .trq-icon-btn span:first-child:before {
    	color: #00adef;
    	font-size: 14px;
    	position: relative;
    	top: .15em;
    	padding: 0;
	}


/* -------------  The Header For Tables On The Page E.G Payment Structure  ------------- */
#content div table th {
 	background-color:  #646464;
 	font-family: Verdana, Courier;	/* font for text */
	}


/* -------------  1 Information Display  ------------- */
.alert-success {
    	background-color: green;
    	border-color: white;
    	color: red;
	}


/* ---------------  4 Error Display  ------------- */
.alert-danger {
    	background-color: orange;
    	border-color: red
    	color: red;
	}

/* ---------------------------------------------------------------------------------------------- */

/* --------------- color for Glyphicons Footer (and writing) --------------- */
.glyphicons {
/*color: white;*/
	}

/* --------------- Background and Text Glyphicon Buttons --------------- */
#content section.toolbar div.container-fluid nav.tools ul>li>button.trq-btn {
       	/*color: white;*/
	background-color: #838383;
    	display: flex;
	}

/* ------ hover background color or Glyphicons at the bottom ------- */
#content nav.tools ul > li > a:hover, #content .ui-panel nav.tools ul > li > a:hover, #content nav.tools ul > li > span:hover, #content .ui-panel nav.tools ul > li > span:hover, #content nav.tools ul > li button:hover, #content .ui-panel nav.tools ul > li button:hover {
	/* color: white; */
	background-color: #838383;
	}
/* --------------- Hover color Glyphicons --------------- */
.toolbar ul li .trq-btn.btn.btn-default:hover .glyphicons {
	background: none;
	color: black;
	}

/* --------------- The Most 2 Bottom Footers color --------------- */
.footer-controls, .content-bar {
	background-color: #838383;
	border-color: #BDC3C6;
	}

/* --------------- Nothing Now --------------- */
.footer-controls:hover {
	background-color: #838383;
	}


/* --------------- Most 2 Bottome Footer background color --------------- */
/* for transparent set transparen */
#content .footer-controls div,
#content .content-bar div {
	background-color:  #838383;
	}


/* --------------- The Most Bottom Footer Colour --------------- */
footer.fixed section.footer{
	background-color: black;
	}