html.color-header .topbar .navbar-nav .nav-link {

	color: #ffffff;

}

html.color-header .topbar .navbar .navbar-nav .nav-link:hover,
html.color-header .topbar .navbar .navbar-nav .nav-link:focus {
	background-color: rgb(255 255 255 / 12%);
    color: #ffffff;
}
html.color-header .search-bar a.btn, html.color-header .search-bar a.btn:focus {
    color: #221f1f;
    background-color: #ffffff;
}

html.color-header::placeholder {

	color: #08090a !important;

	opacity: .5 !important;

	/* Firefox */

}

html.color-header .search-show {

	color: #221f1f;

}

html.color-header .user-info .user-name {

	color: #ffffff;

}

html.color-header .user-info .designattion {

	color: #ffffff;

}

html.color-header .user-box {
	border-left: 1px solid rgb(255 255 255 / .15) !important;
    border-right: 1px solid rgb(255 255 255 / .15) !important;
}

html.color-header .topbar-logo-header {

	border-right: 1px solid rgb(255 255 255 / 0.35) !important;

}

html.color-header .topbar-logo-header .logo-icon {

	filter: invert(1) grayscale(100%) brightness(200%);

}


html.color-header .topbar-logo-header .logo-text{
	color: #ffffff;
}

html.color-header .mobile-toggle-menu {

	color: #ffffff;

}

/* header colors */

.switcher-body .headercolor1 {

	background: #008cff !important;

}

.switcher-body .headercolor2 {

	background: #23282c !important;

}

.switcher-body .headercolor3 {

	background: #e10a1f !important;

}

.switcher-body .headercolor4 {

	background: #157d4c !important;

}

.switcher-body .headercolor5 {

	background: #673ab7 !important;

}

.switcher-body .headercolor6 {

	background: #795548 !important;

}

.switcher-body .headercolor7 {

	background: #d3094e !important;

}

.switcher-body .headercolor8 {

	background: #ff9800 !important;

}

html.headercolor1 .topbar {

	background: #008cff !important;

}

html.headercolor2 .topbar {

	background: #23282c;

}

html.headercolor3 .topbar {

	background: #e10a1f;

}

html.headercolor4 .topbar {

	background: #157d4c;

}

html.headercolor5 .topbar {

	background: #673ab7;

}

html.headercolor6 .topbar {

	background: #795548;

}

html.headercolor7 .topbar {

	background: #d3094e;

}

html.headercolor8 .topbar {

	background: #ff9800;

}

/* Orcamento detalhes - botão PDF acompanha cor do header */
html.headercolor1 .orcamento-detail .btn-premium,
html.headercolor1 .orcamento-detail .btn-premium.btn-primary {
	background-color: #008cff !important;
	border-color: #008cff !important;
}

html.headercolor2 .orcamento-detail .btn-premium,
html.headercolor2 .orcamento-detail .btn-premium.btn-primary {
	background-color: #23282c !important;
	border-color: #23282c !important;
}

html.headercolor3 .orcamento-detail .btn-premium,
html.headercolor3 .orcamento-detail .btn-premium.btn-primary {
	background-color: #e10a1f !important;
	border-color: #e10a1f !important;
}

html.headercolor4 .orcamento-detail .btn-premium,
html.headercolor4 .orcamento-detail .btn-premium.btn-primary {
	background-color: #157d4c !important;
	border-color: #157d4c !important;
}

html.headercolor5 .orcamento-detail .btn-premium,
html.headercolor5 .orcamento-detail .btn-premium.btn-primary {
	background-color: #673ab7 !important;
	border-color: #673ab7 !important;
}

html.headercolor6 .orcamento-detail .btn-premium,
html.headercolor6 .orcamento-detail .btn-premium.btn-primary {
	background-color: #795548 !important;
	border-color: #795548 !important;
}

html.headercolor7 .orcamento-detail .btn-premium,
html.headercolor7 .orcamento-detail .btn-premium.btn-primary {
	background-color: #d3094e !important;
	border-color: #d3094e !important;
}

html.headercolor8 .orcamento-detail .btn-premium,
html.headercolor8 .orcamento-detail .btn-premium.btn-primary {
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}

/* ============================================
   APLICAR CORES DO HEADER EM TODOS OS ELEMENTOS PRIMÁRIOS
   ============================================ */

/* Headercolor1 - Azul (#008cff) */
html.headercolor1 .btn-primary,
html.headercolor1 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #008cff !important;
	border-color: #008cff !important;
}

html.headercolor1 .btn-primary:hover,
html.headercolor1 .btn-primary:focus {
	background-color: #037de2 !important;
	border-color: #037de2 !important;
}

html.headercolor1 .bg-primary {
	background-color: #008cff !important;
}

html.headercolor1 .notification.bg-primary {
	background-color: #008cff !important;
}

html.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #008cff !important;
	color: #ffffff !important;
}

html.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor1 .nav-link.active {
	background-color: rgba(7, 39, 215, 0.15) !important;
	color: #008cff !important;
}

html.headercolor1 .text-primary {
	color: #008cff !important;
}

html.headercolor1 .border-primary {
	border-color: #008cff !important;
}

/* Ícones e cards - Headercolor1 */
html.headercolor1 .kpi-icon,
html.headercolor1 .kpi-icon--info,
html.headercolor1 .kpi-icon--success,
html.headercolor1 .kpi-icon--warning,
html.headercolor1 .quick-icon,
html.headercolor1 .quick-icon--primary,
html.headercolor1 .quick-icon--info,
html.headercolor1 .quick-icon--success,
html.headercolor1 .quick-icon--warning,
html.headercolor1 .quick-icon--danger,
html.headercolor1 .quick-icon--secondary {
	background: rgba(7, 39, 215, 0.15) !important;
	color: #008cff !important;
	border-color: rgba(7, 39, 215, 0.25) !important;
}

html.headercolor1 .kpi-icon i,
html.headercolor1 .kpi-icon--info i,
html.headercolor1 .kpi-icon--success i,
html.headercolor1 .kpi-icon--warning i,
html.headercolor1 .quick-icon i,
html.headercolor1 .quick-icon--primary i,
html.headercolor1 .quick-icon--info i,
html.headercolor1 .quick-icon--success i {
	color: #008cff !important;
}

html.headercolor1 .kpi-card__header--link:hover {
	background-color: rgba(7, 39, 215, 0.1) !important;
}

html.headercolor1 .kpi-card__header--link:active {
	background-color: rgba(7, 39, 215, 0.15) !important;
}

html.headercolor1 .kpi-metric:hover {
	background-color: rgba(7, 39, 215, 0.08) !important;
}

/* Headercolor2 - Cinza Escuro (#23282c) */
html.headercolor2 .btn-primary,
html.headercolor2 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #23282c !important;
	border-color: #23282c !important;
}

html.headercolor2 .btn-primary:hover,
html.headercolor2 .btn-primary:focus {
	background-color: #1a1e21 !important;
	border-color: #1a1e21 !important;
}

