/*
BRAND styles
non-standardised items, specific to the brand
CBA Demo Brand Style Guide
*/

/*
Main brand colour: BRD_014, BRD_18, BRD_043, BRD_045
*/
.brand-background-colour,
.sk-spinner-fading-circle .sk-circle:before,
.pace .pace-progress,
.progress-bar /* Loading circle */
{
    background-color: #007dbe;
}
.brand-main-colour /* Used for NFW styled icons */
 {
	color: #007dbe;
}

/* Main text + title colour: BRD_004, BRD_039 */
body {
    color: #001e41;
}

/* Header: BRD_003 */
.md-skin .nav-header {
    background: transparent url('images/profile_transparent.png') no-repeat scroll 1px 0;
    min-height: 154px;
    background-position: 22px 0;
    padding-top: 47px;
}
.md-skin .nav-header a.dropdown-toggle {
    color: #52605d;
}

.md-skin .navbar-fixed-top, .md-skin .navbar-static-top ,
.nfw .navbar-fixed-top, .nfw .navbar-static-top {
	background-color: #001e41 !important;
}

.md-skin .welcome-message {
	color: #ffffff;
}

.md-skin .nav.navbar-right > li > a,
.navbar-minimalize.btn-primary {
	color: #ffffff !important;
}

.md-skin .nav.navbar-right > li > a:hover,
.navbar-minimalize.btn-primary:hover {
	color: #107bbf !important;
}

/* Navigation */
.nav > li.active {
	border-left-color: #00aae0;
}

.logo-element {
	background: transparent url("images/profile_transparent.png") no-repeat 0 0;
    background-size: 75px;
    background-position: 0 7px;
}

.logo {
    background: transparent url(images/logo.png) no-repeat 0 0;
    background-position: 4px 4px;
    background-size: 104px;
}

body.mini-navbar .nav-header {
	background-color: #FFFFFF;
}

.md-skin .nav .open > a, .md-skin .nav .open > a:hover, .md-skin .nav .open > a:focus {
    background: #f8f8f9 none repeat scroll 0 0;
}

.md-skin .nav > li > a {
    color: #676a6c !important;
}
.md-skin .nav > li > a:hover {
    color: #107bbf !important;
}

/*
-- NEW FUND WIZARD STEPS --
*/
ol.steps li.green_first { background: transparent url("images/brand_first.png") no-repeat; }
ol.steps li.green_bg { background: transparent url("images/brand_bg.png") repeat-x; }
ol.steps li.green_grey_gap {  background: transparent url("images/brand_green_grey_gap.png") no-repeat; }
ol.steps li.grey_green_gap {  background: transparent url("images/grey_brand_gap.png") no-repeat; }

.nfw .moredetails {
    background: rgba(0, 0, 0, 0) url("images/arrow_brand_right.png") no-repeat scroll left center;
}
.nfw .moredetails.open {
    background: rgba(0, 0, 0, 0) url("images/arrow_brand_down.png") no-repeat scroll left center;
}
ol.steps li.grey_bg {
    height: 40px;
    background: transparent url(images/brand_grey_bg.png) repeat-x !important;
}
ol.steps li.grey_gap {
    width: 24px;
    height: 40px;
    background: transparent url(images/brand_grey_gap.png) no-repeat !important;
}
ol.steps.sixsteps li.grey_first {
    width: auto !important;
    background: transparent url(images/brand_grey_first.png) no-repeat !important;
}

/*
-- ADDITIONAL FUND WIZARD STEPS --
*/
ol.steps.sixsteps.last { background: transparent url("images/brand_first.png") no-repeat 100% 0px; }
ol.steps.sixsteps li.green_first { background: transparent url("images/brand_first.png") no-repeat; }
ol.steps.sixsteps li.green_bg { background: transparent url("images/brand_bg.png") repeat-x; }
ol.steps.sixsteps li.green_grey_gap {  background: transparent url("images/brand_green_grey_gap.png") no-repeat; }
ol.steps.sixsteps li.grey_green_gap {  background: transparent url("images/grey_brand_gap.png") no-repeat; }

