:root {
    --bs-link-color-rgb: #fff;
    --bs-link-hover-color-rgb: #ccc;
}
body {
    background-color: #20314b;
    color: #ffffff;
}
td {
    vertical-align: middle;
}
progress {
    max-width: 25vw;
}
progress.redBar {
    accent-color: red;
}
progress.orangeBar {
    accent-color: orange;
}
progress.greenBar {
    accent-color: green;
}

button.btn.btn-primary.collapsed {
    opacity: var(--bs-btn-disabled-opacity);
    border-color: var(--bs-btn-disabled-border-color);
    background-color: var(--bs-btn-disabled-bg);
    color: var(--bs-btn-disabled-color);
}

#orders-section, #tanks-section, #trucks-section, #products-section, #change_password_section {
    overflow-x: scroll;
    background-color: #3e4f68;
    padding:10px !important;
    border: 1px solid #aaa;
}

#change_password_section {
    overflow-x: hidden;
}

th, td:not(.child) {
    text-align: center !important;
}
tr.group td {
    background-color: #20314b !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.anonymous .content {
    background-color: #3e4f68;
    padding:10px;
    border: 2px solid white;
    border-radius:5px;
    margin-top:10vh;
    margin-bottom: 10vh;
}
.logo-container {
    text-align: center;
}
.logo-container > img {
    max-width: 100%;
    height: 6em;
    background-color: #fff;
    padding:5px;
    border-radius:5px;
    margin-bottom:10px;
}

tr.low-fuel td {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    color: #721c24 !important;
}
.dt-search {
    display: none;
}
td.dt-control {
    text-align: left !important;
}
.dt-control::before {
    margin-right: 0.5em;
}