/*Css Tableau SyncFusion*/

.e-rowcell, .e-headercell, .e-grid .e-pager, .e-pagercontainer, .e-emptyrow, .e-content, .e-gridcontent, .e-emptyrow {
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary) !important;
    font-size: var(--mud-typography-default-size);
}

    .e-uncheck,
    .e-footer-content,
    .e-pagercontainer > .e-icons,
    .e-numericitem,
    .e-input-group-icon {
        background-color: var(--mud-palette-surface) !important;
        color: var(--mud-palette-text-primary-darken) !important;
    }

.e-contextmenu-wrapper ul .e-menu-item.e-selected, .e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: var(--mud-palette-primary) !important;
}

.e-headercelldiv .e-headerchkcelldiv {
    margin: 0;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-icons, .e-contextmenu-container ul .e-menu-item.e-selected .e-icons {
    color: #fff !important;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]),
.e-checkbox-wrapper .e-frame.e-stop,
.e-css.e-checkbox-wrapper .e-frame.e-stop,
.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check,
.e-checkbox-wrapper:hover .e-frame.e-check,
.e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
    background-color: var(--mud-palette-primary-darken) !important;
}

.e-yscroll, .e-gridheader {
    background-color: var(--mud-palette-surface) !important;
}

.e-icon-filter {
    width: 14px;
}

[data-bs-theme="light"] .e-icon-filter:before,
.light .e-icon-filter:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23616161" class="bi bi-funnel" viewBox="0 0 16 16"> <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/> </svg>') !important;
}

[data-bs-theme="dark"] .e-icon-filter:before,
.dark .e-icon-filter:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffffb2" class="bi bi-funnel" viewBox="0 0 16 16"> <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/> </svg>') !important;
}

.e-headercell:focus-visible .e-icon-filter:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-funnel" viewBox="0 0 16 16"> <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/> </svg>') !important;
}

.e-icon-filter {
    padding-top: 1px !important;
}

.e-filtermenudiv.e-icons.e-icon-filter.e-filtered:before {
    color: red !important;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-funnel-fill" viewBox="0 0 16 16"> <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/> </svg>') !important;
}

.e-numericitem.e-currentitem.e-active {
    box-shadow: var(--mud-elevation-1) !important;
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary-darken) !important;
}

.e-headertext {
    font-size: 0.875em !important;
}

.e-table,
.e-control .e-input-group input.e-input {
    background-color: var(--mud-palette-surface) !important;
}

/*.e-grid.e-resize-lines .e-headercell .e-rhandler,*/
.e-grid.e-resize-lines .e-headercell .e-rsuppress {
    border-right: 1px solid var(--tableau-contour) !important;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none !important;
}

.light .e-grid.e-resize-lines .e-focused .e-rhandler {
    border-right: 1px solid #e0e0e0 !important;
}

.dark .e-grid.e-resize-lines .e-focused .e-rhandler {
    border-right: 1px solid #616161 !important;
}


.e-gridhover .e-gridcontent tr.e-row:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: var(--tableau-contour) !important;
}

.e-row .e-active:is([role="gridcell"]) {
    background-color: var(--tableau-contour) !important;
}

.e-row .e-active:not([role="gridcell"]),
.e-dropdownbase .e-list-parent .e-active,
.e-menu-item:hover {
    color: white !important;
    background-color: var(--mud-palette-primary) !important;
}

.e-btn.e-flat.e-primary.e-res-apply-btn {
    color: var(--mud-palette-primary) !important;
}

.e-btn.e-flat.e-primary {
    color: var(--mud-palette-primary-text) !important;
}
/*
.e-btn.e-flat.e-primary:hover,
.e-css.e-btn.e-flat.e-primary:hover {
    color: var(--mud-palette-primary-text) !important;
}
*/
.e-menu-item.e-menu-caret-icon.e-selected {
    color: var(--mud-palette-primary-text) !important;
}

.e-dlg-content,
.e-menu-item .e-focused,
.e-dlg-header-content,
.e-control.e-contextmenu.e-lib.e-menu-parent,
.e-menu-parent.e-ul,
.e-valid-input {
    background-color: var(--mud-palette-surface) !important;
}

.e-grid .e-spinner-pane {
    color: deeppink;
}

/*Pour centrage des cases à cocher dans tableau*/
.e-headerchkcelldiv .e-css,
.e-gridchkbox .e-css {
    width: 20px !important;
}

