/* ~ Import du fichier _variables.css ~ */
@import "_variables.css";
/* ~~ */

/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Roboto:wght@100;300;400;500;700;900&display=swap');


.fa-spinner {
    -webkit-animation: rotating 1s infinite linear;
}

.layoutForGestionVilles {
    max-width: 80%;
}

.copyicon {
    cursor: pointer;
}

/* Mise en page connexion, etc ... Où il y a 2 colonnes, une avec les formulaire et l'autre avec une image */
.lockout .column_illustration,
.accessDenied .column_illustration {
    background: #E7F4F5;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .lockout .column_contenu,
    .accessDenied .column_contenu {
        height: 60vh;
    }

    .lockout .column_illustration,
    .accessDenied .column_illustration {
        height: 40vh;
    }
}

/* Fin */
/* ~~ Bandeau congés ~~ */
/* Côté époux */
.bloc_conges_cote_epoux,
.bloc_conges_cote_avocat {
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-radius: 10px;
    padding: 15px 30px;
    margin-bottom: 30px;
}

    .bloc_conges_cote_epoux p,
    .bloc_conges_cote_avocat p {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #272727;
    }

    .bloc_conges_cote_epoux button,
    .bloc_conges_cote_epoux a,
    .bloc_conges_cote_avocat button,
    .bloc_conges_cote_avocat a {
        height: 30px;
        border-radius: 10px;
        background-color: #ff6c6c;
        border: 1px solid transparent;
        color: #fff;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: center;
        padding: 0px 15px;
    }

    .bloc_conges_cote_epoux a,
    .bloc_conges_cote_avocat a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .bloc_conges_cote_epoux button:hover,
        .bloc_conges_cote_epoux button:focus,
        .bloc_conges_cote_epoux button:active,
        .bloc_conges_cote_epoux a:hover,
        .bloc_conges_cote_epoux a:focus,
        .bloc_conges_cote_epoux a:active,
        .bloc_conges_cote_avocat button:hover,
        .bloc_conges_cote_avocat button:focus,
        .bloc_conges_cote_avocat button:active,
        .bloc_conges_cote_avocat a:hover,
        .bloc_conges_cote_avocat a:focus,
        .bloc_conges_cote_avocat a:active {
            background-color: #E6605F;
            color: #fff;
        }

@media (max-width: 768px) {
    .bloc_conges_cote_epoux,
    .bloc_conges_cote_avocat {
        background: #fff;
        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
        display: flex;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -o-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-radius: 10px;
        padding: 15px 30px;
        margin-bottom: 30px;
        flex-direction: column;
    }

        .bloc_conges_cote_epoux p,
        .bloc_conges_cote_avocat p {
            margin-bottom: 15px !important;
            text-align: center;
        }
}

/* ~~ Fin bandeau congés ~~ */

.liste_variables_msg {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(139, 139, 149, 1);
    margin-top: 30px;
}

/* ~~ Gestion du logo du type de plateforme ~~ */
.logo_type_plateforme {
    position: fixed;
    right: 10px;
    bottom: 10px;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-weight: bold;
    color: #F1700B;
    animation: spinZ 10s linear infinite;
    text-align: center;
    background: transparent;
    font-family: 'Gotham', sans-serif;
    font-weight: 600;
    overflow: hidden;
}

    .logo_type_plateforme span {
        position: absolute;
        display: inline-block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-transform: uppercase;
        font-size: 14px;
        transition: all .5s cubic-bezier(0, 0, 0, 1);
    }

        .logo_type_plateforme span#external_circle {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 2px solid rgba(241, 112, 11, 1);
        }

        .logo_type_plateforme span#internal_circle {
            width: 60%;
            height: 60%;
            border-radius: 50%;
            border: 2px solid rgba(241, 112, 11, 1);
            margin: 20%;
        }

    .logo_type_plateforme.macaron_local {
        color: #E8007F;
    }

        .logo_type_plateforme.macaron_local span#external_circle {
            border-color: #E8007F;
        }

        .logo_type_plateforme.macaron_local span#internal_circle {
            border-color: #E8007F;
        }

    .logo_type_plateforme.macaron_test {
        color: #00E83C;
    }

        .logo_type_plateforme.macaron_test span#external_circle {
            border-color: #00E83C;
        }

        .logo_type_plateforme.macaron_test span#internal_circle {
            border-color: #00E83C;
        }

    .logo_type_plateforme.macaron_preprod {
        color: #FFA600;
    }

        .logo_type_plateforme.macaron_preprod span#external_circle {
            border-color: #FFA600;
        }

        .logo_type_plateforme.macaron_preprod span#internal_circle {
            border-color: #FFA600;
        }

    .logo_type_plateforme.macaron_prod {
        color: #2BB7F8;
    }

        .logo_type_plateforme.macaron_prod span#external_circle {
            border-color: #2BB7F8;
        }

        .logo_type_plateforme.macaron_prod span#internal_circle {
            border-color: #2BB7F8;
        }

@keyframes spinZ {
    0% {
        transform: rotateZ(360deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

/* ~~ Fin gestion du logo du type de plateforme ~~ */

#reComfirmeAccountAjax {
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: var(--green);
    text-decoration: none;
}

    #reComfirmeAccountAjax:hover,
    #reComfirmeAccountAjax:focus,
    #reComfirmeAccountAjax:active {
        cursor: pointer;
        color: var(--green);
        text-decoration: underline;
    }

.statut-rdv-nonfixe,
.statut-msg-alert {
    display: inline-block;
    color: #fff;
    background-color: rgba(242, 89, 75, 1);
    border-radius: 0.25rem;
    padding: 3px 5px;
}

.statut-rdv-ok,
.statut-msg-ok {
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 143, 150, 1);
    border-radius: 0.25rem;
    padding: 3px 5px;
}

.statut-rdv-warning {
    display: inline-block;
    color: #fff;
    background-color: rgba(255, 193, 7, 1);
    border-radius: 0.25rem;
    padding: 3px 5px;
}

.infos-rdv-nonfixes,
infos-messages-nonlu {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #272727;
}

.infos-rdv-nontermines,
.infos-messages-sansreponse {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #8B8B95;
    margin-left: 34px;
}

body.bodyFitScreen {
    height: 100vh;
    overflow: hidden;
}

.vue_client {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #272727;
    margin-bottom: 30px;
    font-style: italic;
    margin-top: 30px;
}

/* Etape de remerciement */

/*@media(min-width: 1200px) {*/
/*.row-remerciement {
    height: 100vh;
    background-image: url(../images/illustrations/illu_tarifs.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

    .row-remerciement .logo_haut_page {
        margin-bottom: 40px;
        width: 274px;
    }

    .row-remerciement .icone_ok_paiement {
        margin-bottom: 40px;
        margin-top: 0;
        text-align: center;
    }

    .row-remerciement .titre_merci {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: var(--neutral900);
        margin-bottom: 28px;
        text-align: center;
    }

    .row-remerciement p {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 18px;
        color: var(--neutral900);
        font-weight: 400;
    }

        .row-remerciement p strong,
        .row-remerciement p b {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
            font-weight: 500;
        }

        .row-remerciement p:last-of-type {
            margin-bottom: 40px;
        }

@media (max-width: 992px) {
    .row-remerciement {
        height: 100vh;
        background-image: url(../images/illustrations/illu_tarifs.svg);
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center;
    }
}

@media (max-width: 435px) {
    .row-remerciement .logo_haut_page {
        margin-bottom: 40px;
        width: 100%;
    }
}
*/
/*}*/

/* ~~ Syncfusion ~~ */
/* Gestion du soucis où on ne pouvait pas accéder au sous-menu du fitrage de colonnes */
.e-contextmenu-wrapper ul {
    max-width: none !important;
}

.e-grid th.e-headercell[aria-sort='ascending'] .e-headertext, .e-grid th.e-headercell[aria-sort='descending'] .e-headertext, .e-grid th.e-headercell[aria-sort='ascending'] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort='descending'] .e-sortfilterdiv {
    color: #fff !important;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
    color: #fff !important;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: var(--green) !important;
    color: #fff !important;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: var(--green) !important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--green) !important;
}

.e-radio:checked + label::before {
    border-color: var(--green) !important;
}

.e-radio:checked + label::after {
    background-color: var(--green) !important;
    color: var(--green) !important;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    color: var(--green) !important;
}

    .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
        background-color: rgba(0, 143, 150, 0.04) !important;
        color: var(--green) !important;
    }

.e-grid .e-gridheader .e-headercell {
    background-color: var(--green) !important;
    color: #fff !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

    .e-grid .e-gridheader .e-headercell .e-headertext {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: left;
    }

    .e-grid .e-gridheader .e-headercell .e-filtermenudiv {
        color: #fff !important;
    }

.e-grid .e-rowcell {
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 15px !important;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
    padding: 15px 21px !important;
}

.e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell {
    border-color: transparent !important;
}

.e-grid a {
    color: var(--green) !important;
}

    .e-grid a:hover, .e-grid a:focus, .e-grid a:active {
        color: #02787D !important;
    }

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
}

.e-altrow {
    background: #E7F4F5;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #E7F4F5 !important;
}

/* ~~ Fin Syncfusion ~~ */


.message-erreur {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
}

body {
    --ck-z-default: 100;
    --ck-z-modal: calc(var(--ck-z-default) + 999);
}

.mon-message a, .message-avocat a,
.mon-message a:hover, .message-avocat a:hover,
.mon-message a:focus, .message-avocat a:focus,
.mon-message a:active, .message-avocat a:active {
    color: var(--green);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle {
    background: #8b8b95 !important;
    border-radius: 50px !important;
}

    .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
        border-radius: 50px !important;
    }

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
    background: var(--green) !important;
    border-radius: 50px !important;
}

    .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
        border-radius: 50px !important;
    }

