/*
    Document   :brand
    Created on :Jan 18, 2013, 9:53:17 AM
    Author     :mark
    Description:
        Define colors / shading, fonts -- FO
*/

body {
    margin-bottom: 60px;
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important; /* fontFamily */
}

body > .footer .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}
#body-wrapper.ui-update #main-container h3.title-color,
#body-wrapper.ui-update #main-container .h3.title-color,
#body-wrapper.ui-update #acctChoices {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
#header {
  background-color: #ffffff;  /* headerBackground */
}

#header a:hover {
  text-decoration: none;
}

.footer {
  /* Set the fixed height of the footer here */
  min-height: 30px;
}

.footer, .footer .text-muted {
  background-color: #006959; /* footerBackground */
  color: #ffffff; /* footerForeground */
}

.footer p {
  padding-top: 5px;
}

.hcu-slide-in-handle-custom {
  background-color: #808080; /* slideinBackground */
  color: #FFFFFF; /* slideinForeground */
}

#slide-in-handle-content {
  color: #FFFFFF; /* slideinForeground */
}

.navbar-title {
  color: #000000;  /* headerForeground */
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000; /* headerForeground */
}
#header button.navbar-toggle {
  background-color: transparent;
  border-color: transparent;
}

p#compass-menu-toggle a .fa.fa-user-circle-o.fa-fw {
  color: #000000; /* headerForeground */
}

p#eforms-menu-toggle .fa.fa-caret-square-o-down {
  color: #9D9D9D; /* navIconColor */
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000; /* headerForeground */
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #eeeeee;  /* headerBorder */
}

#logo-bar .logo {
  margin-top: 5px;
  height: 40px; /* logoHeightMobile */
  background-color: transparent; /* logoBackground */
}

.navbar-inverse {
  border-color: #eeeeee; /* headerBorder */
}

#body-wrapper.no-show-info .navbar-brand p {
  display: block;
  text-align: center;
}

#content-wrapper {
  background-color: #FFFFFF; /* contentBackground */
  color: #333333; /* contentForeground */
}

#homecu-wrapper {
  background-color: #FFFFFF; /* contentBackground */
  color: #333333; /* contentForeground */
  border-width: 0px; /* contentBorderWidth */
  border-style: solid; /* contentBorderStyle */
  border-color: #000000; /* contentBorderColor */
}

/* Card Display */
.hcu-card {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}

.ui-update .title-color,
.hcu-card-header .hcu-card-title-desc > a,
.hcu-card-header .hcu-card-title-desc {
  color: #0A246A; /* cardTitleColor */
}
.ui-update .hcu-card-positive {
  color: #20b526; /* cardPositiveColor */
}
.ui-update .hcu-card-negative {
  color: #cc0000;/* cardNegativeColor */
}
#hcuCardTabledp .hcu-card-detail-amount {
  font-size: 20px; /* cardBalanceFontSize */
}
.bs-callout-info {
  border-left-color: #1b809e; /* cardAccentColor */
}

.hcu-card .hcu-card-icon a {
  color: #AAAAAA;
}

.k-text-selection ::selection, .k-block ::selection, .k-panel ::selection, 
.k-pane-wrapper ::selection, .k-view ::selection, .k-progressbar ::selection, 
.k-numerictextbox ::selection, .k-flatcolorpicker ::selection, .k-combobox ::selection, 
.k-dateinput ::selection, .k-datepicker ::selection, .k-datetimepicker ::selection, 
.k-timepicker ::selection, .k-dropdown ::selection, .k-dropdowntree ::selection, 
.k-multiselect ::selection, .k-maskedtextbox ::selection, .k-rating ::selection, 
.k-window ::selection, .k-drawer ::selection, .k-notification ::selection, 
.k-breadcrumb ::selection, .k-pager-wrap ::selection, .k-panelbar ::selection, 
.k-card ::selection, .k-splitter ::selection, .k-spreadsheet ::selection, 
.k-scheduler ::selection, .k-chat ::selection, .k-mediaplayer ::selection, 
.k-pdf-viewer ::selection, kendo-scrollview.k-scrollview-wrap ::selection, 
kendo-scrollview.k-scrollview ::selection, div.k-scrollview ::selection, 
.k-chart ::selection, .k-sparkline ::selection, .k-stockchart ::selection,
.k-textbox::selection,
.k-textbox .k-input::selection,
.k-textbox:disabled::selection, .k-textbox[disabled]::selection, .k-textbox.k-state-disabled::selection,
.k-textarea::selection,
.k-textarea .k-input::selection,
.k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection {
  background-color: #009df3; /* cardPrimaryButtonColor */
  color: #ffffff; /* cardPrimaryButtonFontColor */

}
.hcu-blossom.k-button,
.hcu-blossom-body .k-button,
.hcu-blossom-body .k-dialog .k-button,
.hcu-blossom-body .k-window .k-button {
  background-color: #009df3; /* cardPrimaryButtonColor */
  color: #ffffff; /* cardPrimaryButtonFontColor */
}

