:root,
[data-bs-theme="light"] {
    --bs-success-rgb: 87, 150, 38;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
}

[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: var(--peak-accent-text-color);
    --bs-btn-border-color: rgba(var(--bs-primary-rgb), .75);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--peak-text-muted-color);
    --bs-btn-disabled-border-color: var(--peak-border-muted-color);
}

[data-bs-theme="dark"] .btn-outline-dark {
    --bs-btn-color: var(--peak-text-color);
    --bs-btn-border-color: var(--peak-border-muted-color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--peak-surface-raised-bg);
    --bs-btn-hover-border-color: var(--peak-text-muted-color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--peak-surface-raised-bg);
    --bs-btn-active-border-color: var(--peak-text-muted-color);
    --bs-btn-disabled-color: var(--peak-text-muted-color);
    --bs-btn-disabled-border-color: var(--peak-border-color);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}

    .btn-secondary:not(.btn-noshadow):hover,
    .btn-secondary:not(.btn-noshadow):not(.btn-soft):focus,
    .btn-secondary:not(.btn-noshadow):not(.btn-soft):active {
        box-shadow: 0 4px 11px rgba(var(--bs-secondary-rgb), 0.35);
    }

.btn-primary:not(.btn-noshadow):hover,
.btn-primary:not(.btn-noshadow):not(.btn-soft):focus,
.btn-primary:not(.btn-noshadow):not(.btn-soft):active {
    box-shadow: 0 4px 11px rgba(var(--bs-dark-rgb), 0.35);
}

.btn-soft-static.btn-primary:not([aria-expanded="true"]):not(.active),
.btn-soft.btn-primary:not(:hover):not([aria-expanded="true"]):not(.active) {
    color: var(--peak-text-color);
    border-color: var(--bs-primary-soft);
    background-color: var(--bs-primary-soft);
}

.text-danger-dark {
    color: var(--peak-danger-text-color);
}

.nav-pills {
    --bs-nav-pills-link-active-color: #1b2a4e;
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-primary);
    }

.pagination {
    --bs-pagination-color: var(--peak-pagination-color);
    --bs-pagination-bg: var(--peak-pagination-bg);
    --bs-pagination-border-color: var(--peak-pagination-border-color);
    --bs-pagination-hover-color: var(--peak-pagination-hover-color);
    --bs-pagination-hover-bg: var(--peak-pagination-hover-bg);
    --bs-pagination-hover-border-color: var(--peak-pagination-border-color);
    --bs-pagination-focus-color: var(--peak-pagination-focus-color);
    --bs-pagination-focus-bg: var(--peak-pagination-focus-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25);
    --bs-pagination-active-color: var(--peak-pagination-active-color);
    --bs-pagination-active-bg: var(--peak-pagination-active-bg);
    --bs-pagination-active-border-color: var(--peak-pagination-active-border-color);
    --bs-pagination-disabled-color: var(--peak-pagination-disabled-color);
    --bs-pagination-disabled-bg: var(--peak-pagination-disabled-bg);
    --bs-pagination-disabled-border-color: var(--peak-pagination-border-color);
}

.form-check-input-primary:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.aside-primary {
    color: var(--peak-sidebar-text-color);
    background-color: var(--peak-sidebar-bg);
}

.aside-primary.bg-gradient {
    background-image: linear-gradient(180deg, var(--peak-sidebar-bg) 0%, var(--peak-sidebar-bg-end) 100%) !important;
}

nav.nav-deep-dark .nav-item > a.nav-link {
    color: var(--peak-sidebar-text-color);
}

#itmCatFilters .nav-item > .nav-link,
#itmCatFilters .nav-item > .nav-link {
    color: var(--peak-text-color);
}

#itmCatFilters .nav-item:hover > .nav-link,
#itmCatFilters .nav-item.active > .nav-link {
    color: #ffffff;
    background-color: var(--bs-primary) !important;
    border-radius: 25px;
}

input:checked + .switch-icon-primary, .active + .switch-icon-primary, .switch-icon-primary.active {
    background-color: var(--bs-primary);
}

[data-bs-theme="dark"] .switch-icon {
    background-color: var(--peak-switch-bg);
    border: 1px solid var(--peak-switch-border-color);
}

[data-bs-theme="dark"] .switch-icon:before {
    background-color: var(--peak-switch-thumb-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .38);
}

[data-bs-theme="dark"] input:checked + .switch-icon:before,
[data-bs-theme="dark"] .active + .switch-icon:before,
[data-bs-theme="dark"] .switch-icon.active:before {
    background-color: #ffffff;
}


.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.bg-info {
    color: var(--peak-info-label-text-color);
}

@media (min-width: 992px) {
    .modal-md {
        --bs-modal-width: 650px;
    }

}

.settings-row {
    border-bottom: 1px solid var(--peak-border-muted-color);
    padding-top: 12px;
    padding-bottom: 12px;
}

.settings-row:first-child {
    padding-top: 0;
}

.settings-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.active-mic {
    fill: red;
}

.quote-estimate-action {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    min-height: 42px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.quote-estimate-action i {
    width: 1.15rem;
    text-align: center;
    flex: 0 0 1.15rem;
    line-height: 1;
}

.quote-estimate-action span {
    line-height: 1;
}

#reportContainer,
#divRenderReport {
    width: 100%;
    height: 100%;
}