.ck-button-save .ck-button__icon {
    color: var(--green) !important;
}

.ck-button-cancel .ck-button__icon {
    color: #ff6c6c !important;
}

.ck-button-save, .ck-button-cancel {
    border-top: none !important;
    margin-top: 0 !important;
}

.ck-vertical-form > .ck-button:nth-last-child(2):after {
    border-right: none !important;
}

.modal p a {
    color: var(--green);
}

    .modal p a:hover, .modal p a:focus, .modal p a:active {
        color: var(--green);
    }

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.info-popover {
    margin-bottom: 30px !important;
}

.loader-spinner {
    -webkit-animation: rotating 1s infinite linear;
}

/* Boutons */
.btn_selected_disabled {
    border: 2px solid #488f81 !important;
    background: #488f81 !important;
    color: #fff !important;
}

    .btn_selected_disabled:hover, .btn_selected_disabled:focus {
        border: 2px solid #488f81 !important;
        background: #488f81 !important;
        color: #fff !important;
    }

.btn_not_selected_disabled {
    border: 2px solid #488f81 !important;
    background: #fff !important;
    color: #488f81 !important;
}

    .btn_not_selected_disabled:hover, .btn_not_selected_disabled:focus {
        border: 2px solid #488f81 !important;
        background: #fff !important;
        color: #488f81 !important;
    }

/* -- */

/* Tableau de tri */
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 25px !important;
}

.table-sortable {
    width: 100% !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link {
    background-color: #252253;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-item.disabled .page-link {
    color: #252253;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination .page-item .page-link {
    font-size: .9rem;
    color: #212529;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.pagination .page-item.disabled .page-link {
    color: #252253;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #4285f4;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.pagination .page-item .page-link:hover {
    background-color: #eee;
    border-radius: .125rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.navbar-toggler {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-toggler-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39, 39, 39, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.notifiaction-dropdown-menu a, .notifiaction-dropdown-menu p {
    font-size: 14px;
}

    .notifiaction-dropdown-menu p.titre-section {
        font-size: 20px;
    }

#lien-tel-hotline {
    color: #fff;
    /*font-size: 16px;*/
}

    #lien-tel-hotline:hover, #lien-tel-hotline:focus, #lien-tel-hotline:active {
        text-decoration: none;
    }

/* ~~~~ Page de déco pour le format mobile ~~~~ */
#body-content-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
}

.text-informatif-mobile {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #8e8e99;
}

#disconnect-btn-mobile {
    width: 100%;
    height: 40px;
    object-fit: contain;
    background-color: #252253;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.79;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 50px;
}

    #disconnect-btn-mobile:hover, #disconnect-btn-mobile:focus {
        background-color: #95cdb2;
    }

#titre-avertissement-mobile {
    font-family: TimesNewRomanPS-MT;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #252253;
}

/* ~~~~~~~~ */

#messageRegister, #messageRegisterExternal {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #8e8e99;
    /*text-decoration: underline;*/
    margin-top: 18px;
}


.popover {
    max-width: 280px; /* modif taille des popover */
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0 !important;
}

    .popover img {
        width: 100%;
        object-fit: contain;
    }

.popoverprocedure {
    max-width: 550px !important;
}

h3.popover-header {
    display: none;
}

.old_layout #sidebar .bold-hover:hover {
    font-weight: normal !important;
    background-color: #005B60;
    color: #fff;
}

.old_layout #sidebar .bold-active {
    font-weight: normal !important;
    background-color: #005B60;
    color: #fff;
}

.scrollmenu .bold-active-mobile {
    /*background-color: rgba(133, 130, 173,.3);*/
    color: var(--green);
}

.bold-hover:hover {
    font-weight: 600 !important;
}

#show-notification img {
    /*box-shadow: 0 0 0 rgba(255,108,108, 0.5);
    animation: pulse 2s infinite;
    border-radius: 100%;*/
    animation: bell 2s infinite;
    transform-origin: center top;
}

#show-notification:hover img {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 108, 108, 0.5);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 108, 108, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 108, 108, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 108, 108, 0.5);
        box-shadow: 0 0 0 0 rgba(255, 108, 108, 0.5);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 108, 108, 0);
        box-shadow: 0 0 0 10px rgba(255, 108, 108, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 108, 108, 0);
        box-shadow: 0 0 0 0 rgba(255, 108, 108, 0);
    }
}

@keyframes bell {
    0% {
        transform: rotate(5deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg)
    }

    75% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(0);
    }
}

.ck.ck-editor__editable_inline {
    padding: 15px !important;
}

    .ck.ck-editor__editable_inline p {
        margin: 0 !important;
    }

.navbar-suividossier {
    background-color: #FFF3E8;
    /*height: 80px;*/
    height: 40px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
    overflow: auto;
    white-space: nowrap;
}

.navbar-suividossier-mobile {
    background-color: #E7F4F5;
    /*height: 80px;*/
    min-height: 60px;
    height: auto;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
}

.navbar-suividossier .navbar-nav {
    height: 40px;
}

.navbar-suividossier-mobile .navbar-nav {
    padding-right: 0 !important;
    min-height: 60px !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

    .navbar-suividossier-mobile .navbar-nav p {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #272727;
        white-space: normal;
    }

        .navbar-suividossier-mobile .navbar-nav p .bouton-action {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0.01em;
            text-align: center;
            height: 21px;
            padding: 0 25px;
            margin: 6px auto 0 auto;
            display: block;
        }


.navbar-suividossier .navbar-nav .barre_freemium_part1_pastel {
    background: #E7F4F5;
    position: relative;
    color: #272727;
    padding-right: 37px;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-left: 32px;
}

.navbar-suividossier .navbar-nav .barre_freemium_part2_pastel {
    background: #E7F4F5;
    position: relative;
    color: #272727;
    padding-left: 37px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
}

.navbar-suividossier .navbar-nav .barre_freemium_part1_grey {
    background: #F1F1F5;
    position: relative;
    color: #8B8B95;
    padding-right: 37px;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-left: 32px;
}

.navbar-suividossier .navbar-nav .barre_freemium_part2_grey {
    background: #F1F1F5;
    position: relative;
    color: #8B8B95;
    padding-left: 27px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
}

    .navbar-suividossier .navbar-nav .barre_freemium_part2_grey:before {
        content: url('../images/icones/Vector_2test-01-01.png');
        position: absolute;
        left: -33.5px;
        bottom: 0;
        width: 33.5px;
        height: 40px;
        /*border-left: 20px solid #E7F4F5;
border-top: 20px solid #F1F1F5;
border-bottom: 20px solid #F1F1F5;*/
        overflow: hidden;
    }

.navbar-suividossier .navbar-nav .barre_freemium_part2_pastel:before {
    content: url('../images/icones/Vector_2test-02-01.png');
    position: absolute;
    left: -17px;
    bottom: 0;
    width: 33.5px;
    height: 40px;
    /*border-left: 20px solid #E7F4F5;
    border-top: 20px solid #F1F1F5;
    border-bottom: 20px solid #F1F1F5;*/
    overflow: hidden;
}

.navbar-suividossier .navbar-nav .barre_freemium_part1_grey:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #F1F1F5;
    border-top: 20px solid #E7F4F5;
    border-bottom: 20px solid #E7F4F5;
}

.navbar-suividossier .navbar-nav .barre_freemium_part1_pastel:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #E7F4F5;
    border-top: 20px solid #F1F1F5;
    border-bottom: 20px solid #F1F1F5;
}

.old_layout #sidebar .sidebar-div {
    position: sticky;
    top: 26px;
}

/* ~~ Menu ~~ */

.dropdown.dropdown-with-submenu .dropdown-toggle:after {
    display: none !important;
}

.dropdown.dropdown-with-submenu .dropdown-toggle img {
    transition: all .3s;
}

    .dropdown.dropdown-with-submenu .dropdown-toggle img.flipped {
        transform: rotate(180deg);
    }

.dropdown-with-submenu .dropdown-menu {
    left: 25px;
    top: 60px;
    background: #272727;
    border-radius: 10px;
    padding: 7px 0 7px 20px;
}

    .dropdown-with-submenu .dropdown-menu .dropdown-item {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.01em;
        color: #FFFFFF !important;
        padding: 10px 0;
    }

        .dropdown-with-submenu .dropdown-menu .dropdown-item:hover,
        .dropdown-with-submenu .dropdown-menu .dropdown-item:active,
        .dropdown-with-submenu .dropdown-menu .dropdown-item:focus {
            color: var(--green) !important;
            text-decoration: none;
            background-color: transparent;
        }

/* ~~~~ */

/* ~~ Menu mobile ~~ */
#btn_menu {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
}

