.message-alert {
    margin: auto;
    width: fit-content;
}

.card {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.card-title {
    padding: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 500;
    color: #012970;
    font-family: "Poppins", sans-serif;
}

.warning-feedback {
    /*
    Custom CSS class applied on fields shown with warning message
    Styles borrowed from Bootstrap's invalid-feedback class
    */
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: var(--bs-warning);
}

.is-warning {
    /*
    Custom CSS class applied on fields shown with warning message
    Styles borrowed from Bootstrap's is-invalid class
    */
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    border-color: var(--bs-warning) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.htmx-loader-overlay {
    position: fixed; /* Position fixed to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Center the element */
    z-index: 9999999; /* High z-index to appear above other elements */
    backdrop-filter: blur(3px);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.htmx-indicator{
    display:none;
}
.htmx-request .htmx-indicator{
    display:flex;
}
.htmx-request.htmx-indicator{
    display:flex;
}