.brand {
    height: 30px;
    width: 230px;
    background-image: url(../../../img/brands/v2/stp/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.brand.brand-nav {
    background-position: left center;
}
.brand.brand-sidebar {
    height: 36px;
}

.form-select:focus,
.form-control:focus {
    border-color: #00B289;
    box-shadow: 0 0 0 2px rgba(0, 178, 137, 0.25);
}
.form-check-input:focus {
    border-color: #00B289;
}
.form-check-input:checked {
    background-color: #00B289;
    border-color: #00B289;
}
.form-check-input[type=checkbox]:indeterminate {
    background-color: #00B289;
    border-color: #00B289;
}
.form-range::-webkit-slider-thumb {
    background-color: #00B289;
}

.btn {
    svg {
        path {
            fill: #00B289;
        }
    }
}

.btn-primary {
    --bs-btn-bg: #00B289;
    --bs-btn-border-color: #00B289;
    --bs-btn-hover-bg: color-mix(in srgb, #00B289 85%, black);
    --bs-btn-hover-border-color: #00B289;
    --bs-btn-active-bg: #00B289;
    --bs-btn-active-border-color: #00B289;
    --bs-btn-disabled-bg: color-mix(in srgb, #00B289 85%, white);
    --bs-btn-disabled-border-color: color-mix(in srgb, #00B289 85%, white);
}

.btn-outline-primary {
    --bs-btn-color: #00B289;
    --bs-btn-hover-color: #fff;

    --bs-btn-border-color: #00B289;
    --bs-btn-hover-bg: #00B289;
    --bs-btn-hover-border-color: #00B289;
    --bs-btn-active-bg: #00B289;
    --bs-btn-active-border-color: #00B289;
    --bs-btn-disabled-color: color-mix(in srgb, #00B289 85%, white);
    --bs-btn-disabled-border-color: color-mix(in srgb, #00B289 85%, white);
}

.btn-link {
    --bs-btn-color: #475f7b;
    --bs-btn-hover-color: #475f7b;
    --bs-btn-active-color: #475f7b;
    --bs-btn-disabled-color: #6c757d;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #00B289;
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #00B289;
}
.progress-stacked {
    --bs-progress-bar-bg: #00B289;
}
.list-group {
    --bs-list-group-active-bg: #00B289;
    --bs-list-group-active-border-color: #00B289;
}
.light-button {
    color: #00B289;
    border-color: #fff;
    background-color: #fff;
}

.light-button:hover {
    color: #fff;
    border-color: #00B289;
    background-color: #00B289;
}
.sidebar-nav > li.active > a,
.sidebar-nav > li.active > a:hover {
    color: #00B289;
}
#navbar-wrapper .navbar a:not(.btn):hover {
    color: #00B289;
}
.pagination li :hover {
    border-color: #00B289;
}
#progress-bar {
    background-color: #00B289;
}
.user-icon {
    background-color: #00B289;
}

#signup-section {
    background-color: #445460;
    background-image: linear-gradient(90deg, rgba(6, 29, 27, 0.4) 0%, rgba(6, 29, 27, 0.4) 100%),
    url(../../../img/brands/v2/stp/background.jpg);
    color: #ffffff;

    background-repeat: no-repeat;
    background-size: cover;
}

.nav {
    --bs-nav-link-color: #00B289;
    --bs-nav-link-hover-color: #00B289;
}

.datepicker .active {
    background-color: #00B289 !important;
    background-image: none !important;
}

.nav-tabs .nav-link.active:hover {
    color: #00B289;
    border-bottom: 3px solid #00B289;
}
.nav-tabs .nav-link.active {
    color: #00B289;
    border-bottom: 3px solid #00B289;
}