body {
    padding-top: 54px;
    padding-bottom: 57px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 300px;
}

table.dataupdates-table tr.Paused td, table.backendrequst-table td {
    background-color: lightcoral;
}

table.dataupdates-table tr.Pending td, table.backendrequst-table tr.Finished td {
    background-color: lightgreen;
}

table.dataupdates-table tr.Working td, table.backendrequst-table tr.Pending td {
    background-color: lightgoldenrodyellow;
}

table.dataupdates-table tr.Finished td, table.backendrequst-table tr.AttemptingRetrieval td{
    background-color: lightblue;
}

table.dataupdates-table td, table.backendrequst-table td {
    max-width: 300px;
}


td.ellipsis{
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterform {
    margin-bottom: 20px;
}

.is-edited {
    background-color: yellow !important;
    color: black;
}

.is-removed {
    background-color: red !important;
    color: black;
}

.is-new {
    background-color: green !important;
    color: white;
}
#price-list-table-div {
    overflow-y: scroll;
    height: 500px;
}

body > .container-fluid > h2:first-of-type {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-danger);
    margin-bottom: 0;
}
.lh-0 {
    line-height: 0;
}

td > .btn-sm {
    margin-top: -4px;
    margin-bottom: -4px;
}

h2 ~ form {
    border: 1px solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-bottom: 0.5rem;
}

.datepicker {
    padding: 1rem;
}
.datepicker-dropdown {
    z-index: 1030 !important;
}
:root {
    --bs-body-font-size: 0.875rem;
    --bs-primary-rgb: 234, 27, 10;
    --bs-primary: rgb(var(--bs-primary-rgb));
}
.pagination {
    --bs-pagination-color: var(--bs-primary);
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-focus-color: var(--bs-primary);
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}
.col-auto:empty {
    display: none;
}
@media (prefers-color-scheme: dark) {
    :root {
        /*custom dark theme rgb values*/
        --dark-1: 32, 32, 32;
        --dark-2: 48, 48, 48;
        --dark-3: 64, 64, 64;
        --light-1: 240, 240, 240;
        /*bs overrides*/
        --bs-body-color: rgb(var(--light-1));
        --bs-white-rgb: var(--dark-1);
        --bs-light-rgb: var(--dark-2);
        --bs-dark-rgb: var(--light-1);
        --bs-border-color: rgb(var(--dark-3));
        --bs-body-bg: rgb(var(--dark-1));
        /*pwnan*/
        --bs-body-color-rgb: var(--light-1);
        --bs-border-color-translucent: rgb(var(--dark-3));
        --bs-emphasis-color: rgb(var(--light-1));
    }

    input[type=file]::file-selector-button,
    input[type=file]:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: transparent;
    }
    .input-group-text {
        background-color: var(--bs-body-bg);
    }
    .form-control:disabled {
        background-color: rgb(var(--dark-3));
    }


    .datepicker *.focused, 
    .datepicker *:hover {
        background-color: transparent !important;
    }

    .pagination {
        --bs-tertiary-bg: var(--bs-body-bg);
    }
    .dropdown-menu {
        --bs-dropdown-link-hover-bg: rgb(var(--dark-3));
        --bs-dropdown-link-active-bg: var(--bs-primary)
    }
    ::-webkit-calendar-picker-indicator {
        filter: invert(1);
    }
    .table {
        --bs-table-striped-bg: rgb(var(--dark-2));
    }
}