html, body, .container-fluid, .row {
    height: 100%;
}

.bg-nav {
    background-color: #111827;
}

.bg-content {
    background-color: #1f2937;
}

.a-link {
    color: white;
}

.a-link:hover {
    color: #c8c8c8;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: white;
    background-color: #1e40af;
}

.nav-link.active {
    color: white;
    background-color: #3b82f6;
}

.vgt-table tr > td > span {
    display: flex;
    align-items: center;
    height: 20px;
}

.dropdown-menu {
    min-width: auto !important;
    padding: 0.5rem 0.5rem !important;
}

.vgt-table .td-right > span {
    justify-content: right !important;
}

.vgt-table .td-left > span {
    justify-content: left !important;
}

.vgt-table .th-right {
    text-align: right !important;
}

.vgt-table .th-left {
    text-align: left !important;
}

.vgt-table th.vgt-left-align {
    text-align: center;
}

.vgt-table td.vgt-left-align > span {
    justify-content: center;
}

.packing > td {
    background-color: #ff6868 !important;
}

.to-pay > td {
    background-color: #ffc368 !important;
}

.to-send > td {
    background-color: #03cfb2 !important;
}

.sent > td {
    background-color: #59bdfd !important;
}

.multiline {
    white-space: pre-line;
}