html.headercolor2 .bg-primary {
	background-color: #23282c !important;
}

html.headercolor2 .notification.bg-primary {
	background-color: #23282c !important;
}

html.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #23282c !important;
	color: #ffffff !important;
}

html.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor2 .nav-link.active {
	background-color: rgba(35, 40, 44, 0.15) !important;
	color: #23282c !important;
}

html.headercolor2 .text-primary {
	color: #23282c !important;
}

html.headercolor2 .border-primary {
	border-color: #23282c !important;
}

/* Ícones e cards - Headercolor2 */
html.headercolor2 .kpi-icon,
html.headercolor2 .kpi-icon--info,
html.headercolor2 .kpi-icon--success,
html.headercolor2 .kpi-icon--warning,
html.headercolor2 .quick-icon,
html.headercolor2 .quick-icon--primary,
html.headercolor2 .quick-icon--info,
html.headercolor2 .quick-icon--success,
html.headercolor2 .quick-icon--warning,
html.headercolor2 .quick-icon--danger,
html.headercolor2 .quick-icon--secondary {
	background: rgba(35, 40, 44, 0.15) !important;
	color: #23282c !important;
	border-color: rgba(35, 40, 44, 0.25) !important;
}

html.headercolor2 .kpi-icon i,
html.headercolor2 .kpi-icon--info i,
html.headercolor2 .kpi-icon--success i,
html.headercolor2 .kpi-icon--warning i,
html.headercolor2 .quick-icon i,
html.headercolor2 .quick-icon--primary i,
html.headercolor2 .quick-icon--info i,
html.headercolor2 .quick-icon--success i {
	color: #23282c !important;
}

html.headercolor2 .kpi-card__header--link:hover {
	background-color: rgba(35, 40, 44, 0.1) !important;
}

html.headercolor2 .kpi-card__header--link:active {
	background-color: rgba(35, 40, 44, 0.15) !important;
}

html.headercolor2 .kpi-metric:hover {
	background-color: rgba(35, 40, 44, 0.08) !important;
}

/* Headercolor3 - Vermelho (#e10a1f) */
html.headercolor3 .btn-primary,
html.headercolor3 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #e10a1f !important;
	border-color: #e10a1f !important;
}

html.headercolor3 .btn-primary:hover,
html.headercolor3 .btn-primary:focus {
	background-color: #b90819 !important;
	border-color: #b90819 !important;
}

html.headercolor3 .bg-primary {
	background-color: #e10a1f !important;
}

html.headercolor3 .notification.bg-primary {
	background-color: #e10a1f !important;
}

html.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #e10a1f !important;
	color: #ffffff !important;
}

html.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor3 .nav-link.active {
	background-color: rgba(225, 10, 31, 0.15) !important;
	color: #e10a1f !important;
}

html.headercolor3 .text-primary {
	color: #e10a1f !important;
}

html.headercolor3 .border-primary {
	border-color: #e10a1f !important;
}

/* Ícones e cards - Headercolor3 */
html.headercolor3 .kpi-icon,
html.headercolor3 .kpi-icon--info,
html.headercolor3 .kpi-icon--success,
html.headercolor3 .kpi-icon--warning,
html.headercolor3 .quick-icon,
html.headercolor3 .quick-icon--primary,
html.headercolor3 .quick-icon--info,
html.headercolor3 .quick-icon--success,
html.headercolor3 .quick-icon--warning,
html.headercolor3 .quick-icon--danger,
html.headercolor3 .quick-icon--secondary {
	background: rgba(225, 10, 31, 0.15) !important;
	color: #e10a1f !important;
	border-color: rgba(225, 10, 31, 0.25) !important;
}

html.headercolor3 .kpi-icon i,
html.headercolor3 .kpi-icon--info i,
html.headercolor3 .kpi-icon--success i,
html.headercolor3 .kpi-icon--warning i,
html.headercolor3 .quick-icon i,
html.headercolor3 .quick-icon--primary i,
html.headercolor3 .quick-icon--info i,
html.headercolor3 .quick-icon--success i {
	color: #e10a1f !important;
}

html.headercolor3 .kpi-card__header--link:hover {
	background-color: rgba(225, 10, 31, 0.1) !important;
}

html.headercolor3 .kpi-card__header--link:active {
	background-color: rgba(225, 10, 31, 0.15) !important;
}

html.headercolor3 .kpi-metric:hover {
	background-color: rgba(225, 10, 31, 0.08) !important;
}

/* Headercolor4 - Verde (#157d4c) */
html.headercolor4 .btn-primary,
html.headercolor4 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #157d4c !important;
	border-color: #157d4c !important;
}

html.headercolor4 .btn-primary:hover,
html.headercolor4 .btn-primary:focus {
	background-color: #0f5d37 !important;
	border-color: #0f5d37 !important;
}

html.headercolor4 .bg-primary {
	background-color: #157d4c !important;
}

html.headercolor4 .notification.bg-primary {
	background-color: #157d4c !important;
}

html.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #157d4c !important;
	color: #ffffff !important;
}

html.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor4 .nav-link.active {
	background-color: rgba(21, 125, 76, 0.15) !important;
	color: #157d4c !important;
}

html.headercolor4 .text-primary {
	color: #157d4c !important;
}

html.headercolor4 .border-primary {
	border-color: #157d4c !important;
}

/* Ícones e cards - Headercolor4 */
html.headercolor4 .kpi-icon,
html.headercolor4 .kpi-icon--info,
html.headercolor4 .kpi-icon--success,
html.headercolor4 .kpi-icon--warning,
html.headercolor4 .quick-icon,
html.headercolor4 .quick-icon--primary,
html.headercolor4 .quick-icon--info,
html.headercolor4 .quick-icon--success,
html.headercolor4 .quick-icon--warning,
html.headercolor4 .quick-icon--danger,
html.headercolor4 .quick-icon--secondary {
	background: rgba(21, 125, 76, 0.15) !important;
	color: #157d4c !important;
	border-color: rgba(21, 125, 76, 0.25) !important;
}

html.headercolor4 .kpi-icon i,
html.headercolor4 .kpi-icon--info i,
html.headercolor4 .kpi-icon--success i,
html.headercolor4 .kpi-icon--warning i,
html.headercolor4 .quick-icon i,
html.headercolor4 .quick-icon--primary i,
html.headercolor4 .quick-icon--info i,
html.headercolor4 .quick-icon--success i {
	color: #157d4c !important;
}

html.headercolor4 .kpi-card__header--link:hover {
	background-color: rgba(21, 125, 76, 0.1) !important;
}

html.headercolor4 .kpi-card__header--link:active {
	background-color: rgba(21, 125, 76, 0.15) !important;
}

html.headercolor4 .kpi-metric:hover {
	background-color: rgba(21, 125, 76, 0.08) !important;
}

/* Headercolor5 - Roxo (#673ab7) */
html.headercolor5 .btn-primary,
html.headercolor5 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #673ab7 !important;
	border-color: #673ab7 !important;
}

