nuhodds_fi4/public/css/app/tabulator-custom-css.css

.dark {
    border: 1px solid #282828;
    background-color: #111111;
}

.dark[tabulator-layout="fitColumns"] .tabulator-header .tabulator-col:last-child {
    border-right: none;
}

.dark .tabulator-header {
    background-color: #080808;
}

.dark .tabulator-header .tabulator-calcs-holder {
    border-top: 1px solid #393838;
}

.dark .tabulator-header .tabulator-calcs-holder .tabulator-row {
    background-color: #292929 !important;
}

.dark .tabulator-header .tabulator-col {
    border-right-color: #393838;
    background-color: #101010;
}

.dark .tabulator-header .tabulator-col.tabulator-row-header {
    border-right: 1px solid #393838 !important;
}

.dark .tabulator-header .tabulator-col.range-header-col {
    border-right: 2px solid #3FB449;
}


.dark .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    border-top-color: #393838;
    border-bottom-color: #393838;
}

.dark .tabulator-header .tabulator-col input,
.dark .tabulator-header .tabulator-col select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 10px;
    border: 1px solid #4b4b4b;
    border-radius: 2px;
    background: #1f1f1f;
    color: #fff;
    outline: none;
}

.dark .tabulator-header .tabulator-col input:focus,
.dark .tabulator-header .tabulator-col select:focus {
    border-color: #3FB449;
}

.dark .tabulator-header .tabulator-col input+input {
    margin-left: 5px;
}

.dark .tabulator-header .tabulator-cell {
    color: #ccc !important;
}

.dark .tabulator-tableholder::-webkit-scrollbar {
    width: 12px;
    /* width of the entire scrollbar */
}

.dark .tabulator-tableholder::-webkit-scrollbar-track {
    background: #333;
    /* color of the tracking area */
}

.dark .tabulator-tableholder::-webkit-scrollbar-thumb {
    background-color: #666;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #333;
    /* creates padding around scroll thumb */
}

.dark .tabulator-tableholder::-webkit-scrollbar-corner {
    background: #222;
}

.dark .tabulator-tableholder .tabulator-table {
    color: #fff;
    background-color: #111111;
}

.dark .tabulator-row {
    background-color: #151515;
}

.dark .tabulator-row.tabulator-row-even {
    background-color: #202020;
}

.dark .tabulator-row.tabulator-selectable:hover {
    background-color: #000;
}

.dark .tabulator-row.tabulator-selected {
    background-color: #009136;
}

.dark .tabulator-row.tabulator-selected:hover {
    background-color: #00531f;
}

.dark .tabulator-row.tabulator-group {
    border-right-color: #393838;
}

.dark .tabulator-row .tabulator-cell {
    border-right-color: #393838;
}

.dark .tabulator-row .tabulator-cell.tabulator-editing {
    border: 1px solid #3FB449;
}

.dark .tabulator-row .tabulator-cell input,
.dark .tabulator-row .tabulator-cell select,
.dark .tabulator-row .tabulator-cell textarea {
    background-color: #121212;
    color: #ccc;
}

.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control {
    height: 14px;
    width: 14px;
    border: 2px solid #3FB449 !important;
}

.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 2px;
    height: 2px;
    width: 6px;
    background: #3FB449;
}

.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    height: 8px;
    width: 2px;
    background: #3FB449;
}

.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 2px;
    width: 8px;
    background: #3FB449;
}

.dark .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    border-left: 2px solid #3FB449;
    border-bottom: 2px solid #3FB449;
}

.dark .tabulator-row .tabulator-responsive-collapse {
    border-top: 1px solid #393838;
    border-bottom: 1px solid #393838;
}

.dark .tabulator-footer {
    background-color: #101010;
}

.dark .tabulator-footer .tabulator-calcs-holder {
    border-bottom: 1px solid #393838;
}

.dark .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    background-color: #292929 !important;
}

.dark .tabulator-footer .tabulator-spreadsheet-tabs {
    margin-bottom: -2px;
}

.dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
    padding: 4px 10px;
    border-width: 0 1px 1px 1px;
    background-color: #000;
    color: #ececec;
    font-weight: normal;
}

.dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
    font-weight: bold;
}

.dark .tabulator-footer .tabulator-page,
.dark .tabulator-footer .tabulator-page-size {
    background: #ebebeb;
}

.dark .tabulator-popup,
.dark .tabulator-tooltip {
    color: #000;
}