.rightMainInfosBlock{
    display: flex;
    align-items: center;
    gap: 25px;
}

.closeInfosSalon{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.4s;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.closeInfosSalon:hover{
    background: rgb(211, 211, 211, 0.3);
}

.editInfosSalon{
    width: 100%;
    text-align: right;
    padding: 10px;
}

.editInfosSalonIcon{
    color: orange;
}

.menuDetailSalon{
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: rgb(221, 235, 240);
    margin-bottom: 10px;
}

.itemMenuDetailSalon{
    cursor: pointer;
    transition: 0.4s;
    position: relative;
}

.itemMenuDetailSalon:hover::after{
    width: 100%;
}

.itemMenuDetailSalon::after{
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    background: var(--mainBlue);
    bottom: 0;
    left: 0;
    transition: 0.5s;
}

.itemMenuDetailSalonActive{
    position: relative;
    color: var(--mainBlue);
}

.itemMenuDetailSalonActive::after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: var(--mainBlue);
    bottom: 0;
    left: 0;
    transition: 0;
}

.decisionEditInfosSalonWrapper{
    display: none;
}

.decisionEditInfosSalon{
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}

.validateEditInfosSalonIcon{
    color: green;
}

.cancelEditInfosSalonIcon{
    color: red;  
}