/* ========================================================== */
/* VARIABLES                                                   */
/* ========================================================== */

:root {
    --EE-primary: #1C2258;
    --EE-secondary: #5623BC;
    --EE-danger: #BC1722;

    --EE-bg: #f7f7f7;
    --EE-white: #ffffff;

    --EE-border: #e5e7ed;
    --EE-border-soft: #eceef4;

    --EE-text: #333333;
    --EE-muted: #8b8fa0;

    --EE-sidebar-width: 21.563rem;
    --EE-header-height: 7.6rem;
    --EE-primary-light: #eef4ff;
}


/* ========================================================== */
/* GLOBAL                                                      */
/* ========================================================== */

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    background: var(--EE-bg);
}

body.EE-menu-open,
body.EE-modal-open {
    overflow: hidden;
}

.content-body {
    min-height: 81vh !important;
}

.red {
    color: var(--EE-secondary) !important;
}

select option {
    text-align: left !important;
}

.footer {
    background: var(--EE-bg) !important;
}


/* ========================================================== */
/* DATATABLE                                                   */
/* ========================================================== */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--EE-primary) !important;
    color: #fff !important;
}


/* ========================================================== */
/* TABLE                                                       */
/* ========================================================== */

table tr {
    color: var(--EE-primary) !important;
    text-align: left !important;
    font-size: 15px !important;
}

table td,
table td:last-child {
    border: none !important;
    text-align: left;
}


/* ========================================================== */
/* SESSION MODAL                                               */
/* ========================================================== */

#timeleft > .modal-dialog {
    width: 20% !important;
}

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

    #timeleft > .modal-dialog {
        width: 40% !important;
    }

    .rowtl {
        padding: 0 !important;
    }

}


/* ========================================================== */
/* NAV HEADER / LOGO                                          */
/* ========================================================== */

.nav-header {
    position: fixed;

    top: 0;
    left: 0;

    width: var(--EE-sidebar-width);
    height: var(--EE-header-height);

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--EE-primary);

    z-index: 1200;
}

.nav-header .brand-logo {
    width: 100%;
    height: 100%;

    display: flex !important;
    align-items: center;
    justify-content: center;

    padding: 14px 25px !important;
}

.nav-header .brand-title {
    display: block !important;

    width: auto;

    max-width: 170px;
    max-height: 48px;

    margin: 0 !important;

    object-fit: contain;
}


/* ========================================================== */
/* SIDEBAR                                                     */
/* ========================================================== */

.deznav.EE-sidebar {
    position: fixed !important;

    top: var(--EE-header-height);
    left: 0;

    width: var(--EE-sidebar-width);
    height: calc(100vh - var(--EE-header-height));

    display: block;

    background: var(--EE-primary);

    color: #fff;

    /*
     * Très important :
     * le hamburger dépasse du bord droit.
     */
    overflow: visible !important;

    z-index: 1100;

    transform: translateX(0);

    transition:
            transform .25s ease;
}


/* ========================================================== */
/* SIDEBAR FERMÉE                                              */
/* ========================================================== */

.deznav.EE-sidebar.EE-sidebar-collapsed {
    /*
     * On garde 36px à l'écran.
     * Le bouton reste donc accessible.
     */
    transform:
            translateX(
                    calc(-100% + 36px)
            );
}


/* ========================================================== */
/* HAMBURGER DESKTOP                                          */
/* ========================================================== */

.EE-nav-control {
    position: absolute;

    top: 20px;
    right: -18px;

    width: 36px;
    height: 36px;

    z-index: 1300;
}

.EE-hamburger {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: #fff;

    border: 1px solid #e4e7ef;
    border-radius: 10px;

    color: var(--EE-secondary);

    cursor: pointer;

    box-shadow:
            0 4px 14px rgba(28, 34, 88, .15);

    transition:
            background .2s ease,
            color .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
}

.EE-hamburger:hover {
    background: #f7f8fb;

    border-color: #d3d7e2;

    color: var(--EE-primary);

    box-shadow:
            0 6px 18px rgba(28, 34, 88, .20);
}

.EE-hamburger-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;

    transition:
            transform .25s ease;
}

.EE-hamburger.EE-collapsed .EE-hamburger-icon,
.EE-sidebar.EE-sidebar-collapsed .EE-hamburger-icon {
    transform: rotate(180deg);
}


/* ========================================================== */
/* SIDEBAR SCROLL                                              */
/* ========================================================== */

.EE-sidebar-scroll {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    overflow-y: auto;
    overflow-x: hidden;
}


/* ========================================================== */
/* SIDEBAR ENTREPRISE                                         */
/* ========================================================== */

.EE-sidebar-company {
    width: calc(100% - 30px);

    display: flex;
    align-items: center;

    gap: 12px;

    margin: 15px auto 20px;
    padding: 14px;

    background: rgba(255, 255, 255, .08);

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
}

.EE-sidebar-company-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #3f5f7a;
    color: #fff;

    border-radius: 10px;

    font-size: 17px;
}

.EE-sidebar-company-content {
    min-width: 0;
}

.EE-sidebar-company-name {
    color: #fff;

    font-size: 14px;
    font-weight: 700;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-sidebar-company-contract {
    margin-top: 2px;

    color: rgba(255, 255, 255, .62);

    font-size: 11px;
}


/* ========================================================== */
/* SIDEBAR MENU                                                */
/* ========================================================== */

.EE-sidebar-menu {
    padding: 0 10px;
}

.EE-sidebar-item {
    margin-bottom: 6px;
}

.EE-sidebar-main-link {
    display: flex !important;
    align-items: center !important;

    gap: 11px;

    padding: 9px 11px !important;

    border-radius: 10px;

    color: rgba(255, 255, 255, .82) !important;

    transition: .2s ease;
}

.EE-sidebar-main-link:hover {
    background: #3f5f7a;
    color: #fff !important;
}

.EE-sidebar-item.mm-active > .EE-sidebar-main-link {
    background: #3f5f7a;
    color: #fff !important;
}
.EE-sidebar-main-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #3f5f7a;
    color: #fff;

    border-radius: 9px;

    font-size: 14px;

    transition: .2s ease;
}

.EE-sidebar-item.mm-active > .EE-sidebar-main-link .EE-sidebar-main-icon {
    background: #fff;

    color: var(--EE-primary);
}

.EE-sidebar-main-link .nav-text {
    font-size: 14px;
    font-weight: 600;
}


/* ========================================================== */
/* SIDEBAR SOUS-MENU                                          */
/* ========================================================== */

.EE-sidebar-submenu {
    margin-top: 5px !important;

    padding-left: 16px !important;
}

.EE-sidebar-submenu li {
    position: relative;

    margin-bottom: 3px;
}

.EE-sidebar-submenu li::before {
    content: "";

    position: absolute;

    left: 7px;
    top: 0;
    bottom: 0;

    width: 1px;

    background: rgba(255, 255, 255, .09);
}

.EE-sidebar-sub-link {
    display: flex !important;
    align-items: center;

    gap: 9px;

    margin-left: 13px;

    padding: 8px 10px !important;

    border-radius: 8px;

    color: rgba(255, 255, 255, .62) !important;

    font-size: 12px !important;

    transition: .2s ease;
}

.EE-sidebar-sub-link:hover {
    background: #466984;
    color: #fff !important;
}

.EE-sidebar-submenu li.mm-active .EE-sidebar-sub-link {
    background: #fff;

    color: var(--EE-primary) !important;

    font-weight: 700;
}

.EE-sidebar-sub-icon {
    width: 25px;
    height: 25px;

    min-width: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    background: rgba(255, 255, 255, .07);

    font-size: 10px;
}

.EE-sidebar-submenu li.mm-active .EE-sidebar-sub-icon {
    background: rgba(28, 34, 88, .08);

    color: var(--EE-primary);
}


/* ========================================================== */
/* SIDEBAR RADIATION                                          */
/* ========================================================== */

.EE-sidebar-action {
    width: calc(100% - 30px);

    margin: 22px auto 15px;
}

.EE-sidebar-action-label {
    margin: 0 4px 8px;

    color: rgba(255, 255, 255, .45);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.EE-sidebar-radiation {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 12px;

    background: rgba(188, 23, 34, .95);

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 11px;

    color: #fff !important;

    text-decoration: none !important;

    transition: .2s ease;
}

.EE-sidebar-radiation:hover,
.EE-sidebar-radiation.EE-active {
    background: #fff;

    color: var(--EE-danger) !important;

    transform: translateY(-1px);

    box-shadow:
            0 6px 18px rgba(0, 0, 0, .18);
}

.EE-sidebar-radiation-icon {
    width: 38px;
    height: 38px;

    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, .14);

    border-radius: 9px;

    font-size: 15px;
}

.EE-sidebar-radiation:hover .EE-sidebar-radiation-icon,
.EE-sidebar-radiation.EE-active .EE-sidebar-radiation-icon {
    background: rgba(188, 23, 34, .08);
}

.EE-sidebar-radiation-content {
    min-width: 0;

    flex: 1;

    display: flex;
    flex-direction: column;
}

.EE-sidebar-radiation-content strong {
    font-size: 12px;
    font-weight: 700;
}

.EE-sidebar-radiation-content small {
    margin-top: 1px;

    color: rgba(255, 255, 255, .72);

    font-size: 9px;
}

.EE-sidebar-radiation:hover .EE-sidebar-radiation-content small,
.EE-sidebar-radiation.EE-active .EE-sidebar-radiation-content small {
    color: rgba(188, 23, 34, .65);
}

.EE-sidebar-radiation-arrow {
    font-size: 10px;

    opacity: .7;
}


/* ========================================================== */
/* SIDEBAR FOOTER                                              */
/* ========================================================== */

.EE-sidebar-footer {
    width: calc(100% - 30px);

    margin: auto auto 15px;

    padding-top: 15px;

    border-top: 1px solid rgba(255, 255, 255, .10);

    text-align: center;
}

.EE-sidebar-legal {
    color: rgba(255, 255, 255, .75) !important;

    font-size: 11px;

    text-decoration: none !important;
}

.EE-sidebar-legal:hover {
    color: #fff !important;
}

.EE-sidebar-footer p {
    margin: 5px 0 0;

    color: rgba(255, 255, 255, .4);

    font-size: 9px;
}


/* ========================================================== */
/* HEADER                                                      */
/* ========================================================== */

.EE-header {
    background: #fff;

    border-bottom: 1px solid var(--EE-border-soft);

    box-shadow:
            0 2px 8px rgba(28, 34, 88, .04);
}

.EE-header-content {
    padding: 0 25px;
}

.EE-header .navbar {
    min-height: var(--EE-header-height);

    padding: 0;
}

.EE-header-left {
    min-width: 0;
}