html.headercolor5 .btn-primary:hover,
html.headercolor5 .btn-primary:focus {
	background-color: #512a8f !important;
	border-color: #512a8f !important;
}

html.headercolor5 .bg-primary {
	background-color: #673ab7 !important;
}

html.headercolor5 .notification.bg-primary {
	background-color: #673ab7 !important;
}

html.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #673ab7 !important;
	color: #ffffff !important;
}

html.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor5 .nav-link.active {
	background-color: rgba(103, 58, 183, 0.15) !important;
	color: #673ab7 !important;
}

html.headercolor5 .text-primary {
	color: #673ab7 !important;
}

html.headercolor5 .border-primary {
	border-color: #673ab7 !important;
}

/* Ícones e cards - Headercolor5 */
html.headercolor5 .kpi-icon,
html.headercolor5 .kpi-icon--info,
html.headercolor5 .kpi-icon--success,
html.headercolor5 .kpi-icon--warning,
html.headercolor5 .quick-icon,
html.headercolor5 .quick-icon--primary,
html.headercolor5 .quick-icon--info,
html.headercolor5 .quick-icon--success,
html.headercolor5 .quick-icon--warning,
html.headercolor5 .quick-icon--danger,
html.headercolor5 .quick-icon--secondary {
	background: rgba(103, 58, 183, 0.15) !important;
	color: #673ab7 !important;
	border-color: rgba(103, 58, 183, 0.25) !important;
}

html.headercolor5 .kpi-icon i,
html.headercolor5 .kpi-icon--info i,
html.headercolor5 .kpi-icon--success i,
html.headercolor5 .kpi-icon--warning i,
html.headercolor5 .quick-icon i,
html.headercolor5 .quick-icon--primary i,
html.headercolor5 .quick-icon--info i,
html.headercolor5 .quick-icon--success i {
	color: #673ab7 !important;
}

html.headercolor5 .kpi-card__header--link:hover {
	background-color: rgba(103, 58, 183, 0.1) !important;
}

html.headercolor5 .kpi-card__header--link:active {
	background-color: rgba(103, 58, 183, 0.15) !important;
}

html.headercolor5 .kpi-metric:hover {
	background-color: rgba(103, 58, 183, 0.08) !important;
}

/* Headercolor6 - Marrom (#795548) */
html.headercolor6 .btn-primary,
html.headercolor6 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #795548 !important;
	border-color: #795548 !important;
}

html.headercolor6 .btn-primary:hover,
html.headercolor6 .btn-primary:focus {
	background-color: #5d4037 !important;
	border-color: #5d4037 !important;
}

html.headercolor6 .bg-primary {
	background-color: #795548 !important;
}

html.headercolor6 .notification.bg-primary {
	background-color: #795548 !important;
}

html.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #795548 !important;
	color: #ffffff !important;
}

html.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor6 .nav-link.active {
	background-color: rgba(121, 85, 72, 0.15) !important;
	color: #795548 !important;
}

html.headercolor6 .text-primary {
	color: #795548 !important;
}

html.headercolor6 .border-primary {
	border-color: #795548 !important;
}

/* Ícones e cards - Headercolor6 */
html.headercolor6 .kpi-icon,
html.headercolor6 .kpi-icon--info,
html.headercolor6 .kpi-icon--success,
html.headercolor6 .kpi-icon--warning,
html.headercolor6 .quick-icon,
html.headercolor6 .quick-icon--primary,
html.headercolor6 .quick-icon--info,
html.headercolor6 .quick-icon--success,
html.headercolor6 .quick-icon--warning,
html.headercolor6 .quick-icon--danger,
html.headercolor6 .quick-icon--secondary {
	background: rgba(121, 85, 72, 0.15) !important;
	color: #795548 !important;
	border-color: rgba(121, 85, 72, 0.25) !important;
}

html.headercolor6 .kpi-icon i,
html.headercolor6 .kpi-icon--info i,
html.headercolor6 .kpi-icon--success i,
html.headercolor6 .kpi-icon--warning i,
html.headercolor6 .quick-icon i,
html.headercolor6 .quick-icon--primary i,
html.headercolor6 .quick-icon--info i,
html.headercolor6 .quick-icon--success i {
	color: #795548 !important;
}

html.headercolor6 .kpi-card__header--link:hover {
	background-color: rgba(121, 85, 72, 0.1) !important;
}

html.headercolor6 .kpi-card__header--link:active {
	background-color: rgba(121, 85, 72, 0.15) !important;
}

html.headercolor6 .kpi-metric:hover {
	background-color: rgba(121, 85, 72, 0.08) !important;
}

/* Headercolor7 - Rosa/Magenta (#d3094e) */
html.headercolor7 .btn-primary,
html.headercolor7 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #d3094e !important;
	border-color: #d3094e !important;
}

html.headercolor7 .btn-primary:hover,
html.headercolor7 .btn-primary:focus {
	background-color: #a7073d !important;
	border-color: #a7073d !important;
}

html.headercolor7 .bg-primary {
	background-color: #d3094e !important;
}

html.headercolor7 .notification.bg-primary {
	background-color: #d3094e !important;
}

html.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #d3094e !important;
	color: #ffffff !important;
}

html.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor7 .nav-link.active {
	background-color: rgba(211, 9, 78, 0.15) !important;
	color: #d3094e !important;
}

html.headercolor7 .text-primary {
	color: #d3094e !important;
}

html.headercolor7 .border-primary {
	border-color: #d3094e !important;
}

/* Ícones e cards - Headercolor7 */
html.headercolor7 .kpi-icon,
html.headercolor7 .kpi-icon--info,
html.headercolor7 .kpi-icon--success,
html.headercolor7 .kpi-icon--warning,
html.headercolor7 .quick-icon,
html.headercolor7 .quick-icon--primary,
html.headercolor7 .quick-icon--info,
html.headercolor7 .quick-icon--success,
html.headercolor7 .quick-icon--warning,
html.headercolor7 .quick-icon--danger,
html.headercolor7 .quick-icon--secondary {
	background: rgba(211, 9, 78, 0.15) !important;
	color: #d3094e !important;
	border-color: rgba(211, 9, 78, 0.25) !important;
}

html.headercolor7 .kpi-icon i,
html.headercolor7 .kpi-icon--info i,
html.headercolor7 .kpi-icon--success i,
html.headercolor7 .kpi-icon--warning i,
html.headercolor7 .quick-icon i,
html.headercolor7 .quick-icon--primary i,
html.headercolor7 .quick-icon--info i,
html.headercolor7 .quick-icon--success i {
	color: #d3094e !important;
}

html.headercolor7 .kpi-card__header--link:hover {
	background-color: rgba(211, 9, 78, 0.1) !important;
}

html.headercolor7 .kpi-card__header--link:active {
	background-color: rgba(211, 9, 78, 0.15) !important;
}

html.headercolor7 .kpi-metric:hover {
	background-color: rgba(211, 9, 78, 0.08) !important;
}

