/* Remove outer table border */
.tabulator {
    border: none !important;
    font-size: 18px !important;
}

/* Remove header and row cell borders */
.tabulator-header,
.tabulator-header .tabulator-col,
.tabulator-tableholder,
.tabulator-table,
.tabulator-row,
.tabulator-row .tabulator-cell {
    border: none !important;
}

/* Remove column header bottom border and row separators */
.tabulator-header {
    border-bottom: none !important;
    background-color: transparent !important;
    /*border-top-left-radius: 25%;*/
    /*border-top-right-radius: 25%;*/
}
.tabulator-row {
    border-bottom: none !important;
    background-color: transparent !important;
}

/* Remove look on hover/selected without borders */
.tabulator-row:hover {
    box-shadow: none !important;
}
.tabulator-row.tabulator-selected {
    box-shadow: none !important;
}

.tabulator-row.tabulator-row-odd {
    background-color: transparent !important;
}

/* Rounded border for images in cells */
.tabulator-cell img {
    border-radius: 50%;
    object-fit: cover;
}
/* Scope to this table only */
.tabulator,
 .tabulator-header,
 .tabulator-header .tabulator-header-contents,
 .tabulator-header .tabulator-col{
    background: none !important;
}

.tabulator-footer {border-top: none !important;
    background-color: transparent !important;
}

.tabulator-footer .tabulator-page.active{
    background-color: var(--primary-blue-light) !important;
    border: 1px solid var(--primary-blue-light) !important;
    color: #FFFFFF/* text color */ !important
}
.tabulator-footer .tabulator-page {
    background-color: transparent !important;
    border: 1px solid var(--primary-blue-light) !important;
    color: var(--black-font)/* text color */ !important;
}
.tabulator-footer .tabulator-page:hover,
.tabulator-footer .tabulator-page.active:hover{
    background-color: var(--primary-blue-dark) !important;
    border: 1px solid var(--primary-blue-dark) !important;
    color: #FFFFFF/* text color */ !important
}

.tabulator-footer select{
    border: 1px solid var(--primary-blue-light) !important;
    background-color: transparent !important;
    color: var(--black-font)/* text color */ !important;
}

.tabulator-header input{
    border: 0;
    border-radius: 10px;
    height: 40px;
    background-color:  lightgray !important;
    padding-left: 15px !important;
}
.tabulator-header input::placeholder{
    color: var(--black-font) !important;
    font-size: 14px !important;
    opacity: 1 !important; /* Firefox */
}

.tabulator-header input:focus {
    border:0;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
    font-size: 18px !important;
}

/* Select hover  Désactivé pour l'instant car jpp faire de jolie style */
/*#tabulator-org .tabulator-footer select:hover {*/
/*    border: 1px solid var(--primary-blue-dark) !important;*/
/*    background-color: var(--primary-blue-dark) !important;*/
/*    color: #fff !important;*/
/*}*/

/*.tabulator-footer select:focus {*/
/*    border: 1px solid var(--primary-blue-dark) !important;*/
/*    outline: none !important;*/
/*    background-color: var(--primary-blue-dark) !important;*/
/*    color: #fff !important;*/
/*}*/

/* ---- Thème sombre ---- */

/* Tabulator peint son tableau en blanc et son texte en gris foncé : on hérite des couleurs
   de la carte qui l'accueille. */
[data-bs-theme="dark"] .tabulator .tabulator-tableholder .tabulator-table {
    background-color: transparent;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tabulator .tabulator-header,
[data-bs-theme="dark"] .tabulator .tabulator-footer,
[data-bs-theme="dark"] .tabulator .tabulator-footer .tabulator-paginator {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom-color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top-color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom-color: #6c757d;
}

[data-bs-theme="dark"] .tabulator .tabulator-alert .tabulator-alert-msg {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tabulator-footer .tabulator-page {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .tabulator-footer .tabulator-page.active,
[data-bs-theme="dark"] .tabulator-footer .tabulator-page:hover {
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .tabulator-footer .tabulator-page:disabled {
    color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .tabulator-footer select {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .tabulator-footer select option {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .tabulator-header input {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tabulator-header input::placeholder {
    color: var(--bs-secondary-color) !important;
}