/*-----------------------------------------------------------
    Loading spinner
----------------------------------------------------------*/
.loading-spinner-container{
    position: absolute;
    z-index: 999;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:rgba(255,255,255,0.5);
}

.loading-spinner {
    border: 0.5em solid #1fb5ac;
    border-top: 0.5em solid rgba(255,255,255,0);
    border-radius: 50%;
    width: 5em;
    height: 5em;
    animation: spin 2s linear infinite;
    margin: auto;
    position: relative;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*-----------------------------------------------------------
    Modals
----------------------------------------------------------*/

#historyModal .modal-dialog {
    width: 50%;
}

#historyModal .modal-body {
    margin: 0;
}

/*-----------------------------------------------------------
    display classes
----------------------------------------------------------*/
.d-inline-block {
    display: inline-block;
}

/*-----------------------------------------------------------
    other
----------------------------------------------------------*/
.selected-border {
    border: 2px solid #1fb5ac;
}

.notification-widget li .profile-status.zoi{
    position: relative;
}

.text-red {
    color: red;
}

.section-title {
    border-bottom: 2px solid #ccc; /* Couleur de la ligne */
    padding-bottom: 5px; /* Espacement entre le texte et la ligne */
    margin-bottom: 15px; /* Espacement sous la section */
    font-weight: bold; /* Optionnel : rend le titre plus visible */
}