/* =========== Horizontal-color CSS ============= */
.horizontal-color .horizontal-main.hor-menu{
	background:#5964ff;
	box-shadow:-8px 12px 18px 0 rgba(25,42,70,.13);
	border-top:1px solid rgba(255, 255, 255, 0.2);
}
.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color:#fff;
	background:rgba(234, 235, 243, 0.15);
}
.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color:#fff;
	background:rgba(234, 235, 243, 0.15);
}
.horizontal-color .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-mode.horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #fff;
    background:rgba(234, 235, 243, 0.15);
}
@media only screen and (max-width: 991px){
	.horizontal-color .horizontalMenu>.horizontalMenu-list {
		background: #5964ff;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
		background-color: #4c57f3;
		margin: 0px;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
		color: rgba(255,255,255,0.8);
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
		color: rgba(255, 255, 255, 0.5);
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		background-color: #4c57f3;
		color:#fff;
	}
	.horizontal-color .mega-menubg {
		background: #4c57f3 !important;
		margin:0px;
	}
	.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
		background: #4c57f3 !important;
		color: rgba(255, 255, 255, 0.8) !important;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
		background-color: #4c57f3;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
		color: rgba(255, 255, 255, 0.6);
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		background-color: #6e78fe;
		color: #fff;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
		color: #fff;
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
		color:rgba(255, 255, 255, 0.2);
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a{
		color:#fff;
		background:rgba(234, 235, 243, 0.15);
	}
	.horizontal-color .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
		color: #fff !important;
	}
}

/* =========== Horizontal-Dark CSS ============= */
.horizontal-dark .horizontal-main.hor-menu{
	background: #191c23;
    box-shadow: -8px 12px 18px 0 rgba(30, 33, 43,.13);
    border-top: 1px solid rgba(255,255,255,0.1);
}
.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}
.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}
.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px){
	.horizontal-dark .horizontalMenu>.horizontalMenu-list {
		background: #191c23;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
		background-color: #272931;
		margin:0px;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
		color: rgba(255,255,255,0.8);
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
		color: rgba(255, 255, 255, 0.5);
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		background-color: #272931;
		color:#fff;
	}
	.horizontal-dark .mega-menubg {
		background: #272931 !important;
		margin:0px;
	}
	.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
		background: #272931 !important;
		color: rgba(255, 255, 255, 0.8) !important;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
		background-color: #272931;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
		color: rgba(255, 255, 255, 0.6);
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		background-color: #1e2027;
		color: #5964ff;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
		color: #fff;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
		color:rgba(255, 255, 255, 0.2);
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li:hover>a{
		color: #7079f9;
		background: rgba(0, 0, 0, 0.3);
	}
	.horizontal-dark.dark-mode .horizontalMenu h3 {
		color: #fff;
	}
	.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
		color: #fff !important;
	}
}

/* =========== Horizontal-Gradient CSS ============= */
.horizontal-gradient .horizontal-main.hor-menu{
	background:linear-gradient(to right, #5a65ff, #8548e3);
    box-shadow: -8px 12px 18px 0 rgba(30, 33, 43,.13);
    border-top: 1px solid rgba(255,255,255,0.1);
}
.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #fff;
    background: rgba(234, 235, 243, 0.3);
}
.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}
.dark-mode.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #fff;
    background: rgba(234, 235, 243, 0.3);
}

@media only screen and (max-width: 991px){
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list {
		background:linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
		background-color: #4c57f3;
		margin:0px;
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
		color: rgba(255,255,255,0.8);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
		color: rgba(255, 255, 255, 0.5);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		background-color: #5a65ff;
		color:#fff;
	}
	.horizontal-gradient .mega-menubg {
		background: #4c57f3 !important;
		margin:0px;
	}
	.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
		background: #4c57f3 !important;
		color: rgba(255, 255, 255, 0.8) !important;
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
		background-color: #4c57f3;
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
		color: rgba(255, 255, 255, 0.6);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		background-color: #6e78fe;
		color: #fff;
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
		color: #fff;
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
		color:rgba(255, 255, 255, 0.2);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a{
		color: #fff;
		background:rgb(114, 85, 239);
	}
	.horizontal-gradient.dark-mode .horizontalMenu h3 {
		color: #fff;
	}
	.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
		color: #fff;
		background:rgb(114, 85, 239);
	}
	.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
		color: #fff;
		background:rgb(114, 85, 239);
	}
	.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
		color: #fff !important;
	}
}