.EE-header-title {
    color: var(--EE-primary);

    font-size: 21px;
    font-weight: 700;

    line-height: 1.2;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-header-right {
    display: flex;
    align-items: center;

    gap: 10px;
}


/* ========================================================== */
/* HEADER ENTREPRISE                                          */
/* ========================================================== */

.EE-header-company-item {
    display: flex;
    align-items: center;
}

.EE-header-company-dropdown {
    position: relative;
}

.EE-header-company-button {
    width: 220px;
    height: 48px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 5px 11px;

    background: #f7f8fb;

    border: 1px solid #e4e7ef;
    border-radius: 12px;

    color: var(--EE-primary);

    cursor: pointer;

    transition: .2s ease;
}

.EE-header-company-button:hover,
.EE-header-company-dropdown:hover .EE-header-company-button {
    background: #fff;

    border-color: #d2d6e2;

    box-shadow:
            0 4px 14px rgba(28, 34, 88, .08);
}

.EE-header-company-icon {
    width: 34px;
    height: 34px;

    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(28, 34, 88, .07);

    border-radius: 9px;

    color: var(--EE-primary);

    font-size: 13px;
}

.EE-header-company-content {
    min-width: 0;

    flex: 1;

    display: flex;
    flex-direction: column;

    text-align: left;
}

.EE-header-company-content small {
    color: #969aaa;

    font-size: 8px;
    font-weight: 600;

    line-height: 1;

    text-transform: uppercase;
}

.EE-header-company-content strong {
    margin-top: 3px;

    color: var(--EE-primary);

    font-size: 12px;
    font-weight: 700;

    line-height: 1.1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-header-company-arrow {
    color: #858a9d;

    font-size: 9px;

    transition: transform .2s ease;
}

.EE-header-company-dropdown:hover .EE-header-company-arrow {
    transform: rotate(180deg);
}


/* ========================================================== */
/* DROPDOWN ENTREPRISE                                        */
/* ========================================================== */

.EE-header-company-menu {
    position: absolute;

    top: calc(100% + 7px);
    right: 0;

    width: 300px;
    max-width: calc(100vw - 30px);

    display: none;

    background: #fff;

    border: 1px solid #e8eaf0;
    border-radius: 12px;

    overflow: hidden;

    box-shadow:
            0 12px 30px rgba(28, 34, 88, .12);

    z-index: 9999;
}

.EE-header-company-dropdown:hover .EE-header-company-menu {
    display: block;
}

.EE-header-company-menu-header {
    padding: 12px 14px;

    background: #f8f9fb;

    border-bottom: 1px solid var(--EE-border-soft);

    color: #5f6472;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .05em;

    text-transform: uppercase;
}

.EE-header-company-list {
    max-height: min(350px, calc(100vh - 140px));

    overflow-y: auto;
    overflow-x: hidden;

    padding: 6px;
}

.EE-header-company-link {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 8px 9px;

    border-radius: 8px;

    color: #555a6e !important;

    text-decoration: none !important;

    transition: .15s ease;
}

.EE-header-company-link:hover {
    background: #f4f5f9;

    color: var(--EE-primary) !important;
}

.EE-header-company-link.EE-active {
    background: rgba(28, 34, 88, .07);

    color: var(--EE-primary) !important;

    font-weight: 700;
}

.EE-header-company-link-icon {
    width: 29px;
    height: 29px;

    min-width: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f0f1f5;

    border-radius: 7px;

    color: #5f6472;

    font-size: 10px;
}

.EE-header-company-link.EE-active .EE-header-company-link-icon {
    background: var(--EE-primary);

    color: #fff;
}

.EE-header-company-link-name {
    min-width: 0;

    flex: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 11px;
}

.EE-header-company-check {
    color: #277136;

    font-size: 10px;
}


/* ========================================================== */
/* NOTIFICATIONS                                               */
/* ========================================================== */

.EE-header-icon-button {
    position: relative;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f7f8fb;

    border: 1px solid #e4e7ef;
    border-radius: 12px;

    color: var(--EE-primary) !important;

    font-size: 15px;

    text-decoration: none !important;

    transition: .2s ease;
}

.EE-header-icon-button:hover {
    background: #fff;

    border-color: #d2d6e2;

    box-shadow:
            0 4px 14px rgba(28, 34, 88, .08);
}

.EE-header-notification-badge {
    position: absolute;

    top: -5px;
    right: -5px;

    min-width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 5px;

    background: var(--EE-danger);

    border: 2px solid #fff;
    border-radius: 20px;

    color: #fff;

    font-size: 8px;
    font-weight: 700;
}


/* ========================================================== */
/* PROFIL                                                      */
/* ========================================================== */

.EE-header-profile {
    margin-left: 0;
}

.EE-header-profile-button {
    min-width: 165px;
    height: 48px;

    display: flex !important;
    align-items: center;

    gap: 9px;

    padding: 5px 10px !important;

    background: #f7f8fb !important;

    border: 1px solid #e4e7ef !important;
    border-radius: 12px !important;

    text-decoration: none !important;

    transition: .2s ease;
}

.EE-header-profile-button:hover {
    background: #fff !important;

    border-color: #d2d6e2 !important;

    box-shadow:
            0 4px 14px rgba(28, 34, 88, .08);
}

.EE-header-avatar {
    width: 35px;
    height: 35px;

    min-width: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: rgba(28, 34, 88, .07);

    border-radius: 50%;
}

.EE-header-avatar img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    border: none !important;

    background: transparent !important;
}

.EE-header-user {
    min-width: 0;
    max-width: 115px;

    flex: 1;

    display: flex;
    flex-direction: column;

    text-align: left;
}

.EE-header-user small {
    color: #989cab;

    font-size: 8px;

    line-height: 1;
}

.EE-header-user strong {
    margin-top: 3px;

    color: var(--EE-primary);

    font-size: 11px;
    font-weight: 700;

    line-height: 1.1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-header-profile-arrow {
    margin-left: auto;

    color: #858a9d;

    font-size: 9px;
}


/* ========================================================== */
/* DROPDOWN PROFIL                                             */
/* ========================================================== */

.EE-header-profile-menu {
    width: 235px;
    min-width: 235px;

    right: 0 !important;
    left: auto !important;

    margin-top: 7px;

    padding: 7px;

    background: #fff;

    border: 1px solid #e8eaf0;
    border-radius: 12px;

    box-shadow:
            0 12px 30px rgba(28, 34, 88, .12);
}

.EE-header-profile-menu-header {
    display: flex;
    align-items: center;

    gap: 9px;

    padding: 8px;
}

.EE-header-profile-menu-avatar {
    width: 35px;
    height: 35px;

    min-width: 35px;

    overflow: hidden;

    background: rgba(28, 34, 88, .07);

    border-radius: 50%;
}

.EE-header-profile-menu-avatar img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    border: none !important;

    background: transparent !important;
}

.EE-header-profile-menu-user {
    min-width: 0;

    flex: 1;
}

.EE-header-profile-menu-user strong,
.EE-header-profile-menu-header strong {
    display: block;

    color: var(--EE-primary);

    font-size: 11px;
    font-weight: 700;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-header-profile-menu-user small,
.EE-header-profile-menu-header small {
    display: block;

    margin-top: 2px;

    color: #979baa;

    font-size: 9px;
}

.EE-header-profile-separator {
    height: 1px;

    margin: 4px 2px;

    background: var(--EE-border-soft);
}

.EE-header-profile-link {
    min-height: 42px;

    display: flex !important;
    align-items: center;

    gap: 9px;

    padding: 6px 8px !important;

    border-radius: 8px;

    color: #555a6e !important;

    font-size: 11px;

    transition: .15s ease;
}

.EE-header-profile-link:hover {
    background: #f5f6f9;

    color: var(--EE-primary) !important;
}

.EE-header-profile-link-icon {
    width: 29px;
    height: 29px;

    min-width: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f0f1f5;

    border-radius: 7px;

    color: var(--EE-primary);

    font-size: 10px;
}

.EE-header-profile-logout {
    color: var(--EE-danger) !important;
}

.EE-header-profile-logout .EE-header-profile-link-icon {
    background: rgba(188, 23, 34, .08);

    color: var(--EE-danger);
}

.EE-header-profile-logout:hover {
    background: rgba(188, 23, 34, .05);

    color: var(--EE-danger) !important;
}


/* ========================================================== */
/* PAGE                                                        */
/* ========================================================== */

.EE-page {
    width: 100%;

    margin: 0 auto;
}

.EE-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 25px;
    padding: 5px 5px 0;
}

.EE-page-title {
    margin: 0 0 5px;

    color: var(--EE-primary);

    font-size: 28px;
    font-weight: 700;
}

.EE-page-description {
    margin: 0;

    color: #72778b;

    font-size: 15px;
}

.EE-page-header-icon {
    width: 55px;
    height: 55px;

    min-width: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(28, 34, 88, .08);

    border-radius: 15px;

    color: var(--EE-primary);

    font-size: 24px;
}


/* ========================================================== */
/* CARD                                                        */
/* ========================================================== */

.EE-card {
    margin-bottom: 20px;
    padding: 28px;

    background: #fff;

    border: 1px solid var(--EE-border-soft);
    border-radius: 12px;

    box-shadow:
            0 2px 4px rgba(0, 0, 0, .02),
            0 8px 20px rgba(28, 34, 88, .04);
}

.EE-card-header {
    display: flex;
    align-items: center;

    gap: 15px;

    margin-bottom: 28px;
    padding-bottom: 18px;

    border-bottom: 1px solid var(--EE-border-soft);
}

.EE-card-icon {
    width: 45px;
    height: 45px;

    min-width: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(28, 34, 88, .08);

    border-radius: 12px;

    color: var(--EE-primary);

    font-size: 19px;
}

.EE-card-title {
    margin-bottom: 2px;

    color: var(--EE-primary);

    font-size: 18px;
    font-weight: 700;
}

.EE-card-description {
    color: var(--EE-muted);

    font-size: 13px;
}


/* ========================================================== */
/* FORM                                                        */
/* ========================================================== */

.EE-form-group {
    margin-bottom: 15px;
}

.EE-label {
    display: block;

    margin-bottom: 7px;

    color: var(--EE-primary);

    font-weight: 700;
}

.EE-required {
    color: var(--EE-danger);
}

.EE-input-wrapper,
.EE-textarea-wrapper {
    position: relative;
}

.EE-input-icon {
    position: absolute;

    left: 14px;
    top: 50%;

    transform: translateY(-50%);

    color: #a6a9b5;

    z-index: 2;

    pointer-events: none;
}

.EE-input:focus {
    background: #fff;

    border-color: var(--EE-primary);

    outline: none;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}


.EE-field-help {
    margin-top: 7px;

    color: #9094a4;

    font-size: 12px;
}

.EE-field-help i {
    margin-right: 4px;
}


/* ========================================================== */
/* TEXTAREA                                                    */
/* ========================================================== */

.EE-textarea-icon {
    position: absolute;

    left: 14px;
    top: 14px;

    color: #a6a9b5;

    z-index: 2;

    pointer-events: none;
}

.EE-textarea {
    min-width: 100%;
    min-height: 120px;

    padding: 12px 12px 12px 42px;

    background: #f6f7f9;

    border: 1px solid var(--EE-border);
    border-radius: 8px;

    color: var(--EE-text);

    resize: vertical;

    transition:
            border-color .2s,
            box-shadow .2s,
            background .2s;
}

.EE-textarea:focus {
    background: #fff;

    border-color: var(--EE-primary);

    outline: none;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}

.EE-textarea::placeholder {
    color: #a6a9b5;
}


/* ========================================================== */
/* CHOICE                                                      */
/* ========================================================== */

.EE-choice-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding: 20px;

    background: #f8f9fb;

    border-radius: 10px;
}

.EE-choice-panel-content {
    display: flex;
    flex-direction: column;

    gap: 4px;
}

.EE-choice-panel-title {
    color: var(--EE-primary);

    font-size: 15px;
}

.EE-choice-panel-description {
    color: #8c909e;

    font-size: 13px;
}

.EE-choice-group {
    display: flex;

    flex-shrink: 0;

    gap: 10px;
}

.EE-choice {
    margin: 0;

    cursor: pointer;
}

.EE-choice input {
    display: none;
}

.EE-choice-button {
    min-width: 90px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 18px;

    background: #fff;

    border: 1px solid #dfe1e8;
    border-radius: 8px;

    color: #646875;

    font-weight: 700;

    transition: .2s ease;
}

.EE-choice input:checked + .EE-choice-button-success {
    background: #eaf6ec;

    border-color: #70b97b;

    color: #277136;

    box-shadow:
            0 0 0 3px rgba(71, 150, 83, .08);
}

.EE-choice input:checked + .EE-choice-button-danger {
    background: #fff0f0;

    border-color: #df7a7a;

    color: #b32a2a;

    box-shadow:
            0 0 0 3px rgba(188, 23, 34, .06);
}


/* ========================================================== */
/* ALERT                                                       */
/* ========================================================== */

.EE-alert {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 18px;
    padding: 16px;

    border-radius: 9px;
}

.EE-alert-info {
    background: #f3f6ff;

    border: 1px solid #dde5fb;

    color: var(--EE-primary);
}

.EE-alert-icon {
    width: 28px;
    height: 28px;

    min-width: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--EE-primary);

    border-radius: 50%;

    color: #fff;

    font-size: 12px;
}

.EE-alert-title {
    display: block;

    margin-bottom: 3px;

    color: var(--EE-primary);
}

.EE-alert-text {
    margin: 0;

    color: #626880;

    font-size: 13px;
}


/* ========================================================== */
/* PORTABILITÉ                                                 */
/* ========================================================== */

.EE-portability {
    display: none;

    margin-top: 20px;
    padding: 22px;

    background: #f1f8ec;

    border: 1px solid #c5dfb8;
    border-radius: 10px;
}

.EE-portability.EE-visible {
    display: block;

    animation: EE-show .25s ease;
}

@keyframes EE-show {

    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.EE-portability-header {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 18px;
}

.EE-portability-icon {
    width: 42px;
    height: 42px;

    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dcefd2;

    border-radius: 10px;

    color: #317342;

    font-size: 19px;
}

.EE-portability-title {
    display: block;

    margin-bottom: 2px;

    color: var(--EE-primary);
}

.EE-portability-description {
    display: block;

    color: #73806c;

    font-size: 13px;
}


/* ========================================================== */
/* UPLOAD                                                      */
/* ========================================================== */

.EE-upload-input {
    display: none;
}

.EE-upload {
    width: 100%;
    min-height: 155px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(255, 255, 255, .55);

    border: 2px dashed #b5c7ad;
    border-radius: 10px;

    text-align: center;

    cursor: pointer;

    transition: .2s ease;
}

.EE-upload:hover,
.EE-upload.EE-dragging {
    background: #fff;

    border-color: #7ba36d;
}

.EE-upload-icon {
    margin-bottom: 8px;

    color: #638d57;

    font-size: 30px;
}

.EE-upload-title {
    margin-bottom: 3px;

    color: var(--EE-primary);

    font-weight: 700;
}

.EE-upload-description {
    margin-bottom: 10px;

    color: #8b9288;

    font-size: 12px;
}

.EE-upload-file {
    max-width: 100%;

    overflow: hidden;

    color: #6e786b;

    font-size: 13px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-upload.EE-has-file .EE-upload-file {
    color: #337542;

    font-weight: 700;
}

.EE-upload-help {
    margin-top: 8px;

    color: #80877d;

    font-size: 12px;
}


/* ========================================================== */
/* BUTTON                                                      */
/* ========================================================== */

.EE-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 11px 22px;

    border: none;
    border-radius: 30px;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    text-decoration: none !important;

    transition: .2s ease;
}

.EE-button-primary {
    background: var(--EE-primary);

    color: #fff !important;
}

.EE-button-primary:hover {
    background: var(--EE-danger);

    color: #fff !important;

    transform: translateY(-1px);

    box-shadow:
            0 5px 15px rgba(28, 34, 88, .18);
}

.EE-button-secondary {
    background: #f4f5f7;

    border: 1px solid #e3e5ea;

    color: #626675 !important;
}

.EE-button-secondary:hover {
    background: #e9eaee;

    color: var(--EE-primary) !important;
}

.EE-button-outline-success {
    margin-bottom: 18px;

    padding: 9px 15px;

    background: #fff;

    border: 1px solid #bbd7ae;
    border-radius: 7px;

    color: #317342 !important;
}

.EE-button-outline-success:hover {
    background: #e4f2dc;

    color: #225c31 !important;
}


/* ========================================================== */
/* FORM FOOTER                                                 */
/* ========================================================== */

.EE-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 20px;
    padding: 18px 22px;

    background: #fff;

    border: 1px solid var(--EE-border-soft);
    border-radius: 12px;

    box-shadow:
            0 4px 15px rgba(28, 34, 88, .05);
}

