/* Runtime branding overrides. Values are seeded before first paint. */
:root {
    --branding-runtime-primary: var(--branding-preload-primary, #696CFF);
    --branding-runtime-secondary: var(--branding-preload-secondary, #8592A3);
    --branding-runtime-menu-bg: var(--branding-preload-menu-bg, #2B2C40);
    --branding-runtime-menu-text: var(--branding-preload-menu-text, #D5D5E2);
    --branding-runtime-primary-rgb: var(--branding-preload-primary-rgb, 105, 108, 255);
    --branding-runtime-secondary-rgb: var(--branding-preload-secondary-rgb, 133, 146, 163);
    --branding-runtime-primary-hover: var(--branding-preload-primary-hover, #5558EB);
    --branding-runtime-secondary-hover: var(--branding-preload-secondary-hover, #717E8F);
    --branding-runtime-primary-shadow: var(--branding-preload-primary-shadow, #696CFF40);
    --branding-runtime-secondary-shadow: var(--branding-preload-secondary-shadow, #8592A340);

    --branding-primary: var(--branding-runtime-primary);
    --branding-secondary: var(--branding-runtime-secondary);
    --bs-primary: var(--branding-runtime-primary);
    --bs-primary-rgb: var(--branding-runtime-primary-rgb);
    --bs-secondary: var(--branding-runtime-secondary);
    --bs-secondary-rgb: var(--branding-runtime-secondary-rgb);
    --bs-menu-bg: var(--branding-runtime-menu-bg);
    --bs-menu-text: var(--branding-runtime-menu-text);
}

.bg-menu-theme,
#layout-menu .vita-sidebar-header,
#layout-menu .vita-menu-search,
#layout-menu .vita-sidebar-footer,
#layout-menu .vita-sidebar-user-menu {
    background-color: var(--branding-runtime-menu-bg) !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-text,
.bg-menu-theme .menu-header,
.bg-menu-theme .menu-header-text,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .app-brand-text,
#layout-menu .vita-sidebar-company__name,
#layout-menu .vita-sidebar-company__product,
#layout-menu .vita-sidebar-user__copy strong,
#layout-menu .vita-sidebar-user__copy small,
#layout-menu .vita-sidebar-user__chevron,
#layout-menu .vita-sidebar-user-menu,
#layout-menu .vita-sidebar-user-menu__item,
#layout-menu .vita-sidebar-user-menu__head small,
#layout-menu .vita-sidebar-user-menu__head strong,
#layout-menu .vita-sidebar-user-menu__item strong,
#layout-menu .vita-sidebar-user-menu__item small,
#layout-menu .vita-sidebar-user-menu__future {
    color: var(--branding-runtime-menu-text) !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link,
.bg-menu-theme .menu-inner > .menu-item.open > .menu-link,
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
    background-color: var(--branding-runtime-primary) !important;
    color: #fff !important;
}

.bg-menu-theme .menu-inner > .menu-item.active:before,
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before {
    background-color: var(--branding-runtime-primary) !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
    background-color: rgba(var(--branding-runtime-primary-rgb), .12) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--branding-runtime-primary) !important;
    border-color: var(--branding-runtime-primary) !important;
    box-shadow: 0 .125rem .25rem 0 var(--branding-runtime-primary-shadow) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show,
.btn-check:checked + .btn-primary {
    color: #fff !important;
    background-color: var(--branding-runtime-primary-hover) !important;
    border-color: var(--branding-runtime-primary-hover) !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: var(--branding-runtime-secondary) !important;
    border-color: var(--branding-runtime-secondary) !important;
    box-shadow: 0 .125rem .25rem 0 var(--branding-runtime-secondary-shadow) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.show,
.btn-check:checked + .btn-secondary {
    color: #fff !important;
    background-color: var(--branding-runtime-secondary-hover) !important;
    border-color: var(--branding-runtime-secondary-hover) !important;
}

.btn-outline-primary {
    color: var(--branding-runtime-primary) !important;
    border-color: var(--branding-runtime-primary) !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--branding-runtime-primary) !important;
    border-color: var(--branding-runtime-primary) !important;
}

.btn-outline-secondary {
    color: var(--branding-runtime-secondary) !important;
    border-color: var(--branding-runtime-secondary) !important;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: var(--branding-runtime-secondary) !important;
    border-color: var(--branding-runtime-secondary) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--branding-runtime-primary) !important;
    box-shadow: 0 .125rem .25rem 0 var(--branding-runtime-primary-shadow) !important;
}

.form-check-input:checked,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link {
    background-color: var(--branding-runtime-primary) !important;
    border-color: var(--branding-runtime-primary) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link {
    color: #fff !important;
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    color: var(--branding-runtime-primary) !important;
    background-color: rgba(var(--branding-runtime-primary-rgb), .08) !important;
}