:root {
    --main-bg-color: #20262e;
    --main-color-light: #253035;
}

body {
    padding: 20px;
    background-color: var(--main-bg-color);
    color: #eee;
}

header {
    background-color: var(--main-color-light);
    padding: 5px 10px;
}

ul[id^="list-"] > li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
    vertical-align: bottom;
}

.tabulator a {
    text-decoration: none;
    color: #6daada;
}

.tabulator {
    font-family: sans-serif;
}

.tabulator .tabulator-tableHolder {
    min-height: calc(100% - 26px);
    height: calc(100% - 26px);
    max-height: calc(100% - 26px);
}

.tabulator-cell {
    white-space: normal !important;
}

.tabulator-cell input {
    color: white;
}

.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.big-number {
    font-weight: bold;
    font-size:larger;
}