/* Voya theme: colour overrides only (no layout changes). Loaded after custom.min.css.
   Remove the <link> to this file in menu_select*.jsp to revert to the old look. */
:root {
  --voya-orange: #F58220;
  --voya-orange-dark: #F04E23;
  --voya-charcoal: #3A3A3C;
  --voya-charcoal-dark: #2C2C2E;
  --voya-gray: #6D6E71;
}

/* Sidebar */
body,
.left_col,
.sidebar-footer { background: var(--voya-charcoal); }
.sidebar-footer a { background: var(--voya-charcoal-dark); }
.sidebar-footer a:hover { background: var(--voya-gray); }
.nav-sm ul.nav.child_menu { background: #4A4A4D; }
.nav-md ul.nav.child_menu li:before { background: var(--voya-gray); }
.nav-md ul.nav.child_menu li:after { border-left-color: var(--voya-gray); }
.nav.side-menu > li.active > a { background: var(--voya-charcoal-dark); }
.nav.side-menu > li.current-page,
.nav.side-menu > li.active,
.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm { border-right-color: var(--voya-orange); }
.nav li li.current-page a,
.nav-sm > .nav.side-menu > li.active-sm > a { color: var(--voya-orange) !important; }
.nav.side-menu > li > a:hover { color: #fff !important; }
.nav.child_menu > li > a:hover { color: var(--voya-orange); }

/* Logo bar (white so the orange logo reads) and top bar */
.nav_title[style*="64c48c"],
.nav_title { background: #fff !important; }
.nav_menu[style*="64c48c"],
.nav_menu { background: #fff !important; border-bottom: 3px solid var(--voya-orange); }
.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover { background: #FDEBDA; }

/* Primary actions (Save / Submit are btn-success across the app) */
.btn-success,
.btn-primary {
  background-color: var(--voya-orange);
  background-image: none;
  border-color: var(--voya-orange-dark);
  color: #fff;
  text-shadow: none;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: var(--voya-orange-dark);
  background-image: none;
  border-color: var(--voya-orange-dark);
  color: #fff;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success,
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {
  background-color: var(--voya-orange);
  border-color: var(--voya-orange-dark);
}

/* Accents that were teal */
.bg-green, span.tag, .tag, .pricing .title { background: var(--voya-orange) !important; border-color: var(--voya-orange) !important; }
.tag:after { border-left-color: var(--voya-orange); }
.green, .price { color: var(--voya-orange); }
.border-green { border-color: var(--voya-orange) !important; }
.progress-bar-success { background-color: var(--voya-orange); }
.chat .status.online { background: var(--voya-orange); }
#nprogress .bar { background: var(--voya-orange); }
#nprogress .peg { box-shadow: 0 0 10px var(--voya-orange), 0 0 5px var(--voya-orange); }
#nprogress .spinner-icon { border-top-color: var(--voya-orange); border-left-color: var(--voya-orange); }
table.dataTable th.focus, table.dataTable td.focus { outline-color: var(--voya-orange) !important; }
.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done:before { background: var(--voya-orange); }
.daterangepicker.picker_1 .calendar-table thead tr:first-child,
.daterangepicker.picker_3 .calendar-table thead tr:first-child { background: var(--voya-orange); }

/* Links, tabs, pagination */
a:hover, a:focus { color: var(--voya-orange-dark); }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { border-top: 2px solid var(--voya-orange); }
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background-color: var(--voya-orange) !important; border-color: var(--voya-orange) !important; color: #fff !important; }
.label-primary { background-color: var(--voya-orange); }
.x_title { border-bottom-color: #FDEBDA; }