/* Fund Content: BRD_039 */
#fundTitle .fundId {
	color: #001e41;
}

/* BRD_016, BRD_040 */
#investmentValue div.widget, #numberOfFunds div.widget {
	background-color: #072c46; /* Left */
	color: #ffffff !important;
}

#deedStatus div.widget, #adviserWIP div.widget,
#deedStatus div.widget, #accountantWIP div.widget {
	background-color: #1B5D90; /* Centre */
	color: #ffffff !important;
}

#eoyStatus div.widget, #fundsUnderAdvise div.widget {
	background-color: #8dcef2; /* Right */
	color: #ffffff !important;
}

/* Member Balance */
.no-icon .memberBalanceText {
	color: #00aae0;
}

/* Table: BRD_038 */
.table-bordered.style1 thead > tr > th,
.table-bordered.style1 thead > tr > td,
.panel-group > .panel > .panel-heading,
tr.brand-background-colour,
tr.brand-background-colour th {
	background-color: #eef3f6;
	color: #072c46;
	border-color: #ddd;
}
.nfw form table tbody tr td {
    border-color: #ddd;
}

/* Panel */
.panel-info {
	border-color: #ECECEC;
}

.panel-info > .panel-heading,
div#myinvestmentform {
	background-color: #ECECEC;
	border-color: #ECECEC;
	color: #21607A;
}

/* Button */
/* Primary: BRD_005, BRD_027, BRD_030, BRD_035 */
.btn-primary,
.nfw .sq-button,
a.pds-icon,
.memberDetails .btn,
.nfw .btn,
.nfw .sq-button {
	background-color: #00AAE0 !important;
    border-color: #00AAE0 !important;
    color: #ffffff !important;
}
.btn-primary:not(.navbar-minimalize):hover,
.nfw .sq-button.ui-state-hover,
a.pds-icon:hover,
.memberDetails .btn:hover,
.nfw .btn:hover,
.nfw .sq-button:hover {
    background-color: #107BC2 !important;
    border-color: #107BC2 !important;
    color: #ffffff !important;
}

/* Secondary: left of BRD_027 */
.btn-white,
.nfw .sq-button.cancel,
.btn-default {
    background-color: #ffffff !important;
    border: 1px solid #00AAE0 !important;
    color: #00AAE0 !important;
}
.btn-white:hover,
.nfw .sq-button.cancel.ui-state-hover,
.btn-default:hover {
    background-color: #00AAE0 !important;
    border-color: #00AAE0 !important;
    color: #ffffff !important;
}

div.widget.style3 a {
    background: rgba(0, 0, 0, 0) url("images/btn-click-to-access.png") no-repeat scroll center 55px;
}

/* Alert bubble: BRD_18 */
.label-primary, .badge-primary,
.label-success, .badge-success
{
    background-color: #007dbe;
	color: #ffffff;
}
.label-header, .badge-header ,
.label-header:hover, .badge-header:hover {
	background-color: #007dbe;
	color: #ffffff;
}

/* Links */
a,
span.green,
div#footer a:link,
div#footer a:visited,
a.moredetails,
div.fundSetupDialog a#adminpdslink,
.nav-header a {
	color: #00aae0 !important;
}
a:hover,
div#footer a:hover,
div#footer a:active ,
div.fundSetupDialog a#adminpdslink:hover,
.nav-header a:hover {
	color: #107bbf !important;
	text-decoration: none;
}

/* Need Help Box: BRD_026 */
div#helpbox {
	background: #8dcef2 none repeat scroll 0 0;
    border: 1px solid #8dcef2;
}

h2.ezzo {
	color: #001e41;
}

div#helpbox div.inner p {
	color: #ffffff;
}

span#help-number,
span#help-email {
	color: #001e41;
}

span#help-email {
    font-weight: normal;
}

div#helpbox div.inner {
    padding: 5px;
}

div#helpbox {
    height: auto;
}

/* Forms */
.form-control:focus,
.single-line:focus {
  border-color: #007dbe !important;
}

/* Info boxes */
.alert-info {
    background-color: #001e41;
    border-color: #e6e6e7;
    color: #ffffff;
}