html, body {
    height: 100%;
    width: 100vw;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.e-lib.e-touch {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body {
    font-size: 11px;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

a {
    color: #0071c1;
    text-decoration: none;
}

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: #0366d6;
        text-decoration: none;
        cursor: pointer;
    }

.pageheader {
    font-family: sans-serif !important;
    font-size: 24px !important;
    color: #333333;
    font-weight: bold !important;
    text-transform: uppercase;
}

.test-mode {
    background-color: rgba(255, 0, 0, 0.05); /* fond l�g�rement rouge */
}

    .test-mode .top-row {
        background-color: #d6b6b6;
        color: whitesmoke;
    }

.title {
    font-size: 20px;
}

main {
    flex: 1;
}

.content {
    padding-top: 5px;
}


.maincontent .e-sidebar {
    background: #fff;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: unset;
}

.e-small {
    font-size: 11px;
}

.e-breadcrumb {
    text-transform: uppercase;
}

    .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
        font-size: 11px;
    }

    .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
        text-decoration: none;
    }

        .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
            text-decoration: none;
        }



/* ------------------------------------------------------------------------------------
   --                                    LABEL                                       --
   ------------------------------------------------------------------------------------ */
label {
    text-transform: uppercase !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 10px !important;
}

    label.e-float-text.e-label-top {
        color: rgba(0, 0, 0, 0.7) !important;
        top: 18px !important;
        font-weight: 400 !important;
    }

    label.custom-control-label {
        color: #343a40;
        font-weight: 500;
        margin-left: 1px;
        margin-bottom: -10px;
    }

.e-dialog .e-dlg-content label {
    text-transform: uppercase !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 10px !important;
}


.e-radio + label .e-label {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5) !important;
    font-weight: 500;
    font-size: 10px !important;
    padding-left: 30px;
    padding-top: 1px;
}


/* ------------------------------------------------------------------------------------
   --                                   TOP ROW                                      --
   ------------------------------------------------------------------------------------ */
.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between !important;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}


/* ------------------------------------------------------------------------------------
   --                        NAVBAR, SIDEBAR et MAINMENU                             --
   ------------------------------------------------------------------------------------ */
.navbar-toggler {
    display: inline-block;
    border: none;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    background-image: url('../images/toggle-button.png') !important;
    background-color: #05163C;
    transform: scale(0.75);
    transform-origin: left;
    color: #ffffff;
}

.sidebar {
    background-image: none !important;
    width: 300px;
    min-width: 300px;
}

.sidebar-menu {
    z-index: 1200 !important;
}

    .sidebar-menu .e-menu-container {
        border: 0px;
        height: 500px;
    }

        .sidebar-menu .e-menu-container ul .e-menu-item.e-menu-caret-icon {
            width: 300px;
        }

.e-close .e-menu-container ul .e-menu-item {
    width: 40px;
}

.e-close ul .e-menu-item.e-menu-caret-icon {
    padding-right: 12px;
}

.sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item .e-caret {
    display: none;
}

.sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item.e-menu-caret-icon,
.sidebar-menu.e-dock.e-close .e-menu-container ul.e-vertical {
    min-width: 0;
    width: 40px !important;
}

.sidebar-menu.e-dock.e-close .e-menu-container ul.e-menu {
    font-size: 0;
}

.sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon {
    font-size: 20px;
    padding: 0;
}

.sidebar-menu, .e-menu-wrapper, .e-menu-container ul {
    overflow: hidden;
}

    .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 9px;
    }

.main-menu {
    color: #fff;
}

    .main-menu > .e-list-text {
        color: #fff;
    }

    .main-menu .e-treeview .e-list-text {
        color: #fff;
    }

    .main-menu .title {
        font-size: 1.1rem;
        margin: 1rem;
        text-transform: uppercase;
        text-align: center;
        margin-left: 0.5rem;
    }

    .main-menu .sidebar-menu {
        border-right: 1px solid #dee2e6 !important;
    }

    .main-menu .e-menu-container .e-menu .e-menu-item {
        color: #fff;
    }

        .main-menu .e-menu-container .e-menu .e-menu-item.e-selected {
            color: #2d323e;
        }

        .main-menu .e-menu-container .e-menu .e-menu-item .e-menu-url {
            color: #fff;
        }

        .main-menu .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-url {
            color: #2d323e;
        }

        .main-menu .e-menu-container .e-menu .e-menu-item .e-menu-icon {
            color: #fff;
        }

        .main-menu .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
            color: #2d323e;
        }

        .main-menu .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
            color: #2d323e;
        }

    .main-menu .e-menu-container ul.e-vertical {
        width: 300px;
    }

    .main-menu .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .main-menu .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 15px 0 7px;
    }

    .main-menu .e-menu-wrapper ul .e-menu-item .e-menu-icon,
    .main-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        font-size: 18px;
        height: auto;
        line-height: 40px;
        margin-right: 8px;
        text-align: center;
    }

    .main-menu .e-menu-wrapper ul .e-menu-item .e-caret,
    .main-menu .e-menu-container ul .e-menu-item .e-caret {
        font-size: 14px;
        height: auto;
        line-height: 45px;
        position: absolute;
        right: -10px;
        top: 0;
        width: auto;
    }

.e-menu-wrapper ul .e-menu-item, .e-menu-container ul .e-menu-item {
    height: 40px;
    line-height: 40px;
}

.main-menu .e-menu-item a {
    color: #fff;
}

.main-menu .e-menu-item.e-focused a {
    color: #2d323e;
}

.main-menu .e-menu-container {
    background-color: #2d323e !important;
}

.e-menu-popup .e-menu-item a,
.e-menu-popup .e-menu-item.e-focused a {
    color: #2d323e;
}

.icon-menu {
    font-size: 24px;
}

/* ------------------------------------------------------------------------------------
   --                             BOOTSTRAP : ALERT                                  --
   ------------------------------------------------------------------------------------ */
.alert {
    padding: 0.2rem 0.2rem;
}

.alert-success a {
    color: #0f5132;
}

    .alert-success a:not([href]):not([class]) {
        color: rgba(15, 81, 50, 0.6);
        text-decoration: none;
        cursor: pointer;
    }

        .alert-success a:not([href]):not([class]):hover {
            color: rgba(15, 81, 50, 1);
            text-decoration: none;
            cursor: pointer;
        }

.alert-success label {
    color: rgba(15, 81, 50, 0.6);
}

.alert-info a {
    color: #055160;
}

    .alert-info a:not([href]):not([class]) {
        color: rgba(5, 81, 96, 0.6);
        text-decoration: none;
        cursor: pointer;
    }

        .alert-info a:not([href]):not([class]):hover {
            color: rgba(5, 81, 96, 1);
            text-decoration: none;
            cursor: pointer;
        }

.alert-info label {
    color: rgba(5, 81, 96, 0.6);
}

.alert-warning a {
    color: #664d03;
}

    .alert-warning a:not([href]):not([class]) {
        color: rgba(102, 77, 3, 0.6);
        text-decoration: none;
        cursor: pointer;
    }

        .alert-warning a:not([href]):not([class]):hover {
            color: rgba(102, 77, 3, 1);
            text-decoration: none;
            cursor: pointer;
        }

.alert-warning label {
    color: rgba(102, 77, 3, 0.6);
}

.alert-danger a {
    color: #842029;
}

    .alert-danger a:not([href]):not([class]) {
        color: rgba(128, 19, 43, 0.6);
        text-decoration: none;
        cursor: pointer;
    }

        .alert-danger a:not([href]):not([class]):hover {
            color: rgba(128, 19, 43, 1);
            text-decoration: none;
            cursor: pointer;
        }

.alert-danger label {
    color: rgba(128, 19, 43, 0.6);
}




.alert a.e-danger:not([href]) {
    color: #B06171 !important;
    text-decoration: none;
    cursor: pointer;
}

    .alert a.e-danger:not([href]):hover {
        color: #80132B !important;
        text-decoration: none;
        cursor: pointer;
    }