.EE-required-info {
    color: #747887;

    font-size: 13px;
}


/* ========================================================== */
/* DATE RADIATION                                              */
/* ========================================================== */

.EE-date-warning {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 10px;
    padding: 13px 14px;

    background: #fff8e8;

    border: 1px solid #f1d58b;
    border-radius: 9px;

    color: #72551a;
}

.EE-date-warning-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffe9ad;

    border-radius: 8px;

    color: #6b4b00;

    font-size: 13px;
}

.EE-date-warning-content {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.EE-date-warning-content strong {
    color: #72551a;

    font-size: 13px;
}

.EE-date-warning-content > span {
    color: #937224;

    font-size: 12px;
}

.EE-date-suggestion-button {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 7px;
    padding: 7px 11px;

    background: #fff;

    border: 1px solid #d9b85f;
    border-radius: 7px;

    color: #72551a;

    font-size: 11px;
    font-weight: 700;

    cursor: pointer;

    transition: .2s ease;
}

.EE-date-suggestion-button:hover {
    background: #72551a;

    border-color: #72551a;

    color: #fff;
}

.EE-input.EE-input-error {
    border-color: #d89b23 !important;

    box-shadow:
            0 0 0 3px rgba(216, 155, 35, .10);
}


/* ========================================================== */
/* MODALE EE                                                   */
/* ========================================================== */

.EE-modal-overlay {
    position: fixed;

    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(18, 23, 63, .45);

    backdrop-filter: blur(3px);

    opacity: 0;
    visibility: hidden;

    z-index: 99999;

    transition:
            opacity .2s ease,
            visibility .2s ease;
}

.EE-modal-overlay.EE-visible {
    opacity: 1;
    visibility: visible;
}

.EE-modal {
    width: 100%;
    max-width: 520px;

    padding: 30px;

    background: #fff;

    border: 1px solid var(--EE-border-soft);
    border-radius: 16px;

    box-shadow:
            0 25px 70px rgba(28, 34, 88, .22);

    transform:
            translateY(10px)
            scale(.98);

    transition:
            transform .2s ease;
}

.EE-modal-overlay.EE-visible .EE-modal {
    transform:
            translateY(0)
            scale(1);
}

.EE-modal-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 14px;

    font-size: 21px;
}

.EE-modal-icon-warning {
    background: #fff4d8;
    color: #795500;
}

.EE-modal-title {
    margin: 0 0 8px;

    color: #1f4e78;

    font-size: 21px;
    font-weight: 700;
}

.EE-modal-text {
    margin: 0;

    color: #747887;

    font-size: 14px;
    line-height: 1.6;
}

.EE-modal-text strong {
    color: var(--EE-primary);
}

.EE-modal-date-change {
    display: flex;
    align-items: center;

    gap: 12px;

    margin: 22px 0;
}

.EE-modal-date {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 4px;

    padding: 13px 15px;

    background: #f7f8fa;

    border: 1px solid #e6e8ee;
    border-radius: 10px;
}

.EE-modal-date span {
    color: #989cab;

    font-size: 10px;
    font-weight: 600;

    text-transform: uppercase;
}

.EE-modal-date strong {
    color: #555a6e;

    font-size: 15px;
}

.EE-modal-date-corrected {
    background: #edf8ef;

    border-color: #b9dfc0;
}

.EE-modal-date-corrected strong {
    color: #277136;
}

.EE-modal-date-arrow {
    color: #a2a5b1;

    font-size: 13px;
}

.EE-modal-help {
    margin: 0;

    color: #8b8f9e;

    font-size: 12px;
    line-height: 1.5;
}

.EE-modal-actions {
    display: flex;
    justify-content: flex-end;

    gap: 10px;

    margin-top: 25px;
    padding-top: 20px;

    border-top: 1px solid var(--EE-border-soft);
}


/* ========================================================== */
/* MOBILE MENU BUTTON                                         */
/* ========================================================== */

.EE-mobile-menu-button {
    display: none;

    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;

    padding: 0;

    background: #f7f8fb;

    border: 1px solid #e4e7ef;
    border-radius: 10px;

    color: var(--EE-primary);

    font-size: 16px;

    cursor: pointer;

    transition: .2s ease;
}

.EE-mobile-menu-button:hover {
    background: var(--EE-primary);

    color: #fff;
}


/* ========================================================== */
/* MOBILE OVERLAY                                              */
/* ========================================================== */

.EE-sidebar-overlay {
    display: none;
}


/* ========================================================== */
/* TABLET                                                      */
/* ========================================================== */

@media (max-width: 991px) {

    .EE-header-content {
        padding: 0 15px;
    }

    .EE-header-title {
        font-size: 18px;
    }

    .EE-header-user,
    .EE-header-profile-arrow {
        display: none;
    }

    .EE-header-profile-button {
        width: 44px;
        min-width: 44px;

        justify-content: center;

        padding: 4px !important;
    }

}


/* ========================================================== */
/* MOBILE                                                      */
/* ========================================================== */

@media (max-width: 767px) {

    /* ------------------------------------------------------ */
    /* LOGO DESKTOP                                           */
    /* ------------------------------------------------------ */

    .nav-header {
        display: none !important;
    }


    /* ------------------------------------------------------ */
    /* HAMBURGER DESKTOP                                      */
    /* ------------------------------------------------------ */

    .EE-nav-control {
        display: none !important;
    }


    /* ------------------------------------------------------ */
    /* HEADER                                                 */
    /* ------------------------------------------------------ */

    .EE-header {
        position: fixed;

        top: 0;
        left: 0;
        right: 0;

        width: 100%;
        height: 65px;

        z-index: 1100;
    }

    .EE-header-content {
        padding: 0 12px;
    }

    .EE-header .navbar {
        min-height: 65px;
    }

    .EE-header-left {
        display: flex;
        align-items: center;

        gap: 10px;
    }

    .EE-mobile-menu-button {
        display: flex;

        flex-shrink: 0;
    }

    .EE-header-title {
        max-width: 140px;

        font-size: 15px;
    }


    /* ------------------------------------------------------ */
    /* SIDEBAR MOBILE                                         */
    /* ------------------------------------------------------ */

    .deznav.EE-sidebar {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;

        width: 285px !important;
        max-width: 85vw;

        height: 100vh !important;

        display: block !important;

        background: var(--EE-primary);

        z-index: 1201;

        /*
         * Fermée par défaut.
         */
        transform:
                translateX(-100%);

        transition:
                transform .25s ease;

        overflow: visible !important;
    }


    /*
     * Si elle possède la classe collapsed desktop,
     * on l'ignore en mobile.
     */
    .deznav.EE-sidebar.EE-sidebar-collapsed {
        transform:
                translateX(-100%);
    }


    /*
     * Menu mobile ouvert.
     */
    .deznav.EE-sidebar.EE-mobile-open {
        transform:
                translateX(0);
    }


    .EE-sidebar-scroll {
        height: 100vh;

        overflow-y: auto;
        overflow-x: hidden;
    }


    /* ------------------------------------------------------ */
    /* OVERLAY                                                */
    /* ------------------------------------------------------ */

    .EE-sidebar-overlay {
        position: fixed;

        inset: 0;

        display: block;

        background:
                rgba(14, 18, 49, .45);

        opacity: 0;
        visibility: hidden;

        z-index: 1200;

        transition:
                opacity .25s ease,
                visibility .25s ease;
    }

    .EE-sidebar-overlay.EE-visible {
        opacity: 1;
        visibility: visible;
    }


    /* ------------------------------------------------------ */
    /* CONTENT                                                */
    /* ------------------------------------------------------ */

    .content-body {
        margin-left: 0 !important;

        padding-top: 65px;
    }


    /* ------------------------------------------------------ */
    /* HEADER RIGHT                                           */
    /* ------------------------------------------------------ */

    .EE-header-right {
        gap: 6px;
    }

    .EE-header-company-button {
        width: 40px;
        min-width: 40px;
        height: 40px;

        justify-content: center;

        padding: 3px;
    }

    .EE-header-company-icon {
        width: 32px;
        height: 32px;

        min-width: 32px;
    }

    .EE-header-company-content,
    .EE-header-company-arrow {
        display: none;
    }

    .EE-header-icon-button {
        width: 40px;
        height: 40px;
    }

    .EE-header-profile-button {
        width: 40px;
        min-width: 40px;
        height: 40px;

        justify-content: center;

        padding: 3px !important;
    }

    .EE-header-avatar {
        width: 32px;
        height: 32px;

        min-width: 32px;
    }

    .EE-header-user,
    .EE-header-profile-arrow {
        display: none;
    }


    /* ------------------------------------------------------ */
    /* DROPDOWN ENTREPRISE MOBILE                             */
    /* ------------------------------------------------------ */

    .EE-header-company-menu {
        position: fixed;

        top: 70px;
        left: 10px;
        right: 10px;

        width: auto;
        max-width: none;
    }


    /* ------------------------------------------------------ */
    /* PAGE                                                   */
    /* ------------------------------------------------------ */

    .EE-page-header-icon {
        display: none;
    }

    .EE-page-title {
        font-size: 23px;
    }

    .EE-card {
        padding: 20px 16px;
    }

    .EE-choice-panel {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-choice-group {
        width: 100%;
    }

    .EE-choice {
        flex: 1;
    }

    .EE-choice-button {
        width: 100%;
    }

    .EE-form-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-form-footer .EE-button {
        width: 100%;
    }

}


/* ========================================================== */
/* PETIT MOBILE                                                */
/* ========================================================== */

@media (max-width: 576px) {

    .EE-modal {
        padding: 22px 18px;
    }

    .EE-modal-date-change {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-modal-date-arrow {
        text-align: center;

        transform: rotate(90deg);
    }

    .EE-modal-actions {
        flex-direction: column-reverse;
    }

    .EE-modal-actions .EE-button {
        width: 100%;
    }

}


/* ========================================================== */
/* NOUVELLE ADHÉSION - DOCUMENTS À FOURNIR                   */
/* ========================================================== */

.EE-documents-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.EE-document-item {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 15px;

    background: #f8f9fb;

    border: 1px solid #eceef4;
    border-radius: 10px;

    transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
}

.EE-document-item:hover {
    border-color: #dde0e9;

    box-shadow:
            0 4px 12px rgba(28, 34, 88, .05);

    transform: translateY(-1px);
}

.EE-document-check {
    width: 30px;
    height: 30px;
    min-width: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ededf2;

    border-radius: 8px;

    color: #1c2258;

    font-size: 12px;
}

.EE-document-content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 3px;
}

.EE-document-content strong {
    color: #1C2258;

    font-size: 13px;
    font-weight: 700;
}

.EE-document-content span {
    color: #838897;

    font-size: 11px;
    line-height: 1.5;
}


/* ========================================================== */
/* NOUVELLE ADHÉSION - LISTE DES FICHIERS                    */
/* ========================================================== */

.EE-adhesion-files {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 15px;
}

.EE-adhesion-file {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;

    padding: 11px 12px;

    background: #fff;

    border: 1px solid #e6e8ef;
    border-radius: 9px;

    transition:
            border-color .2s ease,
            box-shadow .2s ease;
}

.EE-adhesion-file:hover {
    border-color: #d8dce7;

    box-shadow:
            0 4px 12px rgba(28, 34, 88, .05);
}


/* ========================================================== */
/* ICÔNE FICHIER                                               */
/* ========================================================== */

.EE-adhesion-file-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #efeff4;

    border-radius: 8px;

    color: #1c2258;

    font-size: 15px;
}


/* ========================================================== */
/* CONTENU FICHIER                                             */
/* ========================================================== */

