/*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) !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-darker) !important;
}

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

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

.light .e-icon-filter:before {
    /*content: '\e251' !important;*/
    /*color: var(--tableau-contour) !important;*/
    /*font-size: 16px;*/
    /*content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23e0e0e0" 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;*/
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23e0e0e0" 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;
}

.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="%23616161" 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;*/
    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;
}

.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) !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,
.e-dropdownbase .e-list-parent .e-active {
    background-color: var(--tableau-contour) !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-numericitem:focus-visible,
.e-numericitem.e-currentitem.e-active:focus-visible {
    background-color: var(--mud-palette-secondary) !important;
}
/*
.e-rowcell: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;
}