.DivContactUserModal {
    display: flex;
    margin: 40px 0px 30px 0px;
    justify-content: center;

}

.modal_image {
    height: 70px;
    width: 70px;
}

.actionModalUserEquipe {
    margin: 20px 10px;

}

.DivContactUserModal img {
    border-radius: 50px;
    height: 100px;
}

.ContactUserModal {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.actionBtnModalUserEquipe {
    margin-top: 10px;
}

.ContactUserModal p,
.actionModalUserEquipe p:nth-child(2) {
    font-size: 12px;
    font-weight: 600;
    color: #2E4765;

}

.ContactUserModal .Fullname {
    font-size: 20px;
}

.CloseModalUserEquipe i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px !important;
}

.actionBtnModalUserEquipe .btn {
    font-size: 11px !important;
}

.SubmitModalEditUserEquipe {
    width: 100%;
}

.LogoModalUserEquipe {
    width: 90px;
}

.div_etap {
    display: inline-block;
    /* align-items: center; */
}

.RejoundeEquipe .div_etap {
    margin-bottom: 0px !important;
    display: flex;
    width: 40%;
    padding: 0px;
    justify-content: center;
}

.cree_equipe .div_etap {
    width: 80%;
    margin: auto;
    position: relative;
}


.etap {
    background: #94979b;
    height: 50px;
    width: 50px;
    border-radius: 35px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 25px;
    color: #ffffff;
}

.cree_equipe .etap {
    height: 25px;
    width: 25px;
    position: absolute;
    z-index: 9;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    /* width: 100%; */
    color: #ffffff;
    /* padding: 5px; */
    /* background-size: 25px !important; */
}

.RejoundeEquipe .etap {
    z-index: 2;
    position: relative;
    margin: -2px;
    height: 25px;
    width: 25px;
    font-size: 16px;
}

.etap_select,
.line_etap_select {
    background: #111974 !important;
}


.line_etap {
    background: #b0b5ba;
    width: 16.6667%;
}

.cree_equipe .line_etap {
    height: 10px;
    display: inline-block;
    /* margin: auto; */
    margin-left: -3px;
    margin-top: 7.5px;
}

.RejoundeEquipe .line_etap {
    top: 5px;
    position: relative;
    height: 10px;
}

.RejoundeEquipe .line_etap2 {
    height: 16px;
    background: #878bb9;
    width: calc(40%);
}

.DivEventChoise {
    width: 100%;
    display: flex;
    margin: 50px auto;
    justify-content: center;
}

.eventChoise label {
    cursor: pointer;
}

.eventChoise {
    height: 300px;
    background-color: #e5ebf1;
    width: 27%;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #2E4765;
    padding: 0px;
    cursor: pointer;
}

#rejounde_equipe,
#cree_equipe {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btnEventChoise,
.btnEtape1 {
    color: #ffffff;
}

.selectedEvent,
.AdresseEvent {
    border: 2px #0dcaf0 solid;
}

#rejounde_equipe .Event,
#cree_equipe .Event,
#rejounde_equipe .equipe {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 0px;
}

.titel_div_select p {
    font-size: 18px;
    font-weight: 600;
    color: #2E4765;
    justify-content: center;
    display: flex;
}

.titel_div_select p:first-child {
    font-size: 19px;
    margin-bottom: 20px;
}

.DivEquipeChoise {
    width: 50%;
    margin-top: 50px;
}

.DivEquipeChoise {
    margin-top: 50px;
    margin-bottom: 50px;
}

.TitelContinuerFermerModal h3 {
    font-size: 28px;
    font-weight: 600;
    color: #2E4765;
    margin-bottom: 7px;
    text-align: center;

}

.BodyContinuerFermerModal {
    padding: 25px;
    text-align: center;
}

.btnContinuerFermerModal {
    width: max-content;
    margin: auto;
    display: block;
}

.btn_delete_divEmail {
    padding: 9px 12px !important;
    margin-left: 32px;
    height: 50px;
}

.btn_delete_divEmail i {
    font-size: 30px !important;

}

.InputEmailParicipant {
    height: 50px !important;
}

.divInputEmailParicipant {
    display: flex;
}


#AddParticipantModal .modal-body {
    display: flex;
    flex-direction: column;
}

#AddParticipantModal .modal-footer {
    justify-content: flex-start;
}

#AddParticipantModal .eurre {
    margin-top: 5px;
    color: #ff0000;
}



#AddParticipantModal .AllEmail {
    max-height: 370px;
    overflow: auto;
}

#AddAdresseModal .modal-footer {
    justify-content: center;

}

.ErruerAddAdresseModal {
    margin-top: 0px !important;
    color: #ff0000 !important;
    display: flex;
    font-size: 13px !important;
    font-weight: 400 !important;
}


.form-floating.DivSelectAdressEquipe .select2-container,
.form-floating.DivSelectAdressEquipe .select2-selection,
.form-floating.DivSelectAdressEquipe .select2-selection__rendered {
    min-width: unset !important;
}

