.right-content {
    width: 100%
}

.dashboard {
    display: flex
}

.right-content.blur {
    overflow: hidden;
    filter: blur(4px) grayscale(80%);
}

.hamburger-icon > .fa.fa-times {
    display: none;
}

.hamburger-icon.open > .fa.fa-times {
    display: block;
}

.hamburger-icon.open > .fa.fa-bars {
    display: none;
}

.navbar-avocat {
    padding: 35px 24px;
    height: 100%;
    min-height: calc(100vh - 93px);
    position: relative;
    background-color: #25233C;
    color: #fff;
    width: 236px;
    /* max-width: 228px; */
    overflow: hidden;
    display: none;
    transition: all 1s ease-in-out;
}

.navbar-avocat.show {
    margin-left: 0;
    display: block;
}

.navbar-avocat span {
    display: block;
}

.titre-avocat {
    margin: 0 2px 47px;
    /* padding: 36px 52px; */
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;

}

.titre-avocat a,
.titre-avocat a:hover {
    color: #fff

}

.compte-avocat {
    padding: 1px 23px 1px 1px;
    margin: 0 2px 34px;
    font-family: futura-bold;
    font-size: 27px;
    line-height: 36px;
}

.menu-avocat {
    position: relative;
    gap: 25px;
    display: flex;
    flex-direction: column;
    list-style: none;
    font-family: futura-medium;
    font-size: 18px;
    line-height: 20px;
}


.menu-avocat > .active {
    position: relative;
    gap: 25px;
    display: flex;
    flex-direction: column;
    list-style: none;
    font-family: futura-medium;
    font-size: 18px;
    line-height: 20px;
    font-weight: bolder;
    font-style: italic;
}

.menu-avocat a {
    text-decoration: none;
    color: #fff;
}


.cells-avocat {
    right: 58px;
    top: 100%;
    position: absolute;
}

.alert > ul > li {
    list-style: none;
}

.entete span {
    display: block;
}

.header-avocat {
    background-color: #40BCCF;
    max-height: 92px;
    color: #fff;
    display: flex;
    padding: 0 40px;
    flex-direction: column;
}

.entete {
    padding: 0;
}

.salutaion {
    padding: 22px 0 9px;
    font-size: 20px;
    line-height: 14px;
    font-family: futura-bold;

}

span.e_learning {
    flex: 0.2;
    text-align: center;
}

.formation-trouvez {
    padding: 0 0 15px;
    font-size: 13px;
    line-height: 14px;
    font-family: futura-bold;
}

.date-header {
    font-family: futura-bold;
    font-size: 16px;
    line-height: 18px;

    text-transform: capitalize;
}

.contenu-tableau {

    /*!* padding: 121px; *!*/
    /*padding: 30px 200px 64px 120px;*/
    margin-left: 58px;
    display: flex;
    gap: 40px;
    padding: 23px 20px 61px 23px;
    flex-direction: column;
    margin-right: 59px;
}

.formation-avocat {
    display: flex;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 19px;
    padding: 33px 38px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 22px;
}

.formation-avocat span {
    display: block;
}

.formation-suivie {
    font-family: futura-bold;
    font-size: 16px;
    line-height: 17px;
    padding: 2px 0 8px;
}

.compte-for a {
    color: #008CD6;
    font-size: 12px;
    line-height: 16px;
    font-family: futura-medium;
    border-bottom: solid;
    border-bottom-color: #008CD6;
    border-bottom-width: 1px;

}

.add-for {
    letter-spacing: 1px;
    font-family: futura-bold;
    border-radius: 32px;
    background-color: #25233C;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 15px 10px 15px;
    border-color: #25233C;
}

.save_button {
    letter-spacing: 1px;
    font-family: futura-bold;
    border-radius: 32px;
    background-color: #25233C;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 15px 10px 15px;
    border-color: #25233C;
    width: 200px;
}

.heure span {
    display: block;
}

.nbr-heure {
    font-family: futura-bold;
    font-size: 17px;
    line-height: 22px;
}

