/* ==|== CB Bank styles =====================================================
   Author: Checkflo
   Date: 17-08-2026

   CB Bank's Color Palette:
   Dark Pink #903
   Light Gray #ccc
   Black #000
   ========================================================================== */


/* =============================================================================
   Typography
   ========================================================================== */
html, button, input, select, textarea,
h1, h2, h3, h4, h5 {
	font-family: "Helvetica", -apple-system, ".SFNSText-Regular", "San Francisco", "Oxygen", "Ubuntu", "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
}

/* =============================================================================
   Header & Logo
   ========================================================================== */
#header-wrapper {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
  background-image: none !important;
}
#logo {
	width: 300px;
	/*height: 78px;*/
}
#logo a {
	background-image: url(../imageServer/CB-Bank-logo.svg);
	background-size: 190px 40px;
	min-width: 190px;
	min-height: 40px;
}
#logo a span {
	display: none;
}

/*html,body {
  background-color: #F1F5F9 !important;
}*/
html > body.bodyLogin {
	background-color: rgb(255, 255, 255) !important;
	min-height: 100vh;
}
/* =============================================================================
   Main Navigation
   ========================================================================== */
#navContainer {
	background: #903;
}
#main-navigation ul li a {
	background: #903;
	color: #fff;
}
#main-navigation ul li a:hover,
#main-navigation ul li a:active {
	background: #000;
	color: #fff;
}
#main-navigation ul.sublinks li a {
	background: #903;
	color: #fff;
	border-bottom: 1px solid #333;
}
#main-navigation ul.sublinks li a:hover,
#main-navigation ul.sublinks li a:active {
	background: #000;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
#main-navigation ul.sublinks li a.groupB,
#main-navigation ul.sublinks li a.groupD,
#main-navigation ul.sublinks li a.groupF {
	background: #903;
	color: #fff;
}
#main-navigation ul li a.green-highlight {
	color: #fff;
}
#main-navigation ul li a.green-highlight:hover,
#main-navigation ul li a.green-highlight:active {
	color: #fff;
	background: #000;
}
#main-navigation ul li:hover a.myaccNav:hover,
#main-navigation ul li:active a.myaccNav:active {
	background: #000;
	color: #fff;
}
/* logout keeps its orange highlight as-is: common.css's
   "#main-navigation ul li:hover a.logout:hover" rule is more specific than
   the rules above, so it still wins the cascade without needing an override */

/* =============================================================================
   Footer
   ========================================================================== */
   
footer {
	background: rgb(153, 0, 51);
	color: #ccc;
}
.loggedInAs-box {
	margin: 2em;
	padding: 1em;
	float: left;
	display: block;
	color: #333;
	-webkit-border-radius: 3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	background: #e7e7e7;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.copyright {
	display: block;
	margin: 2em;
	float: right;
	color: #fff;
}
footer a, footer a:link, footer a:visited {
	color:#ccc;
	text-decoration:underline;
}
footer a:hover, footer a:active {
	color: #FFF;
}

/* =============================================================================
   Tables
   ========================================================================== */
.tableContainer table thead tr td,
.tableContainer table thead tr th,
th.lists,
th.controlLists,
th.info {
	background-color: #4e5e6d;
	border-right: 1px solid #b9b9b9;
}
.tableContainer table thead tr th:last-child{
	border-right: none;
}
.en_info h5,
th.lists{
	background:none;
	background:#4e5e6d;
}

.tableContainer th.selectAll, 
th.selectAll {
	background:#4e5e6d;
}

#qbo span {
  display: inline-block;
  width: 30px;
  height: 30px;
	background-image: url(../imageServer/C2QB_green_btn_sm_default.png);
  background-repeat: no-repeat;
	background-size: 30px 30px;
  float: left;
  margin: 5px 10px 0 0;
}