.form-floating.DivSelectAdressEquipe .select2-results__option {
    overflow: hidden !important;

}

.btnAddAddressFromEquipe {
    text-decoration: underline !important;
    font-size: 16px;
    font-weight: 500;
    color: #2E4765;
    margin-right: 3px;
}

.btnAddAddressFromEquipe:hover {
    text-decoration: underline;
    color: #2E4765 !important;

}

.add_edit_event .flexSwitchCheck {
    height: 25px;
    margin-right: 21px;
    width: 50px;
    border-radius: 55px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.cree_equipe .DivEquipeInfoGeneral,
.cree_equipe .DivEquipeAdress {
    margin: 50px auto;
}

.eurreSelectEquipe,
.eurrue_addEquipeAdress,
.eurrue_presentation_Equipe {
    color: #ff0000;
}

.eurreSelectEquipe {
    font-size: 20px;
}

.donateur {
    padding: 5px 10px;
    background: none #d13e6c;
    color: #fff;
    display: inline-block;
    width: auto;
}

.equipe-container {
    width: 100%;
    height: 108px;
    background: #ffffff;
    justify-items: center;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

#cree_equipe .divTitelCreeEquipe {
    text-align: start;
    margin-bottom: 12px;
}


#cree_equipe .DivParkingAndRepas {
    display: flex;
    flex-direction: column-reverse;
}

#cree_equipe .divTitelCreeEquipe .Titel {
    font-size: 17px;
    color: #111974;
    margin-right: 5px;
}

#cree_equipe .DivEquipeInfoGeneral>p,
#cree_equipe .DivEquipeAdress .titel,
#cree_equipe .DivEquipeLogoDescription .titel_img_Description,
#cree_equipe .DivEquipeLogoDescription .titel_presentation_Equipe {
    font-size: 33px;
    font-weight: 600;
    color: #2E4765;
    margin-bottom: 7px;
}

#cree_equipe .DivEquipeAdress .msg,
#cree_equipe .DivEquipeLogoDescription .msg {
    font-size: 16px;
    color: #2E4765;
    margin-bottom: 25px;
    ;
}


.DivEventChoise .suivant {
    margin: 0;
    WIDTH: FIT-CONTENT;
    display: block;
    white-space: revert;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */

}

#cree_equipe .error_email_cree_equipe,
#cree_equipe .error_cree_equipe {
    text-align: start;
    color: #ff0000;
}

#cree_equipe .AdresseChoise label {
    margin: 20px;
}

#cree_equipe .ListeEquipeAdress {
    display: flex;
    justify-content: space-between;
    margin: 0px;

}

#cree_equipe .AdresseChoise {

    height: 170px;
    background-color: #e5ebf1;
    width: 45%;
    font-size: 18px;
    font-weight: 600;
    color: #2E4765;
    padding: 0px;
    cursor: pointer;
}

#cree_equipe .DivEquipeLogo {
    width: max-content;
    margin: 50px auto;
    position: relative;

}


#cree_equipe .DivEquipeLogo .BtnUploud,
#cree_equipe .DivEquipeLogo .BtnDeleteImg {
    color: #000000;
    position: absolute;
}

#cree_equipe .DivEquipeLogo .BtnUploud {
    bottom: 0px;
}

#cree_equipe .DivEquipeLogo .BtnDeleteImg {
    left: 0;
}


#cree_equipe .DivEquipeLogo #img_Avatra {
    width: 200px;
    border-radius: 110px;
}


#cree_equipe .DivEquipeLogo #img_Avatra {
    width: 200px;
    border-radius: 110px;
}

.presentation_Equipe {
    width: 85%;
    margin: 33px auto;
}

.DivEquipeAddParticipant {
    margin: 50px auto;
    display: flex;
    flex-direction: column;
}

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

.form_cree_equipe {
    width: 100%;
}

#EquipeAddParticipant .error_email_exist,
#EquipeAddParticipant .error_form_password,
#EquipeAddParticipant .error_Modal_Paricipant {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ff0000 !important;
}

.BtnSubmitCreeEquipe {
    float: right;
    margin-top: 40px;
}


#cree_equipe .ListeEquipeAdress .LibelleChoisieAdresse {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    color: #2E4765;
    margin-bottom: 40px;
}

#cree_equipe .ListeEquipeAdress .LibelleChoisieAdresse span {
    font-size: 40px;
    margin-bottom: 15px;
}

#returnModal .modal-footer {
    margin-top: 10px !important;
}

.customModal .submitModalReturn,
.BtnUserDelete,
.RefusBtnModal {
    background-color: #ff0000;
    border: 1px solid #ff0000;
}

div#DivBtnEquipeAddParticipant {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.DivEquipeLogoDescription {
    margin: 50px auto;
}

.DivEquipeLogoDescription .btnEtape4 {
    display: table !important;
}