.EE-adhesion-file-content {
    min-width: 0;

    flex: 1;

    display: flex;
    flex-direction: column;
}

.EE-adhesion-file-content strong {
    color: #444958;

    font-size: 12px;
    font-weight: 700;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-adhesion-file-content span {
    margin-top: 2px;

    color: #999dab;

    font-size: 10px;
}


/* ========================================================== */
/* SUPPRESSION FICHIER                                        */
/* ========================================================== */

.EE-adhesion-file-delete {
    width: 30px;
    height: 30px;
    min-width: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: #fbeff0;

    border: 1px solid transparent;
    border-radius: 7px;

    color: #9f101b;

    cursor: pointer;

    transition:
            background .2s ease,
            color .2s ease,
            border-color .2s ease;
}

.EE-adhesion-file-delete:hover {
    background: #BC1722;

    border-color: #BC1722;

    color: #fff;
}


/* ========================================================== */
/* ÉTAT UPLOAD                                                 */
/* ========================================================== */

.EE-upload.EE-has-file {
    background: #f8fcf7;

    border-color: #70b97b;
}

.EE-upload.EE-dragging {
    background: #eef8ea;

    border-color: #638d57;

    box-shadow:
            0 0 0 3px rgba(99, 141, 87, .08);
}


/* ========================================================== */
/* ERREURS                                                     */
/* ========================================================== */

.EE-field-error {
    margin-top: 5px;

    color: #BC1722;

    font-size: 11px;
    font-weight: 600;
}

.EE-upload.EE-input-error {
    border-color: #BC1722 !important;

    background: #fff7f7;

    box-shadow:
            0 0 0 3px rgba(188, 23, 34, .06);
}


/* ========================================================== */
/* RESPONSIVE                                                  */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-documents-grid,
    .EE-adhesion-files {
        grid-template-columns: 1fr;
    }

    .EE-document-item {
        padding: 13px;
    }

    .EE-adhesion-file {
        padding: 10px;
    }

}

/* ========================================================== */
/* CHAMPS FORMULAIRE                                          */
/* ========================================================== */

.EE-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.EE-field label {
    margin: 0;

    color: #07124f;

    font-size: 13px;
    font-weight: 700;
}


/* ========================================================== */
/* INPUT AVEC ICÔNE                                           */
/* ========================================================== */

.EE-input-wrapper {
    position: relative;

    width: 100%;
}

.EE-input-wrapper > i {
    position: absolute;

    top: 50%;
    left: 15px;

    transform: translateY(-50%);

    color: #a8afc0;

    font-size: 14px;

    pointer-events: none;

    z-index: 2;
}


/* ========================================================== */
/* INPUT                                                       */
/* ========================================================== */

.EE-input {
    width: 100%;
    height: 46px;

    padding: 0 15px 0 42px;

    background: #f7f8fa;

    border: 1px solid #dfe3eb;
    border-radius: 5px;

    color: #333846;

    font-size: 13px;

    outline: none;

    transition:
            border-color .2s ease,
            box-shadow .2s ease,
            background .2s ease;
}


.EE-input:hover {
    border-color: #cbd0dc;
}


/* ========================================================== */
/* TEXTAREA                                                    */
/* ========================================================== */

.EE-textarea-wrapper {
    position: relative;

    width: 100%;
}

.EE-textarea-wrapper > i {
    position: absolute;

    top: 17px;
    left: 15px;

    color: #a8afc0;

    font-size: 14px;

    pointer-events: none;

    z-index: 2;
}



.EE-textarea:hover {
    border-color: #cbd0dc;
}


/* ========================================================== */
/* GRILLE NOM / PRÉNOM                                        */
/* ========================================================== */

.EE-form-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 24px;
}


/* ========================================================== */
/* COMMENTAIRE                                                 */
/* ========================================================== */

.EE-comment-field {
    margin-top: 24px;
}



/* ========================================================== */
/* ERREUR                                                      */
/* ========================================================== */

.EE-input.EE-input-error,
.EE-textarea.EE-input-error {
    background: #fff7f7;

    border-color: #BC1722;

    box-shadow:
            0 0 0 3px rgba(188, 23, 34, .06);
}


/* ========================================================== */
/* RESPONSIVE                                                  */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-form-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .EE-comment-field {
        margin-top: 18px;
    }

    .EE-input {
        height: 44px;
    }

    .EE-textarea {
        min-height: 120px;
    }

}


/* ========================================================== */
/* INPUTS ESPACE ENTREPRISE                                   */
/* ========================================================== */

input.EE-input[type="text"],
input.EE-input[type="email"],
input.EE-input[type="number"],
input.EE-input[type="password"],
input.EE-input[type="tel"],
.EE-input {
    width: 100%;
    height: 46px;

    padding: 0 15px 0 42px;

    background: #f7f8fa;

    border: 1px solid #dfe3eb;
    border-radius: 5px;

    color: #333846;

    font-size: 13px;

    outline: none;
    appearance: none;

    transition:
            border-color .2s ease,
            box-shadow .2s ease,
            background .2s ease;
}


input.EE-input::placeholder {
    color: #a8afc0;
    opacity: 1;
}


input.EE-input:hover {
    background: #f7f8fa;
    border-color: #cbd0dc;
}


input.EE-input:focus {
    background: #fff;

    border-color: #1C2258;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);

    outline: none;
}

.EE-infos-content[hidden] {
    display: none !important;
}

.EE-select {
    cursor: pointer;
    appearance: auto;
}


/* ========================================================== */
/* HISTORIQUE - STATISTIQUES                                  */
/* ========================================================== */

.EE-history-stats {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 15px;

    margin-bottom: 20px;
}

.EE-history-stat {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    background: #fff;

    border: 1px solid #eceef4;
    border-radius: 12px;

    box-shadow:
            0 4px 15px rgba(28, 34, 88, .04);
}

.EE-history-stat-icon {
    width: 46px;
    height: 46px;

    min-width: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    font-size: 17px;
}

.EE-history-stat-primary {
    background: #ededf2;
    color: #1c2258;
}

.EE-history-stat-secondary {
    background: #f1ebfa;
    color: #5623bc;
}
.EE-history-stat-content {
    display: flex;
    flex-direction: column;

    gap: 2px;
}

.EE-history-stat-content span {
    color: #858a9b;

    font-size: 11px;
}

.EE-history-stat-content strong {
    color: #1C2258;

    font-size: 22px;
    font-weight: 700;
}


/* ========================================================== */
/* HISTORIQUE - TOOLBAR                                       */
/* ========================================================== */

.EE-history-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;
}

.EE-history-toolbar-left {
    flex: 1;

    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    gap: 10px;
}

.EE-history-toolbar-right {
    display: flex;
    align-items: center;

    gap: 8px;
}

.EE-history-filter-group {
    min-width: 150px;

    display: flex;
    flex-direction: column;

    gap: 6px;
}

.EE-history-filter-group label {
    margin: 0;

    color: #1C2258;

    font-size: 11px;
    font-weight: 700;
}

.EE-history-control {
    width: 100%;
    height: 42px;

    padding: 0 11px;

    background: #f7f8fa !important;

    border: 1px solid #dfe3eb !important;
    border-radius: 7px !important;

    color: #444958 !important;

    font-size: 12px;

    outline: none;
}

.EE-history-control:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}

.EE-history-filter-actions {
    display: flex;

    gap: 7px;
}

.EE-history-filter-actions .EE-button {
    min-height: 42px;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================================== */
/* RECHERCHE                                                  */
/* ========================================================== */

.EE-history-search {
    position: relative;

    width: 220px;
}

.EE-history-search > i {
    position: absolute;

    top: 50%;
    left: 13px;

    transform: translateY(-50%);

    color: #a2a7b5;

    pointer-events: none;
}

.EE-history-search input {
    width: 100% !important;
    height: 44px;

    padding: 0 12px 0 38px !important;

    background: #f7f8fa !important;

    border: 1px solid #dfe3eb !important;
    border-radius: 10px !important;

    color: #444958;

    outline: none;
}

.EE-history-search input:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}

.EE-history-action-danger {
    color: #BC1722 !important;
}


/* ========================================================== */
/* TABLE                                                       */
/* ========================================================== */

.EE-history-table-card {
    padding: 0;

    overflow: hidden;
}

.EE-table-wrapper {
    width: 100%;

    overflow-x: auto;
}

#historique {
    width: 100% !important;

    margin: 0 !important;
}

#historique thead th {
    padding: 14px 12px !important;

    background: #f7f8fb;

    border-bottom: 1px solid #eceef4 !important;

    color: #5f6472 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-align: left !important;

    text-transform: uppercase;

    white-space: nowrap;
}

#historique tbody td {
    padding: 13px 12px !important;

    border-bottom: 1px solid #f0f1f4 !important;

    color: #515666 !important;

    font-size: 11px !important;

    vertical-align: middle;

    text-align: left !important;
}

#historique tbody tr:last-child td {
    border-bottom: none !important;
}

#historique tbody tr:hover td {
    background: #fafbfc;
}


/* ========================================================== */
/* BADGES                                                      */
/* ========================================================== */

.EE-history-badge {
    display: inline-flex;
    align-items: center;

    min-height: 26px;

    padding: 4px 9px;

    border-radius: 20px;

    font-size: 9px;
    font-weight: 700;

    white-space: nowrap;
}

.EE-history-badge-primary {
    background: #ededf2;
    color: #1c2258;
}

.EE-history-badge-info {
    background: #f1ebfa;
    color: #5623bc;
}


/* ========================================================== */
/* MESSAGE                                                     */
/* ========================================================== */

.EE-history-message {
    max-width: 230px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ========================================================== */
/* ACTIONS                                                     */
/* ========================================================== */

.EE-history-table-action {
    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f2f3f7;

    border-radius: 7px;

    color: #1C2258 !important;

    text-decoration: none !important;

    transition: .2s ease;
}

.EE-history-table-action:hover {
    background: #1C2258;

    color: #fff !important;
}

.EE-history-empty {
    color: #b0b4bf;
}


/* ========================================================== */
/* DATATABLE                                                   */
/* ========================================================== */

#historique_filter,
#historique_wrapper .buttons-html5 {
    display: none !important;
}

#historique_wrapper .dataTables_paginate {
    padding: 15px;
}

#historique_wrapper .dataTables_empty {
    padding: 30px !important;

    text-align: center !important;
}


/* ========================================================== */
/* MODALE                                                      */
/* ========================================================== */

.EE-history-modal {
    overflow: hidden;

    border: none;
    border-radius: 14px;

    box-shadow:
            0 20px 60px rgba(28, 34, 88, .18);
}

.EE-history-modal .modal-header {
    padding: 18px 20px;

    border-bottom: 1px solid #eceef4;
}

.EE-history-modal .modal-title {
    color: #1C2258;

    font-weight: 700;
}

.EE-history-modal .modal-body {
    padding: 22px 20px;
}

.EE-history-modal-content {
    display: flex;
    align-items: flex-start;

    gap: 14px;
}

.EE-history-modal-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ededf2;

    border-radius: 10px;

    color: #1c2258;
}

.EE-history-modal-content strong {
    color: #1C2258;
}

.EE-history-modal-content p {
    margin: 5px 0 0;

    color: #7f8494;

    font-size: 12px;
}

.EE-history-modal .modal-footer {
    display: flex;

    gap: 8px;

    padding: 15px 20px;

    border-top: 1px solid #eceef4;
}


/* ========================================================== */
/* RESPONSIVE                                                  */
/* ========================================================== */

@media (max-width: 991px) {

    .EE-history-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-history-toolbar-right {
        justify-content: flex-end;
    }

}

@media (max-width: 767px) {

    .EE-history-stats {
        grid-template-columns: 1fr;
    }

    .EE-history-toolbar-left {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-history-filter-group {
        width: 100%;
    }

    .EE-history-filter-actions {
        width: 100%;
    }

    .EE-history-filter-actions .EE-button:first-child {
        flex: 1;
    }

    .EE-history-toolbar-right {
        width: 100%;

        justify-content: stretch;
    }

    .EE-history-search {
        flex: 1;

        width: auto;
    }

}

/* ========================================================== */
/* BASE DE DONNÉES - TOOLBAR                                  */
/* ========================================================== */

.EE-database-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;
}

.EE-database-toolbar-left {
    flex: 1;

    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    gap: 12px;
}

.EE-database-toolbar-right {
    display: flex;
    align-items: center;

    gap: 8px;
}


/* ========================================================== */
/* FILTRES                                                     */
/* ========================================================== */

.EE-database-filter-group {
    min-width: 180px;

    display: flex;
    flex-direction: column;

    gap: 6px;
}

.EE-database-filter-group label {
    margin: 0;

    color: #1C2258;

    font-size: 12px;
    font-weight: 700;
}

.EE-database-control {
    width: 100%;
    height: 42px;

    padding: 0 11px;

    background: #f7f8fa !important;

    border: 1px solid #dfe3eb !important;
    border-radius: 7px !important;

    color: #444958 !important;

    font-family: "Apercu Pro", sans-serif;
    font-size: 12px;

    outline: none;

    transition:
            border-color .2s ease,
            box-shadow .2s ease,
            background .2s ease;
}

