section {
    width: 100%;
}

.peers-container {
    max-width: 700px;
    width: calc(100% - 20px);
}

.flex-filtre {
    display: flex;
    justify-content: space-between;
}

.filtre {
    width: 30%;
    padding: 10px;
}

.action-btn {
    border: none !important;
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 15px !important;
    transition: 0.3s all ease;
}

    body.dark .action-btn.dark {
        background: var(--grey-light);
    }

    .action-btn img {
        display: none;
        height: 23px;
        max-width: 25px;
    }

    .action-btn:hover {
        opacity: 0.8;
    }

    .action-btn.consult {
        background: #353a48;
        color: white;
    }

    .action-btn.blue-btn, body.dark .action-btn.blue-btn {
        background: linear-gradient(180deg, var(--blue-start-gradient) 0%, var(--blue-end-gradient) 100%);
        color: white;
    }

    .action-btn.orange-btn, body.dark .action-btn.orange-btn {
        background: linear-gradient(180deg, var(--orange-start-gradient) 0%, var(--orange-end-gradient) 100%);
        color: white;
    }

    .action-btn.green-btn {
        background: linear-gradient(180deg, var(--green-start-gradient) 0%, var(--green-end-gradient) 100%);
        color: white;
    }

.button-load {
    background-color: var(--grey-light);
    width: 70%;
    text-align: center;
    border-radius: 10px;
    margin: 20px auto 20px auto;
    font-weight: bold;
    cursor: pointer;
}

    .button-load .see-more {
        padding: 10px;
    }