.total {
    font-size: 11px;
    line-height: 17px;
    font-family: futura-medium;
}


.agenda-avocat {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 36px;
}

.agenda-item {
    padding: 31px 54px 0 54px;
}

.agenda-item-2 {
    display: none}

.nom_formation {
    color: black;
}

.prochaine {
    background: #373650;
    color: #FFF;
    border-radius: 9px;
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 9px 3px 8px;
}

.date-form {
    font-size: 11px;
    line-height: 14px;
    font-family: futura-medium;
}


.inscrit-avocat {
    background: #B11926;
    border-color: #B11926;
    color: #fff;
    padding: 8px 14px 8px 14px;
    border-radius: 32px;
    font-size: 11px;
    line-height: 13px;
    font-family: futura-bold;
    letter-spacing: 1px;
}

.agenda-item-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 22px 0 0;
    flex-direction: column;
}

.agenda-item-1 p {
    font-family: futura-bold;
    font-size: 15px;
    line-height: 18px;
    max-width: 519px;

}

.agenda-item-1 img {
    margin-left: -144px;
    max-width: 70px;
}


.agenda {
    font-size: 23px;
    line-height: 28px;
    font-family: futura-bold;
}

.favori a {
    border-bottom: solid;
    border-bottom-color: #008CD6;
    border-bottom-width: 1px;
    text-decoration: none;
    color: #008CD6;
    font-family: futura-medium;
    font-size: 12px;
    line-height: 17px;
}

.formation-suiv {
    gap: 14px;
    display: flex;
    align-items: center;
    flex-direction: column;

}

.deconnexion {
    margin-left: 20px;
    border: 2px solid #25233C;
    background: #F7F7F7;
    border-radius: 48px;
    font-family: futura-bold;
    font-size: 11px;
    line-height: 10px;
    padding: 10px;
}

.nom-avocat {
    font-size: 12px;
    line-height: 17px;
    font-family: futura-medium;

}

.profil img {
    transform: scale(.67);

}

.profil {
    display: flex;
    align-items: center;
    margin: auto 0 auto;
    flex-direction: column;
}