.EE-database-control:hover {
    border-color: #ccd1dc !important;
}

.EE-database-control:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}


/* ========================================================== */
/* ACTIONS FILTRES                                            */
/* ========================================================== */

.EE-database-filter-actions {
    display: flex;
    align-items: center;

    gap: 7px;
}

.EE-database-filter-actions .EE-button {
    min-height: 42px;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================================== */
/* RECHERCHE                                                   */
/* ========================================================== */

.EE-database-search {
    position: relative;

    width: 240px;
}

.EE-database-search > i {
    position: absolute;

    top: 50%;
    left: 14px;

    transform: translateY(-50%);

    color: #a2a7b5;

    font-size: 13px;

    pointer-events: none;

    z-index: 2;
}

input.EE-database-search-input,
.EE-database-search input[type="text"] {
    width: 100% !important;
    height: 44px !important;

    padding: 0 12px 0 39px !important;

    background: #f7f8fa !important;

    border: 1px solid #dfe3eb !important;
    border-radius: 10px !important;

    color: #444958 !important;

    font-family: "Apercu Pro", sans-serif;
    font-size: 12px;

    outline: none;

    appearance: none;

    transition:
            border-color .2s ease,
            background .2s ease,
            box-shadow .2s ease;
}

.EE-database-search input[type="text"]::placeholder {
    color: #a2a7b5;
}

.EE-database-search input[type="text"]:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}


/* ========================================================== */
/* TABLE CARD                                                  */
/* ========================================================== */

.EE-database-table-card {
    padding: 0;

    overflow: hidden;
}



/* ========================================================== */
/* TABLE                                                       */
/* ========================================================== */

#databaseTable {
    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;
}

#databaseTable thead th {
    padding: 14px 12px !important;

    background: #f7f8fb !important;

    border-bottom: 1px solid #eceef4 !important;

    color: #5f6472 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-align: left !important;

    text-transform: uppercase;

    white-space: nowrap;

    vertical-align: middle;
}
#databaseTable tbody td {
    padding: 13px 12px !important;

    border-bottom: 1px solid #f0f1f4 !important;

    color: #515666 !important;

    font-size: 11px !important;

    line-height: 1.45;

    text-align: left !important;

    vertical-align: middle;
}

#databaseTable tbody tr {
    transition:
            background .15s ease;
}

#databaseTable tbody tr:hover td {
    background: #fafbfc !important;
}

#databaseTable tbody tr:last-child td {
    border-bottom: none !important;
}


/* ========================================================== */
/* NUMÉRO / NOM                                                */
/* ========================================================== */

.EE-database-number {
    color: #1C2258;

    font-weight: 700;

    white-space: nowrap;
}

.EE-database-name {
    color: #303648;

    font-weight: 700;
}


/* ========================================================== */
/* OFFRE                                                       */
/* ========================================================== */
.EE-database-offer {
    display: inline-flex;
    align-items: center;

    min-height: 26px;

    padding: 4px 9px;

    background: #efeff4;

    border-radius: 20px;

    color: #1c2258;

    font-size: 9px;
    font-weight: 700;

    white-space: nowrap;
}


/* ========================================================== */
/* TYPE BÉNÉFICIAIRE                                          */
/* ========================================================== */

.EE-database-beneficiary {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 5px 8px;

    background: #f3f4f7;

    border-radius: 7px;

    color: #646979;

    font-size: 9px;

    white-space: nowrap;
}

.EE-database-beneficiary-main {
    background: #efeff4;
    color: #1c2258;

    font-weight: 700;
}

/* ========================================================== */
/* ADRESSE                                                     */
/* ========================================================== */

.EE-database-address {
    min-width: 180px;

    color: #666b79 !important;

    line-height: 1.55 !important;
}


/* ========================================================== */
/* CONTACT                                                     */
/* ========================================================== */

.EE-database-contact {
    max-width: 220px;

    display: flex;
    align-items: center;

    gap: 6px;

    color: #555b6c !important;

    font-size: 10px;

    text-decoration: none !important;

    transition: color .15s ease;
}

.EE-database-contact:hover {
    color: #1C2258 !important;
}

.EE-database-contact i {
    min-width: 12px;

    color: #969baa;

    font-size: 10px;
}

.EE-database-contact span {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-database-phones {
    display: flex;
    flex-direction: column;

    gap: 5px;
}


/* ========================================================== */
/* STATUS                                                      */
/* ========================================================== */

.EE-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 26px;

    padding: 4px 9px;

    border-radius: 20px;

    font-size: 9px;
    font-weight: 700;

    white-space: nowrap;
}


/* ACTIF */

.EE-status-active {
    background: #edf8ef;

    color: #277136;
}


/* RADIÉ */

.EE-status-danger {
    background: #fff0f0;

    color: #b32a2a;
}


/* CONNECTÉ */

.EE-status-connected {
    background: #edf8ef;

    color: #277136;
}


/* NON CONNECTÉ */

.EE-status-neutral {
    background: #f2f3f6;
    color: #5f6472;
}

/* ========================================================== */
/* STATUS DOT                                                  */
/* ========================================================== */

.EE-status-dot {
    width: 6px;
    height: 6px;

    display: inline-block;

    background: currentColor;

    border-radius: 50%;
}


/* ========================================================== */
/* VALEUR VIDE                                                 */
/* ========================================================== */

.EE-database-empty {
    color: #b0b4bf;
}


/* ========================================================== */
/* DATATABLE                                                   */
/* ========================================================== */

#databaseTable_filter,
#databaseTable_wrapper .buttons-html5 {
    display: none !important;
}

#databaseTable_wrapper .dataTables_paginate {
    padding: 15px;
}

#databaseTable_wrapper .dataTables_empty {
    padding: 35px !important;

    color: #858a99 !important;

    text-align: center !important;
}


/* ========================================================== */
/* RESPONSIVE TABLETTE                                        */
/* ========================================================== */

@media (max-width: 1100px) {

    .EE-database-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-database-toolbar-right {
        justify-content: flex-end;
    }

}


/* ========================================================== */
/* RESPONSIVE MOBILE                                          */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-database-toolbar-left {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-database-filter-group {
        width: 100%;
    }

    .EE-database-filter-actions {
        width: 100%;
    }

    .EE-database-filter-actions     .EE-button:first-child {
        flex: 1;
    }

    .EE-database-toolbar-right {
        width: 100%;

        justify-content: stretch;
    }

    .EE-database-search {
        width: auto;

        flex: 1;
    }

    .EE-database-table-card {
        overflow: visible;
    }

    .EE-table-wrapper {
        border-radius: 10px;
    }

}

.EE-history-stat-danger,
.EE-history-badge-danger {
    background: #faedef;
    color: #9f101b;
}

/* ========================================================== */
/* PROFIL                                                      */
/* ========================================================== */

.EE-profile-card {
    margin-bottom: 20px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #eceef4;
    border-radius: 12px;

    box-shadow:
            0 2px 4px rgba(0, 0, 0, .02),
            0 8px 20px rgba(28, 34, 88, .04);
}


/* ========================================================== */
/* PROFILE BANNER                                              */
/* ========================================================== */

.EE-profile-banner {
    position: relative;

    height: 95px;

    background:
            linear-gradient(
                    135deg,
                    #1C2258 0%,
                    #5623BC 100%
            );
}


/* ========================================================== */
/* AVATAR                                                      */
/* ========================================================== */

.EE-profile-avatar {
    position: absolute;

    left: 50%;
    bottom: -42px;

    width: 84px;
    height: 84px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    transform: translateX(-50%);

    background: #fff;

    border: 5px solid #fff;
    border-radius: 50%;

    box-shadow:
            0 6px 20px rgba(28, 34, 88, .16);
}

.EE-profile-avatar img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    background: rgba(28, 34, 88, .07);

    border-radius: 50%;
}


/* ========================================================== */
/* PROFILE CONTENT                                             */
/* ========================================================== */

.EE-profile-content {
    padding:
            55px
            30px
            30px;
}

.EE-profile-identity {
    margin-bottom: 28px;

    text-align: center;
}

.EE-profile-identity h3 {
    margin: 0;

    color: #1C2258;

    font-size: 22px;
    font-weight: 700;
}

.EE-profile-identity span {
    display: block;

    margin-top: 5px;

    color: #969baa;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: .05em;
}


/* ========================================================== */
/* INFORMATIONS PROFIL                                         */
/* ========================================================== */

.EE-profile-informations {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}

.EE-profile-information {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px;

    background: #f8f9fb;

    border: 1px solid #eceef4;
    border-radius: 10px;
}
.EE-profile-information-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ededf2;

    border-radius: 9px;

    color: #1c2258;

    font-size: 14px;
}
.EE-profile-information-content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.EE-profile-information-content span {
    color: #9498a7;

    font-size: 10px;
}

.EE-profile-information-content strong {
    color: #454a5a;

    font-size: 12px;
    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ========================================================== */
/* PASSWORD REQUIREMENTS                                       */
/* ========================================================== */

.EE-password-requirements {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 22px;
    padding: 15px;

    background: #f3f6ff;

    border: 1px solid #dde5fb;
    border-radius: 9px;
}

.EE-password-requirements-icon {
    width: 32px;
    height: 32px;

    min-width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #1C2258;

    border-radius: 8px;

    color: #fff;

    font-size: 13px;
}

.EE-password-requirements strong {
    display: block;

    margin-bottom: 3px;

    color: #1C2258;

    font-size: 12px;
}

.EE-password-requirements span {
    display: block;

    color: #747a91;

    font-size: 11px;
    line-height: 1.5;
}


/* ========================================================== */
/* PASSWORD FORM                                               */
/* ========================================================== */

.EE-password-form {
    margin-top: 22px;
}

.EE-password-field {
    position: relative;

    width: 100%;
}

.EE-password-main-icon {
    position: absolute;

    left: 14px;
    top: 50%;

    transform: translateY(-50%);

    color: #a5aab8;

    pointer-events: none;

    z-index: 2;
}


/* ========================================================== */
/* PASSWORD INPUT                                              */
/* ========================================================== */

input.EE-password-input[type="password"],
input.EE-password-input[type="text"] {
    width: 100% !important;
    height: 46px !important;

    padding:
            0
            48px
            0
            42px !important;

    background: #f7f8fa !important;

    border: 1px solid #dfe3eb !important;
    border-radius: 8px !important;

    color: #333846 !important;

    font-family: "Apercu Pro", sans-serif;
    font-size: 13px;

    outline: none;

    appearance: none;

    transition:
            border-color .2s ease,
            background .2s ease,
            box-shadow .2s ease;
}

input.EE-password-input::placeholder {
    color: #a8afc0;
}

input.EE-password-input:hover {
    border-color: #cbd0dc !important;
}

input.EE-password-input:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .08);
}


/* ========================================================== */
/* TOGGLE PASSWORD                                             */
/* ========================================================== */

.EE-password-toggle {
    position: absolute;

    top: 50%;
    right: 9px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    transform: translateY(-50%);

    background: transparent;

    border: none;
    border-radius: 7px;

    color: #8d92a1;

    cursor: pointer;

    transition:
            background .15s ease,
            color .15s ease;
}

.EE-password-toggle:hover {
    background: #f1f1f5;
    color: #1c2258;
}


/* ========================================================== */
/* ALERT SUCCESS                                               */
/* ========================================================== */

.EE-alert-success {
    background: #edf8ef;

    border: 1px solid #b9dfc0;

    color: #277136;
}

.EE-alert-success .EE-alert-icon {
    background: #277136;
}

.EE-alert-success .EE-alert-title {
    color: #277136;
}

.EE-alert-success .EE-alert-text {
    color: #4d7957;
}


/* ========================================================== */
/* ALERT DANGER                                                */
/* ========================================================== */

.EE-alert-danger {
    background: #fff0f0;

    border: 1px solid #efc2c2;

    color: #BC1722;
}

.EE-alert-danger .EE-alert-icon {
    background: #BC1722;
}

.EE-alert-danger .EE-alert-title {
    color: #BC1722;
}

.EE-alert-danger .EE-alert-text {
    color: #956060;
}

/* ========================================================== */
/* FOOTER MOT DE PASSE                                         */
/* ========================================================== */

.EE-password-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 25px;
    padding-top: 20px;

    border-top: 1px solid #eceef4;
}


/* ========================================================== */
/* RESPONSIVE                                                  */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-profile-banner {
        height: 80px;
    }

    .EE-profile-avatar {
        width: 74px;
        height: 74px;

        bottom: -37px;
    }

    .EE-profile-content {
        padding:
                50px
                16px
                20px;
    }

    .EE-profile-identity h3 {
        font-size: 19px;
    }

    .EE-profile-informations {
        grid-template-columns: 1fr;
    }

    .EE-password-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .EE-password-footer     .EE-button {
        width: 100%;
    }

}


/* ========================================================== */
/* LOGIN PREMIUM                                              */
/* ========================================================== */

.EE-login-premium {
    width: 100%;
    min-height: calc(100vh - 76px);

    padding: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f4f5f8;
}

