html.color-header .topbar .navbar-nav .nav-link {
	color: #fff
}
html.color-header .search-bar input {
	color: #413f3f;
	background-color: #fff!important;
	border: 1px solid rgb(241 241 241 / 15%)!important;
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%)
}
html.color-header .search-bar input:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}
html.color-header .search-bar input::placeholder {
	color: #08090a!important;
	opacity: .5!important
}
html.color-header::placeholder {
	color: #08090a!important;
	opacity: .5!important
}
html.color-header .search-show {
	color: #221f1f
}
html.color-header .user-info .user-name {
	color: #fff
}
html.color-header .user-info .designattion {
	color: #fff
}
html.color-header .user-box {
	border-left: 1px solid rgb(255 255 255 / .35)!important
}
html.color-header .mobile-toggle-menu {
	color: #fff
}
.switcher-body .headercolor1 {
	background: #0727d7!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: #0727d7
}
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
}



/* sidebar color */


html.color-sidebar .sidebar-wrapper{
	background-color: #171717;
    border-right: 1px solid rgb(228 228 228 / 0%);
}
html.color-sidebar .sidebar-header{
	background-color: transparent;
    border-right: 1px solid #e4e4e400;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
	position: absolute;
}
html.color-sidebar .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.color-sidebar .menu-label{
	color: rgb(255 255 255 / 65%);
}

html.color-sidebar .sidebar-wrapper .sidebar-header .logo-text {
    color: #ffffff;
}

html.color-sidebar .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #ffffff;
}

html.color-sidebar .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, .4)
}

html.color-sidebar .sidebar-wrapper .metismenu .mm-active>a, html.color-sidebar .sidebar-wrapper .metismenu a:active, html.color-sidebar .sidebar-wrapper .metismenu a:focus, html.color-sidebar .sidebar-wrapper .metismenu a:hover {
    color: #fff;
    text-decoration: none;
    background: rgb(255 255 255 / 15%);
}

html.color-sidebar .sidebar-wrapper .metismenu a {
    color: rgb(255 255 255 / 85%);
}

html.color-sidebar .sidebar-wrapper .metismenu ul {
    border: 1px solid #ffffff00;
    background: rgb(255 255 255 / 0%);
}


html.color-sidebar .sidebar-wrapper {
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}


.switcher-wrapper .sidebarcolor1 {
	background-image: url(../images/bg-themes/1.png);
}
.switcher-wrapper .sidebarcolor2 {
	background-image: url(../images/bg-themes/2.png);
}
.switcher-wrapper .sidebarcolor3 {
	background-image: url(../images/bg-themes/3.png);
}
.switcher-wrapper .sidebarcolor4 {
	background-image: url(../images/bg-themes/4.png);
}
.switcher-wrapper .sidebarcolor5 {
	background-image: url(../images/bg-themes/5.png);
}
.switcher-wrapper .sidebarcolor6 {
	background-image: url(../images/bg-themes/6.png);
}
.switcher-wrapper .sidebarcolor7 {
	background-image: url(../images/bg-themes/7.png);
}
.switcher-wrapper .sidebarcolor8 {
	background-image: url(../images/bg-themes/8.png);
}




html.color-sidebar.sidebarcolor1 .sidebar-wrapper {
    background-image: url(../images/bg-themes/1.png);
}

html.color-sidebar.sidebarcolor2 .sidebar-wrapper {
    background-image: url(../images/bg-themes/2.png);
}

html.color-sidebar.sidebarcolor3 .sidebar-wrapper {
    background-image: url(../images/bg-themes/3.png);
}

html.color-sidebar.sidebarcolor4 .sidebar-wrapper {
    background-image: url(../images/bg-themes/4.png);
}

html.color-sidebar.sidebarcolor5 .sidebar-wrapper {
    background-image: url(../images/bg-themes/5.png);
}

html.color-sidebar.sidebarcolor6 .sidebar-wrapper {
    background-image: url(../images/bg-themes/6.png);
}

html.color-sidebar.sidebarcolor7 .sidebar-wrapper {
    background-image: url(../images/bg-themes/7.png);
}

html.color-sidebar.sidebarcolor8 .sidebar-wrapper {
    background-image: url(../images/bg-themes/8.png);
}