/* =========== Horizontal-Gradient CSS ============= */
.horizontal-light .horizontal-main.hor-menu{
	background: #fff;
    box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
    border-top: 1px solid #e8ebf1;
}
.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
.horizontal-light .horizontalMenu>.horizontalMenu-list>li>a {
    color: #000;
	border-bottom-color: rgba(0, 0, 0, 0.03);
}
.dark-mode.horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
@media only screen and (max-width: 991px){
	.horizontal-light .horizontalMenu>.horizontalMenu-list {
		background: #fff;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
		background-color: #fafafd;
		margin: 0px;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
		color:#686868;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
		color: rgba(0,0,0,0.2);
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		background-color: #fafafd;
		color:#5964ff;
	}
	.horizontal-light .mega-menubg {
		background: #fafafd !important;
		margin:0px;
	}
	.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
		background: #fafafd !important;
		color:#000 !important;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
		background-color: #fafafd;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
		color:#686868;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		background-color:#e7e7e7;
		color: #5964ff;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
		color: #000;
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
		color:rgba(8, 8, 8, 0.15);
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a{
		color: #5964ff;
		background: rgba(234, 235, 243, 0.3);
	}
	.horizontal-light .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
		color: #5964ff !important;
	}
}

/* =========== Body Style1 CSS ============= */
body.body-style1 {
    background: #fff;
}
.body-style1 .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
}
.body-style1 .card {
	box-shadow: none;
    border:1px solid #e8ebf1;
}
body.light-mode.body-style1 {
    background: #fff;
}
.light-mode.body-style1 .horizontal-main.hor-menu {
    background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
}
.light-mode.body-style1 .card {
	box-shadow: none;
    border:1px solid #e8ebf1;
}
body.dark-mode.body-style1 {
    background: #191c23;
}
.dark-mode.body-style1 .horizontal-main.hor-menu {
    background: #191c23;
    box-shadow: none;
    border-top:1px solid rgba(255,255,255,0.15);
    border-bottom:1px solid rgba(255,255,255,0.15);
}
.dark-mode.body-style1 .card {
	box-shadow: none;
    border:1px solid rgb(75, 77, 87);
}
.body-style1.horizontal-color .horizontal-main.hor-menu{
	background:#5964ff;
	box-shadow: none;
	border-top:1px solid rgba(255, 255, 255, 0.2);
}
.body-style1.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color:#fff;
	background:rgba(234, 235, 243, 0.15);
}
.body-style1.horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color:#fff;
	background:rgba(234, 235, 243, 0.15);
}
.body-style1.horizontal-color .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.body-style1.dark-mode.horizontal-color .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #fff;
    background:rgba(234, 235, 243, 0.15);
}
.body-style1.horizontal-dark .horizontal-main.hor-menu{
	background: #191c23;
    box-shadow: none;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.body-style1.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}
.body-style1.horizontal-dark .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #9097ff;
    background: rgba(0, 0, 0, 0.3);
}
.body-style1.horizontal-dark .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.body-style1.horizontal-gradient .horizontal-main.hor-menu{
	background:linear-gradient(to right, #5a65ff, #8548e3);
    box-shadow: none;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.body-style1.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.body-style1.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #fff;
    background: rgba(234, 235, 243, 0.3);
}
.body-style1.horizontal-gradient .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: rgba(234, 235, 243, 0.3);
}
.body-style1.dark-mode.horizontal-gradient .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #fff;
    background: rgba(234, 235, 243, 0.3);
}
.body-style1.horizontal-light .horizontal-main.hor-menu{
	background: #fff;
    box-shadow: none;
    border-top: 1px solid #e8ebf1;
}
.body-style1.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
.body-style1.horizontal-light .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
.body-style1.horizontal-light .horizontalMenu>.horizontalMenu-list>li>a {
    color: #000;
	border-bottom-color: rgba(0, 0, 0, 0.03);
}
.body-style1.dark-mode.horizontal-light .horizontalMenu>.horizontalMenu-list>li:hover>a{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}
.light-mode .horizontal-light-switcher {
	display:none !important;
}
.light-mode.body-style1 .app-header {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    box-shadow: none;
}
.dark-mode .horizontal-Dark-switcher{
	display:none !important;
}
.dark-mode.body-style1 .app-sidebar {
    border-right: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid transparent;
	box-shadow: none;
}
.dark-mode.body-style1 .app-header {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    box-shadow: none;
}
.light-mode.body-style1 .app-sidebar {
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid transparent;
	box-shadow: none;
}
.light-mode.body-style1 .app-header {
    border-bottom: 1px solid #e8ebf1;
    box-shadow: none;
}
.body-style1.leftmenu-gradient .app-sidebar {
    border-top: 1px solid #5a65ff;
}


