/*@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap);*/
/*@import url(https://fonts.googleapis.com/css?family=Lato);*/
/*@import url(https://fonts.googleapis.com/css?family=Nunito%20Sans);*/
@font-face {
    font-family: 'Rubik Regular';
    src: url('../fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    
}
@font-face {
    font-family: 'Rubik Medium';
    src: url('../fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: normal;
    
}
@font-face {
    font-family: 'Rubik Bold';
    src: url('../fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: normal;
    
}
@font-face {
    font-family: 'Rubik Light';
    src: url('../fonts/Rubik-Light.ttf') format('truetype');
    font-weight: normal;
    
}




.topbar {
	box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
	-o-box-shadow: 1px 0 7px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 0 7px rgba(0, 0, 0, .05)
}

.topbar .mega-dropdown .dropdown-menu {
	border-radius: 0
}

.material-card.card {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	-o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}


/* custom nav theme color */

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
	background: #2cabe3
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin2],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin2] {
	background: #707cd2
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin3],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3] {
	background: #ff7676
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin4],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin4] {
	background: #a0aec4
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
	background: #33959F
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6],
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
	background: #fff
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .dark-logo {
	display: inline
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .navbar-brand .light-logo {
	display: none
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .nav-toggler,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .topbartoggler {
	color: #313131
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6] .sidebartoggler.side-start,
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] .sidebartoggler.side-start {
	color: #313131;
	opacity: .9
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1] {
	background: #2cabe3
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin2],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin2] {
	background: #707cd2
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin3],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin3] {
	background: #ff7676
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin4],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin4] {
	background: #a0aec4
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin5],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin5] {
	background: #20222a
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6],
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] {
	background: #fff
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .dark-logo,
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .dark-logo {
	display: inline
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .light-logo,
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .navbar-brand .light-logo {
	display: none
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] .search-box .form-control,
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6] .search-box .form-control {
	border-color: rgba(120, 130, 140, .13)
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1] ul {
	background: #2cabe3
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul {
	background: #707cd2
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	opacity: 1;
	background-color: #20222a;
	font-weight: 500
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul {
	background: #ff7676
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	opacity: 1;
	background-color: #20222a;
	font-weight: 500
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4] ul {
	background: #a0aec4
}



#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul {
	background: #006B75;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link {
	opacity: .8
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link:hover,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link:hover,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link:hover,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link:hover {
	opacity: 1
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item.selected>.sidebar-link {
	opacity: 1
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .first-level .sidebar-item.active>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .first-level .sidebar-item.active>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link {
	opacity: 1
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.profile-dd,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.profile-dd,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link.profile-dd,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link.profile-dd {
	opacity: 1
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] {
	background: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
	background: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
	color: #54667a;
	opacity: .9
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
	color: #54667a
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover {
	opacity: 1
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .profile-dd span {
	color: #54667a
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	opacity: 1;
	color: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i {
	color: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after {
	border-color: #54667a
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .sidebar-item.selected>.sidebar-link.has-arrow::after,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .sidebar-item.selected>.sidebar-link.has-arrow::after {
	border-color: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .devider,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .devider {
	border-top: 1px solid #54667a;
	opacity: .1
}

#main-wrapper {
	width: 100%;
	overflow: hidden
}

.page-wrapper {
	background: #edf1f5;
	position: relative;
	transition: .2s ease-in;
	display: none
}

.page-wrapper>.page-content {
	padding: 30px;
	min-height: calc(100vh - 167px)
}

.page-breadcrumb {
	padding: 11px 30px;
	background-color: #edf1f5
}

.page-breadcrumb .breadcrumb {
	background-color: #edf1f5
}

.page-breadcrumb .breadcrumb .breadcrumb-item,
.page-breadcrumb .breadcrumb .breadcrumb-item>a {
	color: #8898aa
}

.page-breadcrumb .breadcrumb .active {
	color: #2cabe3
}

.footer {
	padding: 15px 20px;
	background: #fff;
	color: #8898aa
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header {
	transition: .2s ease-in
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper,
#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
	margin-left: 250px
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .page-wrapper {
	margin-left: 180px
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .left-sidebar,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item,
#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .topbar .top-navbar .navbar-header {
	width: 180px
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link {
	display: block;
	text-align: center
}

#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .sidebar-nav ul .sidebar-item .sidebar-link i {
	display: block;
	width: auto
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
	width: 250px
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
	margin-left: 250px
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
	width: 65px
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-collpase {
	margin-left: 65px
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
	left: 0
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
	left: -250px
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .page-wrapper {
	margin-left: 0
}

#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
	display: none
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-header {
	position: fixed;
	z-index: 10;
	top: 0
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
	position: fixed
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {
	position: fixed;
	width: 100%
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
	padding-top: 60px
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed] {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	box-shadow: 1px 0 80px rgba(0, 0, 0, .2)
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed][data-header-position=fixed] .topbar {
	max-width: 1200px
}

@media (min-width:768px) {
	#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
		width: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .sidebartoggler.side-start {
		justify-content: flex-start;
		margin-left: 1.5rem;
		color: #fff
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
		margin-left: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
		margin-left: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
		margin-left: 180px
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header {
		width: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
		margin-left: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
		width: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
		display: none
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
		width: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-text {
		display: block
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
		margin-left: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
		margin-left: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
		display: none
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
		justify-content: center
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header .navigation-text {
		display: none
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header.expand-logo .navigation-text {
		display: block
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .navbar-header.expand-logo .sidebartoggler.side-start {
		justify-content: flex-start;
		margin-left: 1.5rem
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
		width: 65px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
		width: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after,
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu {
		display: block
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap {
		justify-content: flex-start
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .first-level .sidebar-item .sidebar-link i {
		visibility: hidden
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .first-level .sidebar-item .sidebar-link i {
		visibility: visible
	}
}

@media (max-width:767.98px) {
	#main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
		left: -250px
	}
	#main-wrapper.hide-sidebar .left-sidebar {
		left: 0
	}
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
		position: relative;
		top: 60px
	}
	#main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
		position: relative;
		top: 60px
	}
	.left-part {
		left: -260px;
		background: #edf1f5;
		z-index: 1;
		position: fixed;
		transition: .1s ease-in
	}
	.left-part.show-panel {
		left: 0
	}
	.reverse-mode .left-part {
		right: -260px;
		left: auto
	}
	.reverse-mode .left-part.show-panel {
		right: 0
	}
	.right-part {
		width: 100%;
		margin-left: 0
	}
}

@media (max-width:1023px) {
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
		margin-left: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
		width: 250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
		margin-left: 0
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
		left: -250px
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
		display: block
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
		left: 0
	}
}

.topbar {
	position: relative;
	z-index: 99999;
	background: #fff;
	height: 60px
}

.topbar .navbar-collapse {
	padding: 0 10px 0 0
}

.topbar .top-navbar {
	min-height: 60px;
	padding: 0
}

.topbar .top-navbar .dropdown-toggle::after {
	display: none
}

.topbar .top-navbar .navbar-header {
	line-height: 60px
}

.topbar .top-navbar .sidebartoggler.side-start {
	justify-content: center;
	margin-left: 0;
	color: #fff;
	font-size: 20px
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
	padding: 0 14px;
	font-size: 14px;
	line-height: 60px;
	height: 60px
}

.topbar .top-navbar .navbar-nav>.nav-item {
	transition: .2s ease-in
}

.topbar .top-navbar .navbar-nav>.nav-item:hover {
	background: rgba(0, 0, 0, .03)
}

.topbar .navbar-brand {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 10px 0 10px
}

.topbar .navbar-brand .dark-logo {
	display: none
}

.topbar .navbar-brand .logo-icon {
	margin-right: 5px
}

.topbar .mailbox,
.topbar .user-dd {
	min-width: 280px
}

.topbar .nav-toggler,
.topbar .topbartoggler {
	color: #fff;
	padding: 0 15px
}

.app-search {
	margin-top: 15px;
	position: relative
}

.app-search .form-control {
	border-radius: 60px;
	border-color: transparent;
	transition: .2s ease-in;
	width: 180px;
	height: 30px
}

.app-search .form-control:focus {
	width: 300px
}

.app-search a {
	position: absolute;
	top: 5px;
	right: 10px;
	color: #8898aa
}

.topbar .mega-dropdown {
	position: static
}

.topbar .mega-dropdown .dropdown-menu {
	padding: 30px;
	width: 100%;
	max-height: 480px;
	overflow: auto
}

.topbar .dropdown-menu {
	padding-top: 0;
	border: 0;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, .1)
}

.topbar .dropdown-menu.dropdown-menu-right .with-arrow {
	right: 0
}

.topbar .dropdown-menu.dropdown-menu-right .with-arrow>span {
	right: 20px;
	left: auto
}

@media (max-width:767px) {
	.topbar .top-navbar .navbar-collapse.collapsing,
	.topbar .top-navbar .navbar-collapse.show {
		display: flex;
		width: 100%;
		border-top: 1px solid rgba(120, 130, 140, .13)
	}
	.topbar .top-navbar .navbar-nav {
		flex-direction: row
	}
	.topbar .top-navbar .navbar-nav .dropdown {
		position: static
	}
	.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		padding: 0 10px
	}
	.topbar .top-navbar .navbar-header {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between
	}
	.topbar .top-navbar .dropdown-menu {
		position: absolute;
		width: 100%
	}
}

.left-sidebar {
	position: absolute;
	width: 250px;
	height: 100%;
	top: 0;
	z-index: 9999;
	padding-top: 60px;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	transition: .2s ease-in
}

.material.left-sidebar {
	box-shadow: 1px 0 20px rgba(0, 0, 0, .08)
}

.scroll-sidebar {
	height: calc(100% - 20px);
	position: relative
}

.sidebar-nav ul .sidebar-item {
	width: 250px;
	background: inherit
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	color: #fff;
	padding: 17px 13px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	line-height: 25px;
	opacity: .8;
	font-weight: 300
}

.sidebar-nav ul .sidebar-item .sidebar-link i {
	font-style: normal;
	width: 35px;
	line-height: 25px;
	font-size: 21px;
	color: #fff;
	display: inline-block;
	text-align: center
}

.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
	opacity: 1
}

.sidebar-nav ul .sidebar-item .sidebar-link.profile-dd {
	opacity: 1
}

.sidebar-nav ul .sidebar-item .sidebar-link.profile-dd span {
	margin-left: 10px;
	color: #fff;
	opacity: .8
}

.sidebar-nav ul .sidebar-item:hover {
	background: rgba(0, 0, 0, .07)
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	opacity: 1;
	background-color: #33959F;
	border-left: 3px solid transparent;
	font-weight: 500
}

.sidebar-nav ul .sidebar-item .first-level {
	padding: 0 0 10px 0
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
	background: unset
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item:hover {
	background: unset
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link {
	opacity: 1;
	font-weight: 500
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
	padding: 10px 15px
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
	font-size: 16px;
	visibility: hidden
}

.sidebar-nav ul .nav-small-cap {
	font-size: 12px;
	padding: 17px 13px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	line-height: 30px;
	margin-top: 10px;
	color: #fff;
	opacity: 1;
	text-transform: uppercase
}

.sidebar-nav ul .nav-small-cap i {
	line-height: 30px;
	margin: 0 5px
}

.user-profile {
	position: relative;
	z-index: 1
}

.sidebar-nav ul {
	margin: 0;
	padding: 0
}

.sidebar-nav ul li {
	list-style: none
}

.collapse.in {
	display: block
}

.sidebar-nav .has-arrow {
	position: relative
}

.sidebar-nav .has-arrow::after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #fff;
	margin-left: 10px;
	-webkit-transform: rotate(135deg) translate(0, -50%);
	-ms-transform: rotate(135deg) translate(0, -50%);
	-o-transform: rotate(135deg) translate(0, -50%);
	transform: rotate(135deg) translate(0, -50%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	top: 26px;
	right: 15px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.sidebar-nav .has-arrow.profile-dd::after {
	top: 33px;
	opacity: .8
}

.sidebar-nav .devider {
	margin: 7px 0;
	border-top: 1px solid #fff;
	opacity: .1
}

.sidebar-nav .has-arrow[aria-expanded=true]::after,
.sidebar-nav li.active>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	transform: rotate(-135deg) translate(0, -50%)
}

.customizer {
	background: #fff;
	position: fixed;
	height: 100%;
	width: 280px;
	top: 0;
	right: -280px;
	z-index: 100;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	transition: .3s ease-in
}

.customizer .service-panel-toggle {
	background: #ff5050;
	padding: 12px 20px;
	color: #fff;
	position: absolute;
	top: 30%;
	left: -54px
}

.customizer.show-service-panel {
	right: 0
}

.customizer .customizer-body {
	position: relative;
	height: 100%
}

.customizer .customizer-tab {
	display: flex
}

.customizer .customizer-tab .nav-item {
	width: 33.33%;
	text-align: center
}

.customizer .customizer-tab .nav-item .nav-link {
	padding: 15px 12px;
	border-bottom: 3px solid transparent
}

.customizer .customizer-tab .nav-item .nav-link.active,
.customizer .customizer-tab .nav-item .nav-link:hover {
	border-bottom: 3px solid #2cabe3;
	color: #2cabe3
}

.custom-control-label::after,
.custom-control-label::before {
	top: .15rem
}

.theme-color {
	padding: 0;
	margin: 0;
	list-style: none
}

.theme-color .theme-item {
	list-style: none;
	display: inline-block;
	margin-right: 5px
}

.theme-color .theme-item .theme-link {
	border-radius: 100%;
	width: 20px;
	height: 20px;
	display: block
}

.theme-color .theme-item .theme-link[data-logobg=skin1],
.theme-color .theme-item .theme-link[data-navbarbg=skin1],
.theme-color .theme-item .theme-link[data-sidebarbg=skin1] {
	background: #2cabe3
}

.theme-color .theme-item .theme-link[data-logobg=skin2],
.theme-color .theme-item .theme-link[data-navbarbg=skin2],
.theme-color .theme-item .theme-link[data-sidebarbg=skin2] {
	background: #707cd2
}

.theme-color .theme-item .theme-link[data-logobg=skin3],
.theme-color .theme-item .theme-link[data-navbarbg=skin3],
.theme-color .theme-item .theme-link[data-sidebarbg=skin3] {
	background: #ff7676
}

.theme-color .theme-item .theme-link[data-logobg=skin4],
.theme-color .theme-item .theme-link[data-navbarbg=skin4],
.theme-color .theme-item .theme-link[data-sidebarbg=skin4] {
	background: #a0aec4
}

.theme-color .theme-item .theme-link[data-logobg=skin5],
.theme-color .theme-item .theme-link[data-navbarbg=skin5],
.theme-color .theme-item .theme-link[data-sidebarbg=skin5] {
	background: #20222a
}

.theme-color .theme-item .theme-link[data-logobg=skin6],
.theme-color .theme-item .theme-link[data-navbarbg=skin6],
.theme-color .theme-item .theme-link[data-sidebarbg=skin6] {
	background: #e9ecef
}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	transition: all .7s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, .45)
}

.waves-effect.waves-red .waves-ripple {
	background-color: rgba(244, 67, 54, .7)
}

.waves-effect.waves-yellow .waves-ripple {
	background-color: rgba(255, 235, 59, .7)
}

.waves-effect.waves-orange .waves-ripple {
	background-color: rgba(255, 152, 0, .7)
}

.waves-effect.waves-purple .waves-ripple {
	background-color: rgba(156, 39, 176, .7)
}

.waves-effect.waves-green .waves-ripple {
	background-color: rgba(76, 175, 80, .7)
}

.waves-effect.waves-teal .waves-ripple {
	background-color: rgba(0, 150, 136, .7)
}

html body .waves-notransition {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none
}

.waves-circle {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none
}

.waves-input-wrapper {
	border-radius: .2em;
	vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1
}

.waves-block {
	display: block
}


.nav-tabs.manage-tabs {
	border-bottom: 0!important
}

.nav-tabs.manage-tabs .nav-item {
	margin-bottom: -1px;
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	flex: 1
}

.nav-tabs.manage-tabs .nav-link {
	position: relative;
	background: #2cabe3!important;
	color: rgba(255, 255, 255, .6)!important;
	font-weight: 400;
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 20px;
	text-transform: uppercase
}

.nav-tabs.manage-tabs .nav-link:hover {
	color: rgba(255, 255, 255, .6)
}

.nav-tabs.manage-tabs .nav-item.show .nav-link,
.nav-tabs.manage-tabs .nav-link.active {
	color: #fff!important;
	background: #2cabe3!important
}

.nav-tabs.manage-tabs .nav-item.show .nav-link::after,
.nav-tabs.manage-tabs .nav-link.active::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #2cabe3;
	content: '';
	pointer-events: none
}



.ps-container {
	-ms-touch-action: auto;
	touch-action: auto;
	overflow: hidden!important;
	-ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
	.ps-container {
		overflow: auto!important
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.ps-container {
		overflow: auto!important
	}
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
	display: block;
	background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: transparent;
	opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: rgba(0, 0, 0, .2);
	height: 11px
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: transparent;
	opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: rgba(0, 0, 0, .2);
	width: 11px
}

.ps-container>.ps-scrollbar-x-rail {
	display: none;
	position: absolute;
	opacity: 0;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	bottom: 0;
	height: 15px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	position: absolute;
	background-color: rgba(0, 0, 0, .2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	bottom: 2px;
	height: 6px
}

.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	height: 6px
}

.ps-container>.ps-scrollbar-y-rail {
	display: none;
	position: absolute;
	opacity: 0;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	right: 0;
	width: 15px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	position: absolute;
	background-color: rgba(0, 0, 0, .2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	right: 2px;
	width: 6px
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	width: 6px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: transparent;
	opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: rgba(0, 0, 0, .2);
	height: 6px
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: transparent;
	opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: rgba(0, 0, 0, .2);
	width: 6px
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
	opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
	background-color: transparent;
	opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	background-color: rgba(0, 0, 0, .2)
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background-color: transparent;
	opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	background-color: rgba(0, 0, 0, .2)
}

.ps-container .ps-scrollbar-y-rail {
	position: absolute;
	right: 3px;
	width: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear
}

.preloader {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	z-index: 99999;
	background: rgba(255, 255, 255, 0.5);
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px)
}

.lds-ripple .lds-pos {
	position: absolute;
	border: 2px solid #007bff;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, .1, .5, 1) infinite
}

.lds-ripple .lds-pos:nth-child(2) {
	animation-delay: -.5s
}

@keyframes lds-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1
	}
	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0
	}
}
[dir=rtl] #main-wrapper[data-sidebartype=full] .page-wrapper,
[dir=rtl] #main-wrapper[data-sidebartype=overlay] .page-wrapper {
	margin-right: 250px;
	margin-left: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=iconbar] .page-wrapper {
	margin-right: 180px;
	margin-left: 0
}

[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
	width: 250px
}

[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
	margin-right: 250px;
	margin-left: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
	width: 65px
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .topbar .top-navbar .navbar-collpase {
	margin-right: 65px;
	margin-left: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay] .left-sidebar {
	right: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .left-sidebar {
	right: -250px;
	left: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .page-wrapper {
	margin-right: 0
}

[dir=rtl] #main-wrapper[data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
	display: none
}

[dir=rtl] .dz-hidden-input {
	display: none
}

@media (min-width:768px) {
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
		margin-right: 250px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
		margin-right: 65px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
		margin-right: 180px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
		margin-right: 65px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .page-wrapper {
		margin-right: 65px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
		margin-right: 65px;
		margin-left: 0
	}
}

@media (max-width:766px) {
	[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
		right: -250px;
		left: auto
	}
	[dir=rtl] #main-wrapper.hide-sidebar .left-sidebar {
		right: 0;
		left: auto
	}
	[dir=rtl] .left-part {
		right: -260px;
		left: auto
	}
	[dir=rtl] .left-part.show-panel {
		right: 0;
		left: auto
	}
	[dir=rtl] .right-part {
		margin-right: 0
	}
}

@media (max-width:1023px) {
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header {
		width: 250px
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse {
		margin-right: 250px;
		margin-left: 0
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
		width: 250px
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .page-wrapper {
		margin-right: 0
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {
		right: -250px;
		left: 0
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .navbar-brand .logo-text {
		display: block
	}
	[dir=rtl] #main-wrapper[data-layout=vertical][data-sidebartype=overlay].hide-sidebar .left-sidebar {
		right: 0
	}
}

#main-wrapper[data-layout=horizontal] .right-part {
	height: calc(100vh - 161px)
}

#main-wrapper[data-layout=horizontal] .chat-container .chat-box {
	height: calc(100vh - 365px)!important
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .topbar {
	position: fixed;
	width: 100%
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {
	padding-top: 60px
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .topbar {
	position: fixed;
	width: 100%
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {
	padding-top: 60px;
	position: fixed
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
	padding-top: 78px
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] ul {
	background: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	border-left: 0;
	opacity: 1;
	background-color: #2cabe3;
	font-weight: 500
}

@media (min-width:992px) {
	#main-wrapper[data-layout=horizontal] {
		background: #edf1f5
	}
	#main-wrapper[data-layout=horizontal] .page-breadcrumb {
		padding: 11px 10px
	}
	#main-wrapper[data-layout=horizontal] .page-wrapper>.page-content {
		padding: 30px 10px
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
		visibility: visible
	}
	#main-wrapper[data-layout=horizontal] .mega-dropdown .first-level {
		max-height: 400px;
		overflow: auto
	}
	#main-wrapper[data-layout=horizontal] .topbar {
		transition: 0s
	}
	#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper,
	#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .scroll-sidebar,
	#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .top-navbar {
		max-width: 1200px;
		margin: 0 auto;
		position: relative
	}
	#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav {
		flex-wrap: wrap
	}
	#main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
		display: block
	}
	#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
		padding-top: 110px
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
		width: 200px;
		border-right: 1px solid rgba(0, 0, 0, .1)
	}
	#main-wrapper[data-layout=horizontal] .topbar .sidebartoggler {
		display: none
	}
	#main-wrapper[data-layout=horizontal] .left-sidebar {
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 0;
		z-index: 45;
		transition: 0s
	}
	#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar {
		height: 51px
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav ul {
		display: flex
	}
	#main-wrapper[data-layout=horizontal] .scroll-sidebar {
		height: auto
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
		display: flex;
		width: 100%
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item {
		position: relative;
		width: auto
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
		padding: 13px 30px 13px 13px
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
		border-right: 1px solid rgba(0, 0, 0, .1)
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
		transform: rotate(-135deg) translate(0, -50%)
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level {
		right: 0;
		left: auto
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level {
		width: 400px
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level>.sidebar-item {
		float: left;
		width: 50%;
		vertical-align: top
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul {
		position: absolute;
		left: 0;
		top: auto;
		width: 200px;
		padding-bottom: 0;
		z-index: 100;
		display: none;
		box-shadow: 5px 10px 20px rgba(0, 0, 0, .1)
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown {
		position: static
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level {
		width: 100%
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level>li {
		width: 25%;
		float: left
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover {
		background: rgba(0, 0, 0, .035)
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse {
		display: block
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse>li,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level>li {
		background: rgba(0, 0, 0, .035)
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul.second-level {
		left: 200px;
		top: 0
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .right-side-dd ul.second-level,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level ul.second-level {
		right: 200px;
		top: 0;
		left: auto
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level>.sidebar-item:hover ul.second-level {
		display: block
	}
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro {
		display: none
	}
}

@media (min-width:768px) and (max-width:1023px) {
	#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
		flex: auto
	}
	[data-sidebar-position=fixed] .left-sidebar {
		overflow: auto
	}
}

@media (max-width:1199.98px) {
	#main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar,
	#main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
		left: -250px
	}
	#main-wrapper[data-layout=horizontal].show-sidebar .left-sidebar,
	#main-wrapper[data-layout=horizontal].show-sidebar .left-sidebar .sidebar-footer {
		left: 0
	}
	#main-wrapper[data-layout=horizontal][data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
	#main-wrapper[data-layout=horizontal][data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
		position: relative;
		top: 60px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.collapsing,
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.show {
		display: block;
		width: 100%;
		border-top: 1px solid rgba(120, 130, 140, .13)
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav {
		flex-direction: row
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav .dropdown {
		position: static
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		padding: 0 10px
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu {
		position: absolute;
		width: 100%
	}
	#main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu .with-arrow {
		display: none
	}
}

@media (max-width:1199.98px) {
	#main-wrapper[data-layout=horizontal].hide-sidebar .left-sidebar {
		left: 0
	}
}




/* */

body {
    margin: 0;
    font-family: Rubik Regular, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #313131;
    text-align: left;
    background-color: #edf1f5;
}
h1, h2, h3, h4, h5, h6 {
    color: #006B75;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem;
	font-weight: 400;
	line-height: 1.2;
}

.h1,
h1 {
	font-size: 2.25rem
}

.h2,
h2 {
	font-size: 1.5rem
}

.h3,
h3 {
	font-size: 1.3125rem
}

.h4,
h4 {
	font-size: 1.125rem
}

.h5,
h5 {
	font-size: .875rem
}

.h6,
h6 {
	font-size: .75rem
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}
.input-group-text, .form-control, .dropdown-menu, .form-select {
    font-size: .875rem;
}
.card {
    margin-bottom: 30px;
    border-radius: 0;
    border: 0px solid transparent;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.57rem;
}
.form-group{
	margin-bottom: 1rem;
}
.form-control, .form-select {
    color: #525f7f;
    /*border: 1px solid #e9ecef;*/
    border-radius: 2px;
}
a {
    color: #006b75;
    text-decoration: none;
    background-color: transparent;
}
.font-bold {
	font-weight: 700
}

.font-normal {
	font-weight: 400
}

.font-light {
	font-weight: 300
}

.font-medium {
	font-family: Rubik Medium;
}
.btn {
    font-weight: 400;
    padding: .375rem .75rem;
    font-size: .875rem;
    border-radius: 2px;
}
.btn.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #006B75;
    border-color: #006B75;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #33959f;
    border-color: #33959f;
}
.multiselect.btn.btn-default{
	border: 1px solid #ced4da
}
.btn-link {
    color: #33959F;
    text-decoration: none;
}
.btn-link:hover {
	color: #33959F;
    text-decoration: underline;
}
select{
	/*-webkit-appearance: listbox !important*/
}
.customtab .nav-link {
	border: 0;
	color: #313131;
	padding: 15px 20px;
	border-bottom: 2px solid rgba(120, 130, 140, .13)
}

.customtab .nav-link.active,
.customtab .nav-link:hover {
	border-color: #007bff;
	color: #007bff;
}
.flexTable .btn-group span.btn input[type=submit]{
    position: absolute;
    top:0;
    left: 0;
    border:0;
    width: 30px;
    height: 32px;
    padding: 0;
}

.flexTable input.inline_submit {
    color: #636363;
    background: none;
    cursor: pointer;
    font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, sans-serif;
    padding: 0 5px 0 0;
    font-size: 12px;
}
.flexTableRow.hidden_row{
	display: none;
}
.form-control:focus,
.nav-tabs .nav-link:focus, .form-select:focus{
	outline: none;
	box-shadow:none;
}
.custom-files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.custom-files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.custom-files{ position:relative}
.custom-files:after {  pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(../images-new/upload-icon.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.custom-files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " Drop the file here to upload. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
.dashboard-card-img a img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}
.product_img {
    position: relative;
    height: 200px;
    vertical-align: middle;
}
.product_img img{
    max-height: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}
.discussionsImg img{
	max-width: 100%;
}
.edit-dam-img{
	width: 40px;
	height: 40px;
}
.edit-dam-img img,
.view_img img{
	max-width: 100%;
	max-height: 100%;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-20 {
    font-size: 20px;
}
.labelIndication i.fas{
	color: #999;
}
.labelIndication i.fas.overridden{
	color: red;
}
.form-label{
	font-family: 'Rubik Medium';
}
.sticky{
	position: fixed;
	top: 0;
	z-index: 999;
}
.page_header.sticky{
	background: #fff;
	border-bottom: 1px solid #ccc;
	/*box-shadow: 0 20px 20px -9px #fff;*/
	padding: 10px 5px 0 5px;
}
.separator {
    position: relative;
    text-align: center;
}
.separator label {
    background-color: #fff;
    padding: 0 0.4em;
    position: relative;
}
.separator:before {
    content: '';
    border-style: solid;
    border-width: 0 0 1px 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-color: #ccc;
}

.tab-wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
  	height:54px;
}

.tab-list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3500px;
    margin-top:0px;
}

.tab-list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}

.tab-scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:13px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}
.ui-widget.ui-widget-content{
	z-index: 1065 !important;
}
.form-control.to, .form-control.from{
	background-color: #fff;
}
.page-breadcrumb .breadcrumb .active a {
    color: #2cabe3;
}
.ajax_loader {
    background: url("../images/ajax-loader.gif") no-repeat center center transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    display: inline-table;
}

.modal-content .ajax_loader,
.modal-body .ajax_loader {
    position: relative;
}


.ajax_overlay {
    width: 100% !important;
    height: 100% !important;
}
.font-18{
	font-size: 18px;
}
.f-btn-sticky{
	position:fixed;
	bottom: 0;
	z-index: 999;
}
.footer-btn-sticky.f-btn-sticky{
	border-top: 1px solid #ccc;
	background: #fff;
	padding: 10px 5px;
}
.order::after{
	font-family: "Font Awesome 5 Free";
  	content: "\f0dc";
  	color: #777;
  	vertical-align: middle;
  	margin-left: 4px;
}
.order.asc::after{
	font-family: "Font Awesome 5 Free";
  	content: "\f0d8";
  	color: #777;
  	vertical-align: middle;
  	margin-left: 4px;
}
.order.desc::after{
	font-family: "Font Awesome 5 Free";
  	content: "\f0d7";
  	color: #777;
  	vertical-align: middle;
  	margin-left: 4px;
}
.list_img img{
	width: 50px;
	height: auto;
}

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #2cabe3;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #9dc8e2;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.wizard > .content
{
    background: #eee;
    display: block;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
   
    width: 100%;
    height: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: block;
    
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #2cabe3;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}
/* */

.accordion--custom .accordion-header {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    padding-left: 1rem;
    background-color: #e7f1ff;
}

/* digital assets card view - start */
.el-element-overlay .card-img-overlay{
	/*height: calc(100% - 66px);*/
	opacity: 0;
    background-color: rgba(0,0,0,.6);
}
.el-element-overlay .card-img-overlay{
	display: none;
}
.el-element-overlay .card:hover .card-img-overlay{
	display: block;
	opacity: 1;
}
.el-element-overlay .card:hover .btn{
	color: #fff;
	border-color: #fff ;
}
.el-element-overlay .card .btn{
	color: #fff;
	border-color: #fff ;
}
.card-thumb-btn-group a{
	color:#cccccc;
}
/* digital assets card view - end */
/* digital assets slide view - start */
.el-element-overlay-slide-view .card-img-overlay{
	/*height: calc(100% - 66px);*/
	opacity: 0;
    background-color: rgba(0,0,0,.6);
}
.el-element-overlay-slide-view .card-img-overlay{
	display: none;
}
.el-element-overlay-slide-view .image-viewer:hover .card-img-overlay{
	display: block;
	opacity: 1;
}
.el-element-overlay-slide-view .image-viewer:hover .btn{
	color: #fff;
	border-color: #fff ;
}
.el-element-overlay-slide-view .image-viewer .btn{
	color: #fff;
	border-color: #fff ;
}
.el-element-overlay .rejected_block{
	background: rgba(255,255,255,0.4);
}
.galleryThumbImgWrapper img,
.galleryPreviewImgWrapper img{
	max-height: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}

.galleryThumbImgWrapper {
    position: relative;
    height: 148px;
    vertical-align: middle;
}
.galleryPreviewImgWrapper{
	position: relative;
    height: 550px;
    vertical-align: middle;
}
.flexTableRow .rejected{
	display: none;
}
.flexTableRow.rejected .rejected{
	display: block;
}
.auth-wrapper {
	position: relative;
	height: 100%;
	min-height: 100vh;
	background-image: url("../images/ezgif.com-gif-maker.gif");
	background-size: cover;
}
.auth-wrapper .auth-wrapper-background-overlay {
	background-color: transparent;
	background-image: linear-gradient(180deg, #97EEF700 1%, #005B7F 100%);
	opacity: 0.8;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.auth-wrapper .auth-box {
	position: relative;
	background: #FFF;
    padding: 20px;
    max-width: 400px;
    width: 90%;
    margin: 10% 0;
}
.filtered-btn{
	margin-right: 10px;
	margin-bottom: 10px;
}
.filtered-btn .filter-close-btn{
	top: -6px;
	right: -6px;
	color: #000;
}
.filtered-btn .filter-close-btn .fas{
	background: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
}
.footer .f_logo{
	height: 40px;
    margin-top: -8px;
}
.preview-img-wrapper img{
	height: 500px;
	position: relative;
	vertical-align: middle;
}
.dam_views_btn .btn.active {
	color: #fff;
    background-color: #33959F;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #bdbdbd;
    background-color: #006B75;
    border-color: #006B75;
}

/* configuration menu start */
.configure-menu-wrapper .dropdown-menu {
    min-width: 15rem;
  }
.configure-menu-wrapper .dropdown-menu .dropdown-item{
  	padding: .65rem 1rem;
  }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .configure-menu-wrapper .dropdown-menu li{
    position: relative;
  }
  .configure-menu-wrapper .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .configure-menu-wrapper .dropdown-menu .submenu-left{ 
    right:100%; left:auto;
  }

  .configure-menu-wrapper .dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .configure-menu-wrapper .dropdown-menu > li:hover > .submenu{
    display: block;
  }
} 
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
	.configure-menu-wrapper .dropdown-menu .dropdown-menu{
	    margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
} 
/* ============ small devices .end// ============ */
/* configuration menu end */
.company-logo .logoImg{
	max-width: 220px;
	max-height: 80px;
	display: block;
}
.imgWrapper40px{
	width: 40px;
	height: 40px;
}
.imgWrapper40px img{
	max-width: 100%;
	max-height: 40px;
}
.info-icon {
	position: relative;
}
.info-icon .tooltip_content {
	background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 5px 5px #363636;
    display: none;
    padding: 10px;
    position: absolute;
    top: -10px;
    left: 20px;
    width: 300px;
    text-align: left;
    z-index: 9999;
}

.jstree-disabled > .jstree-icon, .jstree-disabled > a {opacity: 0.5;}
.jstree-classic li[rel="disabled"] > a{
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.hr-text {
	 line-height: 1em;
	 position: relative;
	 outline: 0;
	 border: 0;
	 color: transparent;
	 text-align: center;
	 height: 1.5em !important;
	 opacity: 0.5;
}
 .hr-text:before {
	 content: '';
	 background: linear-gradient(to right, transparent, #818078, transparent);
	 position: absolute;
	 left: 0;
	 top: 50%;
	 width: 100%;
	 height: 1px;
}
 .hr-text:after {
	 content: attr(data-content);
	 position: relative;
	 display: inline-block;
	 color: black;
	 padding: 0 0.5em;
	 line-height: 1.5em;
	 color: #818078;
	 background-color: #fcfcfa;
}