.favori-avocat {
    padding: 0 36px 0 0;
    display: flex;
    margin: 20px 0;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.date_agenda {
    gap: 18px;
    display: flex;
    flex-direction: column;
}

.fc-toolbar.fc-header-toolbar {
    display: none;

}

.fc-view-container .fc-view {
    overflow-y: hidden;
}

.compte-formation {
    justify-content: space-evenly;
    padding: 47px;
    display: flex;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 28px;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.titre-compte {
    font-family: futura-bold;
    font-size: 17px;
    line-height: 22px;
}

.nbre-h {
    font-family: futura-bold;
    font-size: 23px;
    line-height: 35px;
}

.item-1 {
    position: relative;
    display: flex;
    flex-direction: column;
}

.item-3 p {
    color: #8E8E8E;
    font-family: futura-medium;
    font-size: 9px;
    line-height: 13px;
    max-width: 175px;
}

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

.prec {
    font-size: 11px;
    line-height: 14px;
    font-family: futura-medium;
}

.en_cours {
    color: #B11926;
    font-family: futura-bold;
    font-size: 12px;
    line-height: 17px;
    position: relative;

}

.en_cours:hover {
    color: #B11926;


}

.en_cours:after {
    width: 100%;
    position: absolute;
    height: 6px;
    content: '';
    background-color: #B11926;
    display: block;
    border-radius: 8px;
    margin-top: 4px;

}

.annee {
    display: flex;
    padding: 57px 0 30px 59px;
    gap: 12px;
    align-items: center;
}

.total-h {
    display: flex;
    padding: 1px 0 20px 57px;
    gap: 79px;
    align-items: center;
}

.heure-for {
    font-size: 11px;
    font-family: futura-medium;
    line-height: 14px;
}

.nbre-hf {
    font-family: futura-bold;
    font-size: 19px;
    line-height: 25px;
}

.for-telecharger {
    display: flex;
    background-color: #FFB5B5;
    padding: 24px 3px 17px 19px;
    margin-left: 21px;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;

}


.formation-tel {
    font-family: futura-medium;
    font-size: 12px;
    line-height: 17px;
}

.telechargement {
    text-decoration: underline;
    color: #000000;
    font-size: 14px;
    line-height: 19px;
    font-family: futura-bold;

}

.formation-fav {
    gap: 13px;
    align-items: center;
    margin: 25px 18px;
    padding: 24px 0;
    /*padding: 50px 0;*/
    box-shadow: 0 3px 6px #00000029;
    border-radius: 20px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.nom_for span {
    display: block;
}

.nom_formation:hover {
    color: black
}

.titre-for {
    font-family: futura-medium;
    font-size: 12px;
    line-height: 17px;
}

.date_add {
    font-size: 9px;
    line-height: 13px;
    font-family: futura-medium;
    color: #838383;
    opacity: 0.58;
}

.e_learning {
    color: #fff;
    background: #DFB82D;
    border-color: #DFB82D;
    border-radius: 8px;
    font-family: futura-medium;
    font-size: 8px;
    line-height: 10px;
    padding: 5px 13px;
}

.pdf {
    display: flex;
    gap: 49px;
    align-items: center;
}

.pdf span {
    font-size: 9px;
    font-family: futura-medium;
    line-height: 13px;
}

.pdf_picture {
    /*transform: scale(.67);*/
    max-width: 30px;
}

.demi_cercle {
    top: -12px;
    /* margin-right: 71px; */
    position: absolute;
    max-width: 75px;
    left: 0;
}

.heure {
    /*padding: 0 29px 0 1px;*/
    position: relative;
    text-align: center;
    min-width: 75px;
}

.formation-avocat .add-for {
    white-space: nowrap;
}

.formation-avocat .download-content {
    position: relative;
    /*max-width: 254px;*/
    width: 200px;
    text-align: center;
}

.compte-formation .download-content {
    position: relative;
    /*max-width: 254px;*/
    width: 200px;
    text-align: center;
}

.formation_page {
    left: -21px;
}

.formulaire {
    gap: 60px;
    display: flex;
}

.header-add span {
    display: block;
}

.aj_for {
    font-family: futura-bold;
    font-size: 17px;
    line-height: 22px;
}

.detail_add {
    font-family: futura-medium;
    font-size: 12px;
    line-height: 17px;
}

.item_formation {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.formation_det {
    font-size: 13px;
    font-family: futura-medium;
    line-height: 18px;
}

.item-formation1 {
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.date_titre {
    width: 306px;
}

.contenu {
    font-size: 16px;
    line-height: 21px;
    font-family: futura-bold;

}

.heures {
    width: 64px;
}

.descrt_for span {
    display: block;
}

.descrt_for {
    width: 279px;
}

.descrt_for1 {
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
    color: #707070;
}

.descrt_for2 {
    font-family: futura-bold;
    font-size: 11px;
    line-height: 14px;
    color: #707070;
}

.type_for {
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
}

.telecharger {
    transform: scale(.75);

}

.add-formation {
    border-radius: 32px;
    background-color: #25233C;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-family: futura-bold;
    padding: 13px 17px 12px 17px;
    border-color: #25233C;
}

.radio_type1 {
    display: flex;
    gap: 70px;
}

.radio_type {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.radio_type input {
    accent-color: #B11926;
    margin: auto;
}

.item_for1 {
    padding: 0 10px 19px 2px;
}

.item_for2 {
    padding: 0 10px 29px 2px;
}

.item_for3 {
    padding: 0 10px 40px 1px;
}

.barre {
    color: #000 !important;
    background-color: #f1f1f1 !important;

}

.progress_bar {
    width: 189px;
    color: #000 !important;
    background-color: #f1f1f1 !important;
    height: 10px;

}

.infobulle span {
    display: none;
}

.contenu_barre {
    color: #fff !important;
    background-color: #000000 !important;
    height: 10px;
}

.progress_barre {
    flex: 0.4;
}

.historique_modal {
    padding: 9px 16px;
}

.modal-title {
    font-size: 20px;
    font-family: futura-bold;
    line-height: 27px;
}

.modal_delete {
    border: 0;
    padding: 31px 51px 0 51px;
}

.delete_msg {
    padding: 0 37px;
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
}

.delete {
    color: #fff;
    background: #25233C;
    border: #25233C;
    border-radius: 15px;
    font-size: 9px;
    line-height: 13px;
    font-family: futura-bold;
    padding: 8px 13px;
}

.button_delete {
    padding: 10px 37px;
}


.corrdonnee {
    gap: 7px;
    display: flex;
    flex-direction: column;
}

.nom_prenom {
    gap: 18px;
    display: flex;
    flex-direction: column;
    padding: 0 41px 36px 0;
}

.nom_pre {
    font-family: futura-medium;
    font-size: 13px;
    line-height: 18px;
}

.header_hr {
    margin: auto;
}

.favorie {

    font-family: futura-bold;
    font-size: 17px;
    line-height: 22px;
}

.historique {
    display: flex;
    gap: 59px;
}

.favor {
    color: black;
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
}

.favor:hover {
    color: black;

}

a, a:hover {
    text-decoration: none;
}

.historique_rech {
    color: #B11926;
    font-family: futura-bold;
    font-size: 12px;
    line-height: 17px;
}

.historique_rech:hover {
    color: #B11926;

}

.historique_rech:after {
    width: 28px;
    position: absolute;
    height: 6px;
    content: '';
    background-color: #B11926;
    display: block;
    border-radius: 8px;
    margin-top: 2px;

}

.contenu-tableau1 {
    display: flex;
    gap: 40px;
    padding: 8px 0 6px 39px;
    margin: auto;
    flex-direction: column;
}

.contenu-tableau2 {
    display: flex;
    gap: 40px;
    /*padding: 5px 199px 90px 138px;*/
    /* padding: 121px; */
    padding: 5px 22px 90px 22px;
    flex-direction: column;

}

.header_historique {
    display: flex;
    gap: 11px;
    align-items: center;
    flex-direction: column;
}

.supp {
    font-size: 9px;
    font-family: futura-medium;
    line-height: 13px;
    text-decoration: underline;
}

.entete_favoris {
    padding: 0 42px;
    display: flex;
    justify-content: space-between;
}

.page_pagination {
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
}

.favoris_item {
    padding: 17px 95px 0 39px;
    flex-direction: column;
    border-radius: 27px;
    box-shadow: 0 3px 6px #00000029;
    display: flex;
}

.image-formations {
    max-width: 71px;
}

.favoris_item1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.favoris_item2 {
    padding: 11px 72px;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.nom_for {
    font-size: 12px;
    font-family: futura-bold;
    line-height: 17px;
}

.detail_for {
    transform: scale(.67);

}

.detail_for1 {
    opacity: 0.45;
    font-family: futura-medium;
    font-size: 9px;
    line-height: 13px;
    min-width: 80px;
    display: block;
}

.date_form {
    font-size: 11px;
    line-height: 14px;
    font-family: futura-medium;
}

.consulter a {
    color: #B11926;
    font-family: futura-bold;
    font-size: 11px;
    line-height: 15px;
    text-decoration: none;
}

.inscripit {
    background: #fff;
    border-color: #B11926;
    border-radius: 32px;
    color: #B11926;
    font-family: futura-bold;
    font-size: 9px;
    line-height: 13px;
    padding: 11px 19px;
}

.inscrit1 {
    color: #B11926;

}

.inscrit2 {
    color: #fff;

}

.inscrit1:hover {
    color: #B11926;

}

.inscri {
    background: #B11926;
    border-color: #B11926;
    border-radius: 32px;
    color: #fff;
    font-family: futura-bold;
    font-size: 9px;
    line-height: 13px;
    padding: 11px 19px;
    white-space: nowrap;
}

.favori_item {
    gap: 25px;
    padding: 21px 44px 21px 26px;
    border-radius: 27px;
    box-shadow: 0 3px 6px #00000029;
    display: flex;
    flex-direction: column;
}

.favori_item_proch {
    padding: 21px 44px 21px 26px;
    border-radius: 27px;
    box-shadow: 0 3px 6px #00000029;
    display: flex;
    flex-direction: column;
}

.formation_date {
    gap: 18px;
    display: flex;
    align-items: center;
    padding: 2px 45px;
    flex-direction: column;
}

.nom_forma {
    padding: 20px 0;
    gap: 26px;
    display: flex;
    align-items: center;
}

.favoris_item_for {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}


.duree {
    font-size: 11px;
    font-family: futura-medium;
    line-height: 14px;
}

/*.duree_historique {*/
/*    margin: 53px auto;*/
/*}*/

.close-facture,
.close-attestation {
    display: none;
    font-weight: 900;
    color: #B11926;
    cursor: pointer;
}

.is-blue {
    color: blue;
}

.delete_formation a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 19px;
    color: #008CD6;

}

.delete_formation a:hover {
    color: #008CD6;
}

.favori_item3 {
    display: flex;
    align-items: center;
    min-width: 125px
}

.paginat {
    display: flex;
    gap: 13px;
    justify-content: flex-end;
}

.download {
    font-size: 12px;
    font-family: futura-bold;
    line-height: 15px;
    background: #B11926;
    color: #fff;
    border-color: #B11926;
    border-radius: 48px;
    padding: 7px 21px;
}

.downolad_titre {
    position: absolute;
    top: -125%;
    color: #8E8E8E;
    font-family: futura-medium;
    font-size: 11px;
    line-height: 14px;
}

.hitorique_item {
    display: flex;
    align-items: center;
    min-width: 100px;
    max-width: 170px;
}

/*calender*/
tr:first-child > td > .fc-day-grid-event {
    background-color: #373650;
    margin-right: 30px;
    margin-left: 15px;
    color: white;
    border-color: #373650;
    margin-top: 54px !important;
}

.agenda_avocat {
    display: none;
}

a.hamburger-icon {
    background-color: #25233c;
    padding: 15px;
    border-radius: 50%;
    color: #fff;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 10;
    border: 2px solid #40bccf;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deconnect {
    gap: 16px;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    margin-top: 29px;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 768px) {

    .header_historique,
    .favori_item,
    .favoris_item2,
    .favoris_item1,
    .favoris_item_for,
    .agenda-item-1,
    .profil,
    .favori-avocat,
    .formation_date {

        flex-direction: row;
    }
    .agenda-item-2 {
        display: block;
        padding: 3px 54px 25px 54px;
    }
    .deconnect {
        flex-direction: row;
        margin-left: 438px;
    }

    .navbar-avocat {
        display: block;
    }

    a.hamburger-icon {
        display: none;
    }

    .for-telecharger {
        padding: 20px 53px 17px 30px;

        flex-direction: row;
    }

    .formation-fav,
    .compte-formation {
        gap: 0;
        flex-direction: row;
    }

    .corrdonnee {
        gap: 80px;
        flex-direction: row;

    }

    .formation-avocat {
        gap: 0;
        flex-direction: row;

    }

    .formation-suiv {
        flex-direction: row;
        gap: 44px;

    }

    .date_agenda {
        gap: 92px;
        flex-direction: row;
    }

    .entete {
        padding: 0 528px 0 0;
    }

    .date-header {
        padding: 30px 0 25px;
    }

    .header-avocat {
        padding: 0 117px;
        flex-direction: row;


    }

    .agenda-item-1 p {
        padding: 10px 137px 0 0;

    }

    .agenda_avocat {
        display: unset;
    }

    .form_telecharger {
        padding: 0 28px 0 0;
    }

    .duree_historique {
        margin: 53px auto;
    }

    .contenu-tableau1 {
        padding: 30px 0 17px 137px;

    }

    .nom_forma {
        width: 527px;
    }

    .nom_form1 {
        width: 399px;
    }

    .contenu-tableau2 {

        margin-left: 101px;
        margin-right: 101px;
    }
}