@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Bookmania:wght@400;500;600;700;800&display=swap'); */

:root {
    --violet-1: #8340E5;
    --bb-car-dark: #09092A;
    --jaune: #FFDA0D;
    --gris-froid-1: #616182;
    --gris-chaud-1: #91889A;
    --gris-froid-2: #D1D6EC;
    --gris-froid-3: #EAEAFA;
    --gris-chaud-2: #F8F9FF;
    --violet-2: #A49CFF;
    --vert: #67E373;
    --rouge: #FA543C;
    --font1: 'Bookmania';
    --font2: 'Inter';
    --elevation-03dp: 0px 3px 5px 0px rgba(2, 22, 111, 0.20);
    --elevation-04dp: 0px 4px 10px 0px rgba(2, 22, 111, 0.15);
    --elevation-06dp: 0px 6px 20px 0px rgba(2, 22, 111, 0.15);
    --elevation-08dp: 0px 8px 20px 0px rgba(2, 22, 111, 0.15);
    --elevation-09dp: 0px 9px 20px 0px rgba(2, 22, 111, 0.15);
    --elevation-12dp: 0px 12px 20px 0px rgba(2, 22, 111, 0.15);
    --elevation-16dp: 0px 16px 20px 0px rgba(2, 22, 111, 0.15);
    --elevation-24dp: 0px 20px 20px 0px rgba(2, 22, 111, 0.15);
}