/* Modern Gradients for Theme Customizer */
.switcher-body .gradient-1 { background: linear-gradient(135deg, #1cb5e0 0%, #000851 100%) !important; }
.switcher-body .gradient-2 { background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%) !important; }
.switcher-body .gradient-3 { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important; }
.switcher-body .gradient-4 { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%) !important; }
.switcher-body .gradient-5 { background: linear-gradient(135deg, #fc4a1a 0%, #f7b733 100%) !important; }
.switcher-body .gradient-6 { background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%) !important; }

html.gradient-1 .topbar { background: linear-gradient(135deg, #1cb5e0 0%, #000851 100%) !important; }
html.gradient-2 .topbar { background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%) !important; }
html.gradient-3 .topbar { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important; }
html.gradient-4 .topbar { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%) !important; }
html.gradient-5 .topbar { background: linear-gradient(135deg, #fc4a1a 0%, #f7b733 100%) !important; }
html.gradient-6 .topbar { background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%) !important; }

html.gradient-1 .sidebar-wrapper { background: linear-gradient(135deg, #1cb5e0 0%, #000851 100%) !important; border-right:none; }
html.gradient-2 .sidebar-wrapper { background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%) !important; border-right:none;}
html.gradient-3 .sidebar-wrapper { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important; border-right:none;}
html.gradient-4 .sidebar-wrapper { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%) !important; border-right:none;}
html.gradient-5 .sidebar-wrapper { background: linear-gradient(135deg, #fc4a1a 0%, #f7b733 100%) !important; border-right:none;}
html.gradient-6 .sidebar-wrapper { background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%) !important; border-right:none;}

html.gradient-1 .sidebar-wrapper .menu-title, html.gradient-1 .sidebar-wrapper .parent-icon, html.gradient-1 .sidebar-wrapper a, html.gradient-1 .sidebar-wrapper .menu-label { color: #fff !important; }
html.gradient-2 .sidebar-wrapper .menu-title, html.gradient-2 .sidebar-wrapper .parent-icon, html.gradient-2 .sidebar-wrapper a, html.gradient-2 .sidebar-wrapper .menu-label { color: #fff !important; }
html.gradient-3 .sidebar-wrapper .menu-title, html.gradient-3 .sidebar-wrapper .parent-icon, html.gradient-3 .sidebar-wrapper a, html.gradient-3 .sidebar-wrapper .menu-label { color: #fff !important; }
html.gradient-4 .sidebar-wrapper .menu-title, html.gradient-4 .sidebar-wrapper .parent-icon, html.gradient-4 .sidebar-wrapper a, html.gradient-4 .sidebar-wrapper .menu-label { color: #fff !important; }
html.gradient-5 .sidebar-wrapper .menu-title, html.gradient-5 .sidebar-wrapper .parent-icon, html.gradient-5 .sidebar-wrapper a, html.gradient-5 .sidebar-wrapper .menu-label { color: #fff !important; }
html.gradient-6 .sidebar-wrapper .menu-title, html.gradient-6 .sidebar-wrapper .parent-icon, html.gradient-6 .sidebar-wrapper a, html.gradient-6 .sidebar-wrapper .menu-label { color: #fff !important; }

/* Additional Solid Colors */
.switcher-body .headercolor9 { background: #17a2b8!important; }
.switcher-body .sidebarcolor9 { background: #17a2b8!important; }
html.headercolor9 .topbar { background: #17a2b8; }
html.sidebarcolor9 .sidebar-wrapper { background: #17a2b8; }
html.sidebarcolor9 .sidebar-wrapper .menu-title, html.sidebarcolor9 .sidebar-wrapper .parent-icon, html.sidebarcolor9 .sidebar-wrapper a, html.sidebarcolor9 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor10 { background: #6610f2!important; }
.switcher-body .sidebarcolor10 { background: #6610f2!important; }
html.headercolor10 .topbar { background: #6610f2; }
html.sidebarcolor10 .sidebar-wrapper { background: #6610f2; }
html.sidebarcolor10 .sidebar-wrapper .menu-title, html.sidebarcolor10 .sidebar-wrapper .parent-icon, html.sidebarcolor10 .sidebar-wrapper a, html.sidebarcolor10 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor11 { background: #e83e8c!important; }
.switcher-body .sidebarcolor11 { background: #e83e8c!important; }
html.headercolor11 .topbar { background: #e83e8c; }
html.sidebarcolor11 .sidebar-wrapper { background: #e83e8c; }
html.sidebarcolor11 .sidebar-wrapper .menu-title, html.sidebarcolor11 .sidebar-wrapper .parent-icon, html.sidebarcolor11 .sidebar-wrapper a, html.sidebarcolor11 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor12 { background: #fd7e14!important; }
.switcher-body .sidebarcolor12 { background: #fd7e14!important; }
html.headercolor12 .topbar { background: #fd7e14; }
html.sidebarcolor12 .sidebar-wrapper { background: #fd7e14; }
html.sidebarcolor12 .sidebar-wrapper .menu-title, html.sidebarcolor12 .sidebar-wrapper .parent-icon, html.sidebarcolor12 .sidebar-wrapper a, html.sidebarcolor12 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor13 { background: #20c997!important; }
.switcher-body .sidebarcolor13 { background: #20c997!important; }
html.headercolor13 .topbar { background: #20c997; }
html.sidebarcolor13 .sidebar-wrapper { background: #20c997; }
html.sidebarcolor13 .sidebar-wrapper .menu-title, html.sidebarcolor13 .sidebar-wrapper .parent-icon, html.sidebarcolor13 .sidebar-wrapper a, html.sidebarcolor13 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor14 { background: #343a40!important; }
.switcher-body .sidebarcolor14 { background: #343a40!important; }
html.headercolor14 .topbar { background: #343a40; }
html.sidebarcolor14 .sidebar-wrapper { background: #343a40; }
html.sidebarcolor14 .sidebar-wrapper .menu-title, html.sidebarcolor14 .sidebar-wrapper .parent-icon, html.sidebarcolor14 .sidebar-wrapper a, html.sidebarcolor14 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor15 { background: #f82649!important; }
.switcher-body .sidebarcolor15 { background: #f82649!important; }
html.headercolor15 .topbar { background: #f82649; }
html.sidebarcolor15 .sidebar-wrapper { background: #f82649; }
html.sidebarcolor15 .sidebar-wrapper .menu-title, html.sidebarcolor15 .sidebar-wrapper .parent-icon, html.sidebarcolor15 .sidebar-wrapper a, html.sidebarcolor15 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor16 { background: #673ab7!important; }
.switcher-body .sidebarcolor16 { background: #673ab7!important; }
html.headercolor16 .topbar { background: #673ab7; }
html.sidebarcolor16 .sidebar-wrapper { background: #673ab7; }
html.sidebarcolor16 .sidebar-wrapper .menu-title, html.sidebarcolor16 .sidebar-wrapper .parent-icon, html.sidebarcolor16 .sidebar-wrapper a, html.sidebarcolor16 .sidebar-wrapper .menu-label { color: #fff !important; }

/* Gradient Classes applied dynamically to UI */
.bg-grad-1 { background: linear-gradient(135deg, #1cb5e0 0%, #000851 100%); }
.bg-grad-2 { background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%); }
.bg-grad-3 { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.bg-grad-4 { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.bg-grad-5 { background: linear-gradient(135deg, #fc4a1a 0%, #f7b733 100%); }
.bg-grad-6 { background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%); }


/* Extended Colors & Gradients */
.switcher-body .headercolor17 { background: #FF9800!important; }
.switcher-body .sidebarcolor17 { background: #FF9800!important; }
html.headercolor17 .topbar { background: #FF9800; }
html.sidebarcolor17 .sidebar-wrapper { background: #FF9800; }
html.sidebarcolor17 .sidebar-wrapper .menu-title, html.sidebarcolor17 .sidebar-wrapper .parent-icon, html.sidebarcolor17 .sidebar-wrapper a, html.sidebarcolor17 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor18 { background: #795548!important; }
.switcher-body .sidebarcolor18 { background: #795548!important; }
html.headercolor18 .topbar { background: #795548; }
html.sidebarcolor18 .sidebar-wrapper { background: #795548; }
html.sidebarcolor18 .sidebar-wrapper .menu-title, html.sidebarcolor18 .sidebar-wrapper .parent-icon, html.sidebarcolor18 .sidebar-wrapper a, html.sidebarcolor18 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor19 { background: #607D8B!important; }
.switcher-body .sidebarcolor19 { background: #607D8B!important; }
html.headercolor19 .topbar { background: #607D8B; }
html.sidebarcolor19 .sidebar-wrapper { background: #607D8B; }
html.sidebarcolor19 .sidebar-wrapper .menu-title, html.sidebarcolor19 .sidebar-wrapper .parent-icon, html.sidebarcolor19 .sidebar-wrapper a, html.sidebarcolor19 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor20 { background: #E91E63!important; }
.switcher-body .sidebarcolor20 { background: #E91E63!important; }
html.headercolor20 .topbar { background: #E91E63; }
html.sidebarcolor20 .sidebar-wrapper { background: #E91E63; }
html.sidebarcolor20 .sidebar-wrapper .menu-title, html.sidebarcolor20 .sidebar-wrapper .parent-icon, html.sidebarcolor20 .sidebar-wrapper a, html.sidebarcolor20 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor21 { background: #00BCD4!important; }
.switcher-body .sidebarcolor21 { background: #00BCD4!important; }
html.headercolor21 .topbar { background: #00BCD4; }
html.sidebarcolor21 .sidebar-wrapper { background: #00BCD4; }
html.sidebarcolor21 .sidebar-wrapper .menu-title, html.sidebarcolor21 .sidebar-wrapper .parent-icon, html.sidebarcolor21 .sidebar-wrapper a, html.sidebarcolor21 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor22 { background: #8BC34A!important; }
.switcher-body .sidebarcolor22 { background: #8BC34A!important; }
html.headercolor22 .topbar { background: #8BC34A; }
html.sidebarcolor22 .sidebar-wrapper { background: #8BC34A; }
html.sidebarcolor22 .sidebar-wrapper .menu-title, html.sidebarcolor22 .sidebar-wrapper .parent-icon, html.sidebarcolor22 .sidebar-wrapper a, html.sidebarcolor22 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor23 { background: #CDDC39!important; }
.switcher-body .sidebarcolor23 { background: #CDDC39!important; }
html.headercolor23 .topbar { background: #CDDC39; }
html.sidebarcolor23 .sidebar-wrapper { background: #CDDC39; }
html.sidebarcolor23 .sidebar-wrapper .menu-title, html.sidebarcolor23 .sidebar-wrapper .parent-icon, html.sidebarcolor23 .sidebar-wrapper a, html.sidebarcolor23 .sidebar-wrapper .menu-label { color: #fff !important; }
.switcher-body .headercolor24 { background: #3F51B5!important; }
.switcher-body .sidebarcolor24 { background: #3F51B5!important; }
html.headercolor24 .topbar { background: #3F51B5; }
html.sidebarcolor24 .sidebar-wrapper { background: #3F51B5; }
html.sidebarcolor24 .sidebar-wrapper .menu-title, html.sidebarcolor24 .sidebar-wrapper .parent-icon, html.sidebarcolor24 .sidebar-wrapper a, html.sidebarcolor24 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-7 { background: linear-gradient(135deg, #f12711 0%, #f5af19 100%); }
html.gradient-7 .topbar { background: linear-gradient(135deg, #f12711 0%, #f5af19 100%) !important; }
html.gradient-7 .sidebar-wrapper { background: linear-gradient(135deg, #f12711 0%, #f5af19 100%) !important; border-right:none; }
html.gradient-7 .sidebar-wrapper .menu-title, html.gradient-7 .sidebar-wrapper .parent-icon, html.gradient-7 .sidebar-wrapper a, html.gradient-7 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-8 { background: linear-gradient(135deg, #83a4d4 0%, #b6fbff 100%); }
html.gradient-8 .topbar { background: linear-gradient(135deg, #83a4d4 0%, #b6fbff 100%) !important; }
html.gradient-8 .sidebar-wrapper { background: linear-gradient(135deg, #83a4d4 0%, #b6fbff 100%) !important; border-right:none; }
html.gradient-8 .sidebar-wrapper .menu-title, html.gradient-8 .sidebar-wrapper .parent-icon, html.gradient-8 .sidebar-wrapper a, html.gradient-8 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-9 { background: linear-gradient(135deg, #1D976C 0%, #93F9B9 100%); }
html.gradient-9 .topbar { background: linear-gradient(135deg, #1D976C 0%, #93F9B9 100%) !important; }
html.gradient-9 .sidebar-wrapper { background: linear-gradient(135deg, #1D976C 0%, #93F9B9 100%) !important; border-right:none; }
html.gradient-9 .sidebar-wrapper .menu-title, html.gradient-9 .sidebar-wrapper .parent-icon, html.gradient-9 .sidebar-wrapper a, html.gradient-9 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-10 { background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
html.gradient-10 .topbar { background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%) !important; }
html.gradient-10 .sidebar-wrapper { background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%) !important; border-right:none; }
html.gradient-10 .sidebar-wrapper .menu-title, html.gradient-10 .sidebar-wrapper .parent-icon, html.gradient-10 .sidebar-wrapper a, html.gradient-10 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-11 { background: linear-gradient(135deg, #141E30 0%, #243B55 100%); }
html.gradient-11 .topbar { background: linear-gradient(135deg, #141E30 0%, #243B55 100%) !important; }
html.gradient-11 .sidebar-wrapper { background: linear-gradient(135deg, #141E30 0%, #243B55 100%) !important; border-right:none; }
html.gradient-11 .sidebar-wrapper .menu-title, html.gradient-11 .sidebar-wrapper .parent-icon, html.gradient-11 .sidebar-wrapper a, html.gradient-11 .sidebar-wrapper .menu-label { color: #fff !important; }
.bg-grad-12 { background: linear-gradient(135deg, #7b4397 0%, #dc2430 100%); }
html.gradient-12 .topbar { background: linear-gradient(135deg, #7b4397 0%, #dc2430 100%) !important; }
html.gradient-12 .sidebar-wrapper { background: linear-gradient(135deg, #7b4397 0%, #dc2430 100%) !important; border-right:none; }
html.gradient-12 .sidebar-wrapper .menu-title, html.gradient-12 .sidebar-wrapper .parent-icon, html.gradient-12 .sidebar-wrapper a, html.gradient-12 .sidebar-wrapper .menu-label { color: #fff !important; }