.e-contextmenu-wrapper ul .e-menu-item.e-warning, .e-contextmenu-container ul .e-menu-item.e-warning {
    background-color: #fff;
    color: #edb100;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-focused.e-warning, .e-contextmenu-container ul .e-menu-item.e-focused.e-warning {
    background-color: rgba(255,193,7, .2);
    color: #876500;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-danger, .e-contextmenu-container ul .e-menu-item.e-danger {
    background-color: #fff;
    color: #dc3545;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-focused.e-danger, .e-contextmenu-container ul .e-menu-item.e-focused.e-danger {
    background-color: #fdecea;
    color: #a71d2a;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-success, .e-contextmenu-container ul .e-menu-item.e-success {
    background-color: #fff;
    color: #198754;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-focused.e-success, .e-contextmenu-container ul .e-menu-item.e-focused.e-success {
    background-color: #d1e7dd;
    color: #33614b;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}


/* ------------------------------------------------------------------------------------
   --                               E-SIDEBAR                                        --
   ------------------------------------------------------------------------------------ */
.sidebar .navbar .navbar-toggler {
    background-color: rgba(0,0,0,0);
}

.sidebar-item {
    text-align: center;
    border-bottom: 1px #e5e5e58a solid;
}

.e-sidebar {
    background: #2d323e;
    overflow: hidden;
}

    .e-sidebar.e-open .sidebar-item {
        text-align: left;
        padding-left: 15px;
        color: #c0c2c5;
    }

    .e-sidebar .sidebarclosearea {
        float: left;
        position: absolute;
        margin-left: -15px;
        width: 30px;
        height: 30px;
        background: black;
    }

    .e-sidebar:hover .e-open {
        display: inline-block;
    }

    .e-sidebar:hover .e-close {
        display: none;
    }

    /* dockbar icon Style */
    .e-sidebar .home::before {
        content: '\e102';
    }

    .e-sidebar .profile::before {
        content: '\e10c';
    }

    .e-sidebar .info::before {
        content: '\e11b';
    }

    .e-sidebar .settings::before {
        content: '\e10b';
    }

    .e-sidebar .expand::before,
    .e-sidebar.e-right.e-open .expand::before {
        content: '\e10f';
    }

    .e-sidebar.e-open .expand::before,
    .e-sidebar.e-right .expand::before {
        content: '\e10e';
    }

    /* end of dockbar icon Style */

    .e-sidebar.e-dock.e-close span.e-text {
        display: none;
    }

    .e-sidebar.e-dock.e-close .navbar-toggler {
        margin-left: 10px;
    }

    .e-sidebar.e-dock.e-close .nav.flex-column {
        margin-left: -8px;
    }

    .e-sidebar.e-dock.e-close .displayText {
        display: none;
    }

    .e-sidebar.e-dock.e-close .title {
        text-align: left;
    }

    .e-sidebar.e-dock.e-close .nav-item.px-3 {
        width: 80px;
    }

    .e-sidebar.e-dock.e-close .separator {
        border: 1px solid #FFFFFF;
        opacity: 0.14;
        width: 45px;
        margin: 1rem;
        margin-top: 0px;
        margin-left: 0.5rem;
    }

    .e-sidebar.e-dock.e-open .separator {
        border: 1px solid #FFFFFF;
        opacity: 0.14;
        width: auto !important;
        margin: 1rem;
        margin-top: 0px;
        margin-left: 0.5rem;
    }

    .e-sidebar.e-dock.e-close .oi.oi-home {
        margin-left: -1px;
    }

    .e-sidebar.e-dock.e-close .syncfusion-blazor-icons {
        margin-left: -1px;
    }

    .e-sidebar.e-dock.e-open span.e-text {
        display: inline-block;
    }

    .e-sidebar li {
        list-style-type: none;
        cursor: pointer;
    }

    .e-sidebar ul {
        padding: 0px;
    }

    .e-sidebar .e-open .e-icons {
        margin-right: 16px;
    }

    .e-sidebar .e-open .e-text {
        overflow: hidden;
        font-size: 15px;
    }

.sidebar-container {
    position: absolute;
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
}

    .sidebar-container.pdfviewer {
        z-index: 1002;
    }

    .sidebar-container.e-open {
        visibility: visible;
        opacity: 1;
        transition: opacity 1.3s ease;
    }

    .sidebar-container .expand-button .closebtn {
        cursor: pointer;
        line-height: 25px;
        font-size: 14px;
        color: #FFFFFF;
    }

    .sidebar-container .expand-button {
        background: #dc3545;
        cursor: pointer;
        height: 40px;
        left: auto;
        opacity: .8;
        position: fixed;
        right: 90%;
        text-align: center;
        top: 7px;
        transform: rotate(180deg);
        width: 35px;
    }

    .sidebar-container.pdfviewer .expand-button {
        position: fixed;
        top: calc(3.5rem + 7px);
        right: 900px;
    }

.expand-button {
    background-color: #f4f5f7;
    border: 1px solid #a71d2a;
    border-radius: 0 40px 40px 0;
    display: block;
    font-weight: 500;
    padding: 6px 7px 6px 3px;
    position: absolute;
    z-index: 1;
}

.pdfcontent {
}

/* ------------------------------------------------------------------------------------
   --                                 E-BTN                                          --
   --                               SPLIT-BTN                                        --   
   ------------------------------------------------------------------------------------ */

.e-btn {
    text-transform: uppercase;
}

    .e-btn.e-small {
        height: 26px;
        text-transform: uppercase;
    }

    .e-btn.e-outline, .e-css.e-btn.e-outline {
        background-color: transparent;
        border-color: #ced4da;
        box-shadow: none;
        color: #6c757d;
    }

        .e-btn.e-outline:focus, .e-css.e-btn.e-outline:focus {
            box-shadow: 0 0 0 2px rgba(130, 138, 145, .5);
        }

.e-small .e-btn, .e-small.e-btn, .e-small .e-css.e-btn, .e-small.e-css.e-btn {
    padding: 2px 6px;
}

.e-dropdown-popup.e-small ul {
    font-size: 12px;
    text-transform: uppercase;
}

    .e-dropdown-popup.e-small ul .e-item {
        height: 22px;
        line-height: 22px;
    }

        .e-dropdown-popup.e-small ul .e-item.e-separator {
            height: auto;
            line-height: normal;
        }

        .e-dropdown-popup.e-small ul .e-item .e-menu-icon {
            font-size: 12px;
            line-height: 22px;
        }

.e-split-btn.e-small .e-btn-icon.e-icon-left {
    margin-left: -0.25em;
    font-size: 12px;
}

.e-split-btn-wrapper.e-primary .e-control.e-btn {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

    .e-split-btn-wrapper.e-primary .e-control.e-btn:hover {
        background-color: #0b5ed7;
        border-color: #0a58ca;
        box-shadow: none;
        color: #fff;
    }

.e-btn.e-small.chip-appearance {
    height: 24px;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 4px;
}

.e-small .e-btn.chip-appearance, .e-small.e-btn.chip-appearance, .e-small .e-css.e-btn.chip-appearance, .e-small.e-css.e-btn.chip-appearance {
    font-size: 12px;
    line-height: 1.3em;
    padding: 4px 6px;
    border-radius: 4px;
}

.e-btn.e-assistant, .e-css.e-btn.e-assistant {
    background: #bf4ce6;
    border-color: #bf4ce6;
    color: #fff;
}

    .e-btn.e-assistant:hover, .e-css.e-btn.e-assistant:hover {
        background: #ad43d1;
        border-color: #983bb8;
        box-shadow: none;
        color: #fff;
    }

    .e-btn.e-assistant:active, .e-btn.e-assistant.e-active, .e-css.e-btn.e-assistant:active, .e-css.e-btn.e-assistant.e-active {
        background: #983bb8;
        border-color: #983bb8;
        color: #fff;
    }

    .e-btn.e-assistant:focus, .e-css.e-btn.e-assistant:focus {
        background: #ad43d1;
        border-color: #983bb8;
        color: #fff;
        box-shadow: 0 0 0 2px rgba(217, 129, 247, .5);
    }

    .e-btn.e-assistant:focus, .e-css.e-btn.e-assistant:focus {
        background-color: #ad43d1;
        border-color: #983bb8;
        color: #fff;
        box-shadow: 0 0 0 2px rgba(217, 129, 247, .5);
    }


/* ------------------------------------------------------------------------------------
   --                             GRID CONTAINER                                     --
   ------------------------------------------------------------------------------------ */
.grid-container {
    display: block;
    height: calc(100vh - 9rem + 1px);
    width: calc(100vw - 4.5rem);
    font-size: small !important;
}

    .grid-container.document {
        display: block;
        height: calc(100vh - 10.5rem + 1px);
        width: calc(100vw - 4.8rem);
        font-size: small !important;
    }

        .grid-container.document.search {
            display: block;
            height: calc(100vh - 14.5rem + 1px);
            width: calc(100vw - 21.2rem);
            font-size: small !important;
        }

.e-tab .grid-container.document {
    display: block;
    height: calc(100vh - 12.5rem + 1px);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

    .e-tab .grid-container.document.without-stats {
        display: block;
        height: calc(100vh - 9.5rem + 1px);
        /* width: calc(100vw - 6.5rem); */
        font-size: small !important;
    }

.grid-container.document.affaire {
    display: block;
    height: calc(100vh - 19rem + 1px);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.e-dialog .grid-container.affaire {
    display: block;
    height: 395px;
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.grid-container.main-stat {
    display: block;
    height: calc(100vh - 26rem);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.grid-container.tiers-stat {
    display: block;
    height: calc(100vh - 18rem);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.grid-container.validation {
    display: block;
    height: calc(100vh - 6rem + 1px);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.e-tab .grid-container.validation {
    display: block;
    height: calc(100vh - 7rem + 1px);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.grid-container.message {
    display: block;
    height: calc(100vh - 13rem + 1px);
    /* width: calc(100vw - 6.5rem); */
    font-size: small !important;
}

.grid-container.internal {
    height: calc(100vh - 15rem);
    /* width: calc(100vw - 7.4rem); */
}

.e-control.e-tab.e-vertical-tab .grid-container.internal {
    height: calc(100vh - 15rem);
    /* width: calc(100vw - 13rem); */
}

.grid-container.lines {
    height: calc(100vh - 25rem);
    /*width: calc(100vw - 7.3rem);*/
    width: 100%;
}

    .grid-container.lines.internal {
        height: calc(100vh - 21rem);
        /*width: calc(100vw - 7.3rem);*/
        width: 100%;
    }

.grid-container.internal .e-grid .e-gridcontent {
    overflow-x: auto;
    overflow-y: auto;
}




/* ------------------------------------------------------------------------------------
   --                                SUPPORT                                         --
   ------------------------------------------------------------------------------------ */
.support.title {
    color: #0073DC;
    font-size: 20px;
    font-weight: 600;
    white-space: normal;
    padding-bottom: 5px;
    line-height: 33px;
}

.support.properties {
    color: #1C243F;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 16px;
}

.support.break {
    color: #8F9BB3;
    cursor: default;
    font-size: 10px;
    letter-spacing: .3px;
    line-height: 16px;
    padding: 0 8px;
    vertical-align: text-top;
}

.support.row {
    vertical-align: middle;
}


/* ------------------------------------------------------------------------------------
   --                               ADDRESS CARD                                     --
   ------------------------------------------------------------------------------------ */
.address-card h5 {
    margin-bottom: 0;
}

.address-card .companyname {
    font-weight: 500;
    text-transform: uppercase;
}


/* ------------------------------------------------------------------------------------
   --                           DOCUMENT TAB CONTENT                                 --
   ------------------------------------------------------------------------------------ */
.document-tab-content {
    height: 165px;
    overflow-y: auto;
}


/* ------------------------------------------------------------------------------------
   --                                 CALLOUT                                        --
   ------------------------------------------------------------------------------------ */
.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-color: rgb(233, 236, 239);
    border-left-width: 1px;
    border-left-width: .25rem;
    border-radius: .25rem;
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code {
        border-radius: 3px;
    }

    .callout + .bs-callout {
        margin-top: -5px;
    }

.callout-default {
    border-left-color: #777;
}

    .callout-default h4 {
        color: #777;
    }

.callout-primary {
    border-left-color: #0d6efd;
}

    .callout-primary h4 {
        color: #06357a;
    }

.callout-success {
    border-left-color: #198754;
}

    .callout-success h4 {
        color: #0c4128;
    }

.callout-danger {
    border-left-color: #d9534f;
}

    .callout-danger h4 {
        color: #6a1a21;
    }

.callout-warning {
    border-left-color: #f0ad4e;
}

    .callout-warning h4 {
        color: #664d03;
    }

.callout-info {
    border-left-color: #5bc0de;
}

    .callout-info h4 {
        color: #04414d;
    }

.callout-bdc {
    border-left-color: #6c757d;
}

    .callout-bdc h4 {
        color: #101214;
    }

/* ------------------------------------------------------------------------------------
   --                                 E-FOOTER                                       --
   ------------------------------------------------------------------------------------ */
.e-footer-content .e-btn.e-flat.e-danger:not([DISABLED]) {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.e-footer-content .e-btn.e-flat.e-danger:hover {
    background-color: #bb2d3b;
    border-color: #bb2d3b;
    color: #fff;
}


/* ------------------------------------------------------------------------------------
   --                                 E-INPUT                                        --
   ------------------------------------------------------------------------------------ */
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #86b7fe;
    border-radius: 4px;
    box-shadow: 0 0 0 2px rgb(13 110 253 / 25%) !important;
}

.e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
    border-color: #86b7fe;
    border-radius: 4px;
    box-shadow: 0 0 0 2px rgb(13 110 253 / 25%);
}

.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input textarea:focus ~ label.e-float-text, .e-small .e-float-input textarea:valid ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
    font-weight: 500;
    padding-right: 0;
    transform: translate3d(-10px, -32px, 0) scale(1);
}

.e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input input:focus ~ label.e-float-text, .e-small .e-float-input input:valid ~ label.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-small .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
    font-size: 12px;
    font-weight: 500;
    padding-right: 0;
    transform: translate3d(-10px, -34px, 0) scale(1);
}

.e-input-group.warning,
.e-input-group.e-control-wrapper.warning,
.e-float-input.warning,
.e-float-input.e-input-group.warning,
.e-float-input.e-control-wrapper.warning,
.e-float-input.e-input-group.e-control-wrapper.warning {
    color: #3b2c00;
    background-color: rgba(255, 207, 53, 0.25);
    border-color: #ffcf35 !important;
}

    .e-input-group.warning:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.warning:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 4px #fff3cd;
    }

.e-input-group.e-input-focus.warning:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus.warning:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px #fff3cd;
}

.e-input-group.success,
.e-input-group.e-control-wrapper.success,
.e-float-input.success,
.e-float-input.e-input-group.success,
.e-float-input.e-control-wrapper.success,
.e-float-input.e-input-group.e-control-wrapper.success {
    color: #0f5132;
    background-color: rgba(109, 179, 147, 0.25);
    border-color: #6db393 !important;
}

    .e-input-group.success:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.success:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 4px rgba(109, 179, 147, 0.25);
    }

.e-input-group.e-input-focus.success:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus.success:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(109, 179, 147, 0.25);
}

.e-input-group.danger,
.e-input-group.e-control-wrapper.danger,
.e-float-input.danger,
.e-float-input.e-input-group.danger,
.e-float-input.e-control-wrapper.danger,
.e-float-input.e-input-group.e-control-wrapper.danger {
    color: #842029;
    background-color: rgba(226, 85, 98, 0.25);
    border-color: #e25562;
}

    .e-input-group.danger:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.danger:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 4px rgba(109, 179, 147, 0.25);
    }

.e-input-group.e-input-focus.danger:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus.danger:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(109, 179, 147, 0.25);
}

