.historiqueBlock{
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    width: 100vw;
    z-index: 100000;
    backdrop-filter: blur(10px) brightness(70%);
    background: rgba(0, 0, 0, 0.5);
    color: var(--textColor);
}

.historiqueDatas{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.historiqueView{
    width: 90%;
    max-height: 90%;
    background: var(--mainBackground);
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    overflow-y: scroll;
}

.headerHistorique{
    position: relative;
    text-align: center;
    font-weight: bold;
    background: var(--contentBackground);
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}

.closeHistorique{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    position: absolute;
}

.closeHistorique span{
    cursor: pointer;
}

.closeFicheClient span{
    cursor: pointer;
    opacity: 0.7;
    transition: 0.4s;
}

.closeFicheClient span:hover{
    opacity: 1;
}

.ligneRvou td{
    text-align: center;
}

#historiqueRdv{
    color: var(--textColor);
    background: var(--contentBackground);
}

#historiqueRdv tbody tr {
    background: var(--contentBackground);
}
.statRdv{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.statRdvGraph{
    min-height: 300px;
}

.loadingBox{
    /* width: 100%; */
}

.loadingBox>.loading{
    border-top: 4px solid rgba(255, 99, 132, 1);  
}