/******************* /*POL ACC custom CSS*******************/
/******************* /*Theme tokens (Variant C) *******************/
/* Primary: #123f5e | Hover: #103652 | Active/Focus: #0b263a
   Accent:  #ffcc0e | Accent hover: #e6b800
   Light BG: #ebebeb
   Error:   #c62828 | Error hover/darker: #a61f1f
*/
:root {
  --cn-primary: #123f5e;
  --cn-primary-hover: #103652;
  --cn-primary-active: #0b263a;

  --cn-accent: #ffcc0e;
  --cn-accent-hover: #e6b800;

  --cn-bg-light: #ebebeb;

  --cn-error: #c62828;
  --cn-error-hover: #a61f1f;
}

/******************* /*Top bar *******************/
.topbar {
  background: var(--cn-primary);
}
.topbar .navbar-header {
  background: #ffffff;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none;
  color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/******************* /*General Elements *******************/
a.link:hover,
a.link:focus {
  color: var(--cn-accent) !important;
}

.bg-theme {
  background-color: var(--cn-accent) !important;
}

.ng5-slider .ng5-slider-pointer {
  background-color: var(--cn-accent) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--cn-accent);
  border-color: var(--cn-accent);
}

.right-sidebar .rpanel-title {
  background: var(--cn-accent);
}

.stylish-table tbody tr:hover,
.stylish-table tbody tr.active {
  border-left: 4px solid var(--cn-accent);
}

.text-themecolor {
  color: var(--cn-primary) !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid var(--cn-accent);
  color: var(--cn-accent);
}
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: var(--cn-accent);
}

title[_ngcontent-aqi-c2] {
  color: var(--cn-accent) !important;
  text-decoration: none !important;
}
title[_ngcontent-aqi-c2]:hover {
  font-weight: bold;
}

/******************* /*Buttons *******************/
.btn-themecolor {
  background: var(--cn-accent);
  color: #ffffff;
  border: 1px solid var(--cn-accent);
  box-shadow: 0 2px 2px 0 rgb(39, 61, 93, 0.12),
    0 3px 1px -2px rgb(39, 61, 93, 0.12),
    0 1px 5px 0 rgb(39, 61, 93, 0.12);
}
.btn-themecolor:disabled {
  box-shadow: none;
}
.btn-themecolor:disabled:hover {
  box-shadow: none !important;
  cursor: default;
}
.btn-themecolor:hover {
  background: var(--cn-accent-hover);
  border: 1px solid var(--cn-accent-hover);
  box-shadow: 0 14px 26px -12px rgb(39, 61, 93, 0.12),
    0 4px 23px 0 rgb(39, 61, 93, 0.12),
    0 8px 10px -5px rgb(39, 61, 93, 0.12) !important;
}
.btn-themecolor:focus {
  background: var(--cn-primary-active);
  border: 1px solid var(--cn-primary-active);
  box-shadow: 0 14px 26px -12px rgb(39, 61, 93, 0.12),
    0 4px 23px 0 rgb(39, 61, 93, 0.12),
    0 8px 10px -5px rgb(39, 61, 93, 0.12);
}

/* Was: #900349 (active) -> now use primary-active for consistency */
.btn-themecolor.active {
  background: var(--cn-primary-active);
}

.multiselect-dropdown .dropdown-btn .selected-item {
  background: var(--cn-accent) !important;
}

.multiselect-item-checkbox input[type="checkbox"] + div:before {
  color: var(--cn-accent) !important;
  border: 2px solid var(--cn-accent) !important;
}

.btn-themecolor-default {
  background: #ffffff;
  color: var(--cn-primary);
  border: 1px solid var(--cn-primary);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
}
.btn-themecolor-default:disabled {
  box-shadow: none;
}
.btn-themecolor-default:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: unset;
}

.multiselect-item-checkbox input[type="checkbox"]:checked + div:before {
  background: var(--cn-accent) !important;
}

.btn-themecolor-border {
  color: var(--cn-accent);
  border: 1px solid var(--cn-accent);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
}

input[type="radio"],
input[type="checkbox"] {
  border: 1px solid var(--cn-accent);
}

input[type="radio"]:hover,
input[type="checkbox"]:hover,
input[type="checkbox"]:focus {
  border: 1px solid var(--cn-primary);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
}

input[type="checkbox"]:checked {
  border-color: var(--cn-primary);
}

input[type="checkbox"]:disabled {
  box-shadow: none;
  background-color: #dddddd;
  cursor: initial;
  border: 1px solid var(--cn-primary);
}

.btn-themecolor-border:hover {
  background: var(--cn-primary-hover);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
  border: 1px solid var(--cn-accent);
  color: #fff;
}
.btn-themecolor-border:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: var(--cn-primary);
}
.btn-themecolor-border:disabled {
  box-shadow: none;
}
.btn-themecolor-border:focus {
  background: var(--cn-primary-active);
  color: #fff;
  border: 1px solid var(--cn-accent);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
}

