/****************************
* HEADER
****************************/
/* Background */
.app-header {
    background-color: var(--theme-primary);
}
[data-kt-app-header-minimize="on"] .app-header {
	background-color: var(--theme-primary);
}

/* Buttons */
[data-kt-app-layout="dark-sidebar"] .app-header-menu .menu>.menu-item.active>.menu-link,
[data-kt-app-layout="dark-sidebar"] .app-header-menu .menu>.menu-item.here>.menu-link {
    background-color: var(--theme-tertiary);
}

.app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
    color: var(--theme-secondary);
}

/* Buttons icons */
.app-navbar .btn.btn-icon-muted .svg-icon,
.app-navbar .btn.btn-icon-muted i {
    color: var(--theme-tertiary);
}

/* Buttons icons hover */
.app-navbar .btn-check:active + .btn.btn-active-light, .app-navbar .btn-check:checked + .btn.btn-active-light, .app-navbar .btn.btn-active-light.active, .app-navbar .btn.btn-active-light.show, .app-navbar .btn.btn-active-light:active:not(.btn-active), .app-navbar .btn.btn-active-light:focus:not(.btn-active), .app-navbar .btn.btn-active-light:hover:not(.btn-active), .app-navbar .show > .btn.btn-active-light {
	color: var(--theme-secondary);
	border-color: var(--theme-tertiary);
	background-color: var(--theme-tertiary) !important;
}
.app-navbar .btn-check:active + .btn.btn-active-color-primary .svg-icon, .app-navbar .btn-check:active + .btn.btn-active-color-primary i, .app-navbar .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .app-navbar .btn-check:checked + .btn.btn-active-color-primary i, .app-navbar .app-navbar .btn.btn-active-color-primary.active .svg-icon, .app-navbar .btn.btn-active-color-primary.active i, .app-navbar .btn.btn-active-color-primary.show .svg-icon, .app-navbar .btn.btn-active-color-primary.show i, .app-navbar .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .app-navbar .btn.btn-active-color-primary:active:not(.btn-active) i, .app-navbar .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .app-navbar .btn.btn-active-color-primary:focus:not(.btn-active) i, .app-navbar .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .app-navbar .btn.btn-active-color-primary:hover:not(.btn-active) i, .app-navbar .show > .btn.btn-active-color-primary .svg-icon, .app-navbar .show > .btn.btn-active-color-primary i {
	color: var(--theme-secondary);
}



/****************************
* SUB-HEADER - TOOLBAR
****************************/
/* Background */
body:not([data-kt-app-toolbar-fixed="true"]) .app-toolbar {
    background-color: var(--theme-tertiary);
}



/****************************
* SIDEBAR
****************************/
/* Background */
[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: var(--theme-tertiary);
}

/* Menu headings */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
    color: var(--theme-primary) !important;
}

/* Menu title */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: var(--theme-dark);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--theme-secondary);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--theme-secondary);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: var(--theme-light);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-arrow::after {
    background-color: var(--theme-dark);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow::after,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow::after {
    background-color: var(--theme-secondary);
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--theme-secondary);
}

/* Menu hover */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: var(--theme-secondary);
    color: var(--theme-light);
}

/* Sidebar toggle */
.app-sidebar-toggle.btn.btn-color-muted {
    color: var(--theme-secondary);
}

.app-sidebar-toggle.btn.btn-color-muted .svg-icon,
.app-sidebar-toggle.btn.btn-color-muted i {
    color: var(--theme-secondary);
}

/* Sidebar toggle hover */
.app-sidebar-toggle.btn-check:active+.btn.btn-active-color-primary,
.app-sidebar-toggle.btn-check:checked+.btn.btn-active-color-primary,
.app-sidebar-toggle.btn.btn-active-color-primary.active,
.app-sidebar-toggle.btn.btn-active-color-primary.show,
.app-sidebar-toggle.btn.btn-active-color-primary:active:not(.btn-active),
.app-sidebar-toggle.btn.btn-active-color-primary:focus:not(.btn-active),
.app-sidebar-toggle.btn.btn-active-color-primary:hover:not(.btn-active),
.app-sidebar-toggle.show>.btn.btn-active-color-primary {
    color: var(--theme-secondary);
}

.app-sidebar-toggle.btn-check:active+.btn.btn-active-color-primary .svg-icon,
.app-sidebar-toggle.btn-check:active+.btn.btn-active-color-primary i,
.app-sidebar-toggle.btn-check:checked+.btn.btn-active-color-primary .svg-icon,
.app-sidebar-toggle.btn-check:checked+.btn.btn-active-color-primary i,
.app-sidebar-toggle.btn.btn-active-color-primary.active .svg-icon,
.app-sidebar-toggle.btn.btn-active-color-primary.active i,
.app-sidebar-toggle.btn.btn-active-color-primary.show .svg-icon,
.app-sidebar-toggle.btn.btn-active-color-primary.show i,
.app-sidebar-toggle.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,
.app-sidebar-toggle.btn.btn-active-color-primary:active:not(.btn-active) i,
.app-sidebar-toggle.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
.app-sidebar-toggle.btn.btn-active-color-primary:focus:not(.btn-active) i,
.app-sidebar-toggle.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.app-sidebar-toggle.btn.btn-active-color-primary:hover:not(.btn-active) i,
.app-sidebar-toggle.show>.btn.btn-active-color-primary .svg-icon,
.show>.app-sidebar-toggle.btn.btn-active-color-primary i {
    color: var(--theme-secondary);
}

.app-sidebar-toggle.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):hover {
    border: solid 1px;
    border-color: var(--theme-secondary);
}



/****************************
* FOOTER
****************************/
/* Menu link */
.app-footer .menu-gray-600 .menu-item .menu-link {
	color: var(--theme-primary);
}

/* Menu link hover */
.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
	transition: color .2s ease;
	color: var(--theme-secondary);
}