#menu_mobile {
    background-color: #E7F4F5;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}

    #menu_mobile #close_menu_mobile {
        position: absolute;
        top: 15px;
        left: 25px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #menu_mobile #close_menu_mobile a span {
            color: #272727;
        }

            #menu_mobile #close_menu_mobile a span::after {
                content: "";
                width: 100%;
                height: 2px;
                background: var(--green);
                display: block;
            }

    #menu_mobile .menu {
        margin-top: 85px;
    }

        #menu_mobile .menu ul {
            width: 75%;
            margin: auto;
        }

            #menu_mobile .menu ul li:not(.li-numdossier) a {
                margin-bottom: 12px;
                background: #fff;
                border-radius: 10px;
                height: 48px;
                display: flex;
                align-items: center;
                font-family: 'Roboto', sans-serif;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 16px;
                letter-spacing: 0.01em;
                text-align: left;
                color: #272727;
                width: 100%;
            }

                #menu_mobile .menu ul li:not(.li-numdossier) a.bold-active {
                    margin-bottom: 12px;
                    background: var(--green);
                    border-radius: 10px;
                    height: 48px;
                    display: flex;
                    align-items: center;
                    font-family: 'Roboto', sans-serif;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 16px;
                    letter-spacing: 0.01em;
                    text-align: left;
                    color: #fff;
                    width: 100%;
                }

            #menu_mobile .menu ul li:not(.li-numdossier):hover a,
            #menu_mobile .menu ul li:not(.li-numdossier):focus a,
            #menu_mobile .menu ul li:not(.li-numdossier):active a {
                background: var(--green);
                color: #fff;
            }

    #menu_mobile #logo_menu_mobile {
        bottom: 50px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

/* ~~~~ */

/* Très petits écrans (Téléphone en portrait, largeur moins de 576px) */
a, a:hover {
    color: #8e8e99;
}

.modal {
    overflow: auto !important;
}

body {
    background-color: transparent;
}

/*___Suppression de l'ombrage au focus de l'input ou du contour___*/
button:focus,
input[type="button"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="file"],
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
a:focus,
select:focus,
.form-control:focus,
[tabindex="-1"]:focus,
.uneditable-input:focus {
    border-color: none;
    box-shadow: none !important;
    outline: 0 none;
}

button {
    cursor: pointer;
}

.bouton-action:hover, input[type=button]:hover {
    cursor: pointer;
}

button[disabled] {
    cursor: default;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: 0 !important;
}

.help {
    cursor: help;
}

.old_layout #body-content-desktop {
    padding: 50px 0;
}

.layoutAvocatNotaire,
.layoutAdmin {
    padding-top: 40px !important;
}

/*___*/

/* -- Popover -- */
.icone-avocat-redacteur:hover {
    cursor: help;
}

button.help-popover-icone {
    appearance: none;
    padding: 0;
    cursor: help !important;
    background: transparent;
}

/* ---- */

/*-- Autocomplete Chrome ;) --*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*#body-divorceo {
    background-image: url('../images/illustrations/illu_bodybo.svg'), url('../images/illustrations/illustration-home_wave1.svg');
    background-repeat: no-repeat, no-repeat;
    background-position-x: right -360px, center;
    background-position-y: -209px, bottom -158px;
    background-size: 1130px, 100% auto;
}*/

.dashboard-container {
    max-width: 1366px !important;
}

#body-divorceo {
    /*    background-image: none;
        background-repeat: no-repeat;
        background-position-x: calc(100% + 400px);
        background-position-y: -209px;
        background-size: 1130px;*/
    background: var(--neutral50);
}

@media (max-width: 775px) {
    #body-divorceo > .wrapper {
        padding-bottom: 78px; /*hauteur menu*/
    }
}

#body-divorceo.body-divorceo-mobile {
    /*        background-image: none;
    background-repeat: no-repeat;
    background-position-x: calc(100% + 400px);
    background-position-y: -209px;
    background-size: 1130px;*/
    background: var(--neutral50);
}

/* ~~ Suivi signature Convention honoraire ~~ */
.name {
    font-family: 'Roboto' !important;
    font-size: 15px !important;
    color: #272727;
}

.table-conventionHonoraire .td-first {
    width: 10%;
    vertical-align: middle;
}

.table-conventionHonoraire .td-second {
    width: 45%;
    vertical-align: middle;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.table-conventionHonoraire .td-third {
    width: 50%;
    vertical-align: middle;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.table-conventionHonoraire .td-fourth {
    width: 10%;
    vertical-align: middle;
}

.table-conventionHonoraire td.sign-signee {
    color: #56b98a;
}

.table-conventionHonoraire td.sign-en-attente {
    color: #f2a051;
}

/* ~~~~ */

/* ~~ Uploader Syncfusion ~~ */
/* ~~~~ */

/* ~~ Menu de navigation du Layout ~~ */

#show-disconnectbtn {
    /*min-width: 137px;
    width: auto;
    height: 39px;
    border-radius: 20px;
    border: 1px solid #fff;*/
    background-color: transparent;
    /*color: #fff;*/
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
}

    #show-disconnectbtn:hover {
        /*min-width: 137px;
    width: auto;
    height: 39px;
    border-radius: 20px;
    border: 1px solid #fff;*/
        background-color: transparent;
        /*color: #252253;*/
        padding: 0 20px;
        cursor: pointer;
    }

#bo-menu {
    background-color: #252253;
    color: #fff;
    z-index: 3;
}

    #bo-menu #navbarNav .navbar-nav .nav-item a {
        color: #fff;
        /*font-family: EBGaramond;*/
        font-family: 'Roboto', sans-serif;
        /*font-size: 16px;*/
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        /*line-height: 2.0564;*/
        line-height: 1.5;
        text-align: center;
        margin-right: 25px;
        margin-left: 25px;
        letter-spacing: 0.125em;
    }

    #bo-menu #navbarNav .navbar-nav .nav-item:first-child a {
        color: #fff;
        /*font-family: EBGaramond;*/
        font-family: 'Roboto', sans-serif;
        /*font-size: 16px;*/
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.0564;
        letter-spacing: 0.125em;
        text-align: center;
    }

    #bo-menu #navbarNav .navbar-nav .nav-item:last-child a {
        color: #fff;
        /*font-family: EBGaramond;*/
        font-family: 'Roboto', sans-serif;
        /*font-size: 16px;*/
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.0564;
        letter-spacing: 0.125em;
        text-align: center;
        margin-left: 25px;
    }

    #bo-menu.externe {
        background-color: #fff;
        color: #272727;
        z-index: 3;
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
        height: 60px;
    }

        #bo-menu.externe #navbarNav .navbar-nav .nav-item a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            /*line-height: 2.0564;*/
            line-height: 18px;
            text-align: center;
            margin-right: 25px;
            margin-left: 25px;
            letter-spacing: 0.01em;
        }

        #bo-menu.externe #navbarNav .navbar-nav .nav-item:first-child a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0.01em;
            text-align: center;
        }

        #bo-menu.externe #navbarNav .navbar-nav .nav-item:last-child a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0.01em;
            text-align: center;
            margin-left: 25px;
        }

    #bo-menu.interne {
        background-color: #fff;
        color: #272727;
        z-index: 3;
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
        height: 60px;
    }

        #bo-menu.interne #navbarNav .navbar-nav .nav-item a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            /*line-height: 2.0564;*/
            line-height: 18px;
            text-align: center;
            margin-right: 25px;
            margin-left: 25px;
            letter-spacing: 0.01em;
        }

        #bo-menu.interne #navbarNav .navbar-nav .nav-item:first-child a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0.01em;
            text-align: center;
        }

        #bo-menu.interne #navbarNav .navbar-nav .nav-item:last-child a {
            color: #272727;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0.01em;
            text-align: center;
            margin-left: 25px;
        }

.newlink_hover span {
    position: relative;
}

    .newlink_hover span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        display: block;
        margin-top: 2px;
        right: 0;
        background: var(--green);
        transition: width .4s ease;
        -webkit-transition: width .4s ease;
    }

.dropdown-with-submenu.show .newlink_hover span:not(.span_caret_custom):after {
    width: 100%;
    left: 0;
    background: var(--green);
}

.newlink_hover:hover span:not(.span_caret_custom):after {
    width: 100%;
    left: 0;
    background: var(--green);
}

.navbar-brand {
    margin-left: 0;
    padding-top: 0;
}

    .navbar-brand img, #logo-divorceo-footer {
        width: 120px;
    }

#disco-btn, .profil-btn {
    min-width: 137px;
    width: auto;
    height: 39px;
    border-radius: 20px;
    border: 1px solid #252253;
    background-color: #252253;
    color: #fff;
    padding: 0 20px;
}

#disco-btn {
    color: #252253 !important;
    /*color: #fff !important;*/
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: center !important;
}