.e-input-group.info,
.e-input-group.e-control-wrapper.info,
.e-float-input.info,
.e-float-input.e-input-group.info,
.e-float-input.e-control-wrapper.info,
.e-float-input.e-input-group.e-control-wrapper.info {
    color: #055160;
    background-color: rgba(63, 212, 244, 0.25);
    border-color: #3fd4f4;
}

    .e-input-group.info:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.info:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 4px rgba(63, 212, 244, 0.25);
    }

.e-input-group.e-input-focus.info:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus.info:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(63, 212, 244, 0.25);
}

.e-input-group.primary,
.e-input-group.e-control-wrapper.primary,
.e-float-input.primary,
.e-float-input.e-input-group.primary,
.e-float-input.e-control-wrapper.primary,
.e-float-input.e-input-group.e-control-wrapper.primary {
    color: #084298;
    background-color: rgba(55, 134, 255, 0.25);
    border-color: #3786ff;
}

    .e-input-group.primary:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.primary:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 4px rgba(55, 134, 255, 0.25);
    }

.e-input-group.e-input-focus.primary:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus.primary:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(55, 134, 255, 0.25);
}

.align-right.e-control-wrapper .e-textbox,
.align-right.e-control-wrapper .e-numerictextbox {
    text-align: right;
    padding-right: 8px !important;
    padding-left: 0 !important;
}