.EE-login-premium-wrapper {
    width: 100%;
    max-width: 1180px;
    min-height: 680px;

    display: grid;
    grid-template-columns: 46% 54%;

    overflow: hidden;

    background: #fff;

    border: 1px solid #e8eaf0;
    border-radius: 22px;

    box-shadow:
            0 25px 70px rgba(28, 34, 88, .12);
}


/* ========================================================== */
/* PARTIE GAUCHE                                              */
/* ========================================================== */

.EE-login-premium-visual {
    position: relative;

    min-height: 680px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    overflow: hidden;

    padding: 60px 55px 35px;

    background:
            linear-gradient(
                    145deg,
                    #171d4c 0%,
                    #1C2258 50%,
                    #33256d 100%
            );

    color: #fff;
}

.EE-login-premium-visual::before {
    content: "";

    position: absolute;
    top: -140px;
    right: -120px;

    width: 340px;
    height: 340px;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
}

.EE-login-premium-visual::after {
    content: "";

    position: absolute;
    right: 60px;
    bottom: 70px;

    width: 170px;
    height: 170px;

    background: rgba(255, 255, 255, .035);

    border-radius: 40px;

    transform: rotate(25deg);
}

.EE-login-premium-decoration {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.EE-login-premium-decoration-one {
    top: 90px;
    right: 60px;

    width: 120px;
    height: 120px;

    background: rgba(86, 35, 188, .22);

    filter: blur(5px);
}

.EE-login-premium-decoration-two {
    bottom: 150px;
    left: -60px;

    width: 190px;
    height: 190px;

    background: rgba(188, 23, 34, .13);

    filter: blur(4px);
}

.EE-login-premium-visual-content {
    position: relative;

    z-index: 2;
}
.EE-login-premium-badge {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 32px;
    padding: 8px 13px;

    background: #343962;

    border: 1px solid #4a4f73;
    border-radius: 30px;

    color: #fff;

    font-size: 11px;
    font-weight: 600;
}

.EE-login-premium-visual h1 {
    max-width: 430px;

    margin: 0 0 18px;

    color: #fff;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.15;
}

.EE-login-premium-visual-content > p {
    max-width: 410px;

    margin: 0;

    color: rgba(255, 255, 255, .66);

    font-size: 14px;
    line-height: 1.7;
}


/* ========================================================== */
/* FEATURES                                                   */
/* ========================================================== */

.EE-login-premium-features {
    display: flex;
    flex-direction: column;

    gap: 17px;

    margin-top: 45px;
}

.EE-login-premium-feature {
    display: flex;
    align-items: flex-start;

    gap: 12px;
}
.EE-login-premium-feature > span {
    width: 27px;
    height: 27px;
    min-width: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 1px;

    background: #343962;

    border-radius: 8px;

    color: #fff;

    font-size: 9px;
}

.EE-login-premium-feature strong {
    display: block;

    margin-bottom: 2px;

    color: #fff;

    font-size: 12px;
}

.EE-login-premium-feature small {
    color: rgba(255, 255, 255, .53);

    font-size: 10px;
    line-height: 1.5;
}

.EE-login-premium-visual-footer {
    position: relative;

    z-index: 2;

    color: rgba(255, 255, 255, .35);

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: .12em;
}


/* ========================================================== */
/* PARTIE DROITE                                              */
/* ========================================================== */

.EE-login-premium-form-zone {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 60px;
}

.EE-login-premium-form-container {
    width: 100%;
    max-width: 440px;
}

.EE-login-premium-form-kicker {
    display: block;

    margin-bottom: 9px;

    color: #5623BC;

    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .14em;
}

.EE-login-premium-form-header {
    margin-bottom: 30px;
}

.EE-login-premium-form-header h2 {
    margin: 0;

    color: #1C2258;

    font-size: 30px;
    font-weight: 700;
}

.EE-login-premium-form-header p {
    margin: 7px 0 0;

    color: #9498a7;

    font-size: 12px;
}


/* ========================================================== */
/* ALERT                                                      */
/* ========================================================== */

.EE-login-premium-alert {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-bottom: 18px;
    padding: 12px 14px;

    background: #fff2f2;

    border: 1px solid #f1cdcd;
    border-radius: 9px;

    color: #a82b2b;

    font-size: 11px;
}

.EE-login-premium-alert > span {
    width: 23px;
    height: 23px;

    min-width: 23px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #BC1722;

    border-radius: 6px;

    color: #fff;

    font-size: 9px;
}


/* ========================================================== */
/* FORM                                                       */
/* ========================================================== */

.EE-login-premium-form {
    display: flex;
    flex-direction: column;

    gap: 20px;
}

.EE-login-premium-field {
    width: 100%;
}

.EE-login-premium-field label {
    display: block;

    margin-bottom: 7px;

    color: #30364f;

    font-size: 11px;
    font-weight: 700;
}

.EE-login-premium-field-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.EE-login-premium-field-header a {
    margin-bottom: 7px;

    color: #5623BC;

    font-size: 10px;
    font-weight: 600;

    text-decoration: none;
}

.EE-login-premium-field-header a:hover {
    color: #BC1722;
}


/* ========================================================== */
/* INPUT                                                      */
/* ========================================================== */

.EE-login-premium-input {
    position: relative;

    width: 100%;
}

.EE-login-premium-input > i {
    position: absolute;

    top: 50%;
    left: 15px;

    transform: translateY(-50%);

    color: #abb0be;

    font-size: 13px;

    pointer-events: none;
}

.EE-login-premium-input input[type="text"],
.EE-login-premium-input input[type="password"] {
    width: 100% !important;
    height: 50px !important;

    padding: 0 48px 0 43px !important;

    background: #f7f8fa !important;

    border: 1px solid #e0e3ea !important;
    border-radius: 10px !important;

    color: #343947 !important;

    font-family: "Apercu Pro", sans-serif;
    font-size: 12px;

    outline: none;

    appearance: none;

    transition:
            background .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
}

.EE-login-premium-input input::placeholder {
    color: #acb0bd;
}

.EE-login-premium-input input:hover {
    border-color: #ccd0da !important;
}

.EE-login-premium-input input:focus {
    background: #fff !important;

    border-color: #1C2258 !important;

    box-shadow:
            0 0 0 3px rgba(28, 34, 88, .07);
}


/* ========================================================== */
/* PASSWORD TOGGLE                                            */
/* ========================================================== */

.EE-login-password-toggle {
    position: absolute;

    top: 50%;
    right: 9px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    padding: 0;

    background: transparent;

    border: none;
    border-radius: 7px;

    color: #9499a8;

    cursor: pointer;

    transition: .15s ease;
}
.EE-login-password-toggle:hover {
    background: #f1f1f5;
    color: #1c2258;
}

/* ========================================================== */
/* SUBMIT                                                     */
/* ========================================================== */

.EE-login-premium-submit {
    width: 100%;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 4px;
    padding: 0 19px;

    background: #1C2258;

    border: none;
    border-radius: 10px;

    color: #fff;

    font-family: "Apercu Pro", sans-serif;
    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    transition: .2s ease;
}

.EE-login-premium-submit:hover {
    background: #5623BC;

    box-shadow:
            0 7px 20px rgba(28, 34, 88, .20);

    transform: translateY(-1px);
}

.EE-login-premium-submit i {
    font-size: 11px;
}


/* ========================================================== */
/* SEPARATOR                                                  */
/* ========================================================== */

.EE-login-premium-separator {
    position: relative;

    margin: 30px 0 22px;

    text-align: center;
}

.EE-login-premium-separator::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;

    width: 100%;
    height: 1px;

    background: #eceef3;
}

.EE-login-premium-separator span {
    position: relative;

    padding: 0 12px;

    background: #fff;

    color: #626775;

    font-size: 9px;
    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .08em;
}


/* ========================================================== */
/* ACTIVATION                                                 */
/* ========================================================== */

.EE-login-premium-activation {
    display: flex;
    align-items: center;

    gap: 11px;

    padding: 13px;

    background: #f8f9fb;

    border: 1px solid #e9ebf1;
    border-radius: 10px;
}

.EE-login-premium-activation-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1ebfa;

    border-radius: 8px;

    color: #5623bc;

    font-size: 13px;
}

.EE-login-premium-activation-content {
    min-width: 0;

    flex: 1;
}

.EE-login-premium-activation-content strong {
    display: block;

    color: #353a4b;

    font-size: 10px;
}

.EE-login-premium-activation-content p {
    margin: 2px 0 0;

    color: #969aa7;

    font-size: 9px;
    line-height: 1.4;
}

.EE-login-premium-activation-button {
    padding: 7px 11px;

    background: #fff;

    border: 1px solid #5623BC;
    border-radius: 7px;

    color: #5623BC !important;

    font-size: 9px;
    font-weight: 700;

    text-decoration: none !important;

    transition: .15s ease;
}

.EE-login-premium-activation-button:hover {
    background: #5623BC;

    color: #fff !important;
}


/* ========================================================== */
/* RESPONSIVE                                                 */
/* ========================================================== */

@media (max-width: 900px) {

    .EE-login-premium {
        padding: 20px;
    }

    .EE-login-premium-wrapper {
        grid-template-columns: 1fr;

        max-width: 560px;
    }

    .EE-login-premium-visual {
        min-height: auto;

        padding: 35px;

        display: block;
    }

    .EE-login-premium-visual h1 {
        font-size: 28px;
    }

    .EE-login-premium-features,
    .EE-login-premium-visual-footer {
        display: none;
    }

    .EE-login-premium-form-zone {
        padding: 40px;
    }

}


@media (max-width: 767px) {

    .EE-login-premium {
        min-height: calc(100vh - 65px);

        padding: 12px;

        align-items: flex-start;
    }

    .EE-login-premium-wrapper {
        border-radius: 14px;
    }

    .EE-login-premium-visual {
        padding: 25px 22px;
    }

    .EE-login-premium-badge {
        margin-bottom: 17px;
    }

    .EE-login-premium-visual h1 {
        font-size: 23px;
    }

    .EE-login-premium-visual-content > p {
        font-size: 11px;
    }

    .EE-login-premium-form-zone {
        padding: 30px 20px;
    }

    .EE-login-premium-form-header h2 {
        font-size: 24px;
    }

    .EE-login-premium-activation {
        align-items: flex-start;

        flex-wrap: wrap;
    }

    .EE-login-premium-activation-button {
        width: 100%;

        margin-top: 4px;

        text-align: center;
    }

}

/* ========================================================== */
/* LOGIN - MENTIONS LÉGALES                                   */
/* ========================================================== */

.EE-login-premium-legal {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 24px;

    color: #a1a5b2;

    font-size: 9px;
}

.EE-login-premium-legal a {
    color: #7f8494;

    font-weight: 600;

    text-decoration: none;

    transition: color .15s ease;
}

.EE-login-premium-legal a:hover {
    color: #1C2258;

    text-decoration: underline;
}

/* ========================================================== */
/* AUTH STATUS                                                */
/* ========================================================== */

.EE-auth-status {
    min-height: calc(100vh - 80px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 60px 24px;

    background: #f6f7fb;
}


/* ========================================================== */
/* CONTAINER                                                  */
/* ========================================================== */

.EE-auth-status-container {
    width: 100%;
    max-width: 520px;

    background: #ffffff;

    border-radius: 20px;

    padding: 48px;

    box-shadow:
            0 20px 60px rgba(28, 34, 88, 0.08),
            0 4px 15px rgba(28, 34, 88, 0.04);

    text-align: center;
}


/* ========================================================== */
/* ICON                                                       */
/* ========================================================== */

.EE-auth-status-icon {
    width: 72px;
    height: 72px;

    margin: 0 auto 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 26px;
}


.EE-auth-status-icon-success {
    background: #efe9f8;
    color: #5623bc;
}


/* ========================================================== */
/* CONTENT                                                    */
/* ========================================================== */

.EE-auth-status-content {
    width: 100%;
}


.EE-auth-status-kicker {
    display: block;

    margin-bottom: 8px;

    color: #5623BC;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.08em;
}


.EE-auth-status-content h1 {
    margin: 0 0 14px;

    color: #1C2258;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.2;
}


.EE-auth-status-description {
    max-width: 410px;

    margin: 0 auto 30px;

    color: #737687;

    font-size: 15px;
    line-height: 1.65;
}


/* ========================================================== */
/* INFO                                                       */
/* ========================================================== */

.EE-auth-status-info {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-bottom: 28px;

    padding: 18px;

    background: #f7f6fc;

    border: 1px solid #ece9f7;
    border-radius: 12px;

    text-align: left;
}


.EE-auth-status-info-icon {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border-radius: 10px;

    color: #5623BC;

    font-size: 16px;
}


.EE-auth-status-info strong {
    display: block;

    margin-bottom: 4px;

    color: #1C2258;

    font-size: 13px;
    font-weight: 700;
}


.EE-auth-status-info p {
    margin: 0;

    color: #777a89;

    font-size: 12px;
    line-height: 1.5;
}


/* ========================================================== */
/* PRIMARY BUTTON                                             */
/* ========================================================== */

.EE-auth-status-primary {
    width: 100%;

    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 12px 20px;

    background: #1C2258;

    border-radius: 10px;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
            background 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}


.EE-auth-status-primary:hover {
    background: #5623BC;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow: 0 8px 20px rgba(86, 35, 188, 0.18);
}


/* ========================================================== */
/* SECONDARY                                                  */
/* ========================================================== */

.EE-auth-status-secondary {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 5px;

    margin-top: 22px;

    color: #8a8d9b;

    font-size: 12px;
}


.EE-auth-status-secondary a {
    color: #5623BC;

    font-weight: 700;

    text-decoration: none;
}


.EE-auth-status-secondary a:hover {
    text-decoration: underline;
}


/* ========================================================== */
/* FOOTER                                                     */
/* ========================================================== */

.EE-auth-status-footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 38px;
    padding-top: 22px;

    border-top: 1px solid #eeeeF3;

    color: #a1a5b2;

    font-size: 10px;
}