.user-dropdown-menu {
    top: 35px;
    border: none;
    border-radius: 0 0 0 20px;
    background: #fff;
    text-align: center;
    color: #fff;
    right: -16px !important;
    top: -23px !important;
}

    .user-dropdown-menu a {
        color: #fff !important;
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-stretch: normal !important;
        line-height: 18px !important;
        letter-spacing: normal !important;
        text-align: left !important;
        margin-top: 13px;
        margin-bottom: 13px;
    }

        .user-dropdown-menu a.info_utilisateur {
            height: 74px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--green);
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0.01em;
            text-align: left;
            color: #fff !important;
            margin-top: 0;
            margin-bottom: 0;
            padding: 0;
        }

            .user-dropdown-menu a.info_utilisateur:hover,
            .user-dropdown-menu a.info_utilisateur:focus,
            .user-dropdown-menu a.info_utilisateur:active {
                height: 74px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--green);
                font-family: 'Roboto', sans-serif;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0.01em;
                text-align: left;
                color: #fff !important;
                margin-top: 0;
                margin-bottom: 0;
                padding: 0;
            }

            .user-dropdown-menu a.info_utilisateur img {
                margin-left: 19.5px;
            }

    .user-dropdown-menu #disco-btn {
        border: none !important;
        background-color: transparent !important;
        color: #fff !important;
    }

    .user-dropdown-menu .dropdown-item:focus, .user-dropdown-menu .dropdown-item:hover {
        color: var(--green) !important;
        text-decoration: none;
        background-color: transparent;
    }

    .user-dropdown-menu .dropdown-item.active, .user-dropdown-menu .dropdown-item:active {
        color: var(--green) !important;
        text-decoration: none;
        background-color: transparent !important;
    }

    .user-dropdown-menu #disco-btn:focus, .user-dropdown-menu #disco-btn:hover {
        color: var(--green) !important;
        text-decoration: none;
        background-color: transparent;
    }

    .user-dropdown-menu #disco-btn.active, .user-dropdown-menu #disco-btn:active {
        color: #95cdb2 !important;
        text-decoration: none;
        background-color: transparent !important;
    }


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*min-height: 130px;*/
    min-height: 80px;
    object-fit: contain;
    background-color: #252253;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

    footer ul li {
        list-style: none;
    }

        /*footer ul li a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}*/

        footer ul li a {
            /*font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.125em;
    color: #fff;*/
            color: #fff;
            /*font-family: EBGaramond;*/
            font-family: 'Roboto', sans-serif;
            /*font-size: 16px;*/
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.0564;
            letter-spacing: 0.125em;
            text-align: center;
        }

            footer ul li a:hover, footer ul li a:focus {
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }

    footer .center-vertically {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .top-baseline {
        align-items: baseline;
    }

/* ~~~~ */

/*~~ Effets sur inputs ~~*/
.input-effect {
    margin: 40px 0 0 0;
    position: relative;
}

    .input-effect .effect-16 {
        font: 15px/32px "Roboto", Arial, sans-serif;
        color: #0f2b36;
        width: 100%;
        box-sizing: border-box;
        letter-spacing: 1px;
        border-radius: 0;
    }

    .input-effect .effect-16-white {
        font: 15px/32px "Roboto", Arial, sans-serif;
        color: #fff;
        width: 100%;
        box-sizing: border-box;
        letter-spacing: 1px;
        border-radius: 0;
    }

.effect-16 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #0f2b36;
    background-color: transparent;
}

.effect-16-white {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
}

    .effect-16 ~ .focus-border, .effect-16-white ~ .focus-border {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #212156;
        transition: 0.4s;
    }

    .effect-16:focus ~ .focus-border,
    .has-content.effect-16 ~ .focus-border, .effect-16-white:focus ~ .focus-border,
    .has-content.effect-16-white ~ .focus-border {
        width: 100%;
        transition: 0.4s;
    }

.effect-16 ~ label {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 0;
    width: auto;
    top: 9px;
    color: #0f2b36;
    transition: 0.3s;
    z-index: 1;
    letter-spacing: 0.5px;
}

.effect-16-white ~ label {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 0;
    width: auto;
    top: 9px;
    color: #fff;
    transition: 0.3s;
    z-index: 1;
    letter-spacing: 0.5px;
}

.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    top: -16px;
    font-size: 14px;
    color: #212156;
    transition: 0.3s;
}

.effect-16-white:focus ~ label, .has-content.effect-16-white ~ label {
    top: -16px;
    font-size: 14px;
    color: #212156;
    transition: 0.3s;
}

/* ~~~~~~~~~~~~~~~~ */

#tableau_gestion-utilisateur td {
    text-align: center;
    vertical-align: middle;
}

/* ~~ Gestion des icônes de validation des inputs ~~ */
.valid-input {
    right: 10px;
    top: 0;
    bottom: 0;
    color: #95cdb2;
    font-size: 24px;
    /*margin: 0 auto;*/
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    /*padding-top: 8px;*/
}

.show_mdp {
    right: 10px;
    top: 0;
    bottom: 0;
    color: #95cdb2;
    font-size: 24px;
    /*margin: 0 auto;*/
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    /*padding-top: 8px;*/
    cursor: pointer;
}

.wrong-input {
    right: 10px;
    top: 0;
    bottom: 0;
    color: #960808;
    font-size: 24px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    /*padding-top: 8px;*/
}

#passwordError, #emailError, #numDossierError, #confirmPasswordError, #numDossierExiste {
    color: var(--rouge) !important;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    margin-top: 8px;
}

/* ~~~~~~~~~~~~~~~~ */

/* ~~ Gestion stylistique des modals ~~ */
.modal-header {
    border-bottom: 1px solid transparent;
}

.modal-footer {
    border-top: 1px solid transparent;
}

.titre-modal {
    font-family: TimesNewRomanPS-MT;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #252253;
}

/* ~~~~~~~~~~~~~~~~ */

/* ~~ Classes modèles ~~ */
.page-title {
    /*font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 33px;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
    margin-bottom: 30px;
}

.titre-section {
    /*font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
    margin-bottom: 30px;
}

.table-forfait {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 10.5px;
}

    .table-forfait td, .table-forfait th {
        border-top: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.titre-chapitre {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #8B8B95;
    top: -14px;
    padding: 5px;
    background-color: #fff;
}

.vertically-centered {
    vertical-align: middle !important;
}

.table-border {
    border: 1px solid #252253 !important;
}

.blue-divorceo {
    color: #252253;
}

.dropdown-choices {
    color: #252253 !important;
}

    .dropdown-choices:hover {
        color: #95cdb2 !important;
    }

.titre-bloc {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 28px;
}

.plainbtn-isdisabled {
    background: #84B9BC !important;
    color: #fff !important;
    pointer-events: none !important;
}

.plainbtn {
    background: var(--green) !important;
    color: #fff !important;
    pointer-events: all !important;
}

    .plainbtn:hover, .plainbtn:focus, .plainbtn:active {
        background: #02787D !important;
        color: #fff !important;
        pointer-events: all !important;
    }

.outlinebtn-isdisabled {
    background: transparent !important;
    color: #84B9BC !important;
    pointer-events: none !important;
    border: 1px solid #84B9BC !important;
    border-radius: 10px !important;
}

.outlinebtn {
    background: transparent !important;
    color: var(--green) !important;
    border: 1px solid var(--green) !important;
    pointer-events: all !important;
    border-radius: 10px !important;
    font-family: 'Roboto', sans-serif;
}

    .outlinebtn:hover, .outlinebtn:focus, .outlinebtn:active {
        background: #FBFFFF !important;
        color: var(--green) !important;
        border: 1px solid var(--green) !important;
        pointer-events: all !important;
        border-radius: 10px !important;
    }

/*.input-date, .input-text, .input-int, .situation-dropdown button, .enfants-dropdown button {
    max-width: 590px !important;
    width: 100% !important;
    border-radius: 4px !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #f8f8f8 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.43 !important;
    letter-spacing: normal !important;
    color: #4a4a4a !important;
    height: 50px !important;
    padding: 15px 20px !important;
}

.situation-dropdown .dropdown-item.active, .situation-dropdown .dropdown-item:active,
.enfants-dropdown .dropdown-item.active, .enfants-dropdown .dropdown-item:active, .infoFactuAlma .dropdown-item.active, .infoFactuAlma .dropdown-item:active {
    background-color: var(--green);
    color: #fff;
}

.situation-dropdown .dropdown-item:focus, .situation-dropdown .dropdown-item:hover,
.enfants-dropdown .dropdown-item:focus, .enfants-dropdown .dropdown-item:hover,
.infoFactuAlma .dropdown-item:focus, .infoFactuAlma .dropdown-item:hover {
    background-color: #fff;
    color: var(--green);
}*/

#libelle-theme, #libelle-historique {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 29px;
}

.libelle-question {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 29px;
}

#accordion_lancement .libelle-question,
#accordion_ensavoirplus .libelle-question {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: var(--neutral900);
    padding: 0;
}

    #accordion_lancement .libelle-question a,
    #accordion_ensavoirplus .libelle-question a {
        color: var(--green);
    }

        #accordion_lancement .libelle-question a:hover, #accordion_lancement .libelle-question a:focus, #accordion_lancement .libelle-question a:active,
        #accordion_ensavoirplus .libelle-question a:hover, #accordion_ensavoirplus .libelle-question a:focus, #accordion_ensavoirplus .libelle-question a:active {
            color: #02787D;
        }

.bloc-question {
    margin-bottom: 37px;
}

.validation-btn {
    /*min-width: 91px;
    width: auto;*/
    width: 100%;
    height: 36px;
    border-radius: 10px;
    background-color: var(--green);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    /*margin-bottom: 60px;*/
    margin-bottom: 0px;
    border: none;
}