.hcu-blossom.k-button,
.hcu-blossom-body .k-button,
.hcu-blossom-body .k-dialog .k-button,
.hcu-blossom-body .k-window .k-button {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
.hcu-blossom.hcu-link {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
.k-dropdown,
.k-grid,
.k-textbox,
.k-window,
.k-listview {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
.hcu-blossom-notice-content {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
.hcu-blossom-body .hcu-template #lnkCancel,
.hcu-template .hcu-icon-delete #lnkDelete,
.hcu-template .hcu-icon-delete #backBtn {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; /* fontFamily */
}
.hcu-blossom-body #btnStartOver {
  color: #009df3;
}
.hcu-blossom.hcu-link a {
  color: #009df3;
}

.hcu-blossom-body a {
  color: #009df3;
}

.hcu-blossom.hcu-link.hcu-alt-color a {
  color: #009df3;
}
.sidebar .hcu-selected-menu-group > a {
  border-left: 2px solid #1b809e;
}
.k-list .k-item.k-state-selected, 
.k-list-optionlabel.k-state-selected {
  color: #009df3;
}
.k-list .k-item.k-state-selected:hover, 
.k-list-optionlabel.k-state-selected:hover {
  color: #009df3;
}

.hcu-blossom-body .k-dialog-buttongroup .k-button.k-primary {
  background-color: #009df3 !important;
}

.hcu-blossom-body .k-progressbar .k-state-selected {
  background-color: #009df3;
}
.hcu-blossom.k-button.k-primary,
.hcu-blossom-body .k-button.k-primary,
.hcu-blossom-body .k-dialog .k-button.k-primary,
.hcu-blossom-body .k-window .k-button.k-primary,
.hcu-blossom-body .k-primary {
  background-color: #009df3; /* cardPrimaryButtonColor */
  color: #ffffff; /* cardPrimaryButtonFontColor */
}

.hcu-blossom.k-button:hover,
.hcu-blossom-body .k-button:hover,
.hcu-blossom-body .k-primary.k-button:hover,
.hcu-blossom-body .k-dialog .k-primary.k-button:hover,
.hcu-blossom-body .k-window .k-primary.k-button:hover,
.hcu-blossom-body .k-primary:hover {
  color: #ffffff; /* cardPrimaryButtonFontColor */
  border-color: rgba(0, 157, 243, 0.9);
  background-color: rgba(0, 157, 243, 0.9); /* cardPrimaryButtonColor Hover */
}

.hcu-blossom-body .k-button-secondary.k-state-disabled, 
.hcu-blossom-body .k-button-secondary:disabled, 
.hcu-blossom-body .k-button.k-state-disabled, 
.hcu-blossom-body .k-button:disabled {
  color: rgba(0,0,0,.38);
  background-color: #e0e0e0;
  box-shadow: none;
  opacity: 1;
}

.hcu-blossom-body .k-progressbar {
  background-color: rgba(0, 157, 243, 0.1);
}
#scheduledTransferScreen .k-calendar .k-state-selected .k-link {
  background-color: #009df3; /* cardPrimaryButtonColor */
  color: #ffffff; /* cardPrimaryButtonFontColor */
}

#acct-statements .statement.k-info-colored,
#acct-statements .statementStartStopMessage .k-info-colored {
  background-color: rgba(0, 157, 243, 0.1);

}
#scheduledTransferScreen .k-calendar .k-state-selected .k-link {
  background-color: #009df3; /* cardPrimaryButtonColor */
  color: #ffffff; /* cardPrimaryButtonFontColor */
}

#acct-statements .statement.k-info-colored,
#acct-statements .statementStartStopMessage .k-info-colored {
  background-color: rgba(0, 157, 243, 0.1);
}
.k-checkbox:checked {
  border-color: #009df3;
  background-color: #009df3;
}
.k-radio:checked {
  border-color: #009df3;
  color: #009df3;
}
.ui-update.ui-hcuActivate .k-textbox:focus-within,
.ui-update.ui-hcuActivate .k-datepicker .k-picker-wrap:focus-within {
  border-bottom-color: #009df3 !important;
}

