/* Brand override: blue theme accents without touching Bootstrap danger states */
:root {
  --brand-blue: #2589db;
  --brand-blue-dark: #0b1635;
  --brand-blue-hover: #1f75c8;
}

/* Top bar */
.navbar.navbar-inverse.navbar-fixed-top,
.navbar-inverse {
  background-color: var(--brand-blue-dark) !important;
  background-image: none !important;
  border-color: var(--brand-blue-dark) !important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff !important;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  background-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

/* Main panel header (e.g. Escritorio title bar) */
.panel-primary {
  border-color: var(--brand-blue) !important;
}

.panel-primary > .panel-heading {
  background-color: var(--brand-blue) !important;
  background-image: none !important;
  border-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

/* Breadcrumb accent links */
.breadcrumb > li > a,
.breadcrumb > li.active > a,
.breadcrumb a {
  color: var(--brand-blue) !important;
}

/* Legacy markup still using deprecated font tag */
font[color="red"],
font[color="#ff0000"],
font[color="#f00"] {
  color: var(--brand-blue) !important;
}

/* Common inline styles in old templates */
[style*="color:red"],
[style*="color: red"],
[style*="color:#ff0000"],
[style*="color: #ff0000"],
[style*="color:#f00"],
[style*="color: #f00"] {
  color: var(--brand-blue) !important;
}

/* Login validation message */
label.error {
  color: var(--brand-blue) !important;
}

/* DataTables / Bootstrap pagination active page */
.dataTables_wrapper .pagination > .active > a,
.dataTables_wrapper .pagination > .active > span,
.dataTables_wrapper .pagination > .active > a:hover,
.dataTables_wrapper .pagination > .active > span:hover,
.dataTables_wrapper .pagination > .active > a:focus,
.dataTables_wrapper .pagination > .active > span:focus,
.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(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

/* Footer brand link */
footer a,
footer a:visited,
footer a:hover,
footer a:focus {
  color: var(--brand-blue) !important;
}