.modal-header .btn-close {
    font-size: 1rem !important;
}
.modal-header-centered {
    position: relative;
}

.modal-header-centered .modal-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: max-content;
    font-size: 1rem;
}

.modal-body.modal-body-compact {
    padding: 0.5rem 1rem;
}

.modal-footer.modal-footer-compact {
    padding: 0.5rem 1rem;
}

.swal2-container.swal2-backdrop-show{
    z-index : 9999 !important;
}

.finkit-minimizable .modal-header {
    position: relative;
    padding-right: 4rem;
}

.finkit-minimizable .modal-header .finkit-modal-minimize-btn,
.finkit-minimizable .modal-header .btn-close {
    position: absolute;
    top: 0.5rem;
    margin: 0;
    z-index: 2;
}

.finkit-minimizable .modal-header .finkit-modal-minimize-btn {
    right: 3rem;
    padding: 0.25em 0.4em;
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 0.5;
    line-height: 1;
    cursor: pointer;
    font-size: 1rem !important;
}

.finkit-minimizable .modal-header .finkit-modal-minimize-btn:hover {
    opacity: 0.9;
}

.finkit-minimizable .modal-header .btn-close {
    right: 1rem;
}

.modal.finkit-modal-minimized {
    pointer-events: none;
    overflow: visible;
}

.modal.finkit-modal-minimized .modal-dialog {
    pointer-events: auto;
    position: fixed;
    display: block;
    margin: 0;
    width: 460px;
    max-width: 90vw;
    min-height: 0;
    height: auto;
    top: auto;
    left: auto;
    right: 1rem;
    bottom: 1rem;
    transform: none;
    transition: none;
}

.modal.finkit-modal-minimized .modal-content {
    height: auto;
    max-height: 80vh;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3);
    container-type: inline-size;
    container-name: finkit-modal;
}

.modal.finkit-modal-minimized .modal-body {
    overflow-y: auto;
}

.modal.finkit-modal-minimized .modal-header {
    cursor: move;
    border-bottom: 0;
    user-select: none;
}

.modal-header button:has(> .fa-window-minimize) {
    top: 0.1rem !important;
    right: 3.5rem !important;
}

@media (max-width: 767.98px) {
    .finkit-minimizable .modal-header .finkit-modal-minimize-btn,
    .modal-header button:has(> .fa-window-minimize),
    .modal-header button:has(> .fa-window-restore) {
        display: none !important;
    }

    .finkit-minimizable .modal-header {
        padding-right: 2.5rem;
    }
}

@container finkit-modal (max-width: 575.98px) {
    .modal-content [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .modal-content .col-sm-1 {
        flex: 0 0 8.333333% !important;
        max-width: 8.333333% !important;
    }

    .modal-content .col-sm-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }

    .modal-content .col-sm-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .modal-content .col-sm-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .modal-content .col-sm-5 {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }

    .modal-content .col-sm-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .modal-content .col-sm-7 {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
    }

    .modal-content .col-sm-8 {
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    .modal-content .col-sm-9 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }

    .modal-content .col-sm-10 {
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }

    .modal-content .col-sm-11 {
        flex: 0 0 91.666667% !important;
        max-width: 91.666667% !important;
    }

    .modal-content .col-sm-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .modal-header .justify-content-lg-end {
        justify-content: flex-start !important;
    }

    .d-sm-none {
        display: none !important;
    }
}