:root {
  --dark: #000;
  --white: #fff;
  --color-principal: #064b99;
  --color-principalrgba: rgba(8, 73, 126, 0.80);
  --color-fondo: #263544;
  --color1: #f2f2f2f2;
  /*mas colores
  https://www.cdmon.com/es/apps/tabla-colores*/
}

.mb-2,
.my-2 {
  margin-bottom: 0px !important;
}

.d-flex{
  background-color: var(--color-fondo);
}

[class*="sidebar-dark-"] {
  background-color: var(--color-fondo);
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: var(--color-fondo);
}


.layout-navbar-fixed .wrapper .content-wrapper {
  margin-top: 0px;
}

.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: var(--color-principal);
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:focus {
  background-color: var(--color-principal);
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:focus {
  background-color: var(--color-principal);
  ;
}

.content-header {
  padding: 5px;
  background-color: var(--color-principal) !important;
  color: var(--white) !important;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link:hover,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link:focus {
  background-color: var(--color-principal);
}


[class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link {
  background-color: var(--color-principalrgba);
}

.nav-sidebar .menu-open>.nav-link svg.right,
.nav-sidebar .menu-open>.nav-link i.right,
.nav-sidebar .menu-is-opening>.nav-link svg.right,
.nav-sidebar .menu-is-opening>.nav-link i.right {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}