/* =========== Leftmenu-color CSS ============= */

.leftmenu-color .app-sidebar {
    background: #5964ff;
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}
.leftmenu-color .app-sidebar ul li a {
    color: #fff;
}
.leftmenu-color .side-menu li ul {
    background: transparent;
}
.leftmenu-color .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgb(255,255,255,0.01);
    color: rgba(255, 255, 255, 0.7);
}
.leftmenu-color .slide-menu li.active>a {
    color: #fff !important;
}
.leftmenu-color .app-sidebar .slide-menu .slide-item:hover {
    color: #fff;
}
.leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active {
    color: #fff !important;
    background: rgba(234, 235, 243, 0.2);
}
.leftmenu-color .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
}
.leftmenu-color .app-sidebar .toggle-menu .side-menu__item:hover {
    background:rgba(234, 235, 243, 0.2);
    color: #fff !important;
}
.leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #fff !important;
}
.leftmenu-color .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}
.leftmenu-color .side-menu h3 {
    color:rgba(255, 255, 255, 0.6);
}
.dark-mode.leftmenu-color .app-sidebar {
    background: #5964ff;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top:1px solid rgba(255, 255, 255, 0.2);
}
.leftmenu-color .slide.is-expanded .side-menu__item{
	color:#fff;
	background:rgba(255, 255, 255, 0.2);
}

/* =========== Leftmenu-Dark CSS ============= */

.leftmenu-dark .app-sidebar {
    background: #191c23;
    border-right: 1px solid transparent;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.leftmenu-dark .app-sidebar ul li a {
    color: #fff;
}
.leftmenu-dark .side-menu li ul {
    background: transparent;
}
.leftmenu-dark .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgb(255,255,255,0.01);
    color: rgba(255, 255, 255, 0.7);
}
.leftmenu-dark .slide-menu li.active>a {
    color: #868eff !important;
}
.leftmenu-dark .app-sidebar .slide-menu .slide-item:hover {
    color: #868eff;
}
.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active {
    color: #868eff !important;
    background:rgba(0, 0, 0,0.3);
}
.leftmenu-dark .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #868eff !important;
}
.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item:hover {
    background:rgba(0, 0, 0,0.3);
    color: #868eff !important;
}
.leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #868eff !important;
}
.leftmenu-dark .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}
.leftmenu-dark .side-menu h3 {
    color: #b1b3bb;
}
.dark-mode.leftmenu-dark .app-sidebar {
    border-right: 1px solid transparent;
    border-top:1px solid rgba(255, 255, 255, 0.2);
}
.leftmenu-dark .slide.is-expanded .side-menu__item{
	color:#868eff;
	background:rgba(0, 0, 0,0.3);
}


/* =========== Leftmenu-Gradient CSS ============= */

.leftmenu-gradient .app-sidebar {
    background:linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}
