body {
    background-color: var(--bs-tertiary-bg);
}

footer {
    color: #fff;
}

footer ul {
    list-style-type: none;
    padding-left: 0px;
}

footer ul li {
    font-size: 18px;
}

footer ul li i {
    font-size: 22px;
}

footer a {
    color: #fff;
}

.btn {
    --bs-btn-active-color: var(--bs-primary);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-dark-1);
    --bs-btn-hover-border-color: var(--bs-primary-dark-1);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-primary-light-3 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary-light-3);
    --bs-btn-border-color: var(--bs-primary-light-3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-light-2);
    --bs-btn-hover-border-color: var(--bs-primary-light-2);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-light-3);
    --bs-btn-active-border-color: var(--bs-primary-light-3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary-light-3);
    --bs-btn-disabled-border-color: var(--bs-primary-light-3);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-tertiary-1);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-tertiary-1);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-tertiary);
    --bs-btn-disabled-border-color: var(--bs-tertiary);
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger-dark-1);
    --bs-btn-hover-border-color: var(--bs-danger-dark-1);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger-dark-1);
    --bs-btn-active-border-color: var(--bs-danger-dark-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-additional {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary-additional);
    --bs-btn-border-color: var(--bs-primary-additional);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-additional-dark-1);
    --bs-btn-hover-border-color: var(--bs-primary-additional-dark-1);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-additional);
    --bs-btn-active-border-color: var(--bs-primary-additional);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary-additional);
    --bs-btn-disabled-border-color: var(--bs-primary-additional);
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-primary-light-4);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-primary-light-4);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline;
}

.btn-go-back {
    border-radius: 15px;
    padding: 1px 4px;
    line-height: 0px;
    color: var(--bs-primary) !important;
    background-color: var(--bs-light) !important;
    border: var(--bs-primary) solid 1px !important;
}

.btn-go-back:hover {
    color: var(--bs-light) !important;
    background-color: var(--bs-primary) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    ;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}

.btn-outline-primary-light-2 {
    --bs-btn-color: var(--bs-primary-light-2);
    --bs-btn-border-color: var(--bs-primary-light-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-light-2);
    --bs-btn-hover-border-color: var(--bs-primary-light-2);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-light-2);
    --bs-btn-active-border-color: var(--bs-primary-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary-light-2);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary-light-2);
    --bs-gradient: none;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--bs-primary-light-4);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

/* .navbar-nav {
    --bs-nav-link-color: var(--bs-light) !important;
} */

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-primary-light-1 {
    background-color: var(--bs-primary-light-1);
}

.bg-secondary {
    background-color: var(--bs-secondary-bg) !important;
}

.bg-tertiary {
    background-color: var(--bs-tertiary-bg) !important;
}

.link-primary {
    color: var(--bs-primary) !important;
}

.link-primary:hover {
    color: var(--bs-primary-dark-1) !important;
}

.link-primary:focus {
    color: var(--bs-primary) !important;
}

.breadcrumb-item>a {
    color: var(--bs-primary) !important;
}

.breadcrumb-item>a:hover {
    color: var(--bs-primary-dark-1) !important;
}

.breadcrumb-item>a:focus {
    color: var(--bs-primary) !important;
}

.not-arrow::after {
    content: none;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 1046;
    background-color: var(--bs-primary);
}

/* .nav-item {
    height: 50px;
} */

.nav-link {
    line-height: 33px;
    color: var(--bs-light);
}

.nav-link:hover {
    color: var(--bs-light);
    background-color: var(--bs-primary-dark-1);
}

.nav-link:visited {
    color: var(--bs-light);
}

.nav-link:focus {
    color: var(--bs-light);
}

.nav-item>.dropdown-menu {
    background-color: var(--bs-primary);
    margin-top: 1px;
}

.nav-item>.dropdown-menu .dropdown-item:focus {
    background-color: var(--bs-primary);
}

.nav-item>.dropdown-menu .dropdown-item:hover {
    background-color: var(--bs-primary-dark-1);
}

.offcanvas-body .navbar-nav a {
    border-left: var(--bs-dark) solid 3px;
}

.offcanvas-body .navbar-nav a:hover {
    border-left: var(--bs-primary) solid 3px;
}

.offcanvas-body .nav-link:hover {
    background-color: var(--bs-dark-light);
}

.width-form {
    width: 40rem;
}

/* .dropdown-menu
{
    background-color: var(--bs-primary-light-4);
    margin-top: 1px;
} */

.datepicker.datepicker-dropdown.dropdown-menu {
    background-color: var(--bs-primary-light-4);
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: var(--bs-primary-light-1);
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: var(--bs-primary-light-1);
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: var(--bs-primary-light-1) !important;
}

