#back {
  background: url("../../img/plantilla/back.png");
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

/*=================================
  Color de la Barra de inicio 
=================================*/

.navbar-custom {
  background-color: #004D96 !important; /* tu color */
}
.navbar-custom .nav-link,
.navbar-custom .navbar-brand {
  color: #ffffff !important; /* texto en blanco */
}


/*=================================
  Colores Personalizados  
=================================*/

/*
- Colores de la paleta de la empresa 
- para los small boxes y formularios 
- para las tablas y configuraciones generales 
*/

.bg-Principal {
  background-color: #004D96 !important; 
}

.card-top-border {
  border-top: 3px solid #004D96; /* tu color */
  border-right: none;
  border-left: none;
  border-bottom: none;
}

.bg-Secundario {
  background-color: #88E69F !important; /* verde */
}

.bg-Secundario1 {
  background-color: #A2A095 !important; /* verde */
}

.bg-Secundario2 {
  background-color: #EFE9E7 !important; /* verde */
}

.bg-Secundario3 {
  background-color: #C9D7D2 !important; /* verde */
}

.bg-Secundario4 {
  background-color: #A2C4BD !important; /* verde */
}


/* ESTILOS PARA MODAL DE EDICION */

.input-group-text i {
    font-size: 1.2rem; 
    width: 20px; 
    text-align: center;
}

.editarcss {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    justify-content: flex-start; /* Alinea el contenido a la izquierda */
    width: 133px; /* Mantiene un ancho fijo */
    padding: 6px 12px;
    gap: 3px; /* Espaciado entre ícono y texto */
    white-space: nowrap; /* Evita que el texto se divida */
    text-align: left; /* Asegura alineación del texto */
}

.editarcss i {
    font-size: 1.2rem;
    width: auto; /* Evita que el ícono se estire */
    margin-right: 5px; /* Espaciado entre ícono y texto */
}

.text-center-custom {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width: 100%;
    color: #28a745; /* Verde de AdminLTE */
    font-weight: bold; /* Texto en negrita */
}

/* ALERTA DE ELIMINACION EN ROJO CON BLANCO  */  

.swal-red-background {
  background-color: #dc3545 !important; /* Fondo rojo */
  color: white !important; /* Texto blanco */
}

/* Asegurar que el título y el texto sean blancos */
.swal-red-background .swal2-title,
.swal-red-background .swal2-content,
.swal-red-background .swal2-html-container {
  color: white !important;
}

/* Asegurar que los botones sean visibles */
.swal-red-background .swal2-confirm {
  background-color: white !important;
  color: #d33 !important;
  border: none;
}

.swal-red-background .swal2-cancel {
  background-color: #6c757d !important;
  color: white !important;
  border: none;
}

/* Cambiar color del icono */
.swal-red-background .swal2-icon {
  filter: brightness(0) invert(1); /* Convierte a blanco */
}

/* Asegurar que los subelementos del ícono sean blancos */
.swal-red-background .swal2-icon::before,
.swal-red-background .swal2-icon::after,
.swal-red-background .swal2-icon svg {
  fill: white !important; /* Para los iconos en formato SVG */
  color: white !important; /* Para otros posibles elementos */
}