.w-h1 {
    font-family: var(--font1);
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    /* 67.708% */
    letter-spacing: -0.2px;
    color: var(--bb-car-dark, #09092A);
}

.w-h2 {
    font-family: var(--font1);
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    /* 108.333% */
    letter-spacing: -0.2px;
    color: var(--bb-car-dark, #09092A);
}

.w-h3 {
    font-family: var(--font1);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    /* 135.417% */
    letter-spacing: -0.2px;
    color: var(--bb-car-dark, #09092A);
}

.w-h4 {
    font-family: var(--font2);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 47.059% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-h5 {
    font-family: var(--font2);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 66.667% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-h6 {
    font-family: var(--font2);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 80% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-body1 {
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-body2 {
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-subtitle1 {
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 100% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-subtitle2 {
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 114.286% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-caption {
    font-family: var(--font2);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-overline {
    font-family: var(--font2);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    color: var(--bb-car-dark, #09092A);
}

.w-text-primary {
    color: var(--violet-1);
}

.w-text-dark {
    color: var(--bb-car-dark);
}

.w-text-warning {
    color: var(--jaune);
}

.w-text-secondary1 {
    color: var(--gris-froid-1);
}

.w-text-secondary2 {
    color: var(--gris-froid-2);
}

.w-text-secondary3 {
    color: var(--gris-froid-3);
}

.w-text-light1 {
    color: var(--gris-chaud-2);
}

.w-text-light2 {
    color: var(--gris-chaud-1);
}

.w-text-info {
    color: var(--violet-2);
}

.w-text-success {
    color: var(--vert);
}

.w-text-danger {
    color: var(--rouge);
}

.w-bg-primary {
    background: var(--violet-1);
}

.w-bg-dark {
    background: var(--bb-car-dark);
}

.w-bg-warning {
    background: var(--jaune);
}

.w-bg-secondary1 {
    background: var(--gris-froid-1);
}

.w-bg-secondary2 {
    background: var(--gris-froid-2);
}

.w-bg-secondary3 {
    background: var(--gris-froid-3);
}

.w-bg-light1 {
    background: var(--gris-chaud-2);
}

.w-bg-light2 {
    background: var(--gris-chaud-1);
}

.w-bg-info {
    background: var(--violet-2);
}

.w-bg-success {
    background: var(--vert);
}

.w-bg-danger {
    background: var(--rouge) !important;
}

.w-btn-primary {
    padding: 11px 24px;
    background: var(--violet-1);
    border-radius: 5px;
    color: white !important;
    border-color: var(--violet-1);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

/* Harmonise les boutons DataTables (Export Excel/PDF, etc.) avec la couleur
   primaire de l'app : buttons.bootstrap4.css (datatables.net-buttons-bs4)
   les rend en btn-secondary, le gris par défaut de Bootstrap, sans rapport
   avec le violet utilisé partout ailleurs dans wakoun. */
.dt-buttons .btn,
.dt-button.btn-secondary {
    background-color: var(--violet-1);
    border-color: var(--violet-1);
    color: #fff;
}

.dt-buttons .btn:hover,
.dt-buttons .btn:focus,
.dt-button.btn-secondary:hover,
.dt-button.btn-secondary:focus {
    background-color: var(--violet-1);
    border-color: var(--violet-1);
    color: #fff;
    opacity: 0.85;
}

/* Harmonise la pagination DataTables avec le violet de l'app : les classes
   .page-link/.page-item sont les classes Bootstrap génériques de pagination
   (bootstrap.css), toujours en bleu Bootstrap (#007bff) par défaut, jamais
   redéfinies en violet nulle part dans l'app. Scopé à .dataTables_wrapper
   pour ne pas toucher une éventuelle pagination Bootstrap hors DataTables. */
.dataTables_wrapper .page-link {
    color: var(--violet-1);
}

.dataTables_wrapper .page-link:hover,
.dataTables_wrapper .page-link:focus {
    color: var(--violet-1);
    background-color: #f1eafc;
    box-shadow: none;
}

.dataTables_wrapper .page-item.active .page-link {
    background-color: var(--violet-1);
    border-color: var(--violet-1);
    color: #fff;
}

.dataTables_wrapper .page-item.disabled .page-link {
    color: #6c757d;
}

.w-btn-dark {
    padding: 11px 24px;
    background: var(--bb-car-dark);
    border-radius: 5px;
    color: white !important;
    border-color: var(--bb-car-dark);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-danger {
    padding: 11px 24px;
    background: var(--rouge);
    border-radius: 5px;
    color: white !important;
    border-color: var(--rouge);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-success {
    padding: 11px 24px;
    background: var(--vert);
    border-radius: 5px;
    color: white !important;
    border-color: var(--vert);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-outline-primary {
    padding: 11px 24px;
    background: white;
    border-radius: 5px;
    color: var(--violet-1) !important;
    border-color: var(--violet-1);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-outline-dark {
    padding: 11px 24px;
    background: white;
    border-radius: 5px;
    color: var(--bb-car-dark) !important;
    border-color: var(--bb-car-dark);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-outline-success {
    padding: 11px 24px;
    background: white;
    border-radius: 5px;
    color: var(--vert) !important;
    border-color: var(--vert);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-outline-danger {
    padding: 11px 24px;
    background: white;
    border-radius: 5px;
    color: var(--rouge) !important;
    border-color: var(--rouge);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-rounded-primary {
    text-align: center;
    width: 54px;
    height: 54px;
    background: var(--violet-1);
    border-radius: 50px;
    color: white !important;
    border-color: var(--violet-1);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-rounded-dark {
    text-align: center;
    width: 54px;
    height: 54px;
    background: var(--bb-car-dark);
    border-radius: 50px;
    color: white !important;
    border-color: var(--bb-car-dark);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
}

.w-btn-large {
    padding: 13px 34px;
    font-size: 16px;
}

.w-btn-small {
    padding: 10px 21px;
    font-size: 12px;
}

.w-btn-rounded-large {
    width: 75px;
    height: 75px;
}

.w-btn-rounded-small {
    width: 43px;
    height: 43px;
}

.w-form-group {
    position: relative;
    margin-bottom: -0.5rem;
}

.w-input,
.w-select,
.w-textarea {
    /*height: 56px;*/
    height: 62px;
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 31px 0px 16px 16px;
}

.add-agences-form .select2-container {
    height: 62px;
}

.add-agences-form .select2-container--default .select2-selection--multiple,
.update-agences-form .select2-container--default .select2-selection--multiple,
.add-collaborateurs-form .select2-container--default .select2-selection--multiple

/*, .update-collaborateurs-form .select2-container--default .select2-selection--multiple*/
    {
    /*height: 56px;*/
    height: 62px;
    max-height: auto;
    border-radius: 5px !important;
    border: 1px solid var(--gris-froid-2, #D1D6EC) !important;
    background: var(--gris-chaud-2, #F8F9FF) !important;
    color: var(--gris-chaud-1, #91889A) !important;
    font-family: var(--font2) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 31px 0px 16px 16px !important;
}

.update-agences-form .select2-container--default .select2-selection--multiple {
    height: auto;
}

.update-collaborateurs-form .select2-container--default .select2-selection--multiple {
    /*height: 56px;*/
    height: auto;
    border-radius: 5px !important;
    border: 1px solid var(--gris-froid-2, #D1D6EC) !important;
    background: var(--gris-chaud-2, #F8F9FF) !important;
    color: var(--gris-chaud-1, #91889A) !important;
    font-family: var(--font2) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 31px 0px 16px 16px !important;
    margin-top: 24px !important;
    margin-left: -68px !important;
    max-width: 100%;
}

.add-agences-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.update-agences-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.add-collaborateurs-form .select2-container--default.select2-container--focus .select2-selection--multiple

/*, .update-collaborateurs-form .select2-container--default.select2-container--focus .select2-selection--multiple*/
    {
    /*height: 56px;*/
    height: auto;
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 31px 0px 16px 16px;
}

.update-collaborateurs-form .select2-container--default.select2-container--focus .select2-selection--multiple {
    /*height: 56px;*/
    height: auto;
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 31px 0px 16px 16px;
    max-width: 100%;
}

select.form-control.w-select,
.w-select {
    padding: 25px 16px 16px 16px;
}

#table_wrapper_forfaits .select2-container {
    /*height: 56px;*/
    height: 62px;
    width: 252px !important;
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    /*padding: 16px 0px 16px 16px;*/
    padding: 14px 0px 16px 0px;
}

#table_wrapper_forfaits .select2-container.select2-container--default .select2-selection--single {
    border: none;
    background-color: transparent;
    border-radius: 0px;
    padding: 0.5rem 0.5rem;
}

#table_wrapper_forfaits .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.w-textarea {
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    padding: 16px 0px 16px 16px;
}

.w-input:hover,
.w-select:hover,
.w-textarea:hover {
    background: var(--gris-froid-3, #EAEAFA);
}

.w-select-client:hover {
    background: var(--gris-froid-3, #EAEAFA);
}

.w-input:focus,
.w-select:focus,
.w-select-client,
.w-textarea:focus {
    border: 1px solid var(--violet-2, #A49CFF);
    background: #F8F9FF;
    color: var(--bb-car-dark, #09092A);
}

.w-input:valid {
    /*border: 1px solid var(--gris-chaud-1, #91889A);
    background: var(--gris-chaud-2, #F8F9FF);*/
}

.w-input:disabled,
.w-select:disabled,
.w-textarea:disabled {
    border: none;
    background: var(--gris-chaud-2, #F8F9FF);
}

.w-label {
    position: absolute;
    left: 16px;
    bottom: -16px;
    color: var(--gris-chaud-1, #91889A);
    font-family: var(--font2);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px !important;
    /*transition: 0.2s ease all;*/
}

.w-label-with-placeholder {
    position: relative;
    left: 16px;
    /*bottom: -27px;*/
    bottom: -33px;
    color: var(--violet-1, #8340E5);
    font-family: var(--font2);
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px !important;
    /* 133.333% */
    letter-spacing: 0.4px;
    /*transform: translateY(-20px);*/
}

.w-label-with-placeholder span {
    color: var(--gris-chaud-1, #91889A);
}

/*.w-input:focus ~ .w-label,
.w-input:valid ~ .w-label {
    color: var(--violet-1, #8340E5);
    font-size: 12px;
    line-height: 16px; /* 133.333% */
/*letter-spacing: 0.4px;
    transform: translateY(-20px);
}

.w-input:invalid ~ .w-label {
    color: var(--rouge, #FA543C);
    font-size: 12px;
    line-height: 16px; /* 133.333% */
/*letter-spacing: 0.4px;
    transform: translateY(-20px);
}*/

.assistive-text {
    color: var(--violet-1, #8340E5);
    font-family: var(--font2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.error-text {
    color: var(--rouge, #FA543C);
    font-family: var(--font2);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.w-menu {
    border-radius: 4px !important;
    background: var(--main-white, #FFF);
    box-shadow: var(--elevation-09dp) !important;
    color: var(--bb-car-dark, #0E1535);
    font-family: var(--font2);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.w-menu-small {
    height: 144px;
    border-radius: 4px !important;
    background: var(--main-white, #FFF);
    box-shadow: var(--elevation-09dp) !important;
    color: var(--bb-car-dark, #0E1535);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.w-menu .line {
    height: 48px;
}

.w-menu-small .line {
    height: 32px;
}

.w-menu .line:hover,
.w-menu-small .line:hover {
    background: var(--gris-froid-4, #F5F5FC);
}

.w-menu .line:focus,
.w-menu-small .line:focus {
    background: var(--gris-froid-2, #D1D6EC);
}

.w-alert {
    display: flex;
    width: 752px;
    align-items: center;
    gap: 10px;
    color: var(--bb-car-dark, #09092A);
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    border-radius: 4px;
    padding: 21px 25px 19px 28px;
    box-shadow: var(--elevation-09dp) !important;
}

.w-alert-success {
    gap: 44px;
    border: 1px solid var(--vert, #67E373);
    background: linear-gradient(0deg, rgba(33, 186, 69, 0.10) 0%, rgba(33, 186, 69, 0.10) 100%), #FFF;
}

.w-alert-info {
    gap: 44px;
    border: 1px solid var(--violet-2, #A49CFF);
    background: linear-gradient(0deg, rgba(0, 112, 216, 0.10) 0%, rgba(0, 112, 216, 0.10) 100%), #FFF;
}

.w-alert-warning {
    gap: 44px;
    border: 1px solid var(--jaune, #FFDA0D);
    background: linear-gradient(0deg, rgba(242, 113, 28, 0.10) 0%, rgba(242, 113, 28, 0.10) 100%), #FFF;
}

.w-alert-danger {
    gap: 44px;
    border: 1px solid var(--rouge, #FA543C);
    background: linear-gradient(0deg, rgba(219, 40, 40, 0.10) 0%, rgba(219, 40, 40, 0.10) 100%), #FFF;
}

.w-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: white;
}

.w-avatar-36 {
    width: 36px;
    height: 36px;
}

.w-avatar-48 {
    width: 48px;
    height: 48px;
}

.w-avatar-62 {
    width: 62px;
    height: 62px;
}

/*.w-badge-dot{
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    border-radius: 4.5px;
    border: 1px solid var(--main-white, #FFF);
}*/

.w-chips {
    height: 32px;
    flex-shrink: 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: var(--font2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.w-chips-primary {
    color: var(--violet-1);
    /*background: var(--violet-1);*/
    background-color: rgba(131, 64, 229, 0.10000000149011612);
}

.w-chips-dark {
    color: var(--bb-car-dark);
    /*background: var(--bb-car-dark);*/
    background-color: rgba(9, 9, 42, 0.10000000149011612);
}

.w-chips-warning {
    color: var(--jaune);
    /*background: var(--jaune);*/
    background-color: rgba(255, 218, 13, 0.10000000149011612);
}

.w-chips-secondary1 {
    color: var(--gris-froid-1);
    /*background: var(--gris-froid-1);*/
    background-color: rgba(97, 97, 130, 0.10000000149011612);
}

.w-chips-secondary2 {
    color: var(--gris-froid-2);
    /*background: var(--gris-froid-2);*/
    background-color: rgba(209, 214, 236, 0.10000000149011612);
}

.w-chips-secondary3 {
    color: var(--gris-froid-3);
    /*background: var(--gris-froid-3);*/
    background-color: rgba(234, 234, 250, 0.10000000149011612);
}

.w-chips-light1 {
    color: var(--gris-chaud-2);
    /*background: var(--gris-chaud-2);*/
    background-color: rgba(248, 249, 255, 0.10000000149011612);
}

.w-chips-light2 {
    color: var(--gris-chaud-1);
    /*background: var(--gris-chaud-1);*/
    background-color: rgba(145, 136, 154, 0.10000000149011612);
}

.w-chips-info {
    color: var(--violet-2);
    /*color: var(--violet-1);
    background: var(--violet-2, #A49CFF);*/
    background-color: rgba(164, 156, 255, 0.10000000149011612);
}

.w-chips-success {
    color: var(--vert);
    /*background: var(--vert);*/
    background-color: rgba(103, 227, 115, 0.10000000149011612);
}

.w-chips-danger {
    color: var(--rouge);
    /*background: var(--rouge);*/
    background-color: rgba(250, 84, 60, 0.10000000149011612);
}

.w-checkbox,
.w-radio {
    background: var(--bb-car-dark, #09092A);
}

.w-divider {
    width: inherit;
    height: 1px;
    background: var(--gris-froid-2);
}

/*tbody tr{
    height: 88px;
    flex-shrink: 0;
    background: var(--main-white, #FFF);
}

tbody tr:hover{
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--main-white, #FFF);
    box-shadow: var(--elevation-09dp);
}*/

.w-modal-icon {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    background: var(--violet-1, #8340E5);
    margin-right: 38px;
}

.w-modal-delete-icon {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    background: var(--rouge);
    margin-right: 38px;
}

.w-modal-restore-icon {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    background: var(--vert);
    margin-right: 38px;
}

.w-modal-title {
    color: var(--gris-froid-1, #616182);
    font-family: var(--font2);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 66.667% */
    letter-spacing: 0.4px;
    margin-right: 558px;
}

.w-modal-body {
    padding: 65px 232px;
}

.w-modal-footer {
    display: flex;
    justify-content: center;
}

.w-modal-footer button[data-dismiss="modal"] {
    color: var(--rouge);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    background: transparent;
    border: none;
}

.w-modal-footer.delete-footer button[data-dismiss="modal"] {
    color: var(--bb-car-dark);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    background: transparent;
    border: none;
}

.main-wrapper.dash .page-wrapper {
    background: #F5F5FC;
}

.main-wrapper .page-wrapper .w-body1 {
    line-height: 35px;
    letter-spacing: 0.4px;
}

.main-wrapper .page-wrapper #login-page .w-body1 {
    line-height: 158.4%;
    letter-spacing: 0px;
}

.image_auth {
    background: no-repeat;
    /*background-image: url("../images/background_formulaire.png");*/
    background-image: url("../images/Rectangle\ 167.png");
    background-size: contain;

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

    /*background: url("../images/Rectangle\ 167.png") no-repeat, url("../images/proposition1.png") center no-repeat;
    background-size: contain, auto;*/
}

.button-auth {
    margin-top: 45px;
}

label[for="exampleInputPassword1"] {
    z-index: 1;
}

.navbar-content .input-group {
    width: 270px;
    /*height: 56px;*/
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    background: var(--gris-chaud-2, #F8F9FF);
}

.navbar .search-form .input-group .select2-container--default .select2-selection--single {
    background: var(--gris-chaud-2, #F8F9FF);
}

#loupe {
    margin-left: 16px;
    stroke: var(--gris-chaud-1, #91889A);
}

#loupe svg {
    stroke: var(--gris-chaud-1, #91889A);
}

.navbar-content .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--gris-chaud-1, #91889A) !important;
}

.navbar-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 6px;
}

.navbar-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.navbar-content .select2-dropdown {
    width: 229px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--violet-1) !important;
}

.navbar-content .w-chips-primary {
    background-color: rgb(234, 234, 250);
}

.navbar .navbar-content .navbar-nav .nav-item {
    margin-right: 27px;
}

.card-header-icon-info {
    background-color: rgba(164, 156, 255, 0.2);
}

.card-header-icon-warning {
    background-color: rgba(255, 218, 13, 0.1);
}

.card-header-icon-success {
    background-color: rgba(103, 227, 115, 0.1);
}

.card-header-icon-danger {
    background-color: rgba(250, 84, 60, 0.1);
}

.statistiques-globales .card .card-body p.pourcentage {
    font-size: 14px;
}

.icon-group form input.w-input {
    font-size: 14px;
    background: white;
    color: #91889A !important;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
    padding: 16px 0px 16px 16px;
}

.icon-group form input.w-input::placeholder {
    color: #91889A !important;
}

.tab-content.tableau .tab-pane .card .card-body {
    padding-top: 0rem;
}

table .w-chips {
    width: 85px;
}

table.todayPrestationTable .w-chips,
table.nextPrestationTable .w-chips,
table.lastPrestationTable .w-chips {
    width: 110px;
}

.card-header.w-body2 {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 0px;
    letter-spacing: 0px;
}

.dropdown .dropdown-toggle:after {
    content: none !important;
}

.card-body.compte .chiffres {
    background: #FFF;
    box-shadow: 0px 1px 16px -1px rgba(5, 74, 251, 0.09);
    margin-top: 0px;
}

.card-header.w-subtitle1 {
    font-size: 16px !important;
}

.input-group-finance .custom-select,
.select-compte {
    height: 40px;
    font-size: 14px;
    color: #91889A !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 16px;
}

.dhx_cal_prev_button {
    background-image: url("../images/keyboard_arrow_left.svg") !important;
}

.dhx_cal_next_button {
    background-image: url("../images/keyboard_arrow_right.svg") !important;
}

.dhx_cal_data tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

input[type='checkbox'] {
    border: 1px solid var(--gris-froid-2, #BBBBBB) !important;
}

input[type="date"],
input[type="number"],
input[type="time"] {
    padding-right: 20px;
}

#update-agence button[data-dismiss="modal"] {
    color: var(--rouge);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    background: transparent;
    border: none;
}

.modal.fade.show {
    padding-right: 345px !important;
}

.modal.fade.show[id*=deletecollaborateurModal],
.modal.fade.show[id*=deleteAgenceModal],
.modal.fade.show[id*=deletePrestationModal],
.modal.fade.show[id*=restorePresModal],
.modal.fade.show[id*=deleteForfaitModal],
.modal.fade.show[id*=restoreForfModal],
.modal.fade.show[id=deleteDocumentModal],
.modal.fade.show[id=deleteReussiteModal],
.modal.fade.show[id=deletePrestationsClient],
.modal.fade.show[id=deletePaymentClient],
.modal.fade.show[id=deleteRepaymentClient],
.modal.fade.show[id=deleteDeliveryClient],
.modal.fade.show[id*=planningPresModal],
.modal.fade.show[id=deleteEleveModal],
.modal.fade.show[id=archiveEleveModal] {
    padding-right: 657px !important;
}

.modal.fade.show[id=commentModal] {
    padding-right: 650px !important;
}

.modal-header {
    padding-left: 25px;
    padding-right: 62px;
}

/*#update-agence .w-form-group,
.add-collaborateurs-form .w-form-group, .update-collaborateurs-form .w-form-group,
.add-prestations-form .w-form-group, .update-prestations-form .w-form-group,
.add-forfaits-form .w-form-group, .update-forfaits-form .w-form-group,
.create-client-form .w-form-group, .update-client-form .w-form-group,
.add-reussite-form .w-form-group, #edit-invoice-form .w-form-group,
.add-reglement-form .w-form-group, .edit-payment-form .w-form-group,
.add-remboursement-form .w-form-group, .edit-repayment-form .w-form-group,
.add-remise-form .w-form-group, .edit-delivery-form .w-form-group,
.addComment-form .w-form-group, .plan-prescli-form .w-form-group {
    margin-bottom: -0.5rem;
}*/

.add-document-form .w-form-group {
    margin-bottom: 1rem;
}

input[type='color'] {
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
}

.form-group label.form-check-label {
    color: black;
}

.w-border {
    border-radius: 5px;
    border: 0.5px solid var(--gris-froid-2, #D1D6EC);
    padding: 18px 111px 18px 24px;
}

select.form-control.w-select {
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC);
}

.create-client-form .w-modal-body,
.add-agences-form .w-modal-body,
.update-agences-form .w-modal-body {
    padding: 31px 34px;
}

.update-agences-form .card .card-body {
    padding: 1.5rem 1.5rem;
}

.create-client-form .card {
    border-radius: 5px;
    border: 0.5px solid var(--gris-froid-2, #D1D6EC);
    box-shadow: none;
    padding-bottom: 24px;
}

.update-client-form .card {
    padding-bottom: 24px;
}

.create-client-form .card .card-body,
.update-client-form .card .card-body {
    padding-bottom: 1rem;
}

/*.create-client-form .w-form-group, .update-client-form .w-form-group {
    margin-bottom: -0.5rem;
}*/

#edit-invoice-form .w-border,
.add-prestations-form .w-border {
    padding-right: 24px;
}

select {
    -webkit-appearance: none !important;
    appearance: none !important;
}

select {
    background-image: url("../images/arrow-drop-down-line.svg") !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
}

.w-input.file_name {
    background-image: url("../images/upload.svg") !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 20px) center !important;
}

.form-check .form-check-label {
    min-width: 19px;
}

.modal.fade.show[id*=editPrestationModal] .w-modal-title,
#deletePrestationsClient .w-modal-title {
    margin-right: 605px;
}

.modal.fade.show[id*=deletePrestationModal] .w-modal-title {
    margin-right: 603px;
}

.addForfaitModal .w-modal-title {
    margin-right: 640px;
}

.modal.fade.show[id*=editForfaitModal] .w-modal-title,
.modal.fade.show[id*=deleteForfaitModal] .w-modal-title {
    margin-right: 666px;
}

.addStudentModal .w-modal-title {
    margin-right: 673px;
}

#deleteEleveModal .w-modal-title {
    margin-right: 676px;
}

.modal.fade.show[id*=planningPresModal] .w-modal-title {
    margin-right: 610px;
}

#commentModal .w-modal-title {
    margin-right: 667px;
}

.addNewPrestationsForfaitsEleve .w-modal-title {
    margin-right: 503px;
}

#documentAddModal .w-modal-title {
    margin-right: 595px;
}

#deleteDocumentModal .w-modal-title {
    margin-right: 621px;
}

#resultatModal .w-modal-title {
    margin-right: 624px;
}

#deleteReussiteModal .w-modal-title {
    margin-right: 649px;
}

#ModalUpdatepayment .w-modal-title {
    margin-right: 689px;
}

#deletePaymentClient .w-modal-title {
    margin-right: 620px;
}

#remboursementModal .w-modal-title {
    margin-right: 527px;
}

#deleteRepaymentClient .w-modal-title {
    margin-right: 553px;
}

#ModalUpdatedelivery .w-modal-title {
    margin-right: 715px;
}

#deleteDeliveryClient .w-modal-title {
    margin-right: 646px;
}

#historyModal .w-modal-title {
    margin-right: 553px;
}

#historyModal .w-modal-body {
    padding: 19px 42px 70px;
}

#configModal .w-modal-title {
    margin-right: 529px;
}

.dhx_cal_light {
    width: 1152px !important;
    border-radius: 0px !important;
    font-family: var(--font2) !important;
    top: 90px !important;
}

.dhx_cal_ltitle {
    display: flex !important;
    align-items: center !important;
    height: 90px !important;
    padding: 16px 62px 16px 25px !important;
    border-bottom: 1px solid #e8ebf1 !important;
    background: transparent !important;
    margin: 0px !important;
}

.dhx_mark {
    display: block !important;
}

.dhx_mark {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    flex-shrink: 0 !important;
    background: var(--violet-1, #8340E5) !important;
    margin-right: 38px !important;
    background-image: url("../images/clock.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.dhx_time {
    display: none !important;
}

.dhx_cal_light .dhx_title {
    color: var(--gris-froid-1, #616182) !important;
    font-family: var(--font2) !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: none !important;
}

.dhx_cal_larea {
    padding: 5px 90px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    border-bottom: 1px solid #e8ebf1 !important;
}

.dhx_cal_light_wide .dhx_wrap_section {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    position: relative !important;
    width: 100% !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    margin: 0px !important;
}

.dhx_cal_lsection {
    vertical-align: top !important;
    position: relative !important;
    left: 16px !important;
    /* bottom: -27px; */
    bottom: -33px !important;
    color: var(--violet-1, #8340E5) !important;
    font-family: var(--font2) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    margin: 0px !important;
    padding-top: 0px !important;
    text-align: start !important;
    background-color: transparent !important;
}

.dhx_cal_ltext,
.dhx_cal_light .combo {
    width: 100%;
    height: 62px !important;
    border-radius: 5px;
    border: 1px solid var(--gris-froid-2, #D1D6EC) !important;
    background: var(--gris-chaud-2, #F8F9FF) !important;
    color: var(--gris-chaud-1, #91889A) !important;
    font-family: var(--font2) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    /* padding: 16px 0px 16px 16px; */
    padding: 31px 0px 16px 16px !important;
    margin: 0px !important;
}

.dhx_cal_ltext select {
    /*padding: 25px 16px 16px 16px !important;*/
}

.dhx_cal_light select {
    padding-left: 0px !important;
    margin-top: -13px !important;
    border: none !important;
}

.dhx_cal_light select:focus {
    background-color: transparent !important;
}

.dhx_cal_light select option:hover,
.dhx_cal_light select option:focus {
    background-color: var(--violet-1, #8340E5) !important;
}

.dhx_wrap_section:nth-child(2) .dhx_cal_lsection {
    bottom: -5px !important;
}

.dhx_cal_light_wide .combo>div {
    width: 100% !important;
    left: 0px !important;
    border: none !important;
    top: -13px !important;
    background-color: transparent !important;
}

div.dhxcombo_material input.dhxcombo_input {
    left: 0px !important;
    background-color: transparent !important;
    border: none !important;
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
    background-color: var(--violet-1, #8340E5) !important;
    color: white !important;
}

.dhx_wrap_section:nth-child(3),
.dhx_wrap_section:nth-child(4),
.dhx_wrap_section:nth-child(5) {
    margin-top: -16px;
}

.dhx_wrap_section:nth-child(2) {
    margin-top: 10px !important;
}

.dhx_wrap_section:nth-child(5) .dhx_cal_ltext {
    height: 110px !important;
}

.dhx_cal_ltext textarea {
    background-color: transparent !important;
    padding: 0px !important;
    border: none !important;
}

.dhx_wrap_section:nth-child(6) .dhx_cal_lsection {
    bottom: -5px !important;
    font-size: 14px !important;
}

/*.dhx_wrap_section:nth-child(3) .dhx_cal_lsection {
    bottom: -11px !important;
}

.dhx_wrap_section:nth-child(3) .dhx_cal_ltext {
    margin: -5px 0px 0px !important;
} */

.dhx_cal_light_wide .dhx_section_time {
    margin-top: 28px !important;
    padding: 2px 0 0 12px !important;
}

.dhx_section_time select.dhx_lightbox_time_select {
    padding: 0px !important;
    width: 80px !important;
}

.dhx_section_time select.dhx_lightbox_day_select {
    min-width: 60px !important;
}

.dhx_section_time select.dhx_lightbox_month_select {
    width: 115px !important;
}

.dhx_section_time select.dhx_lightbox_year_select {
    min-width: 82px !important;
}

.dhx_section_time select:nth-child(4) {
    margin-right: 48px !important;
}

.dhx_right_btn_set.dhx_btn_set {
    margin: 18px 15px 0 0 !important;
}

.dhx_save_btn_set {
    padding: 11px 24px !important;
    background: var(--violet-1) !important;
    border-radius: 5px !important;
    color: white !important;
    border-color: var(--violet-1) !important;
    font-family: var(--font2) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: 0.25px !important;
    text-transform: none !important;
}

.dhx_save_btn_set:hover div:nth-child(2) {
    background-color: transparent !important;
}

.dhx_cancel_btn_set,
.dhx_delete_btn_set {
    padding: 11px 24px !important;
    background: white !important;
    border-radius: 5px !important;
    color: var(--rouge) !important;
    border: none !important;
    font-family: var(--font2) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: 0.25px !important;
    text-transform: none !important;
}

.dhx_left_btn_set.dhx_btn_set {
    margin: 18px 0 0 15px !important;
}

section .container-list-agence .card {
    border-radius: 0px;
    box-shadow: 0px 6.82446px 19.37729px 0px rgba(0, 0, 0, 0.04);
}

.container-list-agence .card-header-text h6 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container-list-agence .card-header-text p {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container-list-agence .card-header-text a {
    color: var(--violet1, #8340E5);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.container-list-agence .card-body {
    padding: 0.5rem 1.5rem 0rem;
}

.add-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.update-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.add-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.update-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.1em;
    margin-left: -5px;
    margin-top: 1px;
    padding: 4px;
    padding-left: 35px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.add-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.update-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.add-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.update-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 2em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.add-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.update-agences-form .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.add-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.update-collaborateurs-form .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

select.form-control[multiple],
select[multiple] {
    height: 62px;
}

.navbar-content .w-select {
    height: 46px;
    padding: 10px 0px 10px 16px;
}

button[type="reset"] {
    color: var(--rouge);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    background: transparent;
    border: none;
}

.forms-sample .w-textarea {
    padding-top: 25px;
}

.footer-dash {
    border-top: none;
    background: #F5F5FC;
}

.footer-dash a {
    color: #8340E5;
}

table.dataTable tbody tr.selected>* {
    color: black;
    box-shadow: none !important;
    background-color: #EDEEFF !important;
}

@media screen and (min-width: 1920px) {
    .image_auth {
        background-size: cover;
    }

    #login-page {
        margin-top: 25% !important;
    }

    .filtrage-recettes-form .d-flex.flex-row .border-hr {
        width: 275px;
    }

    .input-periode-droit {
        margin-left: 72px;
    }

    .filtrage-facture .d-flex.flex-row .border-hr {
        width: 275px;
    }

    .filtre-eleve-form .d-flex.flex-row .border-hr {
        width: 275px;
    }

    .dhx_cal_navline .dhx_cal_date {
        top: 6px !important;
    }

    .w-modal-title {
        margin-right: 557px;
    }

    #commentModal .w-modal-title {
        margin-right: 666px;
    }

    .addStudentModal .w-modal-title {
        margin-right: 672px;
    }

    #deleteDocumentModal .w-modal-title {
        margin-right: 620px;
    }

    #resultatModal .w-modal-title {
        margin-right: 623px;
    }

    #deletePrestationsClient .w-modal-title {
        margin-right: 604px;
    }

    #historyModal .w-modal-title {
        margin-right: 552px;
    }

    .dhx_cal_light {
        left: 486px !important;
    }

    .dhx_section_time select:nth-child(4) {
        margin-right: 234px !important;
    }
}

@media screen and (max-width: 1280px) {
    .input-periode-droit {
        margin-left: 50px;
        padding-left: 11px;
    }

    .media-link-eleve p {
        height: 30px;
        width: 30px;
    }

    .dhx_cal_navline .dhx_cal_date {
        left: -165px !important;
        top: 6px !important;
    }

    #navigation_tab {
        left: 570px !important;
        top: -10px !important;
    }

    .dhx_cal_light {
        width: 630px !important;
        top: 78px !important;
        left: 434px !important;
    }

}