/* stye.css */

.content-wrapper {
  background-color: #FFFFFF;
}

/* Delete focus */
:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.nav-tabs-custom {
  box-shadow: none !important;
  border: none !important;
}

.btn_custom_interno_1 {
  background-color: #3c8dbc;
  color: white;
}

.btn_custom_interno_2 {
  background-color: navy;
  color: white;
}

.skin-purple .main-header .logo {
  background-color: #000000 !important;
  color: white !important;
}


#page_toggle {
  background-color: #000000 !important;
  border: none !important;
  color: white !important;
  height: 50px !important;
  width: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
}


#page_toggle:hover {
  background-color: #222222 !important;
  border: none !important;
}


.skin-purple .main-header .navbar .dropdown {
  padding: 0 !important;
}

/* Header negro */
.main-header .navbar {
  background-color: #000000 !important;
}
/* Color del texto y logo */
.main-header .logo {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
/* Hover del logo */
.main-header .logo:hover {
  background-color: #000000 !important;
}
/* Color del texto del navbar */
.main-header .navbar .nav > li > a {
  color: #FFFFFF !important;
}



.box-oro .box {
  border-top: 3px solid #e0be02 !important;
}










/* Selecciona el ÚLTIMO <li> con la clase dropdown dentro de la barra de navegación */
.navbar-custom-menu > .nav > li:last-child > .dropdown-toggle .fa-envelope:before,
.navbar-custom-menu > .nav > li:last-child > .dropdown-toggle .far.fa-envelope:before {
  content: '\f071';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}








/* Ícono de Dropdown de Notificaciones: Color Dorado Permanente */
.main-header .navbar .dropdown.notifications-menu > a {
  color: #FFD700 !important;             /* Color Dorado Permanente */
  background-color: transparent !important; /* Asegura que no haya fondo */
}


/* Icono de dropdown (ej. mensajes, notificaciones, tareas) */
.main-header .navbar .dropdown.notifications-menu > a {
  color: #FFD700 !important;              /* Icono dorado por defecto */
  background-color: transparent !important;
}

/* Hover del icono */
.main-header .navbar .dropdown.notifications-menu > a:hover {
  background-color: #222222 !important;   /* Fondo gris oscuro */
  color: #FFD700 !important;              /* Icono dorado */
}

/* Estado cuando el menú está abierto (activo) */
.main-header .navbar .dropdown.notifications-menu.open > a,
.main-header .navbar .dropdown.notifications-menu.show > a {
  background-color: #222222 !important;   /* Mantén el mismo fondo que el hover */
  color: #FFD700 !important;              /* Conserva el color dorado */
}








/* Icono de dropdown (ej. mensajes, notificaciones, tareas) */
.main-header .navbar .dropdown.messages-menu > a {
  color: #FFD700 !important;              /* Icono dorado por defecto */
  background-color: transparent !important;
}

/* Hover del icono */
.main-header .navbar .dropdown.messages-menu > a:hover {
  background-color: #222222 !important;   /* Fondo gris oscuro */
  color: #FFD700 !important;              /* Icono dorado */
}

/* Estado cuando el menú está abierto (activo) */
.main-header .navbar .dropdown.messages-menu.open > a,
.main-header .navbar .dropdown.messages-menu.show > a {
  background-color: #222222 !important;   /* Mantén el mismo fondo que el hover */
  color: #FFD700 !important;              /* Conserva el color dorado */
}




/* Quita bordes del enlace dentro del li y centra su contenido */
.main-header .navbar-nav > li > a {
  border: none !important;
  margin: 0 !important;
  padding: 0 20px !important; /* espacio horizontal */
  background: transparent !important;

  /* centrado vertical */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important; /* altura estándar del header */
  line-height: 50px !important;
}

/* Centrado específico del actionButton (por si está dentro del li directamente) */
.main-header .navbar-nav > li > .btn,
.main-header .navbar-nav > li > .action-button {
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #FFD700 !important;
  box-shadow: none !important;
}

/* Hover coherente con el tema oscuro */
.main-header .navbar-nav > li > .btn:hover,
.main-header .navbar-nav > li > .action-button:hover,
.main-header .navbar-nav > li > a:hover {
  background-color: #222222 !important;
  color: #FFD700 !important;
}


/* === Botón dorado en el header (maximize) === */
.main-header .navbar-nav > li > #page_toggle {
  color: #FFD700 !important;
}







/* Botón toggle del sidebar (hamburguesa) */
.main-header .sidebar-toggle {
  position: relative;          /* mantener la posición original */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;     /* igual que el header */
  width: 50px !important;      /* cuadrado para centrar el icono */
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFD700 !important;   /* color dorado */
}

/* El icono de hamburguesa usa ::before */
.main-header .sidebar-toggle::before {
  content: "\f0c9" !important; /* código Font Awesome “bars” */
  font-family: FontAwesome !important;
  font-size: 18px !important;
  color: #FFD700 !important;   /* dorado */
}

/* Hover y focus */
.main-header .sidebar-toggle:hover,
.main-header .sidebar-toggle:focus {
  background-color: #222222 !important;
  color: #FFD700 !important;
}

.main-header .sidebar-toggle:hover::before,
.main-header .sidebar-toggle:focus::before {
  color: #FFD700 !important;
}

/* Evita cambios de color al hacer clic */
.main-header .sidebar-toggle:active,
.main-header .sidebar-toggle:active::before {
  background-color: #222222 !important;
  color: #FFD700 !important;
}

/* Elimina la línea divisoria entre logo y navbar */
.main-header .logo,
.main-header .navbar {
  border-right: none !important;
  box-shadow: none !important;
}