a.validation-btn {
    /*min-width: 91px;
    width: auto;*/
    /*width: 100%;
    height: 46px;*/
    height: 36px;
    border-radius: 10px;
    background-color: var(--green);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    /*margin-bottom: 60px;*/
    margin-bottom: 0px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.validation-btn:hover {
    /*min-width: 91px;
        width: auto;*/
    /*width: 100%;*/
    height: 36px;
    border-radius: 10px;
    background-color: #02787d;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    /*margin-bottom: 60px;*/
    margin-bottom: 0px;
}

.validation-btn[disabled], .validation-btn[disabled]:hover {
    /*min-width: 91px;
    width: auto;*/
    width: 100%;
    height: 36px;
    border-radius: 10px;
    background-color: #84B9BC;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    /*margin-bottom: 60px;*/
    margin-bottom: 0px;
}

.orange-btn {
    opacity: 1;
    min-width: 91px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    background-color: #f2a051;
    border: 1px solid #f2a051;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

    .orange-btn[disabled], .orange-btn[disabled]:hover {
        opacity: .5;
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #f2a051;
        border: 1px solid #f2a051;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .orange-btn:hover {
        opacity: 1;
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #fff;
        border: 1px solid #f2a051;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #f2a051;
        margin-bottom: 60px;
    }

.red-btn {
    opacity: 1;
    min-width: 91px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    background-color: #FF4D27;
    border: 1px solid #FF4D27;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

    .red-btn[disabled], .red-btn[disabled]:hover {
        opacity: .5;
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #FF4D27;
        border: 1px solid #FF4D27;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .red-btn:hover {
        opacity: 1;
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #fff;
        border: 1px solid #FF4D27;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #FF4D27;
        margin-bottom: 60px;
    }

.green-btn {
    min-width: 91px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    background-color: #56b98a;
    border: 1px solid #56b98a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    opacity: 1;
}

    .green-btn:hover {
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #fff;
        border: 1px solid #56b98a;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #56b98a;
        margin-bottom: 60px;
        opacity: 1;
    }

    .green-btn:disabled, .green-btn:disabled:hover {
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #56b98a;
        border: 1px solid #56b98a;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
        opacity: .65;
    }

.red-btn-outline {
    opacity: 1;
    width: auto;
    height: 30px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #FF6C6C;
    color: #FF6C6C;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
}

    .red-btn-outline[disabled],
    .red-btn-outline[disabled]:hover {
        opacity: 1;
        width: auto;
        height: 30px;
        border-radius: 10px;
        background-color: transparent;
        border: 1px solid #FFA9A9;
        color: #FFA9A9;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.15px;
        cursor: not-allowed;
    }

    .red-btn-outline:hover,
    .red-btn-outline:focus,
    .red-btn-outline:active {
        opacity: 1;
        width: auto;
        height: 30px;
        border-radius: 10px;
        background-color: transparent;
        border: 1px solid #E66060;
        color: #E66060;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.15px;
    }

.card-section {
    max-width: 390px;
    width: 100%;
    height: 89px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    /*padding: 24px 10px;*/
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-section-convention {
    min-height: 60px !important;
    padding: 0px 20px;
    height: 100% !important;
}

.forms-annexe {
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-section td {
    vertical-align: middle !important;
    padding: 15px 0 !important;
}

/*.container-fluid{padding: 15px 0}*/


.bloc-container {
    min-height: 390px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .08);
    /*border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    border: solid 1px #e1e1e1;*/
    background-color: #fff;
    padding: 30px;
}

.type {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    display: block;
}

.avocat_btn-redirect-to.active-btn {
    margin-right: 16px;
    min-width: 105px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #252253;
    background-color: #252253;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.avocat_btn-redirect-to {
    margin-right: 16px;
    min-width: 105px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #252253;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #252253;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
}

    .avocat_btn-redirect-to:hover {
        margin-right: 16px;
        min-width: 105px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        border: 1px solid #252253;
        background-color: #252253;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }

    .avocat_btn-redirect-to:last-child {
        margin-right: 0;
    }

#dropdown-clients {
    width: 270px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #252253;
    color: #252253;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    border-radius: 20px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-54 {
    margin-bottom: 54px;
}

/* ~~~~~~~~~~~~~~~~ */

/* ~~ Checkboxes ~~ */
.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore) {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #e1e1e1;
            transition: all 0.2s ease;
            background-color: #e1e1e1;
        }

            .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #FFFFFF;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
            }

            .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #56b98a;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%;
            }

        .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):last-child {
            padding-left: 8px;
        }

    .cbx:hover span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
        /*border-color: #56b98a;*/
    }

.inp-cbx:checked + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
    background: #56b98a;
    border-color: #56b98a;
    animation: wave 0.4s ease;
}

    .inp-cbx:checked + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
    }

.inp-cbx:checked:disabled + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
    background: rgba(86, 185, 138, 1);
    border-color: rgba(86, 185, 138, 1);
    animation: wave 0.4s ease;
}

    .inp-cbx:checked:disabled + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked:disabled + .cbx span:not(.compensatoire-prerequis-paiement):not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
    }

/* Type radio */
.cbx.cbx-radio {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore) {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #e1e1e1;
            transition: all 0.2s ease;
            background-color: #e1e1e1;
        }

            .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #FFFFFF;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
            }

            .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #56b98a;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%;
            }

        .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):last-child {
            padding-left: 8px;
        }

    .cbx.cbx-radio:hover span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
        border-color: #56b98a;
    }

.inp-cbx[type="radio"]:checked + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
    background: #56b98a;
    border-color: #56b98a;
    animation: wave 0.4s ease;
}

    .inp-cbx[type="radio"]:checked + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
        stroke-dashoffset: 0;
    }

    .inp-cbx[type="radio"]:checked + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
    }

.inp-cbx[type="radio"]:checked:disabled + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child {
    background: rgba(86, 185, 138, 1);
    border-color: rgba(86, 185, 138, 1);
    animation: wave 0.4s ease;
}

    .inp-cbx[type="radio"]:checked:disabled + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child svg {
        stroke-dashoffset: 0;
    }

    .inp-cbx[type="radio"]:checked:disabled + .cbx.cbx-radio span:not(.text-capitalize):not(.pi-prerequis-paiement):not(.span_for_popover):not(#lieuSignatureSelectedResume):not(#villeSelectedBefore):first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
    }

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.libelle-reponse {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #4a4a4a;
}

/* ~~~~~~~~~~~~~~~~ */
/* ~~ Dashboard ~~ */
#dashboard-table {
    padding: 35px 30px;
    min-height: 562px !important;
    height: auto;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e1e1e1;
}

.dashboard-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 37px;
}

/* ~~~~~~~~~~~~~~~~ */
/* ~~ Modal d'alerte ~~ */
.attention {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-top: 15px;
}

.warning-text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #4a4a4a;
}

/* ~~~~~~~~~~~~~~~~ */
/* ~~ Modal Aide Inscription Freemium & Premium ~~ */
#aideInscriptionModal .modal-body {
    padding: 75px 25px 50px 25px;
}

#finModalPaiement .modal-body {
    padding: 75px 25px 50px 25px;
}

#aidePremiumModal .modal-body {
    padding: 75px 25px 50px 25px;
}

.modalUpload .modal-body {
    padding: 30px;
}

/*.modalUpload .footer-infos {
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 50px;
}*/
/* ~~~~~~~~~~~~~~~~ */
/* ~~ Dashboard Avocat ~~ */
.avocat-nomClient {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #252253;
}

.avocat-numeroDossier {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #252253;
}

/* ~~~~~~~~~~~~~~~~ */
/* ~~ Bouton Action ~~ */
.navbar-suividossier #invite-conjoint-navbar,
.navbar-suividossier .bouton-action {
    background: var(--green);
    border-radius: 5px;
    color: #fff;
    height: 25px;
    min-height: 25px;
    padding: 0 35px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
}

    .navbar-suividossier .bouton-action:hover,
    .navbar-suividossier .bouton-action:focus,
    .navbar-suividossier .bouton-action:active {
        background: var(--green) !important;
        border-radius: 5px;
        color: #fff;
        height: 25px;
        min-height: 25px;
        padding: 0 35px;
        border: none;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: center;
    }

.bouton-action {
    min-width: 76px;
    width: auto;
    min-height: 36px;
    border-radius: 20px;
    background-color: #5771ff;
    /*padding: 10px 20px;*/
    padding: 8.5px 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border: 1px solid #5771ff;
}

    .bouton-action:hover {
        min-width: 76px;
        width: auto;
        height: 36px;
        border-radius: 20px;
        background-color: #fff;
        /*padding: 10px 20px;*/
        padding: 8.5px 20px;
        color: #5771ff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        border: 1px solid #5771ff;
    }

/* ~~~~~~~~~~~~~~~~ */
/* ~~ Barre de navigation - Avocat ~~ */
.avocat_btn-nav-disabled {
    opacity: .3;
    cursor: not-allowed;
}

    .avocat_btn-nav-disabled:hover {
        background-color: #fff !important;
        border: 1px solid #252253 !important;
        color: #252253 !important;
        opacity: .3;
        cursor: not-allowed;
    }

/* ~~~~ */
/* ~~ Page profil ~~ */
.input-telephone::-webkit-input-placeholder {
    color: #8e8e99;
    opacity: .5;
    font-style: italic;
    font-weight: 400;
}

.input-telephone:-moz-placeholder {
    color: #8e8e99;
    opacity: .5;
    font-style: italic;
    font-weight: 400;
}

.input-telephone::-moz-placeholder {
    color: #8e8e99;
    opacity: .5;
    font-style: italic;
    font-weight: 400;
}

.input-telephone:-ms-input-placeholder {
    color: #8e8e99;
    opacity: .5;
    font-style: italic;
    font-weight: 400;
}

.input-telephone::placeholder {
    color: #8e8e99;
    opacity: .5;
    font-style: italic;
    font-weight: 400;
}

/* ~~~~ */
/* Modal paiement responsive */
#modalPaiement .modal-body-paiement, #resumeTwoPaiementModal .modal-body-resumeTwoPaiement {
    padding: 85px 20px 50px 20px;
}

.long-libelle {
    width: 80%;
}

/* ~~~~ */
/* Modal invitation responsive */
#modalInvitationConjoint .modal-body, #modalHistoriqueInvitations .modal-body {
    padding: 40px 20px 20px 20px;
}

/*#modalInvitationConjoint .container-fluid, #modalHistoriqueInvitations .container-fluid {
    padding: 40px 20px 20px 20px;
}*/
/* ~~~~ */
/* Modal aide freemium/premium responsive */
#aideInscriptionModal .modal-body {
    padding: 85px 20px 85px 20px;
}

#finModalPaiement .modal-body {
    padding: 85px 20px 85px 20px;
}

#aidePremiumModal .modal-body {
    padding: 85px 20px 85px 20px;
}

.modalUpload .modal-body {
    padding: 30px;
}

/*.modalUpload .footer-infos {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 85px;
}*/

