.sticky-top {
    width: 100%;
}

.btn-primary {
    background-color: var(--bs-oshw-primary) !important;
    border-color: var(--bs-oshw-primary) !important;
    color: var(--bs-white) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--bs-oshw-primary-dark) !important;
    border-color: var(--bs-oshw-primary-dark) !important;
}

.div-user-settings .nav-link.active,
.div-user-settings .nav-link:hover {
    background-color: var(--bs-oshw-link-primary) !important;
    border-color: var(--bs-oshw-primary) !important;
    color: var(--bs-oshw-primary) !important;
}

.div-user-settings .nav-link.active:after {
    background-color: var(--bs-oshw-primary) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: var(--bs-oshw-link-primary) !important;
    color: var(--bs-oshw-primary) !important;
}

span#user_full_name {
    color: var(--bs-oshw-primary) !important;
}

.dropdown-toggle::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    width: 0;
    height: 0;
    margin-left: 0 !important;
    background: none;
    background-size: auto;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: unset !important;
    color: var(--bs-oshw-primary) !important;
}

.progress-bar {
    background-color: var(--bs-oshw-primary) !important;
}