/* Headercolor8 - Laranja (#ff9800) */
html.headercolor8 .btn-primary,
html.headercolor8 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}

html.headercolor8 .btn-primary:hover,
html.headercolor8 .btn-primary:focus {
	background-color: #cc7700 !important;
	border-color: #cc7700 !important;
}

html.headercolor8 .bg-primary {
	background-color: #ff9800 !important;
}

html.headercolor8 .notification.bg-primary {
	background-color: #ff9800 !important;
}

html.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #ff9800 !important;
	color: #ffffff !important;
}

html.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon,
html.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active .parent-icon i {
	color: #ffffff !important;
}

html.headercolor8 .nav-link.active {
	background-color: rgba(255, 152, 0, 0.15) !important;
	color: #ff9800 !important;
}

html.headercolor8 .text-primary {
	color: #ff9800 !important;
}

html.headercolor8 .border-primary {
	border-color: #ff9800 !important;
}

/* Ícones e cards - Headercolor8 */
html.headercolor8 .kpi-icon,
html.headercolor8 .kpi-icon--info,
html.headercolor8 .kpi-icon--success,
html.headercolor8 .kpi-icon--warning,
html.headercolor8 .quick-icon,
html.headercolor8 .quick-icon--primary,
html.headercolor8 .quick-icon--info,
html.headercolor8 .quick-icon--success,
html.headercolor8 .quick-icon--warning,
html.headercolor8 .quick-icon--danger,
html.headercolor8 .quick-icon--secondary {
	background: rgba(255, 152, 0, 0.15) !important;
	color: #ff9800 !important;
	border-color: rgba(255, 152, 0, 0.25) !important;
}

html.headercolor8 .kpi-icon i,
html.headercolor8 .kpi-icon--info i,
html.headercolor8 .kpi-icon--success i,
html.headercolor8 .kpi-icon--warning i,
html.headercolor8 .quick-icon i,
html.headercolor8 .quick-icon--primary i,
html.headercolor8 .quick-icon--info i,
html.headercolor8 .quick-icon--success i {
	color: #ff9800 !important;
}

html.headercolor8 .kpi-card__header--link:hover {
	background-color: rgba(255, 152, 0, 0.1) !important;
}

html.headercolor8 .kpi-card__header--link:active {
	background-color: rgba(255, 152, 0, 0.15) !important;
}

html.headercolor8 .kpi-metric:hover {
	background-color: rgba(255, 152, 0, 0.08) !important;
}

/* ============================================
   APLICAR CORES NA SIDEBAR E ELEMENTOS DO MENU
   ============================================ */

/* Headercolor1 - Azul */
html.headercolor1 .metismenu li.mm-active > a,
html.headercolor1 .metismenu li.mm-active > a .parent-icon,
html.headercolor1 .metismenu li.mm-active > a .parent-icon i,
html.headercolor1 .metismenu a.router-link-active,
html.headercolor1 .metismenu a.router-link-active .parent-icon,
html.headercolor1 .metismenu a.router-link-active .parent-icon i {
	color: #008cff !important;
}

html.headercolor1 .metismenu li.mm-active > a .menu-title,
html.headercolor1 .metismenu a.router-link-active .menu-title {
	color: #008cff !important;
	font-weight: 600;
}

/* Headercolor2 - Cinza Escuro */
html.headercolor2 .metismenu li.mm-active > a,
html.headercolor2 .metismenu li.mm-active > a .parent-icon,
html.headercolor2 .metismenu li.mm-active > a .parent-icon i,
html.headercolor2 .metismenu a.router-link-active,
html.headercolor2 .metismenu a.router-link-active .parent-icon,
html.headercolor2 .metismenu a.router-link-active .parent-icon i {
	color: #23282c !important;
}

html.headercolor2 .metismenu li.mm-active > a .menu-title,
html.headercolor2 .metismenu a.router-link-active .menu-title {
	color: #23282c !important;
	font-weight: 600;
}

/* Headercolor3 - Vermelho */
html.headercolor3 .metismenu li.mm-active > a,
html.headercolor3 .metismenu li.mm-active > a .parent-icon,
html.headercolor3 .metismenu li.mm-active > a .parent-icon i,
html.headercolor3 .metismenu a.router-link-active,
html.headercolor3 .metismenu a.router-link-active .parent-icon,
html.headercolor3 .metismenu a.router-link-active .parent-icon i {
	color: #e10a1f !important;
}

html.headercolor3 .metismenu li.mm-active > a .menu-title,
html.headercolor3 .metismenu a.router-link-active .menu-title {
	color: #e10a1f !important;
	font-weight: 600;
}

/* Headercolor4 - Verde */
html.headercolor4 .metismenu li.mm-active > a,
html.headercolor4 .metismenu li.mm-active > a .parent-icon,
html.headercolor4 .metismenu li.mm-active > a .parent-icon i,
html.headercolor4 .metismenu a.router-link-active,
html.headercolor4 .metismenu a.router-link-active .parent-icon,
html.headercolor4 .metismenu a.router-link-active .parent-icon i {
	color: #157d4c !important;
}

html.headercolor4 .metismenu li.mm-active > a .menu-title,
html.headercolor4 .metismenu a.router-link-active .menu-title {
	color: #157d4c !important;
	font-weight: 600;
}

/* Headercolor5 - Roxo */
html.headercolor5 .metismenu li.mm-active > a,
html.headercolor5 .metismenu li.mm-active > a .parent-icon,
html.headercolor5 .metismenu li.mm-active > a .parent-icon i,
html.headercolor5 .metismenu a.router-link-active,
html.headercolor5 .metismenu a.router-link-active .parent-icon,
html.headercolor5 .metismenu a.router-link-active .parent-icon i {
	color: #673ab7 !important;
}

html.headercolor5 .metismenu li.mm-active > a .menu-title,
html.headercolor5 .metismenu a.router-link-active .menu-title {
	color: #673ab7 !important;
	font-weight: 600;
}

/* Headercolor6 - Marrom */
html.headercolor6 .metismenu li.mm-active > a,
html.headercolor6 .metismenu li.mm-active > a .parent-icon,
html.headercolor6 .metismenu li.mm-active > a .parent-icon i,
html.headercolor6 .metismenu a.router-link-active,
html.headercolor6 .metismenu a.router-link-active .parent-icon,
html.headercolor6 .metismenu a.router-link-active .parent-icon i {
	color: #795548 !important;
}

html.headercolor6 .metismenu li.mm-active > a .menu-title,
html.headercolor6 .metismenu a.router-link-active .menu-title {
	color: #795548 !important;
	font-weight: 600;
}

/* Headercolor7 - Rosa/Magenta */
html.headercolor7 .metismenu li.mm-active > a,
html.headercolor7 .metismenu li.mm-active > a .parent-icon,
html.headercolor7 .metismenu li.mm-active > a .parent-icon i,
html.headercolor7 .metismenu a.router-link-active,
html.headercolor7 .metismenu a.router-link-active .parent-icon,
html.headercolor7 .metismenu a.router-link-active .parent-icon i {
	color: #d3094e !important;
}