#aideInscriptionModal #bienvenue ul {
    padding-left: 15px;
}

#aideInscriptionModal ul {
    padding-left: 15px;
}

#aidePremiumModal #attestationRdvPremium ul {
    padding-left: 15px;
}

/* ~~~~ */
#icone-solotoduo, #icone-solotoduo2 {
    height: 110px
}

#icone-solotoduo-rejoindre {
    height: 100px
}

/*#rc-imageselect, .g-recaptcha {
    transform: scale(0.77);
    transform-origin: 0;
    transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}*/
#rc-imageselect {
    transform: scale(0.77);
    transform-origin: 0;
    transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

#valideRegistre:disabled {
    opacity: .5 !important;
}

#calculer_ma_formule {
    display: inline-block;
    line-height: 1.5;
    padding: 5px
}

#ma_formule_calculatrice {
    display: none;
}

.bouton-calc-formule {
    background: #5771ff;
    border-radius: 5px;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important;
}

    .bouton-calc-formule:hover {
        font-weight: normal !important;
    }

.nav-item-calculator {
    padding: .5rem 1rem;
}

/* Style du cadre en haut à gauche des pages avocats */
.cadre-infos-haut-page-freemium {
    background-color: #E7F4F5 !important;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 13px 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

    .cadre-infos-haut-page-freemium img {
        margin-right: 16px;
    }

    .cadre-infos-haut-page-freemium p {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: left;
        color: var(--green);
        margin-bottom: 0;
    }

    .cadre-infos-haut-page-freemium button {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #fff;
        margin-bottom: 0;
        width: 15%;
    }

    /*
.cadre-infos-haut-page-freemium button:hover {
    width: 15%;
}
*/
    .cadre-infos-haut-page-freemium p a {
        color: #5771ff;
    }

.cadre-infos-haut-page {
    background-color: #fff;
    /*border: 1px solid #e1e1e1;*/
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px !important;
}

    .cadre-infos-haut-page .encart-statut-dossier {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #272727;
        width: 70px;
    }

    .cadre-infos-haut-page td p {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.01em;
        text-align: left;
        color: #272727;
    }

.archive-button {
    min-width: 120px;
    width: auto;
    min-height: 46px;
    height: auto;
    border-radius: 10px;
    background-color: #ff6c6c;
    padding: 10px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border: 1px solid #ff6c6c;
}

    .archive-button:hover {
        min-width: 120px;
        width: auto;
        min-height: 46px;
        height: auto;
        border-radius: 10px;
        background-color: #ff6c6c;
        padding: 10px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        border: 1px solid #ff6c6c;
    }

.annuler-archivage-mesdossier-btn {
    min-width: 91px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    background-color: #fff;
    border: 1px solid #252253;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #252253;
}

    .annuler-archivage-mesdossier-btn:hover {
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #f2a051;
        border: 1px solid #f2a051;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }

.valider-archivage-mesdossier-btn {
    min-width: 91px;
    width: auto;
    height: 36px;
    border-radius: 18px;
    background-color: #ff6c6c;
    border: 1px solid #ff6c6c;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
}

    .valider-archivage-mesdossier-btn:hover {
        min-width: 91px;
        width: auto;
        height: 36px;
        border-radius: 18px;
        background-color: #ffffff;
        border: 1px solid #ff6c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ff6c6c;
        margin-bottom: 60px;
    }

/*#modalArchivageDossierDossier {
    font-family: 'Roboto', sans-serif;
    font-size: 23px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
    margin-bottom: 29px;
}*/

#button-archive-dossier, #button-archive-dossier:hover, #button-archive-dossier:active, #button-archive-dossier:focus,
.annulerrdv, .annulerrdv:hover, .annulerrdv:active, .annulerrdv:focus {
    background-color: #ff6c6c !important;
    color: #fff !important;
}

#saveRefusPaiement, #saveRefusPaiement:hover, #saveRefusPaiement:active, #saveRefusPaiement:focus {
    background-color: #ff6c6c !important;
    color: #fff !important;
}

.annulerarchivage, .annulerarchivage:hover, .annulerarchivage:active, .annulerarchivage:focus {
    border: 1px solid #ff6c6c !important;
    border-radius: 10px !important;
    color: #ff6c6c !important;
    width: 100% !important;
}

.annulerrefus, .annulerrefus:hover, .annulerrefus:active, .annulerrefus:focus {
    border: 1px solid #ff6c6c !important;
    border-radius: 10px !important;
    color: #ff6c6c !important;
    width: 100% !important;
}

#modalArchivageDossierLabel {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #252253;
    margin-bottom: 8px;
}

/* Navbar suivi du dossier FREEMIUM */
.navbar-suividossier p {
    color: #8e8e99;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.bouton-refuser {
    height: 36px;
    border-radius: 20px;
    background-color: #ff6c6c;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border: 1px solid #ff6c6c;
}

    .bouton-refuser:hover {
        height: 36px;
        border-radius: 20px;
        background-color: #fff;
        padding: 10px 20px;
        color: #ff6c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        border: 1px solid #ff6c6c;
    }

.navbar-suividossier #navbarNavAltMarkup .navbar-nav {
    flex-direction: row;
}

.old_layout #sidebar .nav-item {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#sidebar i {
    font-size: 18px;
}

/* ~~ Nouvelles modales ~~ */
.modal-content {
    border-radius: 10px;
}

.modal-body {
    padding: 29px;
}

.titre_modal {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
    margin-bottom: 0;
}

.icone-modal {
    margin-right: 15px;
    margin-bottom: 0px;
}

.soustitre_modal {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #8B8B95;
}

.descriptif-modal {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
}

    .descriptif-modal b {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: left;
        color: #272727;
    }

.descriptif-modal-bold {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #272727;
}

    .descriptif-modal-bold b {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: left;
        color: #272727;
    }

.empty_button {
    /*height: 48px !important;*/
    height: 36px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--green);
    background: transparent;
    border: none;
}

/* ~~~~ */


#body-divorceo:not(.dashboardadmin) {
    background: var(--neutral50);
}

.cln_bouton_gauche {
    padding-right: 15px;
}

.cln_bouton_droite {
    padding-left: 15px;
}

/* Petits écrans (Téléphone en format paysage, largeur de 576px et plus) */
@media (min-width: 576px) {
}

/* Appareils moyens (tablettes, largeur de 768px et plus) */
@media (min-width: 768px) {
}

/* Appareils larges (Ordinateurs de bureau, largeur de 992px et plus) */
@media (min-width: 992px) {

    .cln_bouton_gauche {
        padding-right: 10px;
    }

    .cln_bouton_droite {
        padding-left: 10px;
    }

    #calculer_ma_formule {
        display: none;
        line-height: 1.5;
    }

    #ma_formule_calculatrice {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-item-calculator {
        padding: 0 1rem 0 0;
    }

    .bouton-calc-formule {
        background: #5771ff;
        border-radius: 5px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .navbar-brand {
        margin-left: 30px;
        padding-top: 0;
    }

        .navbar-brand img, #logo-divorceo-footer {
            /*width: 147px;*/
            width: 100%;
            height: 50px;
        }

    .old_layout #body-content-desktop {
        padding-top: 67px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #body-divorceo:not(.old_layout):not(.dashboardadmin) {
        /*        background-image: url('../images/illustrations/illu_bodybo_o50.svg');
        background-repeat: no-repeat;
        background-position-x: calc(100% + 220px);
        background-position-y: -150px;
        background-size: 700px;*/
        background: var(--neutral50);
    }

    #body-divorceo.old_layout:not(.dashboardadmin) {
        background-image: url('../images/illustrations/illu_bodybo_o50.svg');
        background-repeat: no-repeat;
        background-position-x: calc(100% + 220px);
        background-position-y: -150px;
        background-size: 700px;
        background-color: #FBFFFF;
    }

    #rc-imageselect,
    .g-recaptcha {
        transform: scale(1);
        transform-origin: 0;
        transform: scale(1);
        transform-origin: 0 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    #icone-solotoduo, #icone-solotoduo2 {
        height: 110px
    }

    #icone-solotoduo-rejoindre {
        height: 100px
    }

    /* Modal paiement responsive */
    #modalPaiement .modal-body-paiement, #resumeTwoPaiementModal .modal-body-resumeTwoPaiement {
        padding: 85px 100px 50px 100px;
    }

    .long-libelle {
        width: auto;
    }

    /* ~~~~ */
    /* Modal invitation responsive */
    #modalInvitationConjoint .modal-body, #modalHistoriqueInvitations .modal-body {
        padding: 30px;
    }

    /*#modalInvitationConjoint .container-fluid, #modalHistoriqueInvitations .container-fluid {
        padding: 50px;
    }*/
    /* ~~~~ */
    /* Modal aide freemium/premium responsive */
    #aideInscriptionModal .modal-body {
        padding: 85px 85px 50px 85px;
    }

    #finModalPaiement .modal-body {
        padding: 85px 85px 50px 85px;
    }

    #aidePremiumModal .modal-body {
        padding: 85px 85px 50px 85px;
    }

    #aideInscriptionModal #bienvenue ul {
        padding-left: 40px;
    }

    #aideInscriptionModal ul {
        padding-left: 40px;
    }

    #aideInscriptionModal #attestationRdvPremium ul {
        padding-left: 40px;
    }

    /* ~~~~ */
    .old_layout #body-content-desktop {
        padding-bottom: 50px;
    }

    #aideInscriptionModal .modal-body {
        padding: 85px 85px 50px 85px;
    }

    #aidePremiumModal .modal-body {
        padding: 85px 85px 50px 85px;
    }

    .modalUpload .modal-body {
        padding: 30px;
    }

    /*.modalUpload .footer-infos {
        padding-right: 85px;
        padding-left: 85px;
        padding-bottom: 50px;
    }*/
    #bo-menu {
        height: 80px;
    }

        #bo-menu.externe {
            height: 74px;
        }

        #bo-menu.interne {
            height: 74px;
        }

        #bo-menu #navbarNav .navbar-nav .nav-item:first-child a {
            margin-left: 25px;
            margin-right: 25px;
        }
}

