a {
    color: #896c4c;
}

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

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

.btn {
    svg {
        path {
            fill: #896c4c;
        }
    }
}

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

.btn-outline-primary {
    --bs-btn-color: #896c4c;
    --bs-btn-hover-color: #fff;

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

.btn-link {
    --bs-btn-color: #896c4c;
    --bs-btn-hover-color: color-mix(in srgb, #896c4c 85%, black);
    --bs-btn-active-color: color-mix(in srgb, #896c4c 85%, black);
    --bs-btn-disabled-color: #6c757d;
}

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

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

#signup-section {
    background-color: #D6D0C2;
    color: #5c5b59;
}
#signup-section h1, #signup-section h5 {
    background-color: #D6D0C2;
    color: #5c5b59 !important;
}

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

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

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