/* Somos — overrides del tema Metronic darkblue */

:root {
  --brand: #F9007E;
  --brand-dark: #C90066;
  --brand-light: #FF79B8;
  --ink: #1A1418;
  --paper: #F7F4F2;
  --white: #FFFFFF;
}

/* Header */
.page-header.navbar {
  background-color: var(--ink);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  background-color: var(--brand);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  border-color: transparent transparent transparent var(--brand);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  color: var(--brand);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  color: var(--brand-dark);
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  background: var(--brand) !important;
  color: var(--white);
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected,
.page-header.navbar .hor-menu .navbar-nav > li.current .selected {
  border-top-color: var(--brand);
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
  color: #c6cfda;
}

.page-header.navbar .search-form.search-form-expanded {
  background: #2a2226;
}

/* Sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
  background-color: var(--ink);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
  background: var(--brand);
  border-top-color: transparent;
  color: var(--white);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
  border-left: 4px solid var(--brand);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
  border-left: 4px solid var(--brand);
}

.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
  background: #2a2226;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
  background-color: var(--ink);
}

/* Footer / quick sidebar accents from darkblue */
.page-footer .page-footer-inner {
  color: #a2abb7;
}

.page-footer-fixed .page-footer {
  background-color: var(--ink);
}

/* Bootstrap primary alignment within app chrome */
.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand-dark);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
}

a {
  color: var(--brand);
}

a:hover,
a:focus {
  color: var(--brand-dark);
}

.page-content {
  background-color: var(--paper);
}

/* Navbar logo sizing for Somos PNG */
.page-header.navbar .page-logo .logo-default {
  margin: 12px 0 0 0;
  max-height: 42px;
  width: 42px;
}

/* Encabezados de listados */
.table > thead,
.table > thead > tr > th,
.table > thead > tr > td,
.table.dataTable thead,
.table.dataTable.no-footer thead,
.caTbs thead,
.caTh {
  background-color: #f9007e;
  color: #fff;
}