.EE-auth-status-footer a {
    color: #7f8494;

    font-weight: 600;

    text-decoration: none;
}


.EE-auth-status-footer a:hover {
    color: #1C2258;

    text-decoration: underline;
}


/* ========================================================== */
/* RESPONSIVE                                                 */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-auth-status {
        min-height: 100vh;

        padding: 30px 16px;
    }


    .EE-auth-status-container {
        max-width: 100%;

        padding: 36px 22px;

        border-radius: 16px;
    }


    .EE-auth-status-icon {
        width: 64px;
        height: 64px;

        margin-bottom: 24px;

        font-size: 23px;
    }


    .EE-auth-status-content h1 {
        font-size: 25px;
    }


    .EE-auth-status-description {
        font-size: 14px;
    }


    .EE-auth-status-info {
        padding: 15px;
    }


    .EE-auth-status-footer {
        margin-top: 30px;
    }

}

/* ========================================================== */
/* AUTH                                                       */
/* ========================================================== */

.EE-auth-page {
    min-height: calc(100vh - 80px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 60px 24px;

    background: #f6f7fb;
}


/* ========================================================== */
/* CONTAINER                                                  */
/* ========================================================== */

.EE-auth-container {
    width: 100%;
    max-width: 480px;
}


/* ========================================================== */
/* CARD                                                       */
/* ========================================================== */

.EE-auth-card {
    width: 100%;

    padding: 44px;

    background: #ffffff;

    border-radius: 20px;

    box-shadow:
            0 20px 60px rgba(28, 34, 88, 0.08),
            0 4px 15px rgba(28, 34, 88, 0.04);
}


/* ========================================================== */
/* HEADER                                                     */
/* ========================================================== */

.EE-auth-card-header {
    margin-bottom: 30px;

    text-align: center;
}


.EE-auth-card-icon {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 22px;

    background: #efe9f8;

    border-radius: 50%;

    color: #5623bc;

    font-size: 23px;
}


.EE-auth-kicker {
    display: block;

    margin-bottom: 7px;

    color: #5623BC;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.EE-auth-card-header h1 {
    margin: 0 0 12px;

    color: #1C2258;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.2;
}


.EE-auth-card-header p {
    max-width: 380px;

    margin: 0 auto;

    color: #777b8c;

    font-size: 14px;

    line-height: 1.6;
}


/* ========================================================== */
/* FORM                                                       */
/* ========================================================== */

.EE-auth-form {
    width: 100%;
}


.EE-auth-field {
    margin-bottom: 20px;
}


.EE-auth-field label {
    display: block;

    margin-bottom: 8px;

    color: #34374a;

    font-size: 13px;
    font-weight: 600;
}


/* ========================================================== */
/* INPUT                                                      */
/* ========================================================== */

.EE-auth-input-wrapper {
    position: relative;

    width: 100%;
}


.EE-auth-input-icon {
    position: absolute;

    top: 50%;
    left: 16px;

    transform: translateY(-50%);

    color: #a1a4b2;

    font-size: 14px;

    pointer-events: none;
}


.EE-auth-input-wrapper input {
    width: 100%;
    height: 50px;

    padding: 0 16px 0 44px;

    background: #f8f8fb;

    border: 1px solid #e5e6ed;
    border-radius: 10px;

    color: #333647;

    font-size: 14px;

    outline: none;

    transition:
            border-color 0.2s ease,
            background 0.2s ease,
            box-shadow 0.2s ease;
}


.EE-auth-input-wrapper input::placeholder {
    color: #afb1bd;
}


.EE-auth-input-wrapper input:focus {
    background: #ffffff;

    border-color: #5623BC;

    box-shadow: 0 0 0 3px rgba(86, 35, 188, 0.08);
}


/* ========================================================== */
/* BUTTON                                                     */
/* ========================================================== */

.EE-auth-submit {
    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-top: 6px;

    padding: 12px 20px;

    background: #1C2258;

    border: none;
    border-radius: 10px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    transition:
            background 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}


.EE-auth-submit:hover {
    background: #5623BC;

    transform: translateY(-1px);

    box-shadow: 0 8px 20px rgba(86, 35, 188, 0.18);
}


.EE-auth-submit i {
    font-size: 12px;
}


/* ========================================================== */
/* ALERT                                                      */
/* ========================================================== */

.EE-auth-alert {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-bottom: 24px;

    padding: 15px 16px;

    border-radius: 10px;
}


.EE-auth-alert-error {
    background: #fff4f4;

    border: 1px solid #f2cccc;

    color: #a52424;
}


.EE-auth-alert-icon {
    flex: 0 0 auto;

    padding-top: 1px;

    font-size: 17px;
}


.EE-auth-alert strong {
    display: block;

    margin-bottom: 2px;

    font-size: 13px;
    font-weight: 700;
}


.EE-auth-alert p {
    margin: 0;

    font-size: 12px;

    line-height: 1.5;
}


/* ========================================================== */
/* SUCCESS                                                    */
/* ========================================================== */

.EE-auth-success {
    text-align: center;
}


.EE-auth-success-icon {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;

    background: #edf9ec;

    border-radius: 50%;

    color: #1d6815;

    font-size: 23px;
}


.EE-auth-success h2 {
    margin: 0 0 10px;

    color: #1C2258;

    font-size: 21px;
    font-weight: 700;
}


.EE-auth-success > p {
    margin: 0 0 22px;

    color: #777b8c;

    font-size: 14px;

    line-height: 1.6;
}


/* ========================================================== */
/* INFO                                                       */
/* ========================================================== */

.EE-auth-info {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px;

    background: #f7f6fc;

    border: 1px solid #ebe8f5;
    border-radius: 10px;

    color: #696d7e;

    font-size: 12px;

    line-height: 1.5;

    text-align: left;
}


.EE-auth-info i {
    flex: 0 0 auto;

    color: #5623BC;

    font-size: 16px;
}


/* ========================================================== */
/* BACK                                                       */
/* ========================================================== */

.EE-auth-back {
    margin-top: 24px;

    text-align: center;
}


.EE-auth-back a {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #696d7e;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

    transition: color 0.2s ease;
}


.EE-auth-back a:hover {
    color: #5623BC;
}


/* ========================================================== */
/* FOOTER                                                     */
/* ========================================================== */

.EE-auth-footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 25px;

    color: #9da0ad;

    font-size: 10px;
}


.EE-auth-footer a {
    color: #7f8392;

    font-weight: 600;

    text-decoration: none;
}


.EE-auth-footer a:hover {
    color: #1C2258;

    text-decoration: underline;
}


/* ========================================================== */
/* MOBILE                                                     */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-auth-page {
        min-height: 100vh;

        padding: 30px 16px;
    }


    .EE-auth-container {
        max-width: 100%;
    }


    .EE-auth-card {
        padding: 34px 22px;

        border-radius: 16px;
    }


    .EE-auth-card-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 20px;

        font-size: 21px;
    }


    .EE-auth-card-header h1 {
        font-size: 25px;
    }


    .EE-auth-card-header p {
        font-size: 13px;
    }


    .EE-auth-input-wrapper input {
        height: 48px;
    }


    .EE-auth-submit {
        min-height: 48px;
    }

}

/* ========================================================== */
/* RESET PASSWORD - RULES                                     */
/* ========================================================== */

.EE-reset-password-rules {
    margin-bottom: 28px;

    padding: 18px;

    background: #f8f9fb;

    border: 1px solid #e8eaf0;
    border-radius: 12px;
}


.EE-reset-password-rules-header {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    margin-bottom: 15px;
}


.EE-reset-password-rules-header > i {
    width: 32px;
    height: 32px;
    min-width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1ebfa;

    border-radius: 8px;

    color: #5623bc;

    font-size: 13px;
}


.EE-reset-password-rules-header strong {
    display: block;

    color: #1C2258;

    font-size: 12px;
}


.EE-reset-password-rules-header span {
    display: block;

    margin-top: 2px;

    color: #8a8e9d;

    font-size: 10px;
}


/* ========================================================== */
/* GRID                                                       */
/* ========================================================== */

.EE-reset-password-rules-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;
}


/* ========================================================== */
/* RULE                                                       */
/* ========================================================== */

.EE-password-rule {
    display: flex;
    align-items: center;

    gap: 7px;

    padding: 7px 9px;

    background: #fff;

    border: 1px solid #eceef3;
    border-radius: 7px;

    color: #5f6472;

    font-size: 10px;

    transition:
            color .2s ease,
            background .2s ease,
            border-color .2s ease;
}


.EE-password-rule-icon {
    width: 18px;
    height: 18px;

    min-width: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #c0c3cc;

    font-size: 6px;
}


/* ========================================================== */
/* VALID                                                      */
/* ========================================================== */

.EE-password-rule.EE-valid {
    background: #f1f9f2;

    border-color: #c9e7ce;

    color: #2c7739;

    font-weight: 600;
}


.EE-password-rule.EE-valid .EE-password-rule-icon {
    color: #2c7739;

    font-size: 9px;
}


/* ========================================================== */
/* SPECIALS                                                   */
/* ========================================================== */

.EE-reset-password-specials {
    margin-top: 11px;

    color: #969aa8;

    font-size: 9px;

    line-height: 1.5;
}


.EE-reset-password-specials strong {
    color: #686d7c;

    font-weight: 600;
}


/* ========================================================== */
/* FORM                                                       */
/* ========================================================== */

.EE-reset-password-form {
    margin-top: 5px;
}


/* ========================================================== */
/* MOBILE                                                     */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-reset-password-rules-grid {
        grid-template-columns: 1fr;
    }

}

#resetPasswordSubmit.EE-auth-submit {
    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-top: 10px;

    padding: 12px 20px;

    background: #1C2258 !important;

    border: none !important;
    border-radius: 10px !important;

    color: #fff !important;

    font-family: "Apercu Pro", sans-serif;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: none;

    transition:
            background .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}

#resetPasswordSubmit.EE-auth-submit:hover {
    background: #5623BC !important;

    color: #fff !important;

    transform: translateY(-1px);

    box-shadow:
            0 8px 20px rgba(86, 35, 188, .18);
}

.EE-auth-container-wide {
    max-width: 900px;
}

.EE-reset-password-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 30px;
    align-items: start;
    margin-top: 30px;
}

.EE-reset-password-form-column {
    min-width: 0;
}


@media (max-width: 767px) {
    .EE-auth-container-wide {
        max-width: 100%;
    }

    .EE-reset-password-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .EE-reset-password-form-column {
        order: 1;
    }

    .EE-reset-password-rules {
        order: 2;
    }
}

/* ========================================================== */
/* MENTIONS LÉGALES                                            */
/* ========================================================== */

.EE-legal-page {
    min-height: calc(100vh - 76px);

    padding: 55px 24px;

    background: #f5f6fa;
}

.EE-legal-container {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto;
}


/* ========================================================== */
/* HEADER                                                      */
/* ========================================================== */

.EE-legal-header {
    max-width: 700px;

    margin: 0 auto 35px;

    text-align: center;
}

.EE-legal-header-icon {
    width: 62px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px;

    background: #f0eaf9;

    border-radius: 18px;

    color: #5623bc;

    font-size: 23px;
}

.EE-legal-kicker {
    display: block;

    margin-bottom: 8px;

    color: #5623BC;

    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .12em;
}

.EE-legal-header h1 {
    margin: 0;

    color: #1C2258;

    font-size: 32px;
    font-weight: 700;
}

.EE-legal-header p {
    margin: 10px auto 0;

    color: #838897;

    font-size: 13px;
    line-height: 1.65;
}


/* ========================================================== */
/* CARD                                                        */
/* ========================================================== */

.EE-legal-card {
    overflow: hidden;

    background: #fff;

    border: 1px solid #eaecf2;
    border-radius: 18px;

    box-shadow:
            0 15px 45px rgba(28, 34, 88, .07);
}


/* ========================================================== */
/* SECTION                                                     */
/* ========================================================== */

.EE-legal-section {
    padding: 32px 35px;

    border-bottom: 1px solid #eceef3;
}

.EE-legal-section:last-child {
    border-bottom: none;
}

.EE-legal-section-header {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 22px;
}

.EE-legal-section-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #efeff4;

    border-radius: 11px;

    color: #1c2258;

    font-size: 16px;
}

