@layer components {
    .modal-container {
        @apply overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center;
    }
    /*Ajout 11/03/2024: h-full*/
    .modal-card {
        @apply relative w-auto my-6 mx-auto;
        transform: scale(0.90); /* Mise à l'échelle à 80% (ajustez la valeur selon vos besoins) */
        transform-origin: center center; /* Remet le point de référence au centre */

    }

    .modal-body {
        @apply border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none;
        transform: scale(0.88); /* Mise à l'échelle à 80% (ajustez la valeur selon vos besoins) */
        transform-origin: center center; /* Remet le point de référence au centre */

    }
    .modal-body-no-scale {
        @apply border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none;
        transform-origin: center center; /* Remet le point de référence au centre */

    }

    /*.modal-body .accordion {*/
    /*    transform: scale(0.88); !* Mise à l'échelle à 80% (ajustez la valeur selon vos besoins) *!*/
    /*    transform-origin: center center;  !* Inverse de l'échelle appliquée à la modal *!*/
    /*}*/

    .modal-header {
        @apply flex items-start justify-between p-0 border-b border-solid border-gray-200 rounded-t;
    }

    .modal-title {
        @apply text-3xl font-semibold;
    }

    .btn-modal-header {
        @apply p-0 ml-auto bg-transparent border-0 text-gray-300 float-right text-3xl leading-none font-semibold outline-none focus:outline-none;
    }

    .btn-modal-header>span {
        @apply bg-transparent h-6 w-6 text-2xl block outline-none focus:outline-none;
    }

    .modal-content {
        @apply relative p-0 flex-auto overflow-auto ;
    }

    .modal-content>p {
        @apply my-4 text-gray-500 text-lg leading-relaxed;
    }

    .modal-footer {
        @apply flex items-center justify-end p-0 border-t border-solid border-gray-200 rounded-b;
    }

    .btn-modal-footer {
        /*@apply text-indigo-500 bg-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150;*/
    }

    .modal-backdrop-container {
        @apply opacity-25 fixed inset-0 z-40 bg-black;
    }
}