.leftmenu-gradient .app-sidebar ul li a {
    color: #fff;
}
.leftmenu-gradient .side-menu li ul {
    background: transparent;
}
.leftmenu-gradient .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgb(255,255,255,0.01);
    color: rgba(255, 255, 255, 0.7);
}
.leftmenu-gradient .slide-menu li.active>a {
    color: #fff !important;
}
.leftmenu-gradient .app-sidebar .slide-menu .slide-item:hover {
    color: #fff;
}
.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active {
    color: #fff !important;
    background: rgba(234, 235, 243, 0.2);
}
.leftmenu-gradient .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #fff !important;
}
.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item:hover {
    background:rgba(234, 235, 243, 0.2);
    color: #fff !important;
}
.leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #fff !important;
}
.leftmenu-gradient .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}
.leftmenu-gradient .side-menu h3 {
    color:rgba(255, 255, 255, 0.6);
}
.dark-mode.leftmenu-gradient .app-sidebar {
    background: linear-gradient(to top, #8548e3 0%, #5a65ff 70%);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top:1px solid rgba(0, 0, 0, 0.5);
}
.leftmenu-gradient .slide.is-expanded .side-menu__item{
	color:#fff;
	background:rgba(255, 255, 255, 0.2);
}
/* =========== Leftmenu-Light CSS ============= */

.leftmenu-light .app-sidebar {
    box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
    background: #fff;
    border-right: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1;
}
.leftmenu-light .app-sidebar ul li a {
    color:#000;
}
.leftmenu-light .side-menu li ul {
    background:transparent;
}
.leftmenu-light .toggle-menu.side-menu li ul li a {
    border-bottom: 1px solid rgb(255,255,255,0.01);
    color:#000;
}
.leftmenu-light .slide-menu li.active>a {
    color: #5964ff !important;
}
.leftmenu-light .app-sidebar .slide-menu .slide-item:hover {
    color: #5964ff;
}
.leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active {
    color: #5964ff !important;
    background: rgba(234, 235, 243, 0.3);
}
.leftmenu-light .app-sidebar .side-menu__item.active .side-menu__icon {
    color: #5964ff !important;
}
.leftmenu-light .app-sidebar .toggle-menu .side-menu__item:hover {
    color: #5964ff !important;
    background: rgba(234, 235, 243, 0.3);
}
.leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon {
    color: #5964ff !important;
}
.leftmenu-light .toggle-menu.side-menu li a {
    border-top: 1px solid transparent;
}
.leftmenu-light .side-menu h3 {
    color:#b1b3bb;
}
.dark-mode.leftmenu-light .app-sidebar{
	border-top:1px solid transparent;
}
.dark-mode.leftmenu-light .slide.is-expanded .side-menu__item{
	color: #5964ff;
    background: rgba(234, 235, 243, 0.3);
}

/*--- Patterns ---*/
body.pattern1{
	background: url(../images/patterns/bg-1.png);
} 
body.pattern2{
	background: url(../images/patterns/bg-2.png);
}
body.pattern3{
	background: url(../images/patterns/bg-3.png);
}
body.pattern4{
	background: url(../images/patterns/bg-4.png);
}
body.pattern5{
	background: url(../images/patterns/bg-5.png);
}
body.pattern6{
	background: url(../images/patterns/bg-6.png);
	background-color: #23262f !important;
} 
body.pattern7{
	background: url(../images/patterns/bg-7.png);
	background-color: #23262f !important;
}
body.pattern8{
	background: url(../images/patterns/bg-8.png);
	background-color: #23262f !important;
}
body.pattern9{
	background: url(../images/patterns/bg-9.png);
	background-color: #23262f !important;
}
body.pattern10{
	background: url(../images/patterns/bg-10.png);
	background-color: #23262f !important;
}

body.pattern1.body-style1{
	background: url(../images/patterns/bg-1.png);
} 
body.pattern2.body-style1{
	background: url(../images/patterns/bg-2.png);
}
body.pattern3.body-style1{
	background: url(../images/patterns/bg-3.png);
}
body.pattern4.body-style1{
	background: url(../images/patterns/bg-4.png);
}
body.pattern5.body-style1{
	background: url(../images/patterns/bg-5.png);
}
body.pattern6.body-style1{
	background: url(../images/patterns/bg-6.png);
	background-color: #23262f !important;
} 
body.pattern7.body-style1{
	background: url(../images/patterns/bg-7.png);
	background-color: #23262f !important;
}
body.pattern8.body-style1{
	background: url(../images/patterns/bg-8.png);
	background-color: #23262f !important;
}
body.pattern9.body-style1{
	background: url(../images/patterns/bg-9.png);
	background-color: #23262f !important;
}
body.pattern10.body-style1{
	background: url(../images/patterns/bg-10.png);
	background-color: #23262f !important;
}


/*---- Bg-Image ---*/
.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftbgimage3 .app-sidebar:before {
     content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}

/* Dark left-menu*/
.dark-mode.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.dark-mode.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.dark-mode.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	border-right: 0;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.dark-mode.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.dark-mode.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	border-right: 0;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.dark-mode.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
     background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.dark-mode.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	border-right: 0;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.dark-mode.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
     background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.dark-mode.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	border-right: 0;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.dark-mode.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
     background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}

