.tb {
    border: 1px solid #333;
    border-radius: 10px;
}
.tabulator  .tabulator-tableholder {
    scrollbar-width: thin;
    scrollbar-color: rgb(0, 0, 0) #888;
}
.table-header {
    color: var(--table-header-text-color);
    font-size: large;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    padding: 1%;
}
.tabulator-row:nth-child(odd) {
    background-color: var(--tabulator-row-odd-background-color);
}
.tabulator-row:nth-child(even) {
    background-color: var(--tabulator-row-even-background-color);
}
.tabulator .tabulator-row:hover {
    background-color: var(--tabulator-row-hover-background-color) !important;
}
.tabulator .tabulator-header .tabulator-col {
    background: var(--tabulator-col-background);
    border-right: 1px solid #aaa;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: bottom;
}
div .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    box-sizing: border-box;
    padding: 6px;
    position: relative;
}
.tabulator {
    margin-top: 2%;
    font-family: "Trebuchet MS", Arial, sans-serif;
}
.tabulator .tabulator-header,
.tabulator .tabulator-col {
    background-color: var(--tabulator-col-and-header-background-color) !important;
    color: var(--tabulator-col-and-header-color);
}
.tabulator-cell {
    color: var(--tabulator-cell-color);
}
.tabulator .tabulator-footer {
    background-color: var(--tabulator-footer-background-color);
}
.green {
    color: var(--tabulator-cell-green-category-color);
}
.red {
    color: var(--tabulator-cell-red-category-color);
}
.yellow {
    color: var(--tabulator-cell-yellow-category-color);
}

#calc-wallet {
    border: none;
    color: var(--tabulator-cell-color);
    font-size: large;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
    background-color: var(--calc-wallet-background-color);
}
#calc-wallet::placeholder {
    font-size: large;
    color: var(--tabulator-cell-color);
}
#paracalc-table div.tabulator-col-group-cols {
    display: none;
}
#paracalc-forcast-table {
    display: none;
}
#paracalc-forcast-table.tabulator .tabulator-tableholder {
    overflow-y: scroll !important;
    max-height: 500px !important;
}