.e-gridchkbox,
.checkbox-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*Modif checkbox dans datagrid (réponse Syncfusion), problème pour le moment*/
/*
.e-templatecell .e-checkbox-wrapper {
    line-height: 18px !important;
}

    .e-templatecell .e-checkbox-wrapper label {
        width: 20px !important;
        height: 20px !important;
    }*/

.e-pv-sidebar-content-container {
    height: 100% !important;
}

.e-checkbox-wrapper .e-stop::before, .e-css.e-checkbox-wrapper .e-stop::before {
    color: var(--mud-palette-surface) !important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    color: var(--mud-palette-surface) !important;
}

/* Dialog Visualisation mobile */
.apercu-document-dialog-mobile {
    overflow-y: hidden;
    overflow-x: auto;
    height: 100% !important;
    padding: 0 !important;
}

    .apercu-document-dialog-mobile .e-pdfviewer {
        height: 100% !important;
        width: 100% !important;
    }

.viewer-mobile {
    min-width: 0 !important;
    height: calc(100% - 57px) !important; /* 57px : taille barre outils syncfusion */
}

.e-pdfviewer:not(.e-pv-mobile-view) .e-pv-viewer-main-container {
    min-width: auto !important;
}

/* Pour masquer un message externe du pager, je n'ai pas compris pourquoi il s'affichait parfois */
.e-pagerexternalmsg {
    display: none !important;
}

/* SRCI-2408 pour pallier problème de barre resize qui disparaît */
.e-grid.e-resize-lines .e-headercell .e-rhandler {
    border-right: 1px solid var(--rhandler-color) !important;
}

@media screen and (max-width: 960px) {
    .e-toolbar {
        min-height: 0 !important;
        height: 35px !important;
    }

    .e-toolbar-item {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

        .e-toolbar-item .e-btn {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
}

.e-pagerdropdown:focus-visible,
.e-icons:focus-visible,
.e-numericitem:focus-visible,
.e-numericitem.e-currentitem.e-active:focus-visible {
    /*background-color: var(--mud-palette-secondary) !important;*/
    outline: solid var(--mud-palette-primary) !important;
}

.e-rowcell:not(.e-active):focus-visible,
.e-headercell:focus-visible {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-dark-text) !important;
}

/*Modif suite maj syncfusion 27*/
.e-gridheader {
    flex: 0 0 47px !important;
}

.sf-grid {
    display: flex !important;
    flex-direction: column !important;
}

.e-gridcontent {
    height: 100%;
}

.e-pv-current-page-box {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.e-numerictextbox {
    padding: 0 !important;
}

/* accessibility composant caché pour ARC Toolkit */
.e-pagenomsg {
    background-color: var(--mud-palette-surface);
    /*background-color: white;*/
}


/*@media screen and (max-width: 960px) {
    .e-headercell {*/
/* pour éviter de définir un RowHeight sur chaque tableau */
/*height: -1px !important;
    }
}

.e-headercell {*/
/* pour éviter de définir un RowHeight sur chaque tableau */
/*height: 45px !important;
}*/

td.e-rowcell.e-templatecell {
    /*pour éviter de définir un RowHeight sur chaque tableau */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    height: auto;
    line-height: 35px;
}

/* Pour remplacer suppression du cellspacing pour RGAA */
.e-table {
    border-spacing: 0.25px;
    border-collapse: separate;
}

.e-pagerdropdown:has(.e-ddl:focus-visible) {
    outline: 3px solid var(--mud-palette-primary) !important;
    border-radius: 3px !important;
    outline-offset: 3px !important;
}

.e-pagerdropdown .e-ddl:focus-visible .e-dropdownlist {
    padding: 3px !important;
}

.e-pagerdropdown .e-ddl::before,
.e-pagerdropdown .e-ddl::after {
    background: var(--mud-palette-primary) !important;
}

.e-pagerdropdown .e-ddl:focus-visible::before,
.e-pagerdropdown .e-ddl:focus-visible::after {
    background: none !important;
    width: 0 !important;
}

.e-list-item.e-active {
    color: white !important;
    background-color: var(--mud-palette-primary) !important;
}

.e-btn:hover,
.e-btn:hover span::before,
.e-btn:focus-visible,
.e-btn:focus-visible span::before {
    color: white !important;
    background-color: var(--mud-palette-primary) !important;
}

.e-pagerconstant {
    margin-bottom: 0 !important;
    padding-bottom: 9px !important;
    padding-right: 18px !important;
    padding-top: 18px !important;
}