.EE-legal-section-number {
    display: block;

    margin-bottom: 1px;

    color: #BC1722;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .08em;
}

.EE-legal-section-header h2 {
    margin: 0;

    color: #1C2258;

    font-size: 18px;
    font-weight: 700;
}

.EE-legal-section-content > p {
    margin: 0;

    color: #666b7b;

    font-size: 13px;
    line-height: 1.75;
}


/* ========================================================== */
/* DETAILS                                                     */
/* ========================================================== */

.EE-legal-details {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;

    margin-top: 25px;
}

.EE-legal-detail {
    min-width: 0;

    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 14px;

    background: #f8f9fb;

    border: 1px solid #eceef3;
    border-radius: 10px;
}

.EE-legal-detail-icon {
    width: 32px;
    height: 32px;

    min-width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border-radius: 8px;

    color: #5623BC;

    font-size: 11px;
}

.EE-legal-detail > div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.EE-legal-detail span {
    color: #959aa9;

    font-size: 9px;
}

.EE-legal-detail strong,
.EE-legal-detail a {
    color: #404656;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none;
}

.EE-legal-detail a:hover {
    color: #5623BC;
}


/* ========================================================== */
/* FOURNISSEURS                                                */
/* ========================================================== */

.EE-legal-provider-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.EE-legal-provider {
    padding: 20px;

    background: #f8f9fb;

    border: 1px solid #eceef3;
    border-radius: 11px;
}

.EE-legal-provider-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    background: #f1ebfa;

    border-radius: 9px;

    color: #5623bc;
}

.EE-legal-provider > span {
    display: block;

    margin-bottom: 4px;

    color: #9499a8;

    font-size: 9px;

    text-transform: uppercase;
}

.EE-legal-provider > strong {
    display: block;

    color: #1C2258;

    font-size: 13px;
}

.EE-legal-provider > small {
    display: block;

    margin-top: 5px;

    color: #747989;

    font-size: 10px;
    line-height: 1.5;
}


/* ========================================================== */
/* RETOUR                                                      */
/* ========================================================== */

.EE-legal-back {
    margin-top: 24px;

    text-align: center;
}

.EE-legal-back a {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #686d7d;

    font-size: 11px;
    font-weight: 600;

    text-decoration: none;
}

.EE-legal-back a:hover {
    color: #5623BC;
}


/* ========================================================== */
/* RESPONSIVE                                                  */
/* ========================================================== */

@media (max-width: 767px) {

    .EE-legal-page {
        padding: 35px 15px;
    }

    .EE-legal-header h1 {
        font-size: 26px;
    }

    .EE-legal-section {
        padding: 24px 18px;
    }

    .EE-legal-details,
    .EE-legal-provider-grid {
        grid-template-columns: 1fr;
    }

}

/* =========================================================
   FICHE ADHERENT
   ========================================================= */

.EE-member-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.EE-member-hero-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

.EE-member-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: var(--EE-primary-light, #eef4ff);
    color: var(--EE-primary, #315efb);

    font-size: 22px;
    font-weight: 700;
}

.EE-member-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.EE-member-name {
    margin: 0;

    font-size: 24px;
    font-weight: 700;
}

.EE-member-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;

    margin-top: 8px;

    color: #7b8190;
    font-size: 14px;
}

.EE-member-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.EE-member-hero-actions {
    display: flex;
    gap: 8px;
}


/* =========================================================
   STATS
   ========================================================= */

.EE-member-stats {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}

.EE-member-stat {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    border: 1px solid #e8eaf0;
    border-radius: 14px;

    background: #fff;
}

.EE-member-stat-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    border-radius: 12px;

    background: #f4f6fa;

    color: #606775;
}

.EE-member-stat > div:last-child {
    min-width: 0;
}

.EE-member-stat-label {
    display: block;

    margin-bottom: 3px;

    color: #8b909c;

    font-size: 12px;
}

.EE-member-stat strong {
    display: block;

    overflow: hidden;

    color: #242834;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   TABS
   ========================================================= */

.EE-member-tabs {
    display: flex;

    gap: 6px;

    padding: 5px;

    border: 1px solid #e7e9ee;
    border-radius: 12px;

    background: #f7f8fa;
}

.EE-member-tab {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 10px 16px;

    border: 0;
    border-radius: 9px;

    background: transparent;

    color: #686e7a;

    font-size: 14px;
    font-weight: 500;

    cursor: pointer;

    transition:
            background .15s ease,
            color .15s ease,
            box-shadow .15s ease;
}

.EE-member-tab:hover {
    color: #232733;
}

.EE-member-tab.active {
    background: #fff;

    color: #242834;

    box-shadow:
            0 1px 3px rgba(20, 24, 35, .08);
}

.EE-member-tab-count {
    min-width: 22px;

    padding: 2px 6px;

    border-radius: 20px;

    background: #eceef3;

    font-size: 11px;
    text-align: center;
}


/* =========================================================
   CONTENT TAB
   ========================================================= */

.EE-member-tab-content {
    display: none;
}

.EE-member-tab-content.active {
    display: block;

    animation: EE-tab-enter .18s ease;
}

@keyframes EE-tab-enter {

    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   INFORMATION LIST
   ========================================================= */

.EE-member-info-list {
    display: flex;
    flex-direction: column;
}

.EE-member-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding: 14px 0;

    border-bottom: 1px solid #f0f1f4;
}

.EE-member-info-row:first-child {
    padding-top: 0;
}

.EE-member-info-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.EE-member-info-row span {
    color: #838995;

    font-size: 13px;
}

.EE-member-info-row strong {
    color: #262a34;

    font-size: 14px;
    font-weight: 600;

    text-align: right;
}


/* =========================================================
   CONTACT
   ========================================================= */

.EE-member-contact-list {
    display: flex;
    flex-direction: column;

    gap: 20px;
}

.EE-member-contact-item {
    display: flex;
    align-items: flex-start;

    gap: 14px;
}

.EE-member-contact-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    border-radius: 10px;

    background: #f4f6f9;

    color: #565d6a;
}

.EE-member-contact-item > div:last-child {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.EE-member-contact-item span {
    color: #9297a2;

    font-size: 12px;
}

.EE-member-contact-item a,
.EE-member-contact-item strong {
    color: #282c36;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}


/* =========================================================
   BENEFICIAIRE
   ========================================================= */

.EE-beneficiary-user {
    display: flex;
    align-items: center;

    gap: 10px;
}

.EE-beneficiary-avatar {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 36px;

    border-radius: 10px;

    background: #f1f3f7;

    color: #596170;

    font-size: 12px;
    font-weight: 700;
}

.EE-beneficiary-user > div:last-child {
    display: flex;
    flex-direction: column;
}

.EE-beneficiary-user small {
    margin-top: 1px;

    color: #999faa;
}


/* =========================================================
   ADDRESS
   ========================================================= */

.EE-member-address {
    display: flex;

    gap: 14px;

    color: #333844;

    line-height: 1.7;
}

.EE-member-address > i {
    margin-top: 5px;

    color: #818793;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .EE-member-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 768px) {

    .EE-member-hero {
        align-items: flex-start;
    }

    .EE-member-avatar {
        width: 54px;
        height: 54px;

        flex-basis: 54px;

        border-radius: 15px;

        font-size: 17px;
    }

    .EE-member-name {
        font-size: 20px;
    }

    .EE-member-meta {
        flex-direction: column;
        align-items: flex-start;

        gap: 5px;
    }

    .EE-member-stats {
        grid-template-columns: 1fr;
    }

    .EE-member-tabs {
        overflow-x: auto;

        justify-content: flex-start;
    }

    .EE-member-tab {
        flex: 0 0 auto;

        white-space: nowrap;
    }

    .EE-member-info-row {
        align-items: flex-start;
        flex-direction: column;

        gap: 4px;
    }

    .EE-member-info-row strong {
        text-align: left;
    }

}
.EE-member-guarantees {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.EE-member-guarantee {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 14px;

    border: 1px solid #eceef2;
    border-radius: 12px;

    background: #fafbfc;

    transition:
            border-color .15s ease,
            background .15s ease,
            transform .15s ease;
}

.EE-member-guarantee:hover {
    border-color: #dfe3ea;

    background: #fff;

    transform: translateY(-1px);
}

.EE-member-guarantee-icon {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 40px;

    border-radius: 10px;

    background: #eef4ff;

    color: #315efb;
}

.EE-member-guarantee-content {
    display: flex;
    flex: 1;
    flex-direction: column;

    min-width: 0;
}

.EE-member-guarantee-content span {
    margin-bottom: 2px;

    color: #9297a2;

    font-size: 11px;
}

.EE-member-guarantee-content strong {
    overflow: hidden;

    color: #292d36;

    font-size: 14px;
    font-weight: 600;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.EE-member-guarantee-status {
    width: 26px;
    height: 26px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 26px;

    border-radius: 50%;

    background: #edf8f1;

    color: #237a48;

    font-size: 11px;
}

.EE-member-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 10px;

    padding: 40px 20px;

    color: #9ca1ab;

    text-align: center;
}

.EE-member-empty i {
    font-size: 24px;
}


/* =========================================================
   BENEFICIARY DRAWER
   ========================================================= */

.EE-beneficiary-overlay {
    position: fixed;
    inset: 0;
    z-index: 1090;

    visibility: hidden;

    background: rgba(20, 24, 35, 0.35);

    opacity: 0;

    transition:
            opacity 0.2s ease,
            visibility 0.2s ease;
}

.EE-beneficiary-overlay.active {
    visibility: visible;
    opacity: 1;
}


/* =========================================================
   DRAWER
   ========================================================= */

.EE-beneficiary-drawer {
    position: fixed;

    top: 0;
    right: 0;
    bottom: 0;

    z-index: 1100;

    width: min(480px, 100%);

    display: flex;
    flex-direction: column;

    background: #fff;

    box-shadow:
            -8px 0 30px rgba(20, 24, 35, 0.12);

    transform: translateX(100%);

    transition: transform 0.25s ease;
}

.EE-beneficiary-drawer.active {
    transform: translateX(0);
}


/* =========================================================
   HEADER
   ========================================================= */

.EE-beneficiary-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px;

    border-bottom: 1px solid #eceef2;
}

.EE-beneficiary-drawer-header h3 {
    margin: 3px 0 0;

    font-size: 20px;
    font-weight: 700;
}

.EE-beneficiary-drawer-subtitle {
    display: block;

    color: #9297a2;

    font-size: 12px;
}


/* =========================================================
   BODY
   ========================================================= */

.EE-beneficiary-drawer-body {
    flex: 1;

    overflow-y: auto;

    padding: 24px;
}


/* =========================================================
   PROFILE
   ========================================================= */

.EE-beneficiary-profile {
    display: flex;
    align-items: center;

    gap: 14px;

    padding-bottom: 22px;

    border-bottom: 1px solid #eceef2;
}

.EE-beneficiary-profile-avatar {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 54px;

    border-radius: 15px;

    background: #eef4ff;

    color: #315efb;

    font-size: 16px;
    font-weight: 700;
}

.EE-beneficiary-profile > div:last-child {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.EE-beneficiary-profile strong {
    color: #242834;

    font-size: 16px;
    font-weight: 700;
}

.EE-beneficiary-profile span {
    color: #9297a2;

    font-size: 12px;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.EE-beneficiary-drawer-section {
    padding: 24px 0;

    border-bottom: 1px solid #eceef2;
}

.EE-beneficiary-drawer-section:last-child {
    border-bottom: 0;
}

.EE-beneficiary-drawer-section h4 {
    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0 0 18px;

    color: #292d36;

    font-size: 14px;
    font-weight: 700;
}

.EE-beneficiary-drawer-section h4 i {
    color: #7d8491;
}


/* =========================================================
   CONTACT
   ========================================================= */

.EE-beneficiary-drawer-contact {
    display: flex;
    flex-direction: column;

    gap: 20px;
}


/* =========================================================
   BODY LOCK
   ========================================================= */

body.EE-drawer-open {
    overflow: hidden;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 600px) {

    .EE-beneficiary-drawer {
        width: 100%;
    }

    .EE-beneficiary-drawer-header,
    .EE-beneficiary-drawer-body {
        padding-left: 18px;
        padding-right: 18px;
    }

}

.EE-beneficiary-drawer-guarantees {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.EE-beneficiary-drawer-guarantee {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 13px 14px;

    border: 1px solid #eceef2;
    border-radius: 12px;

    background: #fafbfc;
}

.EE-beneficiary-drawer-guarantee-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    border-radius: 10px;

    background: #eef4ff;

    color: #315efb;
}

.EE-beneficiary-drawer-guarantee-content {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.EE-beneficiary-drawer-guarantee-content span {
    margin-bottom: 2px;

    color: #9297a2;

    font-size: 11px;
}

.EE-beneficiary-drawer-guarantee-content strong {
    overflow: hidden;

    color: #292d36;

    font-size: 14px;
    font-weight: 600;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.demandeinfo26,
.demandeinfo27,
.demandeinfo37 {
    display: none !important;
}