/* Appareils très larges (Ordinateurs de bureau larges, largeur de 1200px et plus) */
@media (min-width: 1200px) {

    .old_layout #sidebar .nav-item {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    #calculer_ma_formule {
        display: inline-block;
        line-height: 1.5;
    }

    #ma_formule_calculatrice {
        display: none;
    }
}

/* Appareil avec une largeur d'écran d'au moins 1366px (Largeur spécifique, largeur de 1366px et plus) */
@media (min-width: 1366px) {

    #bo-menu #navbarNav .navbar-nav .nav-item:first-child a {
        margin-left: 50px;
        margin-right: 25px;
    }

    .bouton-calc-formule {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0 25px !important;
    }

    .old_layout #body-content-desktop {
        padding-top: 67px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    .mb-54-small {
        margin-bottom: 54px;
    }
}


/* MUMUSE */
#sidebarCollapse a {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    text-decoration: none;
}

    #sidebarCollapse a i {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 3px;
        color: #fff;
        font: bold 14px/.4 Helvetica;
        text-transform: uppercase;
        text-indent: -55px;
        background: #fff;
        transition: all .2s ease-out;
    }

        #sidebarCollapse a i::before, #sidebarCollapse a i::after {
            content: '';
            width: 18px;
            height: 3px;
            background: #fff;
            position: absolute;
            left: 0;
            transition: all .2s ease-out;
        }

        #sidebarCollapse a i::before {
            top: -7px;
        }

        #sidebarCollapse a i::after {
            bottom: -7px;
        }

    #sidebarCollapse a:hover i::before {
        top: -10px;
    }

    #sidebarCollapse a:hover i::after {
        bottom: -10px;
    }

    #sidebarCollapse a.active_hamb i {
        background: transparent;
    }

        #sidebarCollapse a.active_hamb i::before {
            top: 0;
            -webkit-transform: rotateZ(45deg);
            -moz-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
        }

        #sidebarCollapse a.active_hamb i::after {
            bottom: 0;
            -webkit-transform: rotateZ(-45deg);
            -moz-transform: rotateZ(-45deg);
            -ms-transform: rotateZ(-45deg);
            -o-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
        }

.wrapper {
    width: 100%;
    flex-direction: column;
}

/*.old_layout #sidebar {*/
/*    background: #008F96;*/
/*    color: #fff;*/
/*    -webkit-transition: all 0.3s;*/
/*    -o-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*    z-index: 1;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    min-height: 100vh;*/
/*}*/

/*#sidebar.active {*/
/*    margin-left: -255px;*/
/*}*/

/*#sidebar.active .custom-menu {*/
/*    margin-right: -50px;*/
/*}*/

/*#sidebar h1 {*/
/*    margin-bottom: 20px;*/
/*    font-weight: 700;*/
/*}*/

/*#sidebar ul.components {*/
/*    padding: 0;*/
/*}*/

/*#sidebar ul li {*/
/*    font-size: 16px;*/
/*}*/

/*#sidebar ul li > ul {*/
/*    margin-left: 10px;*/
/*}*/

/*#sidebar ul li > ul li {*/
/*    font-size: 14px;*/
/*}*/

/*.old_layout #sidebar ul li a {*/
/*    padding: 10px 0;*/
/*    display: flex;*/
/*    color: #fff;*/
/*    font-weight: 400;*/
/*    border-bottom: 1px solid transparent;*/
/*    border-radius: 10px;*/
/*    font-family: 'Roboto', sans-serif;*/
/*    font-size: 15px;*/
/*    font-style: normal;*/
/*    line-height: 18px;*/
/*    letter-spacing: 0.01em;*/
/*    text-align: left;*/
/*}*/

/*.old_layout #sidebar ul li a:hover {*/
/*    color: #fff;*/
/*}*/

/*.old_layout #sidebar ul li.active > a {*/
/*    background: transparent;*/
/*    color: #fff;*/
/*}*/

/*#sidebar .numero_dossier,*/
/*#sidebar .profil {*/
/*    color: var(--neutral600);*/
/*    font-family: 'Roboto', sans-serif;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    line-height: 16px;*/
/*}*/

/*#sidebar .logosite {*/
/*    margin: 0 0 40px 0;*/
/*}*/

/*#sidebar .logosite img {*/
/*    height: 28px;*/
/*    width: 137px;*/
/*    object-fit: contain;*/
/*}*/

/*@media (max-width: 1200px) {*/
/*    .old_layout #sidebar {*/
/*        min-width: 150px;*/
/*        max-width: 150px;*/
/*    }*/

/*    .old_layout #body-content-desktop {*/
/*        margin-left: 180px;*/
/*    }*/
/*}*/

/*@media (max-width: 991.98px) {*/
/*    #sidebar {*/
/*        margin-left: -250px;*/
/*        display: none;*/
/*    }*/

/*    #sidebar.active {*/
/*        margin-left: 0;*/
/*    }*/

/*    #sidebar .custom-menu {*/
/*        margin-right: -50px !important;*/
/*        top: 10px !important;*/
/*    }*/
/*}*/

/*#sidebar .custom-menu {*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 0;*/
/*    margin-right: -20px;*/
/*    -webkit-transition: 0.3s;*/
/*    -o-transition: 0.3s;*/
/*    transition: 0.3s;*/
/*}*/

/*@media (prefers-reduced-motion: reduce) {*/
/*    #sidebar .custom-menu {*/
/*        -webkit-transition: none;*/
/*        -o-transition: none;*/
/*        transition: none;*/
/*    }*/
/*}*/

/*#sidebar .custom-menu a {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*#sidebar .custom-menu a {*/
/*    background: #252253;*/
/*    border-color: #252253;*/
/*}*/

/*#sidebar .custom-menu a:hover, #sidebar .custom-menu a:focus {*/
/*    background: #252253 !important;*/
/*    border-color: #252253 !important;*/
/*}*/

a[data-toggle="collapse"] {
    position: relative;
}

/*.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}*/
/*.dropdwn .dropdown-toggle::after {
    right: 15px;
    color: #272727;
    border-top: 0.7em solid;
    border-right: 0.6em solid transparent;
    border-bottom: 0;
    border-left: 0.6em solid transparent;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}


.dropdwn .dropdown-toggle[aria-expanded="true"]::after {
    right: 15px;
    color: #272727;
    border-bottom: 0.7em solid;
    border-right: 0.6em solid transparent;
    border-top: 0;
    border-left: 0.6em solid transparent;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}*/

@media (max-width: 991.98px) {
    #sidebarCollapse span {
        display: none;
    }
}

#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer p {
    color: rgba(255, 255, 255, 0.5);
}

/*.form-control {*/
/*    height: 45px !important;*/
/*    background: #fff;*/
/*    color: #000;*/
/*    font-size: 13px;*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: none !important;*/
/*    box-shadow: none !important;*/
/*    border: transparent;*/
/*}*/

.form-control:focus, .form-control:active {
    /*outline: 1px solid #000;*/
    border-color: #000;
}

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

/* Horizontal scroll menu */
div.scrollmenu {
    background-color: #fafafc;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    bottom: 0;
    z-index: 3;
}

    div.scrollmenu a {
        display: inline-block;
        color: #8e8e99;
        text-align: center;
        padding: 5px;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #272727;
    }

        div.scrollmenu a div {
            margin-bottom: 6px;
        }

        div.scrollmenu a:hover {
            background-color: #fafafc;
        }

    div.scrollmenu .left, div.scrollmenu .right {
        position: absolute;
        width: 15px;
        top: 0;
        bottom: 0;
        background: #fafafc;
        opacity: .8;
        filter: blur(1px);
    }

    div.scrollmenu .left {
        left: 0;
    }

    div.scrollmenu .right {
        right: 0;
    }


.btn-validation {
    display: inline-flex;
    justify-content: center;
    width: -webkit-fill-available;
    padding: 0 10px;
}

.cln_bouton_gauche {
    padding: 0 5px;
}

.cln_bouton_droite {
    padding: 0 5px;
}

/*
#question-project {
    padding: 0 65px;
}*/

/* RESPONSIVE CYRIL */
#info_avocat {
    justify-content: left;
}

ul.descriptif-modal {
    margin-left: -24px;
}

.modal-body .row {
    justify-content: left;
}

.modal-body .televersement {
    width: 100% !important;
}

#sendNewMessage {
    margin-top: 15px;
}

/*
.forms-annexe form div{
    padding: 20px 15px !important;
}*/

.bloc-theme-ko .label-theme-ko, .bloc-theme-ko .lien-theme-ko {
    text-align: left !important;
}

.doc-refuser {
    margin-right: 0px;
}

.bouton_rouge_l {
    min-height: 36px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    background: #FF6C6C;
}

    .bouton_rouge_l:hover,
    .bouton_rouge_l:active,
    .bouton_rouge_l:focus {
        color: #fff;
        background: #E66060;
    }

    .bouton_rouge_l:disabled,
    .bouton_rouge_l:disabled:hover,
    .bouton_rouge_l:disabled:active,
    .bouton_rouge_l:disabled:focus,
    .bouton_rouge_l-disabled,
    .bouton_rouge_l-disabled:hover,
    .bouton_rouge_l-disabled:active,
    .bouton_rouge_l-disabled:focus {
        min-height: 36px;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        background: #FFA9A9;
        cursor: not-allowed;
    }

