@import url(../../vendor/tabulator/tabulator.css);

.tabulator {
    border: 1px solid var(--kiss-hr-color);
    background-color: var(--kiss-color-contrast);
    font-size: 14px;
}

.tabulator-row,
.tabulator .tabulator-tableholder .tabulator-table {
    background-color: transparent;
    color: inherit;
}

.tabulator .tabulator-header {
    border-bottom: 1px solid var(--kiss-hr-color);
    background-color: rgba(0, 0, 0, 0.08);
}

.tabulator .tabulator-header .tabulator-col {
    border-right: 1px solid var(--kiss-hr-color);
    background: var(--kiss-color-contrast);
}

.tabulator-col-title {
    font-size: .6em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.tabulator-row.tabulator-row-even {
    background-color: transparent;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    background-color: var(--kiss-color-primary);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
    color: var(--kiss-color-muted);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid var(--kiss-color-muted);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter {
    color: var(--kiss-color-primary);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid var(--kiss-color-primary);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter {
    color: var(--kiss-color-primary);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: 6px solid var(--kiss-color-primary);
    color: var(--kiss-color-primary);
}

.tabulator-row.tabulator-selectable:hover {
    background-color: var(--kiss-color-primary);
}

.tabulator-row .tabulator-cell {
    padding: 4px 6px;
    font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace;
}


.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
    border: 1px;
    background: transparent;
    color: inherit;
    outline: none;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving,
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor,
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols,
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left,
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right,
.tabulator .tabulator-header .tabulator-calcs-holder,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom,
.tabulator .tabulator-footer,
.tabulator .tabulator-footer .tabulator-calcs-holder,
.tabulator .tabulator-footer .tabulator-page-size,
.tabulator .tabulator-footer .tabulator-page,
.tabulator-row.tabulator-moving,
.tabulator-row .tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-frozen.tabulator-frozen-right,
.tabulator-row .tabulator-responsive-collapse,
.tabulator-row .tabulator-cell,
.tabulator-row .tabulator-cell.tabulator-editing,
.tabulator-row .tabulator-cell .tabulator-data-tree-branch,
.tabulator-row.tabulator-group,
.tabulator-popup-container,
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after,
.tabulator-menu .tabulator-menu-separator,
.tabulator-edit-list .tabulator-edit-list-group,
.tabulator.tabulator-rtl .tabulator-header .tabulator-col,
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell,
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch,
.tabulator-print-table .tabulator-data-tree-branch,
.tabulator-print-table .tabulator-print-table-group,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
    border-color: var(--kiss-hr-color);
}