/* Left menu color */
.leftmenu-color.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-color.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(89, 100, 255,0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-color.leftbgimage1 .side-menu li ul {
    background:transparent;
}
.leftmenu-color.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-color.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(89, 100, 255,0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-color.leftbgimage2 .side-menu li ul {
    background:transparent;
}
.leftmenu-color.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-color.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(89, 100, 255,0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-color.leftbgimage3 .side-menu li ul {
    background:transparent;
}
.leftmenu-color.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-color.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(89, 100, 255,0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-color.leftbgimage4 .side-menu li ul {
    background:transparent;
}
.leftmenu-color.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-color.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(89, 100, 255,0.85);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-color.leftbgimage5 .side-menu li ul {
    background:transparent;
}


/* Left menu Dark */
.leftmenu-dark.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-dark.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-dark.leftbgimage1 .side-menu li ul {
    background: rgb(58, 55, 57, 0);
}
.leftmenu-dark.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-dark.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-dark.leftbgimage2 .side-menu li ul {
    background: rgb(58, 55, 57, 0);
}
.leftmenu-dark.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-dark.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-dark.leftbgimage3 .side-menu li ul {
    background: rgb(58, 55, 57, 0);
}
.leftmenu-dark.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-dark.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-dark.leftbgimage4 .side-menu li ul {
    background: rgb(58, 55, 57, 0);
}
.leftmenu-dark.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-dark.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background: rgb(43, 46, 57,0.9);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-dark.leftbgimage5 .side-menu li ul {
    background: rgb(58, 55, 57, 0);
}

/* Left menu Gradient */
.leftmenu-gradient.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-gradient.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background:linear-gradient(to top, rgb(133, 72, 227, 0.9) 0%, rgb(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-gradient.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-gradient.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background:linear-gradient(to top, rgb(133, 72, 227, 0.9) 0%, rgb(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-gradient.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-gradient.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
    background:linear-gradient(to top, rgb(133, 72, 227, 0.9) 0%, rgb(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-gradient.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-gradient.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background:linear-gradient(to top, rgb(133, 72, 227, 0.9) 0%, rgb(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-gradient.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-gradient.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
    background:linear-gradient(to top, rgb(133, 72, 227, 0.9) 0%, rgb(90, 101, 255, 0.9) 70%);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}


/* Left menu Light */
.leftmenu-light.leftbgimage1 .app-sidebar {
    background: url(../images/photos/bgimage1.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-light.leftbgimage1 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-light.leftbgimage2 .app-sidebar {
    background: url(../images/photos/bgimage2.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-light.leftbgimage2 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-light.leftbgimage3 .app-sidebar {
    background: url(../images/photos/bgimage3.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-light.leftbgimage3 .app-sidebar:before {
    content: '';
    position: fixed;
   background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-light.leftbgimage4 .app-sidebar {
    background: url(../images/photos/bgimage4.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-light.leftbgimage4 .app-sidebar:before {
    content: '';
    position: fixed;
    background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}
.leftmenu-light.leftbgimage5 .app-sidebar {
    background: url(../images/photos/bgimage5.jpg) !important;
    background-size: cover;
	height: 100vh;
	width: 250px;
	border-right: 1px solid transparent;
}
.leftmenu-light.leftbgimage5 .app-sidebar:before {
    content: '';
    position: fixed;
   background:rgb(255,255,255,0.93);
    height: 100vh;
    width: 250px;
    z-index: -1;
    top: 0;
    bottom: 0;
	margin-top: 68px;
}