.bouton_vert_l_syncfusion {
    color: #fff !important;
    background: var(--green) !important;
    box-shadow: none !important;
    border-color: transparent !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    letter-spacing: 0.01em !important;
    width: 100% !important;
    height: 36px !important;
    text-transform: initial !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

    .bouton_vert_l_syncfusion_disabled, .bouton_vert_l_syncfusion_disabled:hover, .bouton_vert_l_syncfusion_disabled:focus, .bouton_vert_l_syncfusion_disabled:active, .bouton_vert_l_syncfusion:disabled, .bouton_vert_l_syncfusion:disabled:hover, .bouton_vert_l_syncfusion:disabled:focus, .bouton_vert_l_syncfusion:disabled:active {
        color: #fff !important;
        background: #84B9BC !important;
        box-shadow: none !important;
        border-color: transparent !important;
        -ms-border-radius: 10px !important;
        border-radius: 10px !important;
        font-family: 'Roboto', sans-serif !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 15px !important;
        line-height: 18px !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        letter-spacing: 0.01em !important;
        width: 100% !important;
        height: 36px !important;
        text-transform: initial !important;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
        pointer-events: none !important;
    }

.footer-infos {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #8B8B95;
    margin-bottom: 0;
}

/* ~~ DATEPICKER SYNCFUSION ~~ */ /* To specify background color and border */
.e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before {
    width: 0 !important;
    left: 0 !important;
    content: none !important;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after {
    width: 0 !important;
    right: 0 !important;
    content: none !important;
}

.e-datetimepicker::selection,
.e-datepicker::selection {
    color: #fff !important;
    background: var(--green) !important;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons {
    color: #272727 !important;
    height: 24px !important;
}

    .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
        color: var(--green) !important;
    }

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: #fff !important;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-calendar .e-selected span.e-day {
    background-color: var(--green) !important;
    color: #fff !important;
    border-color: var(--green) !important;
}

.e-calendar .e-content td:hover span.e-day,
.e-calendar .e-content td:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
    background-color: var(--green) !important;
    border: 1px solid !important;
    color: #fff !important;
}

.datepicker-syncfusion-flk .e-date-wrapper {
    width: 100%;
    height: 45px;
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    border: 1px solid #D1D1D6 !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #272727 !important;
    font-family: inherit !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
    position: relative !important;
    margin: 0 !important;
}

    .datepicker-syncfusion-flk .e-date-wrapper input {
        font-family: 'Roboto', sans-serif !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 15px !important;
        line-height: 18px !important;
        letter-spacing: 0.01em !important;
        color: #272727 !important;
    }

    .datepicker-syncfusion-flk .e-date-wrapper.e-input-focus {
        border: 1px solid var(--green) !important;
    }

    .datepicker-syncfusion-flk .e-date-wrapper .e-float-text {
        font-size: 14px !important;
        top: 0 !important;
        background: #fff !important;
        color: var(--green) !important;
        padding: 0 5px !important;
        left: 15px !important;
        display: inline !important;
        width: intrinsic !important; /* Safari/WebKit uses a non-standard name */
        width: -moz-max-content !important; /* Firefox/Gecko */
        width: -webkit-max-content !important; /* Chrome */
        margin: 0 !important;
    }

.datepicker-syncfusion-flk .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::before,
.datepicker-syncfusion-flk .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before,
.datepicker-syncfusion-flk .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before,
.datepicker-syncfusion-flk .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::after,
.datepicker-syncfusion-flk .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.datepicker-syncfusion-flk .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after {
    background: transparent;
}

/* ~~ FIN DATEPICKER SYNCFUSION ~~ */


.photo_avocat {
    display: block;
    /*width: 72px;
    min-height: 72px;*/
    width: 58px;
    /*min-height: 58px;*/
    height: 58px;
    object-fit: cover;
    border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 21px;
}

@media (max-width: 570px) {
    /* PAGE ACCUEIL FREEMIUM */
    .cadre-infos-haut-page-freemium button {
        width: 100%;
        margin: 15px 0;
    }

    .cadre-infos-haut-page-freemium {
        flex-direction: column;
    }

    .cell {
        height: 130px;
        /* width: 122px; */
    }

    .titre-procedure {
        padding-top: 0px !important
    }

    /*avocats disponible */
    .contenu_element_carousel div {
        flex-direction: column;
        align-items: center !important;
        width: 105%;
    }

    .nom_avocat {
        text-align: center !important;
    }

    #avocatsCarousel #liste_avocat {
        padding: 0 25px !important;
    }

    .carousel-control-next {
        right: -15px;
    }

    .carousel-control-prev {
        left: -15px;
    }

    #avocatsCarousel #liste_puce_carrousel li {
        width: 14px !important;
        height: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin: 0px 8px !important;
    }

    #avocatsCarousel .photo_avocat {
        margin-right: 0px !important;
        margin-bottom: 20px;
    }

    #avocatsCarousel .infos_avocat .nom_avocat {
        margin-bottom: 20px;
    }

    .carousel-indicators {
        display: inline-flex;
        /*left: -25px;*/
        margin-right: 0;
        margin-left: 0;
        list-style: none;
    }

    /* lancement */
    .btn-procedure {
        margin-bottom: 20px;
        display: flex !important;
        flex-direction: column;
    }


    /* formulaire*/
    .progressbar-text {
        color: black !important;
        right: 50% !important;
        font-size: 16px !important;
    }


    .progress-circle svg {
        width: 100% !important;
    }

    /* FOOTER */
    footer {
        bottom: 128px;
    }

    /*#question-project {
        height: 36px;
        padding: 0 130px !important;
    }*/


}

@media (max-width: 768px) {
    #info_avocat {
        justify-content: center;
    }

    .doc-recu {
        margin-right: -18px !important;
    }


    .cell {
        height: 150px;
        /*   width: 122px;*/
    }

    .illu-procedure {
        display: none;
    }

    .titre-procedure {
        padding-top: 15px !important;
    }

    .cell .notification-avancement-procedure {
        bottom: 15px !important;
    }

    /* formulaire */
    #notification-modifications {
        margin-top: -30px;
        flex-direction: row !important;
        height: 46px !important;
    }

    .progress-circle {
        /*margin-top: 50px;*/
    }

    #annexe-convention {
        padding: 20px !important;
    }

    .table-section td {
        padding: 0 0 !important;
        display: block;
    }

    .card-section-convention {
        padding: 11px 20px !important;
    }

    .ligne-doc-1 {
        width: 58% !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-start;
    }

    .ligne-doc-2 {
        padding: 0 0 !important;
        display: inline-flex !important;
    }

    .ligne-doc-3 {
        width: 33% !important;
        margin: 15px 0 15px 75px !important;
        display: inline-flex !important;
    }

        .ligne-doc-3 div div {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: space-around;
        }

        .ligne-doc-3 div:last-child {
            justify-content: space-evenly !important;
        }

    .ligne-doc-4 {
        width: 30% !important;
        display: inline-flex !important;
        justify-content: flex-end;
        margin-top: 5px;
    }

        .ligne-doc-4 button {
            margin: -10px -30px 0 0;
        }


        .ligne-doc-4 a {
            margin: -10px -20px 0 0 !important;
        }

    .lancementprocedure-bloc #demarrerlaprocedure {
        margin-left: 0 !important;
    }

    .lancementprocedure-bloc #ensavoirplus {
        margin: inherit;
    }

    .paiement {
        flex-direction: column;
    }

    a.validation-btn {
        height: 36px;
    }

    /* #question-project {
        height: 36px;
        padding: 0 130px !important;
    }*/
    .validation-btn {
        height: 36px;
    }

    .doc_dispo div.row {
        padding: 0;
    }

    .telecharger {
        padding: 0 0 0 10px;
    }

    .infos {
        padding: 0 10px 0 0;
    }

    .lien-theme-ok, .lien-theme-locked {
        margin-right: 0px !important;
    }

    .label-theme-ko, .label-theme-ok, .lien-theme-locked, .label-theme-okko {
        text-align: end !important;
        padding-top: 5px;
    }

    #grosbloc-facturation {
        padding: 0 0 !important;
    }

    #grosbloc-convention {
        padding: 0 0 !important;
    }

    .icone-modal {
        margin-right: 0px;
    }

    .error {
        padding: 15px 10px;
    }

    #convention-pdfviewer {
        height: 600px !important;
        width: 100%;
    }

    .percentage-matching {
        height: 0px !important;
    }

    #grosbloc-colonnegauche p {
        text-align: left !important;
    }

    #grosbloc-colonnedroite .lien-theme-okko, .lien-theme-ok, .lien-theme-locked {
        display: block !important;
        text-align: right !important;
        margin-right: 0px !important;
    }

    .label-theme-ko {
        display: block !important;
        text-align: left !important;
        color: black !important;
    }

    #grosbloc-validationprojetconvention {
        padding-top: 20px;
    }

    #projet-convention {
        margin-bottom: 0 !important;
    }

    .validation-btn[disabled], .validation-btn[disabled]:hover {
        height: 36px;
    }

    #saveRefusPaiement {
        height: 48px !important;
    }

    .icone-modal {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .modal-body .row {
        justify-content: center;
    }

    .validation-btn:hover {
        height: 36px;
    }
}

@media (max-width: 1024px) {

    .ligne-doc-3 row {
        justify-content: flex-end;
    }

    .ligne-doc-3 div:last-child {
        justify-content: end;
    }
}