.font-weight-bold.e-control-wrapper .e-textbox,
.font-weight-bold.e-control-wrapper .e-numerictextbox {
    font-weight: 600 !important;
}


/* ------------------------------------------------------------------------------------
   --                             VALIDATION MESSAGE                                 --
   ------------------------------------------------------------------------------------ */
.validation-message {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.8;
    color: #dc3545;
}


/* ------------------------------------------------------------------------------------
   --                                  E-GRID                                        --
   ------------------------------------------------------------------------------------ */
.e-grid.sf-grid .e-gridcontent .e-content, .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
    overflow-y: auto !important;
}

.e-grid.e-default.e-verticallines .e-headercell, .e-grid.e-default.e-verticallines .e-detailheadercell {
    border-width: 0;
}

.e-grid .e-rowcell {
    font-size: 11px;
    font-weight: 400;
}

.e-grid .e-headercell .e-headertext {
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: 400;
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: #494f54;
    color: whitesmoke;
}

.e-grid .e-headercontent {
    border-color: #fff;
    border-style: solid;
    border-width: 0;
    background: #494f54 !important;
    /*margin-right: -1px;*/
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: #494f54;
    /* border-color: #dee2e6; */
}

.e-grid .e-gridheader {
    border-color: #c1c9d0;
    border-style: solid;
    border-width: 0;
}

.e-grid.e-default.e-verticallines .e-headercell, .e-grid.e-default.e-verticallines .e-detailheadercell {
    border-width: 0;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    color: whitesmoke;
}

.e-grid th.e-headercell[aria-sort=ascending] .e-headertext, .e-grid th.e-headercell[aria-sort=descending] .e-headertext, .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
    color: whitesmoke;
    opacity: 1;
}

.e-grid .e-summarycell {
    font-size: 12px;
}

.e-gridcontent .e-content .e-table {
    margin-left: -1px;
    border: 0;
}

.e-grid .e-pager {
    margin-bottom: 1px;
}

.e-grid .e-row.e-altrow {
    background-color: #e9f1ff;
}

.e-grid .e-row {
    background-color: white;
}

.e-grid .e-icon-filter.e-filtered::before,
.e-grid-menu .e-icon-filter.e-filtered::before {
    content: '\e735';
}

.e-grid .e-columnmenu::before, .e-grid-menu .e-columnmenu::before {
    content: '\e770';
}

.e-grid .e-columnmenu.e-filtered::before, .e-grid-menu .e-columnmenu.e-filtered::before {
    content: '\e726';
}

.e-grid td.e-active {
    background: rgba(13, 110, 253, 0.2);
    color: #212529 !important;
}

.e-grid .e-pager {
    margin-bottom: 1px;
}

.e-grid .e-filtered::before {
    color: whitesmoke;
}

.e-grid .e-row.facturable {
    background-color: #d1e7dd;
    color: #33614b !important;
}

.e-grid .e-row.e-altrow.facturable {
    background-color: #a3cfbb;
    color: #33614b !important;
}

.e-grid.e-gridhover tr.e-row.facturable:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #75b798 !important;
    color: #f0f0f0 !important;
}

    .e-grid.e-gridhover tr.e-row.facturable:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) a {
        color: #fff !important;
    }

        .e-grid.e-gridhover tr.e-row.facturable:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) a:hover {
            color: #fff !important;
        }

.e-grid .e-row.disponible {
    background-color: rgba(224, 194, 226, .2);
    color: #db91b7 !important;
}

.e-grid .e-row.e-altrow.disponible {
    background-color: rgba(224, 194, 226, .5);
    color: #dc7bbf !important;
}

.e-grid.e-gridhover tr.e-row.disponible:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: rgba(224, 194, 226, .9) !important;
    color: #fff !important;
}

.e-grid .e-row.association {
    background-color: rgba(0, 153, 188, .2); /* Bleu clair avec une touche de vert */
    color: #006f8f !important; /* Couleur de texte ajust�e */
}

.e-grid .e-row.e-altrow.association {
    background-color: rgba(0, 153, 188, .5); /* Bleu moyen avec une touche de vert */
    color: #006f8f !important; /* Couleur de texte ajust�e */
}

.e-grid.e-gridhover tr.e-row.association:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: rgba(0, 153, 188, .9) !important; /* Bleu fonc� avec une touche de vert */
    color: #f0f0f0 !important; /* Couleur de texte pour le contraste */
}

    .e-grid.e-gridhover tr.e-row.association:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) a {
        color: #fff !important; /* Couleur de texte pour le contraste */
    }

        .e-grid.e-gridhover tr.e-row.association:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) a:hover {
            color: #fff !important; /* Couleur de texte pour le contraste */
        }

.e-grid .e-row.facturation {
    background-color: rgba(255,193,7, .2);
    color: #33614b !important;
}

.e-grid .e-row.e-altrow.facturation {
    background-color: rgba(255,193,7, .5);
    color: #33614b !important;
}

.e-grid.e-gridhover tr.e-row.facturation:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: rgba(255,193,7, .9) !important;
    color: #f0f0f0 !important;
}

.e-grid .e-row.non-active {
    background-color: #e0e0e0;
    color: #33614b !important;
}

.e-grid .e-row.e-altrow.non-active {
    background-color: #cccccc;
    color: #33614b !important;
}

.e-grid.e-gridhover tr.e-row.non-active:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #a1a1a1 !important;
    color: #f0f0f0 !important;
}

.e-grid .e-row.livraison {
    background-color: #fdecea;
    color: #33614b !important;
}

.e-grid .e-row.e-altrow.livraison {
    background-color: #fcd9d6;
    color: #33614b !important;
}

.e-grid.e-gridhover tr.e-row.livraison:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #fbc6c2 !important;
    color: #f0f0f0 !important;
}

.e-grid .e-row.pas-equilibre {
    background-color: #e4606d;
    color: #f8f8f8 !important;
}

    .e-grid .e-row.pas-equilibre a {
        color: #f8f8f8 !important;
    }

        .e-grid .e-row.pas-equilibre a:hover {
            color: #fff !important;
        }

.e-grid .e-row.e-altrow.pas-equilibre {
    background-color: #dc3545;
    color: #f8f8f8 !important;
}

.e-grid.e-gridhover tr.e-row.pas-equilibre:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #a71d2a !important;
    color: #fff !important;
}

.e-grid .e-row.pas-equilibre .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-row.pas-equilibre .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: #f8f8f8 !important;
}

.e-grid .e-row.en-attente {
    background-color: #ffe7a1;
    color: #6e5200 !important;
}

.e-grid .e-row.e-altrow.en-attente {
    background-color: #ffd454;
    color: #6e5200 !important;
}

.e-grid.e-gridhover tr.e-row.en-attente:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #75b798 !important;
    color: #6e5200 !important;
}

.e-grid .e-row.e-success {
    background-color: #d1e7dd;
    color: #33614b !important;
}

.e-grid .e-row.e-altrow.e-success {
    background-color: #a3cfbb;
    color: #33614b !important;
}

.e-grid.e-gridhover tr.e-row.e-success:hover {
    background-color: #75b798 !important;
    color: #fff !important;
}

.e-grid.e-gridhover tr.e-row.e-altrow.e-success:hover {
    background-color: #75b798 !important;
    color: #fff !important;
}

.e-grid .e-row.e-warning {
    background-color: #ffe7a1;
    color: #6e5200 !important;
}

.e-grid .e-row.e-altrow.e-warning {
    background-color: #ffda6e;
    color: #6e5200 !important;
}

.e-grid.e-gridhover tr.e-row.e-warning:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #ffc622 !important;
    color: #6e5200 !important;
}

.e-grid.e-gridhover tr.e-row:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #9ec5fe !important;
    color: #fff !important;
}


.e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
    margin: 4px 2px 0px 0px;
}

