a {
    color: #000;
}

/* Customize logo size */
.logo-wrapper {
    height: 92px
}

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

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

.btn {
    svg {
        path {
            fill: #edac33;
        }
    }
}

.btn-primary {
    --bs-btn-bg: #edac33;
    --bs-btn-border-color: #edac33;
    --bs-btn-disabled-bg: color-mix(in srgb, #edac33 85%, white);
    --bs-btn-disabled-border-color: color-mix(in srgb, #edac33 85%, white);

    --bs-btn-hover-bg: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-active-bg: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-active-border-color: color-mix(in srgb, #edac33 85%, black);

    --bs-btn-color: #000;
    --bs-btn-hover-color: #fff;
}

.btn-outline-primary {
    --bs-btn-color: #000;
    --bs-btn-border-color: #edac33;
    --bs-btn-disabled-bg: color-mix(in srgb, #edac33 85%, white);
    --bs-btn-disabled-border-color: color-mix(in srgb, #edac33 85%, white);
    --bs-btn-disabled-color: #fff;

    --bs-btn-hover-bg: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-active-bg: color-mix(in srgb, #edac33 85%, black);
    --bs-btn-active-border-color: color-mix(in srgb, #edac33 85%, black);

    --bs-btn-hover-color: #000;
}

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

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

.light-button:hover {
    color: #212529;
    background-color: #edac33;
    border-color: #edac33;
}
.sidebar-nav > li.active > a,
.sidebar-nav > li.active > a:hover {
    color: color-mix(in srgb, #edac33 85%, black);
}
#navbar-wrapper .navbar a:not(.btn):hover {
    color: color-mix(in srgb, #edac33 85%, black);
}
.pagination li :hover {
    border-color: #212529;
}
#progress-bar {
    background-color: #edac33;
}
.user-icon {
    background-color: #212529;
}

#signup-section {
    background-color: #212529;
    background-image: linear-gradient(90deg, rgba(6, 29, 27, 0.3) 0%, rgba(6, 29, 27, 0.3) 100%),
        url(../../../img/brands/v2/gqg/background.png);
    color: #ffffff;

    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.nav {
    --bs-nav-link-color: color-mix(in srgb, #edac33 85%, black);
    --bs-nav-link-hover-color: #212529;
}

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

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