﻿/* Headers */
h1,h2,h3,h4,h5,h6 {
	text-transform: none;
}

#clientLogoHolder {
    position: absolute;
    top: 0px;
    left: 0px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/* .col-xs-12{ */
    /* width:100%; */
/* } */
@media only screen and (min-width: 992px){
    .col-md-3 {
        width: 25%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-12 {
        width: 100%;
    }
}
.col-md-3,
.col-md-6,
.col-md-12 {
    float: left;
}
.col-md-3,
.col-md-6,
.col-md-12{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#imgClientLogo {
    visibility: hidden;
}
#loginBody
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	-webkit-text-size-adjust: none;
	overflow: hidden;
}
#divSection1
{
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	visibility: visible;
	z-index: 0;
	
}
#divLoginControl
{
	color: #00006b;
	background: transparent;
	position: absolute;
	top: 350px;
	left: 50%;
	margin-right: -50%;
	transform: translateX(-50%);
	font-size: small;
	overflow: hidden;
	z-index: 1;
	max-width: 80%;
}
g-recaptcha
{
	clear: both;
	display: block;
}

div.img-responsive{
	background-position: left top;
    padding: 20px 0px;
    border-radius: 25px;
    border: 2px solid rgb(30, 115, 190);
    border-image: none;
}

/*
	dark: #00b0f0;
	light: #00a0e0; 
*/

/* Side Menu */
.sidebar-container {
	background-color: #00b0f0;
}

.sidebar-container .page-sidebar .page-sidebar-menu li a {
	background-color: #00b0f0;
}

.sidebar-container .page-sidebar .page-sidebar-menu li a:hover,
.sidebar-container .page-sidebar .page-sidebar-menu li a:focus,
.sidebar-container .page-sidebar .page-sidebar-menu li a.selected  {
	background-color: #00a0e0;
}

.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu {
	background-color: #00b0f0;
}

.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a:hover,
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a:focus,
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a.selected {
	background-color: #00a0e0;
}

/* Header Menu */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
	color: #00b0f0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a:focus, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
	background-color: #00b0f0;
}

/* Tabs */
.portlet > .portlet-title > .nav-tabs > li.active > a, 
.portlet > .portlet-title > .nav-tabs > li > a:hover, 
.portlet > .portlet-title > .nav-tabs > li > a:focus {
	background-color: #00b0f0;
}

/* Statements */
.grid__item::before,
.notification-list-full>li>a {
	border-color: #00b0f0;
}

.grid__item:hover::before, 
.grid__item:focus::before,
.notification-list-full>li>a:hover,
.notification-list-full>li>a:focus   {
	border-color: #00a0e0;
}

/* Buttons */
.btn-primary {
	background-color: #00b0f0;
    border-color: #00b0f0;
}

.btn-primary:active, 
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active:focus, 
.btn-primary:hover,
.btn-primary:focus {
	background-color: #00a0e0;
    border-color: #00a0e0;
}

.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
	background-color: #33b0f0;
    border-color: #33b0f0;
}

.btn-info {
	background-color: #00a0e0;
    border-color: #00a0e0;
}

.btn-info:active, 
.btn-info.active,
.btn-info:active:hover,
.btn-info:active:focus, 
.btn-info:hover,
.btn-info:focus {
	background-color: #0090d0;
    border-color: #0090d0;
}
.client-statement label,
.client-statement .summary-statement-grid label {
	font-size: 1em;
}

@media only screen and (max-width: 768px){
	#statementContainer{
		margin-bottom: 250px;
	}
}

@media only screen and (max-width: 767px){
	.client-statement .summary-statement-grid label, 
	.client-statement .running-statement-grid label {
		font-size: 1em;
	}
	.client-statement .summary-statement-grid>.row div[class^="col-"], 
	.client-statement .running-statement-grid>.row div[class^="col-"]{
		font-size: 0.9em;
	}
}

.page-header.navbar .page-logo .logo-default {
	margin: 8px 0 0 0;
	max-height: 44px;
}

.grid .grid__item img.meta-logo {
	max-height: 65px;
}

.sidebar-container .page-sidebar .page-sidebar-menu li a,
.sidebar-container .page-sidebar .page-sidebar-menu li button,
.sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li a,
.sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li button {
	color: #0A0A0A;
	font-size: 0.9em;
}

.sidebar-container .page-sidebar .page-sidebar-menu > li > a > .title,
.sidebar-container .page-sidebar .page-sidebar-menu > li > button > .title,
.sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title,
.sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > button > .title {
	margin-top: 2px;
}

#splashDialog .modal-dialog {
	max-width: fit-content;
	max-width: -moz-fit-content;
}

#stmtBgSection {
	background-color: rgba(166, 175, 200, 0.2);
}

#gridItemBorder {
	background-color: #ffffff;
}

.tileLogoImage {
	border: none;
}