html[data-bs-theme=dark] tr.bg-light-primary > th {
    color: darkblue !important;
}

.page-heading {
    margin: 0 0 1rem !important;
}

.page-content {
    min-height: 800px !important;
}

.sidebar-wrapper .menu .sidebar-title {
    font-size: 0.875rem;
    font-weight: 800;
}

/*
    Sidebar Logo Control
 */
.form-check-input {
    height: 1rem;
}
.sidebar-wrapper .sidebar-header img {
    height: 3rem;
}
html[data-bs-theme=dark] .sidebar-wrapper .sidebar-header img {
    height: 3rem;
}
.sidebar-wrapper {
    width: 250px;
}
#sidebar .sidebar-wrapper {
    left: -250px;
}
.submenu-open {
    padding-left: .25rem;
}
.sidebar-wrapper .sidebar-header {
    padding: 1rem;
}
.sidebar-wrapper .menu {
    margin-top: 1rem;
    padding: 0 1rem;
}
.sidebar-wrapper .menu .sidebar-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    margin-bottom: .25rem;
}
.sidebar-wrapper .menu .submenu .submenu-item a {
    padding: .5rem 1.75rem;
    font-size: 0.75rem;
}

/*
    Main
 */
@media screen and (min-width: 1200px) {
    #sidebar:has(.active)~#main {
        margin-left: 250px;
    }
    #sidebar:not(.active)~#main {
        margin-left: 0px;
    }
}

/*
    Invoice Section
 */
.invoice-company-logo {
    max-width: 150px !important;
}
.invoice-term > dt {
    text-align: start !important;
}
@media screen and (min-width: 576px) {
    .invoice-company-logo {
        max-width: 150px !important;
    }
    .invoice-term > dt {
        text-align: start !important;
    }
}
@media screen and (min-width: 768px) {
    .invoice-company-logo {
        max-width: 300px !important;
    }
    .invoice-term > dt {
        text-align: end !important;
    }
}
@media screen and (min-width: 992px) {
    .invoice-company-logo {
        max-width: 300px !important;
    }
    .invoice-term > dt {
        text-align: end !important;
    }
}
@media screen and (min-width: 1200px) {
    .invoice-company-logo {
        max-width: 300px !important;
    }
    .invoice-term > dt {
        text-align: end !important;
    }
}
@media screen and (min-width: 1400px) {
    .invoice-company-logo {
        max-width: 300px !important;
    }
    .invoice-term > dt {
        text-align: end !important;
    }
}

/*
    Invoice
 */
.search-product-item:hover {
    background-color: var(--bs-primary-bg-subtle) !important;
}