.e-grid .e-sortnumber {
    background-color: #198754;
    color: #fff;
}

.e-grid [class^=e-] {
    box-sizing: border-box;
}

.e-grid .e-sortnumber {
    border-radius: 0;
    display: inline-block;
    float: right;
    font-size: 10px;
    height: 12px;
    line-height: 10px;
    margin: 1px 10px 1px 8px;
    text-align: center;
    width: 12px;
}

.e-grid input.e-input {
    font-size: 11px;
    font-weight: 400;
}

.e-grid .e-input-group input.e-input, .e-grid .e-input-group.e-control-wrapper input.e-input, .e-grid .e-input-group textarea.e-input, .e-grid .e-input-group.e-control-wrapper textarea.e-input {
    font-size: 11px;
    font-weight: 400;
    height: 26px;
    user-select: all;
}

.e-grid th.e-headercell[aria-sort=ascending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=ascending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv {
    color: whitesmoke;
    opacity: 1;
/*    font-weight: 700;*/
}

/*.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow).e-ascending {
    color: #00FF7F;
}*/

.e-grid th.e-headercell[aria-sort=descending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=descending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
    color: whitesmoke;
    opacity: 1;
/*    font-weight: 700; */
}

/*.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow).e-descending {
    color: #FF1A1A;
}*/


/* ------------------------------------------------------------------------------------
   --                              E-GRID TOOLBAR                                    --
   ------------------------------------------------------------------------------------ */
.e-grid .e-toolbar {
    height: 31px;
    min-height: 31px;
}

    .e-grid .e-toolbar .e-toolbar-items {
        min-height: 31px;
        line-height: 31px;
    }

        .e-grid .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
            left: 0;
            line-height: 31px;
        }

        .e-grid .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
            right: 0;
            line-height: 31px;
        }

        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item {
            min-height: 31px;
            margin-top: -3px;
        }

            .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
                margin: -2px 3px 0 3px;
            }

        .e-grid .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item.e-separator {
            margin: -2px 3px 0 3px;
        }

        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
            margin-left: 1px;
        }

        .e-grid .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
            margin-left: 1px;
        }

        .e-grid .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
            height: inherit;
            min-width: 28px;
            padding: 2px;
        }

        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
            height: inherit;
            min-width: 28px;
            padding: 2px;
        }

        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-input-group.e-control-container.e-control-wrapper.e-small {
            height: 26px !important;
        }

        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-input-group input.e-input,
        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-input-group.e-control-wrapper input.e-input,
        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-input-group textarea.e-input,
        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-input-group.e-control-wrapper textarea.e-input {
            height: 24px;
        }


/* ------------------------------------------------------------------------------------
   --                                E-SPINNER                                       --
   ------------------------------------------------------------------------------------ */
.e-spinner-pane.main {
    background: gray;
    opacity: 0.6;
}

    .e-spinner-pane.main.e-spin-show {
        background: gray;
        opacity: 0.6;
        z-index: 3000;
    }

    .e-spinner-pane.main .e-spinner-inner .e-spin-bootstrap5 {
        stroke: #fff;
    }

    .e-spinner-pane.main .e-spinner-inner .e-spin-label {
        color: #fff;
    }


/* ------------------------------------------------------------------------------------
   --                                  E-CHIP                                        --
   ------------------------------------------------------------------------------------ */
.e-chip-list.e-chip.email, .e-chip-list .e-chip.email {
    line-height: 1.4 !important;
    margin-left: 0px !important;
    font-size: 12px !important;
}

.e-chip-list.e-chip.piece-jointe-email, .e-chip-list .e-chip.piece-jointe-email {
    line-height: 1.4 !important;
    margin-left: 0px !important;
    font-size: 12px !important;
}

.e-chip-list.e-chip.e-small .e-chip-text, .e-chip-list .e-chip.e-small .e-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 12px;
}

.e-chip-list.e-chip.e-small, .e-chip-list .e-chip.e-small {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin: 2px;
    outline: none;
    overflow: inherit;
    padding: 0 8px;
    position: relative;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.e-chip-list.e-chip.e-warning, .e-chip-list .e-chip.e-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #3b2c00;
}

.e-chip-list.e-chip.e-focused, .e-chip-list .e-chip.e-focused {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(130,138,145,.5);
}

/* ------------------------------------------------------------------------------------
   --                                  E-SWITCH                                        --
   ------------------------------------------------------------------------------------ */
.e-switch-wrapper.e-warning .e-switch-on, .e-css.e-switch-wrapper.e-warning .e-switch-on {
    background-color: #ffc107;
    color: #fff;
}

.e-switch-wrapper.e-warning:hover .e-switch-on, .e-css.e-switch-wrapper.e-warning:hover .e-switch-on {
    background-color: #ffca2c;
    color: #fff;
}

.e-switch-wrapper.e-warning .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-warning .e-switch-inner.e-switch-active {
    background-color: #ffc107;
    border-color: #ffc107;
}

.e-switch-wrapper.e-warning:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-warning:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #ffca2c;
    border-color: #ffc107;
    box-shadow: 0 0 0 2px rgba(255,202,44,.5);
}

.e-switch-wrapper.e-danger .e-switch-on, .e-css.e-switch-wrapper.e-danger .e-switch-on {
    background-color: #dc3545;
    color: #fff;
}

.e-switch-wrapper.e-danger:hover .e-switch-on, .e-css.e-switch-wrapper.e-danger:hover .e-switch-on {
    background-color: #bb2d3b;
    color: #fff;
}

.e-switch-wrapper.e-danger .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-danger .e-switch-inner.e-switch-active {
    background-color: #dc3545;
    border-color: #dc3545;
}

.e-switch-wrapper.e-danger:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper.e-danger:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #bb2d3b;
    border-color: #dc3545;
    box-shadow: 0 0 0 2px rgba(225,83,97,.5);
}

/* ------------------------------------------------------------------------------------
   --                                  E-TAB                                         --
   ------------------------------------------------------------------------------------ */
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    text-transform: uppercase;
    font-size: 12px;
}

