/* Estilo para el contenedor principal de la modal */
    .my-swal-container {
        background-color: #fff;
        border-radius: 10px;
        z-index: 9999 !important;
    }
    
    
    .my-swal-confirm-button2 {
        background-color: #ff9034  !important;
        color: white !important;
    }
    
    /* Estilo para el título de la modal */
    .my-swal-title2 {
        font-size: 20px !important; /* Tamaño de fuente del título */
        color: #333; /* Color del texto del título */
        margin-bottom: 15px;
    }
    /* Estilo para la etiqueta y el input en la modal */
    .my-swal-list-item {
        list-style: none;
        margin-bottom: 5px;
        align-items: start;
        text-align: start;
        width: 100%; /* Esto permite que el ancho sea 100% del contenedor */
    }

    .my-swal-label {
        display: inline-block;
        align-items: start;
        width: 220px;
        font-weight: bold;
        font-size: 16px;
    }

    .my-swal-input-container {
        display: static;
        width: 100%;
    }

    .my-custom-number-input {
        width: 300px; /* Ajusta el ancho según tus necesidades */
        font-size: 14px; /* Ajusta el tamaño de fuente según tus necesidades */
        /* Otros estilos personalizados según tus necesidades */
    }
    
    .etiquetaDato{
        font-size: 18px;
        font-weight: normal;
    }

    .my-swal-input,
    .my-swal-select, /* Agrega esta clase para el menú desplegable */
    .my-swal-date /* Agrega esta clase para el date input */ {
        width: 100%;
        font-size: 16px; /* Ajusta según sea necesario */
        height: 100%;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    /* Estilo para los botones de la modal */
    .my-swal-cancel-button,
    .my-swal-confirm-button {
        padding: 10px 20px;
        margin: 0 5px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .my-swal-cancel-button {
        background-color: #ff0000;
        color: #ffffff;
    }

    .my-swal-confirm-button {
        background-color: #4caf50;
        color: #fff;
    }

    /* Estilo para las columnas de la modal */
    .my-swal-col {
        margin-bottom: 0rem !important;
    }