:root {
    --bs-primary: #0088cb;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #3399cc;
    --bs-btn-hover-border-color: #3399cc;
}
.btn-outline-primary {
    /*--bs-btn-bg: var(--bs-primary);*/
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
}

.table-column-min {
    width: 1%;
    white-space: nowrap;
}

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

.nav-header {
    --bs-nav-link-padding-y: 0.25rem;
}

.navbar-toggler {
    --bs-navbar-toggler-border-color: var(--bs-primary);
}

.offcanvas {
    @media (max-width: 500px) {
        --bs-offcanvas-width: 300px;
    }
}
.offcanvas-header {
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-color: var(--bs-primary);
    --bs-pagination-hover-color: #3399cc;
}