.e-tab .e-tab-header .e-toolbar-item.e-warning .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #6e5200;
    background-color: rgba(255, 193, 7, 0.5);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.e-warning .e-tab-wrap:hover {
        color: #6e5200;
        background-color: rgba(255, 193, 7, 0.5);
        border: 1px solid #edb100;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.e-warning .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.e-warning .e-tab-wrap:hover .e-tab-icon {
            color: #3b2c00;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.e-warning .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(255, 193, 7, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-warning {
    background-color: rgba(255, 193, 7, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-warning {
    border-radius: 4px 4px 0 0;
    border: 1px solid #d39e00;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.e-warning .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.e-warning .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.e-warning .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.e-warning .e-tab-icon {
    color: #3b2c00;
}

.e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #6e5200;
    background-color: rgba(220, 53, 69, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap .e-tab-icon {
        color: #a71d2a;
    }

    .e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap:hover {
        color: rgba(255, 255, 255, 0.9);
        background-color: rgba(220, 53, 69, 0.2);
        border: 1px solid #a71d2a;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.achats .e-tab-wrap:hover .e-tab-icon {
            color: #a71d2a;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.achats .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(220, 53, 69, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.achats {
    background-color: rgba(220, 53, 69, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.achats {
    border-radius: 4px 4px 0 0;
    border: 1px solid #a71d2a;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.achats .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.achats .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.achats .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.achats .e-tab-icon {
    color: rgba(255, 255, 255, 0.9);
}


.e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #6e5200;
    background-color: rgba(255, 193, 7, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap .e-tab-icon {
        color: #3b2c00;
    }

    .e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap:hover {
        color: #6e5200;
        background-color: rgba(255, 193, 7, 0.2);
        border: 1px solid #edb100;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.livraisons .e-tab-wrap:hover .e-tab-icon {
            color: #3b2c00;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.livraisons .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(255, 193, 7, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.livraisons {
    background-color: rgba(255, 193, 7, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.livraisons {
    border-radius: 4px 4px 0 0;
    border: 1px solid #d39e00;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.livraisons .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.livraisons .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.livraisons .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.livraisons .e-tab-icon {
    color: #3b2c00;
}


.e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #6e5200;
    background-color: rgba(255, 193, 7, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap .e-tab-icon {
        color: #3b2c00;
    }

    .e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap:hover {
        color: #6e5200;
        background-color: rgba(255, 193, 7, 0.2);
        border: 1px solid #edb100;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.validations .e-tab-wrap:hover .e-tab-icon {
            color: #3b2c00;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.validations .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(255, 193, 7, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.validations {
    background-color: rgba(255, 193, 7, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.validations {
    border-radius: 4px 4px 0 0;
    border: 1px solid #d39e00;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.validations .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.validations .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.validations .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.validations .e-tab-icon {
    color: #3b2c00;
}


.e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #6e5200;
    background-color: rgba(255, 193, 7, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap .e-tab-icon {
        color: #3b2c00;
    }

    .e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap:hover {
        color: #6e5200;
        background-color: rgba(255, 193, 7, 0.2);
        border: 1px solid #edb100;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.transports .e-tab-wrap:hover .e-tab-icon {
            color: #3b2c00;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.transports .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(255, 193, 7, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.transports {
    background-color: rgba(255, 193, 7, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.transports {
    border-radius: 4px 4px 0 0;
    border: 1px solid #d39e00;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.transports .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.transports .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.transports .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.transports .e-tab-icon {
    color: #3b2c00;
}

.e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #408cfd;
    background-color: rgba(114, 170, 254, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap .e-tab-icon {
        color: #408cfd;
    }

    .e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap:hover {
        color: rgba(255, 255, 255, 0.8);
        background-color: rgba(114, 170, 254, 0.2);
        border: 1px solid #408cfd;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.affaires .e-tab-wrap:hover .e-tab-icon {
            color: #408cfd;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.affaires .e-tab-wrap {
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(114, 170, 254, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.affaires {
    background-color: rgba(114, 170, 254, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.affaires {
    border-radius: 4px 4px 0 0;
    border: 1px solid #408cfd;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.affaires .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.affaires .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.affaires .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.affaires .e-tab-icon {
    color: rgba(255, 255, 255, 0.9);
}


.e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #157147;
    background-color: rgba(25, 135, 84, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap .e-tab-icon {
        color: #157147;
    }

    .e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap:hover {
        color: rgba(255, 255, 255, 0.8);
        background-color: rgba(25, 135, 84, 0.2);
        border: 1px solid #157147;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.ventes .e-tab-wrap:hover .e-tab-icon {
            color: #157147;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.ventes .e-tab-wrap {
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(25, 135, 84, 0.6);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.ventes {
    background-color: rgba(25, 135, 84, 0.6);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.ventes {
    border-radius: 4px 4px 0 0;
    border: 1px solid #157147;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.ventes .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.ventes .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.ventes .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.ventes .e-tab-icon {
    color: rgba(255, 255, 255, 0.9);
}

.e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap {
    border-radius: 4px 4px 0 0;
    color: #650087;
    background-color: rgba(80, 0, 100, 0.2);
    border: 1px solid transparent;
}

    .e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap .e-tab-icon {
        color: #3b2c00;
    }

    .e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap:hover {
        color: #650087;
        background-color: rgba(80, 0, 100, 0.2);
        border: 1px solid #9e00d4;
        border-radius: 4px 4px 0 0
    }

        .e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap:hover .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.controle-affaire .e-tab-wrap:hover .e-tab-icon {
            color: #650087;
        }

.e-tab .e-tab-header .e-toolbar-item.e-active.controle-affaire .e-tab-wrap {
    border-radius: 4px;
    color: #3b2c00;
    background-color: rgba(80, 0, 100, 0.4);
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.controle-affaire {
    background-color: rgba(80, 0, 100, 0.4);
}

.e-tab .e-tab-header .e-toolbar-item.e-active.controle-affaire {
    border-radius: 4px 4px 0 0;
    border: 1px solid #9e00d4;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.controle-affaire .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.controle-affaire .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft.controle-affaire .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright.controle-affaire .e-tab-icon {
    color: #fff;
}

/* ------------------------------------------------------------------------------------
   --                               E-LISTVIEW                                       --
   ------------------------------------------------------------------------------------ */
.e-listview {
    display: block;
    max-width: 550px;
    width: 150px;
    margin: auto;
    border: 0;
    line-height: initial;
    border-color: rgba(0, 0, 0, 0.12);
}

    .e-listview .e-list-header {
        color: #fff;
        height: 57px;
        background-color: #56697f;
        padding-left: 15px;
        position: sticky;
        top: -1px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

        .e-listview .e-list-header .e-text {
            font-size: 18px;
        }

    .e-listview .e-list-item {
        background-color: transparent;
        border-bottom: 0px solid transparent;
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        border-top: 0 solid transparent;
        color: #212529;
    }

    .e-listview .e-list-item {
        cursor: pointer;
        font-size: 11px;
        color: gray;
        text-transform: uppercase;
    }

    .e-listview .e-content {
        height: 100%;
        overflow-y: scroll;
    }

    .e-listview .e-list-group-item {
        color: #837c7c;
        padding: 0;
        height: inherit;
    }

    .e-listview .e-hover {
        transition: 0.5s;
    }

    .e-listview .e-list-header {
        color: #ffd939;
        background-color: #333333;
        text-transform: uppercase;
    }

.e-list-item .e-list-avatar.e-list-multi-line .e-list-item-header {
    color: #ffffff;
    text-transform: uppercase;
}

.e-list-group-item {
    text-transform: uppercase;
    color: gray;
    font-size: 11px;
}

.e-listview .e-list-group-item {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    height: 24px;
    line-height: 16px;
    font-weight: 600;
    padding: 3px 6px 7px 6px;
    color: #fff;
    background-color: #494f54;
}

.e-listview:not(.e-list-template) .e-list-item {
    height: 24px;
    line-height: 16px;
    padding: 5px 6px 5px 6px;
    position: relative;
}

.e-listview {
    border-radius: 0;
}

    .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
        background-color: #bdd7ff;
    }


/* ------------------------------------------------------------------------------------
   --                             DOCUMENT VIEWER                                    --
   ------------------------------------------------------------------------------------ */
.documentviewer .onglet {
    position: absolute;
    left: 29px;
    top: -26px;
    background-color: #6c757d;
    border: 1px solid #494f54;
    color: rgba(255, 255, 255, 0.8);
    padding: 6px 10px 4px 10px;
    border-radius: 6px 6px 0 0;
    /* transform: rotate(270deg); */
    /* text-align: right; */
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
}

    .documentviewer .onglet.e-success {
        background-color: #198754;
        border: 1px solid #157147;
    }

    .documentviewer .onglet.e-danger {
        background-color: #dc3545;
        border: 1px solid #a71d2a;
    }

    .documentviewer .onglet.e-warning {
        background-color: #ffc107;
        border: 1px solid #ba8b00;
        color: rgba(0, 0, 0, 0.5);
    }

/* ------------------------------------------------------------------------------------
   --                             AFFAIRE VIEWER                                    --
   ------------------------------------------------------------------------------------ */
.affaireviewer .onglet {
    position: absolute;
    left: 29px;
    top: -26px;
    background-color: #6c757d;
    border: 1px solid #494f54;
    color: rgba(255, 255, 255, 0.8);
    padding: 6px 10px 4px 10px;
    border-radius: 6px 6px 0 0;
    /* transform: rotate(270deg); */
    /* text-align: right; */
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
}

    .affaireviewer .onglet.affaire {
        background-color: #72aafe;
        border: 1px solid #408cfd;
    }


/* ------------------------------------------------------------------------------------
   --                            TABLE.CONTREMARQUE                                  --
   ------------------------------------------------------------------------------------ */
table.contremarque {
    text-transform: uppercase;
    color: gray;
    font-size: 11px !important;
}

    table.contremarque a {
        text-transform: uppercase;
        color: #0071c1;
        font-size: 11px !important;
    }

        table.contremarque a:hover {
            text-transform: uppercase;
            color: #0071c1;
            font-size: 11px !important;
        }

/* ------------------------------------------------------------------------------------
   --                  COMMENTAIRES DANS LES LIGNES DE DOCUMENT                      --
   ------------------------------------------------------------------------------------ */
.e-table p {
    margin-top: revert !important;
    margin-bottom: 0.9rem !important;
}

.commentaire-ligne {
    line-height: 22px;
    display: block;
    overflow: hidden;
    margin-bottom: 3px;
    margin-top: 2px;
}

    .commentaire-ligne:hover {
        overflow: auto;
    }

    .commentaire-ligne p {
        margin-top: 0.3em !important;
        margin-bottom: 0.3rem !important;
    }


.e-tab .e-tab-header .e-toolbar-item .e-tab-icon.fad::before {
    position: absolute;
    top: 0;
    left: 0;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon.fad::before {
    position: absolute;
    top: 0;
    left: 0;
}


/* ------------------------------------------------------------------------------------
   --                               TABLE FORMULAIRE                                 --
   ------------------------------------------------------------------------------------ */
table.formulaire {
    width: 100%;
    table-layout: fixed;
}

    table.formulaire tr td {
        padding-left: 3px;
        vertical-align: top;
    }

        table.formulaire tr td:first-child {
            padding-left: 0;
        }

/* ------------------------------------------------------------------------------------
   --                               E-ITEM                                 --
   ------------------------------------------------------------------------------------ */
.e-dropdown-popup ul .e-item.e-danger {
    color: #dc3545;
}

    .e-dropdown-popup ul .e-item.e-danger .e-menu-icon {
        color: #dc3545;
    }

.e-dropdown-popup ul .e-item.e-warning {
    color: #ff8307
}

    .e-dropdown-popup ul .e-item.e-warning .e-menu-icon {
        color: #ff8307;
    }

.e-dropdown-popup ul .e-item#Logout {
    color: #dc3545;
}

    .e-dropdown-popup ul .e-item#Logout .e-menu-icon {
        color: #dc3545;
    }

.e-contextmenu-container .e-menu-parent .e-menu-item#Logout a {
    color: #dc3545;
}

.e-contextmenu-container .e-menu-parent .e-menu-item a .e-menu-icon {
    width: 24px;
    text-align: center;
}

.e-contextmenu-container .e-menu-parent .e-menu-item#Logout a .e-menu-icon {
    color: #dc3545;
    text-align: center;
}

/* ------------------------------------------------------------------------------------
   --                                   A TRIER                                      --
   ------------------------------------------------------------------------------------ */
i.e-warning {
    color: #ffc107;
}

i.e-danger {
    color: #dc3545;
}

#alert_icon {
    cursor: help;
}

.e-control, .e-css {
    font-size: 11px;
    font-weight: 400;
}


.e-dropdown-btn:focus, .e-dropdown-btn.e-btn:focus {
    box-shadow: 0 0 0 2px rgb(130 138 145 / 50%);
}

.e-btn:focus, .e-css.e-btn:focus {
    background-color: #5c636a;
    border-color: #6c757d;
    color: #fff;
    outline: #6c757d 0 solid;
    outline-offset: 0;
    box-shadow: 0 0 0 2px rgba(130,138,145,.5)
}

.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus {
    background-color: #0b5ed7;
    border-color: #0d6efd;
    color: #fff;
    outline: #6c757d 0 solid;
    box-shadow: 0 0 0 2px rgba(49,132,253,.5)
}

.e-btn.e-danger:focus, .e-css.e-btn.e-danger:focus {
    background-color: #bb2d3b;
    border-color: #dc3545;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(225,83,97,.5)
}

.e-btn.e-warning:focus, .e-css.e-btn.e-warning:focus {
    background-color: #ffca2c;
    border-color: #ffc107;
    color: #000;
    box-shadow: 0 0 0 2px rgba(255,202,44,.5)
}

.e-btn.e-success:focus, .e-css.e-btn.e-success:focus {
    background-color: #157347;
    border-color: #198754;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(60,153,110,.5)
}

.e-footer-content .e-btn:hover.e-warning.e-flat:not([DISABLED]) {
    background-color: #ffca2c;
    border-color: #ffc720;
    color: #000;
}

.e-footer-content .e-btn.e-warning.e-flat:not([DISABLED]) {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.e-footer-content .e-btn:hover.e-success.e-flat:not([DISABLED]) {
    background-color: #157347;
    border-color: #146c43;
    color: #fff;
}

.e-footer-content .e-btn.e-success.e-flat:not([DISABLED]) {
    background-color: #198754;
    border-color: #198754;
    color: #fff;
}

.e-float-input.label-w600 label {
    font-weight: 600 !important;
}

.e-float-input.label-w700 label {
    font-weight: 700 !important;
}

.e-float-input.label-w800 label {
    font-weight: 800 !important;
}


input.e-input.e-small,
.e-small input.e-input,
.e-input-group.e-small input.e-input,
.e-input-group.e-control-wrapper.e-small input.e-input,
.e-float-input.e-small input,
.e-float-input.e-control-wrapper input.e-small,
.e-float-input.e-small input,
.e-float-input.e-control-wrapper input.e-small,
.e-input-group input.e-input.e-small,
.e-input-group.e-control-wrapper input.e-input.e-small,
.e-small .e-float-input input,
.e-small .e-float-input.e-control-wrapper input,
.e-small .e-input-group input.e-input,
.e-small .e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-small input.e-input:focus,
.e-input-group.e-control-wrapper.e-small input.e-input:focus,
.e-float-input.e-small input:focus,
.e-float-input.e-control-wrapper.e-small input:focus,
.e-small .e-input-group.e-control-wrapper input.e-input:focus,
.e-small .e-input-group input.e-input:focus,
.e-small .e-float-input input:focus, .e-small .e-float-input.e-control-wrapper input:focus,
.e-input-group.e-small input.e-input,
.e-input-group.e-control-wrapper.e-small input.e-input,
.e-small .e-input-group.e-control-wrapper input.e-input,
.e-small .e-input-group input.e-input,
.e-float-input.e-small input,
.e-float-input.e-control-wrapper.e-small input,
.e-small .e-float-input input,
.e-small .e-float-input.e-control-wrapper input {
    padding-left: 8px;
    text-indent: 0px;
}

.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input textarea:focus ~ label.e-float-text, .e-small .e-float-input textarea:valid ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
    font-weight: 500;
    padding-right: 0;
    transform: translate3d(-10px, -34px, 0) scale(1);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
    box-shadow: 0 0 0 2px rgba(220,53,69,.25) !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
    box-shadow: 0 0 0 2px rgba(220,53,69,.25) !important;
}

    .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error .e-float-text,
    .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error .e-float-text {
        color: #dc3545 !important;
    }

.e-error label.e-float-text.e-label-top {
    color: #dc3545 !important;
    top: 18px !important;
    font-weight: 400 !important;
}

.help-icon.align-right {
    margin-left: 10px;
}

.help-icon i {
    font-size: 18px;
}

.help-icon.align-with-control {
    margin-top: 24px !important;
}

.e-checkbox-wrapper + .help-icon.align-with-control {
    margin-top: -2px !important;
}


.vertical-text {
    writing-mode: vertical-lr;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1rem;
    padding: 5px 1px 0px 0px;
}

    .vertical-text.success {
        background: #198754;
        color: rgba(255, 255, 255, 0.8);
    }

    .vertical-text.danger {
        background: #dc3545;
        color: rgba(255, 255, 255, 0.8);
    }

    .vertical-text.warning {
        background: #ffc107;
        color: rgba(255, 255, 255, 0.8);
    }

    .vertical-text.primary {
        background: #0d6efd;
        color: rgba(255, 255, 255, 0.8);
    }

.grid-container .e-grid.e-default .e-detailrowcollapse {
    padding-top: 6px;
}

.grid-container .e-grid.e-default .e-detailrowexpand {
    padding-top: 8px;
}

/************
 Validation
 */
div.e-control-wrapper.e-warning + div.validation-message {
    color: #ff9807 !important;
}

div.e-control-wrapper.e-warning ~ div.validation-message {
    color: #ff9807 !important;
}

.e-input-group.e-error.e-warning, .e-input-group.e-control-wrapper.e-error.e-warning, .e-input-group.e-error.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error.e-warning:not(.e-float-icon-left) {
    border-color: #ff9807;
}

.e-float-input.e-warning label.e-float-text, .e-float-input.e-control-wrapper.e-warning label.e-float-text, .e-float-input.e-warning input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text {
    color: #ff9807;
}

.e-float-input.e-error.e-warning label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-warning label.e-float-text, .e-float-input.e-error.e-warning input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-warning input:focus ~ label.e-float-text, .e-float-input.e-error.e-warning.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-warning.e-input-focus input ~ label.e-float-text, .e-float-input.e-error.e-warning textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-warning textarea:focus ~ label.e-float-text {
    color: #ff9807;
}

.e-warning label.e-float-text.e-label-top {
    color: #ff9807 !important;
    top: 18px !important;
    font-weight: 400 !important;
}

.e-error.e-warning label.e-float-text.e-label-top {
    color: #ff9807 !important;
    top: 18px !important;
    font-weight: 400 !important;
}


i + a, i + span {
    margin-left: .25rem;
}

a + i, span + i {
    margin-left: .25rem;
}


span i + span a {
    margin-left: .25rem;
}


span.without-icon {
    margin-left: calc(17px + .25rem);
}

.e-toast-container .e-toast {
    z-index: 4000;
}

.e-toast-ref-element {
    z-index: 4000;
}


.for-activity-only {
    background-color: rgba(255, 207, 53, 0.25);
    border: 1px solid rgba(255, 193, 7, 0.7);
    border-radius: 3px;
    padding: 3px;
    padding-top: 4px;
}

.grid-model-control .e-small .e-btn,
.grid-model-control .e-small.e-btn,
.grid-model-control .e-small .e-css.e-btn,
.grid-model-control .e-small.e-css.e-btn {
    padding: 2px 6px;
    width: 26px;
}


.e-rowcell .tata {
    height: 30px;
    align-items: center;
}

.e-rowcell .toto {
    display: none;
}

.e-rowcell .tata:hover .toto {
    display: block;
}

.e-row.e-altrow .e-rowcell.modified,
.e-grid .e-row.e-altrow td.e-updatedtd.modified,
.e-grid.e-gridhover tr.e-row.e-altrow:hover .e-rowcell.modified,
.e-grid.e-gridhover tr.e-row.e-altrow:hover .e-rowcell.modified:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr.e-row.e-altrow.facturable:hover .e-rowcell.modified:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background: #f7c6c8 !important;
    color: #66121a !important;
}

.e-rowcell.modified,
.e-grid td.e-updatedtd.modified,
.e-grid.e-gridhover tr.e-row:hover .e-rowcell.modified,
.e-grid.e-gridhover tr.e-row:hover .e-rowcell.modified:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr.e-row.facturable:hover .e-rowcell.modified:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background: #f9d9da !important;
    color: #66121a !important;
}

/*.e-content .dxreRoot {*/
/*        width: calc(100% - 2px) !important;*/
/*        height: calc(100vh - 18rem) !important;*/
/*}*/

.e-content .richedit-container {
    /*width: calc(100vw - 6.5rem); */
    height: calc(100vh - 20rem);
}

.e-small span.e-input-value div {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 24px;
    padding-left: 8px;
}

.group-title {
    background: gray;
    line-height: 24px;
    text-transform: uppercase;
    padding-left: 8px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

.champ-fusion {
    font-size: 12px;
    line-height: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .champ-fusion.element .titre {
        font-weight: 500;
        color: #0071c1;
    }

    .champ-fusion.debut-section .titre,
    .champ-fusion.fin-section .titre {
        font-weight: 500;
        color: black;
    }

    .champ-fusion.element {
        padding-left: 16px;
    }

    .champ-fusion .description {
        font-style: italic;
        color: darkgray;
    }

.e-listbox-container.champ-fusion {
}

    .e-listbox-container.champ-fusion .e-list-item {
        line-height: 1.5 !important;
        padding: 0 16px !important;
        height: auto !important;
    }


.e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 24px;
    min-width: auto !important;
    width: auto !important;
    line-height: 24px;
    text-align: center;
}

.e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
    margin: 0 0 0 10px;
}

.dashboard-container {
    width: calc(100vw - 110px);
    height: calc(100vh - 10rem);
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    border-bottom: 1px solid #dee2e6;
    color: #212529;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 11px;
    font-weight: 500;
    height: 31px;
    padding: 8px 18px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}

.e-dashboardlayout .e-panel .root-container {
    width: 100% !important;
    height: 100% !important;
}

.e-dashboardlayout .e-panel .item-container {
    display: flex;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
    padding: 1rem;
    font-size: 10px;
    font-weight: 400;
    overflow-x: auto;
}

.e-dashboardlayout .e-panel .bottom-container {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    color: gray;
}

.version-info {
    text-align: center;
}

    .version-info .version {
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        color: darkred;
    }

    .version-info .date {
        font-size: 15px;
        line-height: 15px;
    }

    .version-info .commentaire {
        font-size: 12px;
        text-align: justify;
        color: gray;
        overflow: auto;
    }

.item-container .nombre {
    color: green;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-left: 10px;
    margin-right: 15px;
}

.item-container .description {
    text-align: left;
    color: gray;
}

.e-collapsed {
    flex-basis: 5% !important;
}

.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
    -ms-flex-preferred-size: 0 !important;
    flex-basis: 20px !important;
    overflow: hidden !important;
}

tr .e-warning {
    color: #ff8307;
}

span.fa-layers + span {
    margin-left: 5px;
}

svg + a {
    margin-left: 5px;
}

ul.e-dropdown-menu li.e-item svg {
    padding-top: 5px;
}

.e-tab .e-tab-header .e-tab-wrap .e-text-wrap svg {
    height: 20px !important;
}

ul.e-menu-parent.e-ul li.e-menu-item svg {
    padding-top: 5px !important;
    height: 25px !important;
}

.e-menu-container ul.e-menu.e-control.e-menu-parent li.e-menu-item svg {
    padding-top: 8px !important;
    height: 25px !important;
}

.inputprependtext {
    padding: 0.25rem 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border-right: #ced4da 1px solid;
}

.e-input-group.e-warning .inputprependtext {
    border-right: #ffc107 1px solid;
}

.alert.alert-success.op-3 {
    background: rgba(212,237,218,0.3);
}

.alert.alert-danger.op-3 {
    background: rgba(248,218,218,0.3);
}

.alert.alert-warning.op-3 {
    background: rgba(255,243,205,0.3);
}

.alert.alert-info.op-3 {
    background: rgba(204,238,250,0.3);
}

.e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child, .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
    margin-right: 2px !important;
}

.e-dlg-container.e-alert .e-dlg-header-content {
    background-color: #e35d6a;
    border-radius: 5px 5px 0 0;
}

.e-dlg-container.e-alert .e-dlg-header {
    color: #FFFFFF;
}


/* Corrige l'affichage des ic�nes duotone dans la liste */
.e-dropdownbase .e-list-item i.fa-duotone {
    font-size: 1.2em;
    line-height: 1;
    min-width: 28px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Corrige les ic�nes FA dans les onglets Syncfusion */
.e-tab .e-tab-header .e-tab-icon.fa-duotone,
.e-tab .e-tab-header .e-tab-icon.fa-solid,
.e-tab .e-tab-header .e-tab-icon.fa-regular,
.e-tab .e-tab-header .e-tab-icon.fa-light,
.e-tab .e-tab-header .e-tab-icon.fa-thin {
    font-size: 1.2em;
    line-height: 1;
    min-width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    /* Sp�cifique aux duotone */
    .e-tab .e-tab-header .e-tab-icon.fa-duotone .fa-primary,
    .e-tab .e-tab-header .e-tab-icon.fa-duotone .fa-secondary {
        font-size: inherit !important;
        line-height: inherit !important;
    }

.rz-html-editor:focus, .rz-html-editor:focus-visible, .rz-html-editor:focus-within {
    border-color: #86b7fe !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0 2px rgb(13 110 253 / 25%) !important;
    outline: none !important;
}

.c-application-name {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
}

.c-application-name .c-small {
    font-size: 10px;
    margin-bottom: -4px;
    color: var(--bs-gray-700);
    font-weight: 400;
}

.c-text-justify {
    text-align: justify;
}

.c-primary-text {
    color: var(--bs-gray-700);
    font-weight: 600;
}

.c-secondary-text {
    color: var(--bs-gray-700);
    font-weight: 400;
}

.c-field-1 {
    width: 150px;
}

.c-field-2 {
    width: calc(300px + 0.25rem)
}

.c-field-3 {
    width: calc(450px + 0.50rem)
}