/* ==========================================================================
   styleOverride — reproduced verbatim from the original page's inline
   <style id="styleOverride">, which the app injects AFTER the two linked
   stylesheets (vendor + smallbiz). It re-themes the app to First Mid's
   gold/brown accent (#bc9353) and points the login logo / FDIC marks at the
   branding assets. Remote asset URLs have been rewritten to local paths
   under /branding so the app is fully self-contained (offline).
   ========================================================================== */
/* primary color */
a.skip-main:focus,
a.skip-main:active {
  background-color: #bc9353;
}
.form-control:focus {
  border-color: #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
  box-shadow: 0 0 5px #bc9353;
}
input[type='checkbox']:checked:focus + label:before,
.checkbox-primary input[type='checkbox']:checked:focus + label:before {
  border-color: #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
  box-shadow: 0 0 5px #bc9353;
}
input[type='checkbox']:focus + label:before,
.checkbox-primary input[type='checkbox']:focus + label:before {
  border-color: #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
  box-shadow: 0 0 5px #bc9353;
}
.select2-container-active .select2-choice {
  border-color: #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
  box-shadow: 0 0 5px #bc9353;
}
.select2-drop-active {
  border-color: #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
  box-shadow: 0 0 5px #bc9353;
}
.btn-primary:focus,
.btn-default.btn-primary:focus {
  -moz-box-shadow: 0 0 5px #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
}
.btn-default:focus,
.addToGrpBtn .btn-primary:focus {
  box-shadow: 0 0 5px #bc9353;
  border-color: #bc9353;
  -moz-box-shadow: 0 0 5px #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
}
.task-count.new-task {
  background-color: #bc9353;
}
.tableIconButton:focus {
  box-shadow: 0 0 5px #bc9353;
  border-color: #bc9353;
  -moz-box-shadow: 0 0 5px #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
}
.btnswitch .btn-default.focus {
  box-shadow: 0 0 5px #bc9353;
  border-color: #bc9353;
}
.slick-prev:before,
.slick-next:before {
  color: #bc9353;
}
.slider-list .slider-item label {
  color: #bc9353;
}
ul.ColVis_collection li.ColVis_Header {
  color: #bc9353;
}
.mdi.mdi-event-busy,
#payeeForm .mdi.mdi-event-busy,
.table-responsive .mdi.mdi-event-busy {
  color: #bc9353;
}
.obs-form fieldset legend,
.obs-form fieldset legend label {
  color: #bc9353;
}
#banner {
  border-top: 2px solid #bc9353;
}
#banner .dropdown-menu.user-drop-menu li:last-child a:focus {
  border-color: #bc9353;
  box-shadow: 0 0 2px 2px #bc9353;
}
.panel a:focus {
  box-shadow: 0 0 5px #bc9353;
  border-color: #bc9353;
  -moz-box-shadow: 0 0 5px #bc9353;
  -webkit-box-shadow: 0 0 5px #bc9353;
}
.panel-footer.fullWidth {
  border-top: 2px solid #bc9353;
}
.circle-spinner {
  margin: 50px auto;
  height: 56px;
  width: 56px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #bc9353;
  border-right-color: transparent;
  border-radius: 50%;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.steps li.active {
  color: #bc9353;
}
.steps li.active .badge {
  background-color: #bc9353;
}
ul.tasks-list li a .task-count.new-task {
  background-color: #bc9353;
}
.cal-heatmap-container .graph-label {
  font-size: 14px;
  fill: #bc9353;
  display: none;
}
.emulation #emulation-banner {
  background-color: #bc9353;
}
.emulation #emulation-banner .btn {
  border-color: #bc9353;
}
.emulation #emulation-banner .btn:hover {
  border-color: #bc9353;
}
/*secondary color*/
.form-horizontal .form-group.required:before {
  color: #bc9353;
}
.required-label:before {
  color: #bc9353;
}
.form-horizontal .form-group.required:before {
  color: #bc9353;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #bc9353;
  border-color: #b18745;
}
.btn-primary,
.btn-default.btn-primary {
  background-color: #bc9353;
}
.btn-primary:focus,
.btn-default.btn-primary:focus {
  background-color: #bc9353;
}
.btn-default.active {
  background-color: #bc9353;
}
.btnswitch .btn-primary.btn-default.focus {
  background-color: #bc9353;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #bc9353;
}
.required {
  color: #bc9353;
}
#banner .dropdown-menu.user-drop-menu li a:hover {
  background-color: #bc9353;
}
#side-menu li:not(.bottom-item).active > a {
  background-color: #bc9353;
}
#side-menu li:not(.bottom-item):hover > a {
  background: #bc9353 !important;
}
.bottom-item a:hover {
  background: #bc9353 !important;
}
ul.nav-tabs.nav-stacked li.active a {
  background: #bc9353;
}
.panel .panel-footer .pagination li.active a:focus {
  background-color: #bc9353;
  border-color: #bc9353;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover {
  background: #bc9353;
}
.add-widget-modal .modal-footer button {
  background-color: #bc9353;
}
.btn-payment:hover {
  background-color: #bc9353;
}
.btn-ach-payment:hover {
  background-color: #bc9353;
}
.emulation #emulation-banner .btn {
  background-color: #bc9353;
}
.badge-notification {
  background: #bc9353;
}
#side-menu li > a .mdi-notifications-active {
  color: #bc9353;
}
/* banner logo */
#banner-logo {
  background-image: url('/branding/smallbusiness/default/banner-logo.png');
}
.logoImage {
  background-image: url('/branding/smallbusiness/default/login-logo.png');
}
/* fdic logo */
.fdicImage {
  background-image: url('/branding/smallbusiness/default/fdic.png');
}
.fdicMenuImage {
  background-image: url('/branding/smallbusiness/default/fdic.png');
}
/* CUSTOM LESS (See Maestro Config) */
.content {
  background: #f1f6f8;
}
.widget-container .panel .panel-body {
  background: #fff;
  color: #454545;
  border: #ccc;
}
#banner ul li a {
  color: #454545;
}
#title {
  margin: 0;
  padding: 12px 30px 12px 8px;
  width: 100%;
  background-color: #fff;
  color: #0d4e95;
  border-bottom: 1px solid #B6B8BA;
}
#side-menu li a {
  color: #454545;
  background: #fff;
}
#side-menu li a:hover {
  color: #fff;
  background: #117ac9 !important;
}
#side-menu li:active a {
  color: #0d4e95 !important;
  background: #fff;
}