.datepicker-dropdown:before {
    border-bottom: 7px solid var(--bs-primary-light-4);
    border-bottom-color: var(--bs-primary-light-4);
}

.datepicker-dropdown:after {
    border-bottom: 7px solid var(--bs-primary-light-4);
}

.datepicker table tr td.active.active {
    background: var(--bs-primary-light-1);
}

.datepicker table tr td.active.active:hover {
    background: var(--bs-primary-light-1);
}

/* .dropdown-item
{
    color: var(--bs-light);
}
*/

.dropdown-rounded {
    padding: 5px;
    border-radius: 15px;
    width: 30px;
    line-height: 18px;
    background: transparent;
    border-color: transparent !important;
    color: var(--bs-primary);
}

.dropdown-rounded:hover {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-3);
}

.dropdown-rounded:active {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-3);
}

.dropdown-rounded:visited {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-3);
}

.dropdown-rounded::after {
    content: none;
}

.btn-rounded>.dropdown-menu {
    z-index: 1021;
}

.btn-rounded>.dropdown-menu .dropdown-item {
    color: var(--bs-primary);
}

.btn-rounded>.dropdown-menu .dropdown-item:hover {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-4);
}

.btn-rounded>.dropdown-menu .dropdown-item:active {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-4);
}

.btn-rounded>.dropdown-item:focus {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-4);
}

/* .dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-primary);
} */


.link-rounded {
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: var(--bs-primary) solid 1px; */
    border-radius: 20px;
    height: 30px;
    width: 30px;
}

.link-rounded>a {
    color: var(--bs-primary);
}

.link-rounded:hover {
    background-color: var(--bs-primary-light-3);
}

.link-rounded:active {
    background-color: var(--bs-primary-light-3);
}


/* .light-hover:hover
{
    background-color: #e3e3e3;
} */

/* .dropdown-item:active {
    color: inherit;
    background-color: inherit;
} */

@media only screen and (max-width: 768px) {
    .width-form {
        width: 100%;
    }
}

.btn-form {
    width: 112px;
}

.pagination {
    margin-bottom: 0px !important;
}

/* .navbar-toggler-icon {
    color: var(--bs-nav-link-color);
} */

.offcanvas {
    margin-top: 41px;
    width: 230px !important;
    color: var(--bs-light);
    background-color: var(--bs-dark);
}

.bg-cyan {
    background-color: #00bcd4 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.form-text {
    font-size: x-small;
}

.footer-copyright {
    overflow: hidden;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0px;
    color: rgba(255, 255, 255, 0.8);
    background-color: var(--bs-shadow);
}

.text-primary-theme {
    color: var(--bs-primary);
}

.text-primary-theme {
    color: var(--bs-primary);
}

.text-primary-light-1-theme {
    color: var(--bs-primary-light-1);
}

.text-primary-light-3-theme {
    color: var(--bs-primary-light-2);
}

.text-primary-light-3-theme:hover {
    color: var(--bs-primary-light-1);
}

.disabled {
    background-color: var(--bs-secondary-bg);
}

.disabled:focus {
    background-color: var(--bs-secondary-bg);
}

.list-group-item.active {
    background-color: var(--bs-primary);
}

.page-link {
    color: var(--bs-primary);
}

.page-link:hover {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light-3);
    border-color: var(--bs-primary-light-3);
}

.active>.page-link,
.page-link.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.active>.page-link,
.page-link.active:hover {
    color: var(--bs-light);
}

/* #container-products {
    max-height: 303px;
} */

/* #container-items  {
    height: 356px;
} */

.nav-tabs .nav-link {
    color: var(--bs-primary);
    background-color: var(--bs-light);
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .nav-link:disabled {
    background-color: var(--bs-primary-light-4);
}

.home-link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90px;
}

.home-icon {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.home-icon-description {
    font-size: 14px;
}

.chart-min-height {
    min-height: 300px;
}

.table-list {
    font-size: 14px;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

@media only screen and (min-height: 338px) {
    #container-products {
        /* max-height: 255px; */
        max-height: 230px;
    }

    .container-items {
        max-height: 230px;
    }

    /* .home-icon {
        font-size: 28px;
    }

    .home-icon-description {
        font-size: 13px;
    } */
}

/* Telas menores ou igual a 500px */
@media(max-width: 500px) {
    .home-icon {
        font-size: 28px;
    }

    .home-icon-description {
        font-size: 13px;
    }

    .chart-min-height {
        min-height: 400px;
    }

    .btn-fetch-reports {
        margin-bottom: 0px;
        width: 100%;
        display: flex;
        justify-content: end;
    }

    .container-input {
        margin-bottom: 1rem;
    }
}

/* Telas menores ou igual a 576px */
@media(max-width: 576px) {
    .label-pagination {
        width: 100% !important;
    }
}