.ui-hcuForms .hcuAddChangeForm .k-textbox:focus-within {
  border-bottom-color: #009df3 !important;
}
.ui-hcuProfileDesc .hcuProfileDescDiv .input-group .k-textbox:focus-within {
  border-bottom-color: #009df3;
}

.hcu-login-body input[type="text"]:focus, 
.hcu-login-body input[type="email"]:focus,
.hcu-login-body input[type="password"]:focus,
.hcu-login-body select.form-control:focus {
  border-bottom-color: #009df3;
}

.k-dropdown .k-dropdown-wrap.k-state-focused, 
.k-dropdowntree .k-dropdown-wrap.k-state-focused,
.k-textbox:focus-within,
.k-numerictextbox .k-numeric-wrap.k-state-focused,
.k-datepicker .k-picker-wrap.k-state-focused {
  border-color: #009df3;
}


.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a {
  color: #9D9D9D; /* navIconColor */
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
  color: #006959; /* navIconColorHover */
}

.navbar-top-links li.hcu-navbar-alert>a,
.navbar-top-links li.hcu-navbar-alert>a:visited,
.navbar-top-links li.hcu-navbar-alert>a:active {
  border-color: #FF0000; /* navActiveBorder */
}

.navbar .hcu-quick-nav-links {
  background-color: transparent; /* navBackground */
}

.badge {
  color: #000000; /* navForeground */
  background-color: #987533; /* navBadgeColor */
}

.sidebar {
  background-color: #F8F8F8; /* menuBackground */
}

.sidebar a, .sidebar a:visited, .sidebar a:active {
  color: #000000; /* menuForeground */
}

.sidebar a:hover, .sidebar a:focus {
  color: #006959; /* menuForegroundHover */
}

.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus {
  background-color: #EEEEEE; /* menuBackgroundHover */
}

.sidebar .hcu-selected-menu-group > a {
  background-color: #006959 !important; /* menuGroupBackground */
  color: #FFFFFF; /* menuGroupForeground */
}

.sidebar .hcu-selected-menu-item a {
  background-color: #987533 !important; /* menuGroupBackgroundLighter */
  color: #FFFFFF; /* menuGroupForeground */
}
#side-menu #list-menu {
  background-color: #F8F8F8; /* menuBackground */
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #000000; /* headerForeground */
}

#homecuBannerArea {
  background-color: #161620; /* bannerBackground */
}

#homecuBannerArea img { /* I want the image to shrink to fit on a smaller device.  With an initial height of 60px, this image doesn't shrink that much. */
  max-width: 100%; /* bannerWidth */
  height: initial;
  max-height: 60px; /* bannerHeight */
}

#homecuBannerArea iframe {
  height: 60px; /* bannerHeight */
  width: 100%; /* bannerWidth */
  margin: auto;
}

#cuPrimaryColor {
  color: #3fc78e;  /* cuColorPrimary */
}

#cuSecondaryColor {
  color: #141f2d; /* cuColorSecondary */
}

/* Media query Apply to SMALL (Tablet) Size */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* X-Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #ffffff; /* headerBackground */
  }
  .hcu-blossom-body .hcu-template #lnkCancel,
  .hcu-template .hcu-icon-delete #lnkDelete,
  .hcu-template .hcu-icon-delete #backBtn {
    border: 1px solid #009df3;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #homecuBannerArea img {
      height: 60px; /* bannerHeight */
  }

  #homecuBannerArea iframe {
      height: 60px; /* bannerHeight */
      width: 100%; /* bannerWidth */
  }

  #homecuBannerArea + #body-wrapper #content-wrapper {
      height: calc(100% - (60px + 73px)); /* CALC bannerHeight */
  }

  #homecuBannerArea + #body-wrapper #side-menu {
      height: calc(100% - (60px + 65px)); /* CALC bannerHeight */
  }

  #body-wrapper.no-show-info  #logo-bar .logo {
    margin-bottom: 0px !important;
  }
  #body-wrapper.no-show-info .navbar {
    min-height: auto;
  }
  #body-wrapper.no-show-info #logo-bar .logo,
  #logo-bar .logo {
    padding-top: inherit;
    height: 50px; /* logoHeightDesktop */
  }
  #body-wrapper.no-show-info .navbar-brand p,
  .navbar-brand p {
    display: inline-block;
  }
  #body-wrapper.no-show-info #content-wrapper,
  #content-wrapper {
    top: 0px;
    /* height of footer */
    padding-bottom: 60px;
  }
  #side-menu #sidebar-nav li a span.fa.arrow {
    margin-right: 10px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* customBranding */
#logo-bar .navbar-brand p {
  display: none;
}

p#compass-menu-toggle a .fa.fa-user-circle-o.fa-fw {
  color: #000000;
}