.retirer-button {
    background-color: var(--grey-light);
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

.span-retirer {
    margin-left: 10px;
    font-weight: bold;
}


.flex-hauteur {
    display: flex;
    align-items: center;
}



.profil-btns-wrapper.maxwidth {
    /*max-width: 200px;*/
}

.profil-btns-wrapper .btn-chat {
    background-color: var(--grey-light);
    width: 45px;
    height: 45px;
}

/*@media screen and (max-width:800px){
    .profil-btns-wrapper.content {
        flex-direction: column;
    }
}*/

.profil-btns-wrapper .btn-action {
    height: 45px;
    color: white;
    background: var(--blue-start-gradient);
    background: linear-gradient(180deg, var(--blue-start-gradient) 0%, var(--blue-end-gradient) 100%);
    padding: 13px;
}

    .profil-btns-wrapper .btn-action.purple {
        background: var(--purple-start-gradient);
        background: linear-gradient(180deg, var(--purple-start-gradient) 0%, var(--purple-end-gradient) 100%);
    }

    .profil-btns-wrapper .btn-action.orange {
        background: var(--orange-start-gradient);
        background: linear-gradient(180deg, var(--orange-start-gradient) 0%, var(--orange-end-gradient) 100%);
    }

    .profil-btns-wrapper .btn-action:hover {
        filter: brightness(1.2);
    }

.profil-btns-wrapper .btn-chat:hover {
    filter: brightness(1.03);
}

.profil-btns-wrapper .btn-obj {
    background-color: var(--grey-light);
    height: 45px;
}

.profil-btns-wrapper .obj-content {
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    width: 300px;
    padding-right: 40px;
    z-index: 500;
}

    .profil-btns-wrapper .obj-content .item {
        position: relative;
        cursor: pointer;
    }

        .profil-btns-wrapper .obj-content .item svg.position-absolute {
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            display: none;
        }

        .profil-btns-wrapper .obj-content .item.selected svg.position-absolute {
            display: block;
        }

.profil-btns-wrapper .contact-btn {
    position: relative;
    color: white;
    background: linear-gradient(280deg, rgba(3, 160, 241, 1) 0%, rgba(63, 63, 216, 1) 100%);
}

body.dark .profil-btns-wrapper .contact-btn {
    position: relative;
    color: white;
    background: var(--grey-light);
}

.profil-btns-wrapper .btn-add-peer {
    position: relative;
    color: white;
    background: rgb(3, 160, 241);
    background: linear-gradient(280deg, rgba(3, 160, 241, 1) 0%, rgba(63, 63, 216, 1) 100%);
}

    .profil-btns-wrapper .btn-add-peer:hover {
        filter: brightness(1.1);
    }

.profil-btns-wrapper .btn-add2 {
    position: relative;
    /*color: white;*/
    /*height: 45px;*/
    /*width: 145px;*/
    padding: 0px 12px 0px 48px;
    /*background: transparent;*/
}

    .profil-btns-wrapper .btn-add2:hover {
        filter: brightness(1.1);
    }

@media screen and (max-width:350px) {
    .profil-btns-wrapper .btn-add3 {
        width: 140px;
    }
}

.profil-btns-wrapper .btn-add3 {
    position: relative;
    /*color: white;*/
    /*height: 45px;*/
    /*width: 187px;*/
    padding: 0px 12px 0px 48px;
    background: transparent;
}

    .profil-btns-wrapper .btn-add3:hover {
        filter: brightness(1.1);
    }

.profil-btns-wrapper .btn-contact-peer {
    position: relative;
    color: white;
    height: 45px;
    padding: 0px 12px 0px 48px;
    width: 140px;
    background: rgb(3, 160, 241);
    background: linear-gradient(280deg, rgba(3, 160, 241, 1) 0%, rgba(63, 63, 216, 1) 100%);
}

    .profil-btns-wrapper .btn-contact-peer::after {
        position: absolute;
        z-index: 50;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-size: 20px;
        background-image: url(../images/icons/ic_chat_white.svg);
        background-repeat: no-repeat;
        background-position: center left 15px;
    }

    .profil-btns-wrapper .btn-contact-peer:hover {
        filter: brightness(1.1);
    }


.profil-btns-wrapper .gestion-user-wrapper {
    /*right: -35px;
    top: 5px;*/
}

    .profil-btns-wrapper .gestion-user-wrapper .btn-gestion, .gestion-user-wrapper.more-action .btn-gestion {
        height: 45px;
        width: 38px;
    }

        .profil-btns-wrapper .gestion-user-wrapper .btn-gestion:hover, .gestion-user-wrapper.more-action .btn-gestion:hover {
            background-color: var(--grey-light);
        }

        .profil-btns-wrapper .gestion-user-wrapper .btn-gestion.open, .gestion-user-wrapper.more-action .btn-gestion.open {
            background-color: var(--grey-light);
        }

        .profil-btns-wrapper .gestion-user-wrapper .btn-gestion + .gestion-user-content,
        .gestion-user-wrapper.more-action .btn-gestion + .gestion-user-content {
            opacity: 0;
            pointer-events: none;
            display: none;
            /*    width: 210px;
    padding: 10px;
    top: 55px;
    left: 0px;*/
            width: 300px;
            padding: 10px;
            left: 44px;
            /*background-color: #353a48;*/
            z-index: 99;
        }


@media screen and (max-width:950px) {
    .profil-btns-wrapper .gestion-user-wrapper .btn-gestion + .gestion-user-content {
        /*right: -25px;*/
        z-index: 1000;
        left: auto;
        top: 45px;
    }

    .btn-start .gestion-user-content {
        position: fixed;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        bottom: 60px;
        width: 350px;
    }

    .btn-wait .gestion-user-content,
    .btn-done .gestion-user-content {
        position: fixed;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        bottom: 60px;
    }
}

@media (min-width: 950px) {
    .profil-btns-wrapper .gestion-user-wrapper .btn-gestion + .gestion-user-content,
    .more-action.gestion-user-wrapper .btn-gestion + .gestion-user-content {
        top: 0;
    }

    .profil-btns-wrapper.menu .gestion-user-wrapper .btn-gestion + .gestion-user-content {
        right: 0px;
        z-index: 1000;
        left: auto;
        top: 45px;
    }
}

.profil-btns-wrapper .gestion-user-wrapper .btn-gestion.open + .gestion-user-content,
.more-action.gestion-user-wrapper .btn-gestion.open + .gestion-user-content {
    opacity: 1;
    pointer-events: all;
    display: block;
}

.gestion-user-content .item {
    /*    margin-bottom: 15px;
    display: flex;
    align-items: center;*/
}

.gestion-user-content .item2 {
    display: flex;
    align-items: center;
}

.gestion-user-content .item img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.gestion-user-content .item2 img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}




@media screen and (max-width:800px) {
    .profil-pictures-wrapper .banner-wrapper {
        height: 100px;
    }
}




.no-peers-wrapper {
    z-index: 20;
}

    .no-peers-wrapper * {
        position: relative;
        z-index: 15;
    }

    .no-peers-wrapper .circle {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 10;
        opacity: 0.4;
    }

        .no-peers-wrapper .circle circle {
            fill: #431453;
        }

    .no-peers-wrapper .business {
        position: absolute;
        z-index: 11;
        width: 176px;
        left: 57%;
        top: 48%;
        opacity: 0.4;
        transform: translate(-50%, -50%) rotate(3deg);
    }

.gestion-user-content.saved .add-favorite,
.gestion-user-content .remove-favorite,
.gestion-user-content.isfollowed .follow-profile {
    display: none;
}
.gestion-user-content.saved .remove-favorite,
.gestion-user-content .add-favorite,
.gestion-user-content.isfollowed .unfollow-profile,
.gestion-user-content .follow-profile {
    display: flex;
}

.icon-container
{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}