/******************* /*sidebar navigation *******************/
.label-themecolor {
  background: var(--cn-accent);
}

.sidebar-nav > ul > li.active > a {
  color: var(--cn-primary);
  border-color: var(--cn-primary);
}
.sidebar-nav > ul > li.active > a i {
  color: var(--cn-primary);
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
  color: var(--cn-primary) !important;
}
.sidebar-nav ul li a.active i,
.sidebar-nav ul li a:hover i {
  color: var(--cn-primary);
}

.lighten-2 .fa {
  background: var(--cn-primary) !important;
}

.page-item .page-link {
  color: var(--cn-primary) !important;
}

.topbar ul.dropdown-user li a:hover {
  color: var(--cn-primary);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--cn-primary) !important;
  border-bottom: 2px solid var(--cn-primary) !important;
}

/* Was error-ish red (#cc2f34) -> use error */
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: var(--cn-error);
}

input[type="checkbox"]:checked:before {
  color: var(--cn-primary);
}

.nav-pills .nav-link.active:after {
  background: var(--cn-primary) !important;
}

.btn-link {
  color: var(--cn-primary) !important;
}
.btn-link:focus,
.btn-link:hover {
  color: var(--cn-error) !important;
}

.q_icon {
  color: var(--cn-primary) !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
  background: var(--cn-primary) !important;
}

input[type="radio"] {
  border: 2px solid var(--cn-primary) !important;
}
input[type="radio"]:checked:before {
  color: var(--cn-primary) !important;
  background: var(--cn-primary) !important;
}

.custom-day.focused {
  background-color: var(--cn-primary) !important;
  color: #fff;
}

.quote_bit {
  background: var(--cn-primary) !important;
  color: #fff;
}

.title {
  color: var(--cn-accent);
}
.title:hover {
  text-decoration: underline;
}

input[type="checkbox"]:focus {
  outline: auto !important;
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
}

/* Duplicate selector existed in original; kept single coherent version */
.btn-themecolor-border:hover {
  background: var(--cn-primary-hover);
  box-shadow: 0 2px 2px 0 rgb(122, 166, 230),
    0 3px 1px -2px rgb(122, 166, 230),
    0 1px 5px 0 rgb(122, 166, 230);
  border: 1px solid var(--cn-primary);
  color: #fff;
  /*cursor: pointer;*/
}

.btn-themecolor-border:disabled {
  background: #fff !important;
  box-shadow: none !important;
  color: var(--cn-primary) !important;
  border: 1px solid var(--cn-primary) !important;
  cursor: default !important;
}

.message-center::-webkit-scrollbar-track {
  background-color: #eaeaea;
}
.message-center::-webkit-scrollbar-thumb {
  background-color: var(--cn-primary) !important;
}
.message-center::-webkit-scrollbar-thumb:hover {
  background-color: var(--cn-primary-hover) !important;
}

/* In original later overwritten to #232323; keep consistent with accent for selected-items */
.multiselect-dropdown .dropdown-btn .selected-item {
  background: var(--cn-accent) !important;
}

.multiselect-item-checkbox input[type="checkbox"]:checked + div:before {
  background: var(--cn-primary) !important;
}
.multiselect-item-checkbox input[type="checkbox"] + div:before {
  color: var(--cn-accent) !important;
  border: 2px solid var(--cn-primary) !important;
}

.list-group-item.pointer.active {
  background-color: var(--cn-primary);
  border-color: var(--cn-primary);
}

/* Was: #cc2f34 (active) -> now error */
.list-group-item.active,
.list-group .list-group-item.active:hover {
  background-color: var(--cn-error);
  border-color: var(--cn-error);
}

.bg-info {
  background-color: var(--cn-primary) !important;
}
.bg-success {
  background-color: var(--cn-primary) !important;
}
.accordion-bg-color {
  background-color: var(--cn-primary) !important;
}

.text-themecolor-hover {
  color: var(--cn-primary) !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, 0.85);
  background-color: var(--cn-primary) !important;
}

.owl-dt-control-button-content {
  color: var(--cn-primary) !important;
}

.progress-bar {
  background-color: var(--cn-primary) !important;
}

input[type="checkbox"]:disabled,
input[type="checkbox"]:checked:disabled {
  border-color: #888888;
  background: #e0e0e0;
  box-shadow: none;
}
input[type="checkbox"]:disabled:checked:before {
  color: #888888;
}

/* Sidebar active: use accent to match theme (original later forced to accent) */
.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active > a i {
  color: var(--cn-accent);
  border-color: var(--cn-accent);
}

.release-highlight-class {
  background-color: var(--cn-primary) !important;
}

.gantt_task_line .gantt_task_content {
  color: white;
  background-color: var(--cn-primary) !important;
}