html.headercolor7 .metismenu li.mm-active > a .menu-title,
html.headercolor7 .metismenu a.router-link-active .menu-title {
	color: #d3094e !important;
	font-weight: 600;
}

/* Headercolor8 - Laranja */
html.headercolor8 .metismenu li.mm-active > a,
html.headercolor8 .metismenu li.mm-active > a .parent-icon,
html.headercolor8 .metismenu li.mm-active > a .parent-icon i,
html.headercolor8 .metismenu a.router-link-active,
html.headercolor8 .metismenu a.router-link-active .parent-icon,
html.headercolor8 .metismenu a.router-link-active .parent-icon i {
	color: #ff9800 !important;
}

html.headercolor8 .metismenu li.mm-active > a .menu-title,
html.headercolor8 .metismenu a.router-link-active .menu-title {
	color: #ff9800 !important;
	font-weight: 600;
}

/* Aplicar cor em outros elementos que usam cor primária */
html.headercolor1 .badge-primary,
html.headercolor1 .badge.bg-primary {
	background-color: #008cff !important;
}

html.headercolor2 .badge-primary,
html.headercolor2 .badge.bg-primary {
	background-color: #23282c !important;
}

html.headercolor3 .badge-primary,
html.headercolor3 .badge.bg-primary {
	background-color: #e10a1f !important;
}

html.headercolor4 .badge-primary,
html.headercolor4 .badge.bg-primary {
	background-color: #157d4c !important;
}

html.headercolor5 .badge-primary,
html.headercolor5 .badge.bg-primary {
	background-color: #673ab7 !important;
}

html.headercolor6 .badge-primary,
html.headercolor6 .badge.bg-primary {
	background-color: #795548 !important;
}

html.headercolor7 .badge-primary,
html.headercolor7 .badge.bg-primary {
	background-color: #d3094e !important;
}

html.headercolor8 .badge-primary,
html.headercolor8 .badge.bg-primary {
	background-color: #ff9800 !important;
}

/* ============================================
   APLICAR CORES NA BARRA DE PROGRESSO (PACE)
   ============================================ */

html.headercolor1 .pace .pace-progress,
html.headercolor1 .pace .pace-progress-inner,
html.headercolor1 .pace .pace-activity {
	background: #008cff !important;
}

html.headercolor2 .pace .pace-progress,
html.headercolor2 .pace .pace-progress-inner,
html.headercolor2 .pace .pace-activity {
	background: #23282c !important;
}

html.headercolor3 .pace .pace-progress,
html.headercolor3 .pace .pace-progress-inner,
html.headercolor3 .pace .pace-activity {
	background: #e10a1f !important;
}

html.headercolor4 .pace .pace-progress,
html.headercolor4 .pace .pace-progress-inner,
html.headercolor4 .pace .pace-activity {
	background: #157d4c !important;
}

html.headercolor5 .pace .pace-progress,
html.headercolor5 .pace .pace-progress-inner,
html.headercolor5 .pace .pace-activity {
	background: #673ab7 !important;
}

html.headercolor6 .pace .pace-progress,
html.headercolor6 .pace .pace-progress-inner,
html.headercolor6 .pace .pace-activity {
	background: #795548 !important;
}

html.headercolor7 .pace .pace-progress,
html.headercolor7 .pace .pace-progress-inner,
html.headercolor7 .pace .pace-activity {
	background: #d3094e !important;
}

html.headercolor8 .pace .pace-progress,
html.headercolor8 .pace .pace-progress-inner,
html.headercolor8 .pace .pace-activity {
	background: #ff9800 !important;
}

/* ============================================
   APLICAR CORES EM BARRAS DE PROGRESSO E TABS
   ============================================ */

html.headercolor1 .progress-bar,
html.headercolor1 .nav-tabs .nav-link.active,
html.headercolor1 .nav-pills .nav-link.active {
	background-color: #008cff !important;
}

html.headercolor2 .progress-bar,
html.headercolor2 .nav-tabs .nav-link.active,
html.headercolor2 .nav-pills .nav-link.active {
	background-color: #23282c !important;
}

html.headercolor3 .progress-bar,
html.headercolor3 .nav-tabs .nav-link.active,
html.headercolor3 .nav-pills .nav-link.active {
	background-color: #e10a1f !important;
}

html.headercolor4 .progress-bar,
html.headercolor4 .nav-tabs .nav-link.active,
html.headercolor4 .nav-pills .nav-link.active {
	background-color: #157d4c !important;
}

html.headercolor5 .progress-bar,
html.headercolor5 .nav-tabs .nav-link.active,
html.headercolor5 .nav-pills .nav-link.active {
	background-color: #673ab7 !important;
}

html.headercolor6 .progress-bar,
html.headercolor6 .nav-tabs .nav-link.active,
html.headercolor6 .nav-pills .nav-link.active {
	background-color: #795548 !important;
}

html.headercolor7 .progress-bar,
html.headercolor7 .nav-tabs .nav-link.active,
html.headercolor7 .nav-pills .nav-link.active {
	background-color: #d3094e !important;
}

html.headercolor8 .progress-bar,
html.headercolor8 .nav-tabs .nav-link.active,
html.headercolor8 .nav-pills .nav-link.active {
	background-color: #ff9800 !important;
}

/* ============================================
   APLICAR CORES NO MODO ESCURO TAMBÉM
   ============================================ */