.DivEquipeAddParticipant .btnEtape5 {
    display: table !important;
}

.DivEquipeAdress .btnEtape3 {
    display: table !important;
}

.DivEventChoise .details_card .card_image {
    min-height: 180px;
    max-height: 323px;
    /* height: 14vw; */
}

.mw-400 {
    max-width: 440px;
}

.DivEquipeAddParticipant .addBtnModal {
    justify-content: flex-end !important;
}

.DivEquipeAddParticipant .addBtnModal .btnEmailAddParticipant {
    width: 47.5px !important;
    height: 48px;
    padding: 12px 12px 0px 12px !important;
}

.DivEquipeAddParticipant .btn_delete_divEmail {
    width: 50px;
    padding: 9px 9px !important;
    margin-left: 10px !important;
    height: 48px !important;
    border-radius: 8px !important;
}

.DivEquipeAddParticipant .btnEmailAddParticipant {
    border-radius: 8px !important;
    margin: unset !important;
}

.DivEquipeAddPayment {
    margin: 50px auto;
}

.customLabelPayment {
    text-decoration: underline !important;
    padding: 3px 0 0px 35px !important;
}



.bankAccoundDetail {
    display: flex !important;
    justify-content: center !important;
}

#bankAccound {
    min-height: 200px !important;
}


.child_sub_title_form {
    color: #111974;
    display: flex;
    font-size: 15px;
}

#payModal .paymentMethod {
    display: block !important;
    padding: 0 23px !important;
}

#payModal .paymentMethod .moyen_payment_container .row.group_input .row {
    padding-left: 0 !important;
}

#payModal .message_pay {
    font-size: 18px;
    padding: 20px 35px;
    color: #111974;
}

#payModal .btn_submit_payement {
    margin-bottom: 20px;
    margin-top: unset !important;
}


/* @media (max-width: 992px) */
/* { */
/* .DivEventChoise .card_box{ */
/* max-width: 50% !important; */
/* } */
/* } */
@media (max-width: 600px) {
    .joinEventTitle {
        font-size: 14px;
    }

    .Event .card_title {
        font-size: 17px;
    }

    .details_card .btn {
        font-size: 14px !important;
    }
}

:root {
    --nb-etape: 6;
}

.div_etap .etap.et-0 {
    left: -6px;
}

.div_etap .etap.et-1 {
    left: calc(calc(100% / var(--nb-etape)) - 6px) !important;
}

.div_etap .etap.et-2 {
    left: calc(calc(200% / var(--nb-etape)) - 6px) !important;
}

.div_etap .etap.et-3 {
    left: calc(calc(300% / var(--nb-etape)) - 6px) !important;
}

.div_etap .etap.et-4 {
    left: calc(calc(400% / var(--nb-etape)) - 6px) !important;
}

.div_etap .etap.et-5 {
    left: calc(calc(500% / var(--nb-etape)) - 6px) !important;
}

.div_etap .etap.et-6 {
    left: calc(calc(600% / var(--nb-etape)) - 6px) !important;
}

.nb_etap {
    display: block;
}

@media (max-width: 570px) {
    .titel_div_select p:first-child {
        font-size: 15px;
    }
}


@media (max-width: 991px) {
    .nb_etap {
        display: none;
    }

    .rowbtnJoindreEquipe .btnJoindreEquipe {
        width: 93% !important;
        white-space: unset !important;

    }


}

@media (max-width: 320px) {
    .cree_equipe .div_etap {
        width: 93%;
    }

    .div_etap .etap.et-0 {
        left: -11px;
    }

    .div_etap .etap.et-1 {
        left: calc(calc(100% / var(--nb-etape)) - 12px) !important;
    }

    .div_etap .etap.et-2 {
        left: calc(calc(200% / var(--nb-etape)) - 12px) !important;
    }

    .div_etap .etap.et-3 {
        left: calc(calc(300% / var(--nb-etape)) - 12px) !important;
    }

    .div_etap .etap.et-4 {
        left: calc(calc(400% / var(--nb-etape)) - 12px) !important;
    }

    .div_etap .etap.et-5 {
        left: calc(calc(500% / var(--nb-etape)) - 12px) !important;
    }

    .div_etap .etap.et-6 {
        left: calc(calc(600% / var(--nb-etape)) - 15px) !important;
    }
}

.btns_modal_confirmation_rejoindre_equipe {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
}

.btns_modal_confirmation_rejoindre_equipe a {
    margin-top: 10px ! important;
}

.card_box.position-relative {
    /*	display: flex;      */
    /* align-items: center; */
    /* justify-content: center; */
    height: 100%;
}

.box_shadow.box_recu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 22px;

}

#EquipeChoise_Info .reg_course .customLabelDefis.mb-5,
#rejoindre_equipe_compte_user .reg_course .customLabelDefis.mb-5 {
    margin-bottom: 0px !important;
}

#rejoindre_equipe_compte_user .reg_course .error_message {
    margin-bottom: 16px;
}