﻿/* notification-modal.css */

/* Estilos base para el ícono */
#notificationModal .modal-icon {
    font-size: 2.5rem; /* Tamaño grande para el ícono */
}

/* Estilos para el encabezado según el tipo de mensaje */
#notificationModal .modal-header.modal-success {
    background-color: #d4edda; /* Verde claro */
    color: #155724; /* Verde oscuro */
    border-bottom: 1px solid #c3e6cb;
}

#notificationModal .modal-header.modal-error {
    background-color: #ef5050; /* Rojo claro */
    color: #ef5050; /* Rojo oscuro */
    border-bottom: 1px solid #f5c6cb;
}

#notificationModal .modal-header.modal-warning {
    background-color: #fff3cd; /* Amarillo claro */
    color: #856404; /* Amarillo oscuro */
    border-bottom: 1px solid #ffeeba;
}

#notificationModal .modal-header.modal-info {
    background-color: #d1ecf1; /* Azul claro */
    color: #0c5460; /* Azul oscuro */
    border-bottom: 1px solid #bee5eb;
}

/* Estilos para los íconos según el tipo de mensaje */
#notificationModal .modal-icon.icon-success {
    color: #28a745; /* Verde */
}

#notificationModal .modal-icon.icon-error {
    color: #cc0000; /* Rojo */
}

#notificationModal .modal-icon.icon-warning {
    color: #ffc107; /* Amarillo */
}

#notificationModal .modal-icon.icon-info {
    color: #17a2b8; /* Azul */
}
.form-check-input {
 
    margin-right: 1.5rem !important; 
}