/* Topbar no modo escuro - Headercolor1 */
html.dark-theme.headercolor1 .topbar {
	background: #008cff !important;
	border-bottom: 1px solid rgba(0, 140, 255, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor2 */
html.dark-theme.headercolor2 .topbar {
	background: #23282c !important;
	border-bottom: 1px solid rgba(35, 40, 44, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor3 */
html.dark-theme.headercolor3 .topbar {
	background: #e10a1f !important;
	border-bottom: 1px solid rgba(225, 10, 31, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor4 */
html.dark-theme.headercolor4 .topbar {
	background: #157d4c !important;
	border-bottom: 1px solid rgba(21, 125, 76, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor5 */
html.dark-theme.headercolor5 .topbar {
	background: #673ab7 !important;
	border-bottom: 1px solid rgba(103, 58, 183, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor6 */
html.dark-theme.headercolor6 .topbar {
	background: #795548 !important;
	border-bottom: 1px solid rgba(121, 85, 72, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor7 */
html.dark-theme.headercolor7 .topbar {
	background: #d3094e !important;
	border-bottom: 1px solid rgba(211, 9, 78, 0.3) !important;
}

/* Topbar no modo escuro - Headercolor8 */
html.dark-theme.headercolor8 .topbar {
	background: #ff9800 !important;
	border-bottom: 1px solid rgba(255, 152, 0, 0.3) !important;
}

/* Headercolor1 - Azul - Modo Escuro */
html.dark-theme.headercolor1 .btn-primary,
html.dark-theme.headercolor1 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #008cff !important;
	border-color: #008cff !important;
}

html.dark-theme.headercolor1 .btn-primary:hover,
html.dark-theme.headercolor1 .btn-primary:focus {
	background-color: #037de2 !important;
	border-color: #037de2 !important;
}

html.dark-theme.headercolor1 .bg-primary,
html.dark-theme.headercolor1 .notification.bg-primary,
html.dark-theme.headercolor1 .badge-primary,
html.dark-theme.headercolor1 .badge.bg-primary {
	background-color: #008cff !important;
}

html.dark-theme.headercolor1 .kpi-icon,
html.dark-theme.headercolor1 .kpi-icon--info,
html.dark-theme.headercolor1 .kpi-icon--success,
html.dark-theme.headercolor1 .kpi-icon--warning,
html.dark-theme.headercolor1 .quick-icon,
html.dark-theme.headercolor1 .quick-icon--primary,
html.dark-theme.headercolor1 .quick-icon--info,
html.dark-theme.headercolor1 .quick-icon--success {
	background: rgba(7, 39, 215, 0.2) !important;
	color: #008cff !important;
	border-color: rgba(7, 39, 215, 0.3) !important;
}

html.dark-theme.headercolor1 .kpi-card__header--link:hover {
	background-color: rgba(7, 39, 215, 0.15) !important;
}

html.dark-theme.headercolor1 .kpi-metric:hover {
	background-color: rgba(7, 39, 215, 0.1) !important;
}

html.dark-theme.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor1 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #008cff !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor1 .metismenu li.mm-active > a,
html.dark-theme.headercolor1 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor1 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor1 .metismenu a.router-link-active,
html.dark-theme.headercolor1 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor1 .metismenu a.router-link-active .parent-icon i {
	color: #008cff !important;
}

html.dark-theme.headercolor1 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor1 .metismenu a.router-link-active .menu-title {
	color: #008cff !important;
	font-weight: 600;
}

html.dark-theme.headercolor1 .progress-bar,
html.dark-theme.headercolor1 .nav-tabs .nav-link.active,
html.dark-theme.headercolor1 .nav-pills .nav-link.active {
	background-color: #008cff !important;
}

html.dark-theme.headercolor1 .pace .pace-progress,
html.dark-theme.headercolor1 .pace .pace-progress-inner,
html.dark-theme.headercolor1 .pace .pace-activity {
	background: #008cff !important;
}

/* Headercolor2 - Cinza Escuro - Modo Escuro */
html.dark-theme.headercolor2 .btn-primary,
html.dark-theme.headercolor2 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #23282c !important;
	border-color: #23282c !important;
}

html.dark-theme.headercolor2 .btn-primary:hover,
html.dark-theme.headercolor2 .btn-primary:focus {
	background-color: #1a1e21 !important;
	border-color: #1a1e21 !important;
}

html.dark-theme.headercolor2 .bg-primary,
html.dark-theme.headercolor2 .notification.bg-primary,
html.dark-theme.headercolor2 .badge-primary,
html.dark-theme.headercolor2 .badge.bg-primary {
	background-color: #23282c !important;
}

html.dark-theme.headercolor2 .kpi-icon,
html.dark-theme.headercolor2 .kpi-icon--info,
html.dark-theme.headercolor2 .kpi-icon--success,
html.dark-theme.headercolor2 .kpi-icon--warning,
html.dark-theme.headercolor2 .quick-icon,
html.dark-theme.headercolor2 .quick-icon--primary,
html.dark-theme.headercolor2 .quick-icon--info,
html.dark-theme.headercolor2 .quick-icon--success {
	background: rgba(35, 40, 44, 0.2) !important;
	color: #23282c !important;
	border-color: rgba(35, 40, 44, 0.3) !important;
}

html.dark-theme.headercolor2 .kpi-card__header--link:hover {
	background-color: rgba(35, 40, 44, 0.15) !important;
}

html.dark-theme.headercolor2 .kpi-metric:hover {
	background-color: rgba(35, 40, 44, 0.1) !important;
}

html.dark-theme.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor2 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #23282c !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor2 .metismenu li.mm-active > a,
html.dark-theme.headercolor2 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor2 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor2 .metismenu a.router-link-active,
html.dark-theme.headercolor2 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor2 .metismenu a.router-link-active .parent-icon i {
	color: #23282c !important;
}

html.dark-theme.headercolor2 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor2 .metismenu a.router-link-active .menu-title {
	color: #23282c !important;
	font-weight: 600;
}

html.dark-theme.headercolor2 .progress-bar,
html.dark-theme.headercolor2 .nav-tabs .nav-link.active,
html.dark-theme.headercolor2 .nav-pills .nav-link.active {
	background-color: #23282c !important;
}

html.dark-theme.headercolor2 .pace .pace-progress,
html.dark-theme.headercolor2 .pace .pace-progress-inner,
html.dark-theme.headercolor2 .pace .pace-activity {
	background: #23282c !important;
}

/* Headercolor3 - Vermelho - Modo Escuro */
html.dark-theme.headercolor3 .btn-primary,
html.dark-theme.headercolor3 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #e10a1f !important;
	border-color: #e10a1f !important;
}

html.dark-theme.headercolor3 .btn-primary:hover,
html.dark-theme.headercolor3 .btn-primary:focus {
	background-color: #b90819 !important;
	border-color: #b90819 !important;
}

html.dark-theme.headercolor3 .bg-primary,
html.dark-theme.headercolor3 .notification.bg-primary,
html.dark-theme.headercolor3 .badge-primary,
html.dark-theme.headercolor3 .badge.bg-primary {
	background-color: #e10a1f !important;
}

html.dark-theme.headercolor3 .kpi-icon,
html.dark-theme.headercolor3 .kpi-icon--info,
html.dark-theme.headercolor3 .kpi-icon--success,
html.dark-theme.headercolor3 .kpi-icon--warning,
html.dark-theme.headercolor3 .quick-icon,
html.dark-theme.headercolor3 .quick-icon--primary,
html.dark-theme.headercolor3 .quick-icon--info,
html.dark-theme.headercolor3 .quick-icon--success {
	background: rgba(225, 10, 31, 0.2) !important;
	color: #e10a1f !important;
	border-color: rgba(225, 10, 31, 0.3) !important;
}

html.dark-theme.headercolor3 .kpi-card__header--link:hover {
	background-color: rgba(225, 10, 31, 0.15) !important;
}

html.dark-theme.headercolor3 .kpi-metric:hover {
	background-color: rgba(225, 10, 31, 0.1) !important;
}

html.dark-theme.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor3 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #e10a1f !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor3 .metismenu li.mm-active > a,
html.dark-theme.headercolor3 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor3 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor3 .metismenu a.router-link-active,
html.dark-theme.headercolor3 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor3 .metismenu a.router-link-active .parent-icon i {
	color: #e10a1f !important;
}

html.dark-theme.headercolor3 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor3 .metismenu a.router-link-active .menu-title {
	color: #e10a1f !important;
	font-weight: 600;
}

html.dark-theme.headercolor3 .progress-bar,
html.dark-theme.headercolor3 .nav-tabs .nav-link.active,
html.dark-theme.headercolor3 .nav-pills .nav-link.active {
	background-color: #e10a1f !important;
}

html.dark-theme.headercolor3 .pace .pace-progress,
html.dark-theme.headercolor3 .pace .pace-progress-inner,
html.dark-theme.headercolor3 .pace .pace-activity {
	background: #e10a1f !important;
}

/* Headercolor4 - Verde - Modo Escuro */
html.dark-theme.headercolor4 .btn-primary,
html.dark-theme.headercolor4 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #157d4c !important;
	border-color: #157d4c !important;
}

html.dark-theme.headercolor4 .btn-primary:hover,
html.dark-theme.headercolor4 .btn-primary:focus {
	background-color: #0f5d37 !important;
	border-color: #0f5d37 !important;
}

html.dark-theme.headercolor4 .bg-primary,
html.dark-theme.headercolor4 .notification.bg-primary,
html.dark-theme.headercolor4 .badge-primary,
html.dark-theme.headercolor4 .badge.bg-primary {
	background-color: #157d4c !important;
}

html.dark-theme.headercolor4 .kpi-icon,
html.dark-theme.headercolor4 .kpi-icon--info,
html.dark-theme.headercolor4 .kpi-icon--success,
html.dark-theme.headercolor4 .kpi-icon--warning,
html.dark-theme.headercolor4 .quick-icon,
html.dark-theme.headercolor4 .quick-icon--primary,
html.dark-theme.headercolor4 .quick-icon--info,
html.dark-theme.headercolor4 .quick-icon--success {
	background: rgba(21, 125, 76, 0.2) !important;
	color: #157d4c !important;
	border-color: rgba(21, 125, 76, 0.3) !important;
}

html.dark-theme.headercolor4 .kpi-card__header--link:hover {
	background-color: rgba(21, 125, 76, 0.15) !important;
}

html.dark-theme.headercolor4 .kpi-metric:hover {
	background-color: rgba(21, 125, 76, 0.1) !important;
}

html.dark-theme.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor4 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #157d4c !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor4 .metismenu li.mm-active > a,
html.dark-theme.headercolor4 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor4 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor4 .metismenu a.router-link-active,
html.dark-theme.headercolor4 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor4 .metismenu a.router-link-active .parent-icon i {
	color: #157d4c !important;
}

html.dark-theme.headercolor4 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor4 .metismenu a.router-link-active .menu-title {
	color: #157d4c !important;
	font-weight: 600;
}

html.dark-theme.headercolor4 .progress-bar,
html.dark-theme.headercolor4 .nav-tabs .nav-link.active,
html.dark-theme.headercolor4 .nav-pills .nav-link.active {
	background-color: #157d4c !important;
}

html.dark-theme.headercolor4 .pace .pace-progress,
html.dark-theme.headercolor4 .pace .pace-progress-inner,
html.dark-theme.headercolor4 .pace .pace-activity {
	background: #157d4c !important;
}

/* Headercolor5 - Roxo - Modo Escuro */
html.dark-theme.headercolor5 .btn-primary,
html.dark-theme.headercolor5 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #673ab7 !important;
	border-color: #673ab7 !important;
}

html.dark-theme.headercolor5 .btn-primary:hover,
html.dark-theme.headercolor5 .btn-primary:focus {
	background-color: #512a8f !important;
	border-color: #512a8f !important;
}

html.dark-theme.headercolor5 .bg-primary,
html.dark-theme.headercolor5 .notification.bg-primary,
html.dark-theme.headercolor5 .badge-primary,
html.dark-theme.headercolor5 .badge.bg-primary {
	background-color: #673ab7 !important;
}

html.dark-theme.headercolor5 .kpi-icon,
html.dark-theme.headercolor5 .kpi-icon--info,
html.dark-theme.headercolor5 .kpi-icon--success,
html.dark-theme.headercolor5 .kpi-icon--warning,
html.dark-theme.headercolor5 .quick-icon,
html.dark-theme.headercolor5 .quick-icon--primary,
html.dark-theme.headercolor5 .quick-icon--info,
html.dark-theme.headercolor5 .quick-icon--success {
	background: rgba(103, 58, 183, 0.2) !important;
	color: #673ab7 !important;
	border-color: rgba(103, 58, 183, 0.3) !important;
}

html.dark-theme.headercolor5 .kpi-card__header--link:hover {
	background-color: rgba(103, 58, 183, 0.15) !important;
}

html.dark-theme.headercolor5 .kpi-metric:hover {
	background-color: rgba(103, 58, 183, 0.1) !important;
}

html.dark-theme.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor5 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #673ab7 !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor5 .metismenu li.mm-active > a,
html.dark-theme.headercolor5 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor5 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor5 .metismenu a.router-link-active,
html.dark-theme.headercolor5 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor5 .metismenu a.router-link-active .parent-icon i {
	color: #673ab7 !important;
}

html.dark-theme.headercolor5 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor5 .metismenu a.router-link-active .menu-title {
	color: #673ab7 !important;
	font-weight: 600;
}

html.dark-theme.headercolor5 .progress-bar,
html.dark-theme.headercolor5 .nav-tabs .nav-link.active,
html.dark-theme.headercolor5 .nav-pills .nav-link.active {
	background-color: #673ab7 !important;
}

html.dark-theme.headercolor5 .pace .pace-progress,
html.dark-theme.headercolor5 .pace .pace-progress-inner,
html.dark-theme.headercolor5 .pace .pace-activity {
	background: #673ab7 !important;
}

/* Headercolor6 - Marrom - Modo Escuro */
html.dark-theme.headercolor6 .btn-primary,
html.dark-theme.headercolor6 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #795548 !important;
	border-color: #795548 !important;
}

html.dark-theme.headercolor6 .btn-primary:hover,
html.dark-theme.headercolor6 .btn-primary:focus {
	background-color: #5d4037 !important;
	border-color: #5d4037 !important;
}

html.dark-theme.headercolor6 .bg-primary,
html.dark-theme.headercolor6 .notification.bg-primary,
html.dark-theme.headercolor6 .badge-primary,
html.dark-theme.headercolor6 .badge.bg-primary {
	background-color: #795548 !important;
}

html.dark-theme.headercolor6 .kpi-icon,
html.dark-theme.headercolor6 .kpi-icon--info,
html.dark-theme.headercolor6 .kpi-icon--success,
html.dark-theme.headercolor6 .kpi-icon--warning,
html.dark-theme.headercolor6 .quick-icon,
html.dark-theme.headercolor6 .quick-icon--primary,
html.dark-theme.headercolor6 .quick-icon--info,
html.dark-theme.headercolor6 .quick-icon--success {
	background: rgba(121, 85, 72, 0.2) !important;
	color: #795548 !important;
	border-color: rgba(121, 85, 72, 0.3) !important;
}

html.dark-theme.headercolor6 .kpi-card__header--link:hover {
	background-color: rgba(121, 85, 72, 0.15) !important;
}

html.dark-theme.headercolor6 .kpi-metric:hover {
	background-color: rgba(121, 85, 72, 0.1) !important;
}

html.dark-theme.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor6 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #795548 !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor6 .metismenu li.mm-active > a,
html.dark-theme.headercolor6 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor6 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor6 .metismenu a.router-link-active,
html.dark-theme.headercolor6 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor6 .metismenu a.router-link-active .parent-icon i {
	color: #795548 !important;
}

html.dark-theme.headercolor6 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor6 .metismenu a.router-link-active .menu-title {
	color: #795548 !important;
	font-weight: 600;
}

html.dark-theme.headercolor6 .progress-bar,
html.dark-theme.headercolor6 .nav-tabs .nav-link.active,
html.dark-theme.headercolor6 .nav-pills .nav-link.active {
	background-color: #795548 !important;
}

html.dark-theme.headercolor6 .pace .pace-progress,
html.dark-theme.headercolor6 .pace .pace-progress-inner,
html.dark-theme.headercolor6 .pace .pace-activity {
	background: #795548 !important;
}

/* Headercolor7 - Rosa/Magenta - Modo Escuro */
html.dark-theme.headercolor7 .btn-primary,
html.dark-theme.headercolor7 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #d3094e !important;
	border-color: #d3094e !important;
}

html.dark-theme.headercolor7 .btn-primary:hover,
html.dark-theme.headercolor7 .btn-primary:focus {
	background-color: #a7073d !important;
	border-color: #a7073d !important;
}

html.dark-theme.headercolor7 .bg-primary,
html.dark-theme.headercolor7 .notification.bg-primary,
html.dark-theme.headercolor7 .badge-primary,
html.dark-theme.headercolor7 .badge.bg-primary {
	background-color: #d3094e !important;
}

html.dark-theme.headercolor7 .kpi-icon,
html.dark-theme.headercolor7 .kpi-icon--info,
html.dark-theme.headercolor7 .kpi-icon--success,
html.dark-theme.headercolor7 .kpi-icon--warning,
html.dark-theme.headercolor7 .quick-icon,
html.dark-theme.headercolor7 .quick-icon--primary,
html.dark-theme.headercolor7 .quick-icon--info,
html.dark-theme.headercolor7 .quick-icon--success {
	background: rgba(211, 9, 78, 0.2) !important;
	color: #d3094e !important;
	border-color: rgba(211, 9, 78, 0.3) !important;
}

html.dark-theme.headercolor7 .kpi-card__header--link:hover {
	background-color: rgba(211, 9, 78, 0.15) !important;
}

html.dark-theme.headercolor7 .kpi-metric:hover {
	background-color: rgba(211, 9, 78, 0.1) !important;
}

html.dark-theme.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor7 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #d3094e !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor7 .metismenu li.mm-active > a,
html.dark-theme.headercolor7 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor7 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor7 .metismenu a.router-link-active,
html.dark-theme.headercolor7 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor7 .metismenu a.router-link-active .parent-icon i {
	color: #d3094e !important;
}

html.dark-theme.headercolor7 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor7 .metismenu a.router-link-active .menu-title {
	color: #d3094e !important;
	font-weight: 600;
}

html.dark-theme.headercolor7 .progress-bar,
html.dark-theme.headercolor7 .nav-tabs .nav-link.active,
html.dark-theme.headercolor7 .nav-pills .nav-link.active {
	background-color: #d3094e !important;
}

html.dark-theme.headercolor7 .pace .pace-progress,
html.dark-theme.headercolor7 .pace .pace-progress-inner,
html.dark-theme.headercolor7 .pace .pace-activity {
	background: #d3094e !important;
}

/* Headercolor8 - Laranja - Modo Escuro */
html.dark-theme.headercolor8 .btn-primary,
html.dark-theme.headercolor8 .btn-primary:not(:disabled):not(.disabled) {
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}

html.dark-theme.headercolor8 .btn-primary:hover,
html.dark-theme.headercolor8 .btn-primary:focus {
	background-color: #cc7700 !important;
	border-color: #cc7700 !important;
}

html.dark-theme.headercolor8 .bg-primary,
html.dark-theme.headercolor8 .notification.bg-primary,
html.dark-theme.headercolor8 .badge-primary,
html.dark-theme.headercolor8 .badge.bg-primary {
	background-color: #ff9800 !important;
}

html.dark-theme.headercolor8 .kpi-icon,
html.dark-theme.headercolor8 .kpi-icon--info,
html.dark-theme.headercolor8 .kpi-icon--success,
html.dark-theme.headercolor8 .kpi-icon--warning,
html.dark-theme.headercolor8 .quick-icon,
html.dark-theme.headercolor8 .quick-icon--primary,
html.dark-theme.headercolor8 .quick-icon--info,
html.dark-theme.headercolor8 .quick-icon--success {
	background: rgba(255, 152, 0, 0.2) !important;
	color: #ff9800 !important;
	border-color: rgba(255, 152, 0, 0.3) !important;
}

html.dark-theme.headercolor8 .kpi-card__header--link:hover {
	background-color: rgba(255, 152, 0, 0.15) !important;
}

html.dark-theme.headercolor8 .kpi-metric:hover {
	background-color: rgba(255, 152, 0, 0.1) !important;
}

html.dark-theme.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active,
html.dark-theme.headercolor8 .primary-menu .navbar .navbar-nav a.nav-link.active:hover {
	background-color: #ff9800 !important;
	color: #ffffff !important;
}

html.dark-theme.headercolor8 .metismenu li.mm-active > a,
html.dark-theme.headercolor8 .metismenu li.mm-active > a .parent-icon,
html.dark-theme.headercolor8 .metismenu li.mm-active > a .parent-icon i,
html.dark-theme.headercolor8 .metismenu a.router-link-active,
html.dark-theme.headercolor8 .metismenu a.router-link-active .parent-icon,
html.dark-theme.headercolor8 .metismenu a.router-link-active .parent-icon i {
	color: #ff9800 !important;
}

html.dark-theme.headercolor8 .metismenu li.mm-active > a .menu-title,
html.dark-theme.headercolor8 .metismenu a.router-link-active .menu-title {
	color: #ff9800 !important;
	font-weight: 600;
}

html.dark-theme.headercolor8 .progress-bar,
html.dark-theme.headercolor8 .nav-tabs .nav-link.active,
html.dark-theme.headercolor8 .nav-pills .nav-link.active {
	background-color: #ff9800 !important;
}

html.dark-theme.headercolor8 .pace .pace-progress,
html.dark-theme.headercolor8 .pace .pace-progress-inner,
html.dark-theme.headercolor8 .pace .pace-activity {
	background: #ff9800 !important;
}