body, .form-control, label {
font-size:.9rem !important;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}
.preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #0880e8;
	border-top-color: #bfe0fd;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}
 @-webkit-keyframes animate-preloader {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes animate-preloader {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
.sidebar-nav ul .sidebar-item {
	margin-bottom: 5px !important;
}
.sidebar-nav ul .sidebar-item .sidebar-link {
	font-size:13.5px !important;
	padding:10px 5px !important;
	opacity: 1 !important;
}
 .sidebar-nav .has-arrow::after {
-webkit-transform:rotate(-45deg) translate(0, -50%);
-ms-transform:rotate(-45deg) translate(0, -50%);
-o-transform:rotate(-45deg) translate(0, -50%);
transform:rotate(-45deg) translate(0, -50%);
-webkit-transform-origin:top;
-ms-transform-origin:top;
-o-transform-origin:top;
transform-origin:top;
-webkit-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.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%)
}
@-webkit-keyframes blow {
0% {
box-shadow:0 0 0 0 rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
50% {
box-shadow:0 0 0 10px rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
100% {
box-shadow:0 0 0 20px rgba(0, 0, 0, .1);
opacity:0;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
}
@keyframes blow {
0% {
box-shadow:0 0 0 0 rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
50% {
box-shadow:0 0 0 10px rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
100% {
box-shadow:0 0 0 20px rgba(0, 0, 0, .1);
opacity:0;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
}
 @media (max-width:767.98px) {
.topbar .top-navbar .navbar-header .navbar-brand img {
max-width:300px !important;
}
}
.topbar .mega-dropdown .dropdown-menu {
	border-radius:0
}
.topbar .dropdown-menu .with-arrow>span {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg)
}
#main-wrapper {
	width:100%;
	overflow:hidden
}
.page-wrapper {
	position:relative;
	background:#eef5f9;
	display:none;
transition:.2s ease-in
}
.page-wrapper>.container-fluid, .page-wrapper>.container-lg, .page-wrapper>.container-md, .page-wrapper>.container-sm, .page-wrapper>.container-xl, .page-wrapper>.container-xxl {
	padding:20px 30px;
	min-height:calc(100vh - 180px)
}
.footer {
	background:#fff;
	border-top:1px solid #e9ecef;
	padding:17px 15px
}
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header {
transition:.2s ease-in
}
#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
	margin-left:265px
}
 @media (min-width:768px) {
#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
width:265px
}
#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header .navbar-brand {
width:265px;
min-height:70px;
}
 #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:265px
}
#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-sidebartype=mini-sidebar] .page-wrapper {
margin-left:65px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-img {
margin-left:9px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-text {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul {
padding:7px
}
#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;
padding:14px 14px 14px 14px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap i {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
padding:14px 12px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level {
padding:0 0 10px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
padding:10px 12px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
width:65px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
width:265px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-img {
margin-left:30px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-text {
display:block
}
#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 .sidebar-nav .nav-small-cap i {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img {
width:50px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img::before {
width:50px;
height:50px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .u-dropdown {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
padding:8px 35px 8px 8px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level {
padding:10px 0 0 5px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
padding:10px 35px 10px 20px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-footer {
display:flex
}
}

/* CSS Document */

@media (min-width:768px) {
 #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:265px
}
#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-sidebartype=mini-sidebar] .page-wrapper {
margin-left:65px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-img {
margin-left:9px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-text {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul {
padding:7px
}
#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;
padding:14px 14px 14px 14px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap i {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
padding:14px 12px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level {
padding:0 0 10px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
padding:10px 12px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
width:65px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
width:265px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-img {
margin-left:30px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-text {
display:block
}
#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 .sidebar-nav .nav-small-cap i {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img {
width:50px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .profile-img::before {
width:50px;
height:50px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .user-profile .u-dropdown {
display:block
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
padding:8px 35px 8px 8px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level {
padding:10px 0 0 5px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
padding:10px 35px 10px 20px
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
display:none
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-footer {
display:flex
}
}
.left-part {
	position:absolute;
	height:100%;
	width:260px;
	border-right:1px solid #e9ecef;
}
.left-part.fixed-left-part {
	position:fixed;
	top:0;
	padding-top:10px
}
.left-part .show-left-part {
	position:absolute;
	top:45%;
	right:-41px;
}
.right-part {
	width:calc(100% - 260px);
	height:calc(100vh - 127px);
	margin-left:260px;
}
.reverse-mode .left-part {
	right:0;
	border-left:1px solid #e9ecef;
}
.reverse-mode .show-left-part {
	right:auto;
	left:-41px;
}
.reverse-mode .right-part {
	margin-left:0;
	margin-right:260px
}
 @media (max-width:767px) {
#main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar, #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar .sidebar-footer {
left:-265px
}
#main-wrapper.show-sidebar .left-sidebar, #main-wrapper.show-sidebar .left-sidebar .sidebar-footer {
left:0
}
 .left-part {
position:fixed;
left:-260px;
background:#eef5f9;
z-index:1;
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
}
}
.preloader {
	width:100%;
	height:100%;
	top:0;
	position:fixed;
	z-index:99999;
	background:#fff
}
.lds-ripple {
	display:inline-block;
	position:relative;
	width:64px;
	height:64px;
	position:absolute;
	top:calc(50% - 3.5px);
	left:0;
	right:0;
	margin:0 auto
}
svg.tea {
--secondary:#33406f
}
svg.tea #teabag {
	transform-origin:top center;
	transform:rotate(3deg);
	animation:swing 2s infinite
}
svg.tea #steamL {
	stroke-dasharray:13;
	stroke-dashoffset:13;
	animation:steamLarge 2s infinite
}
svg.tea #steamR {
	stroke-dasharray:9;
	stroke-dashoffset:9;
	animation:steamSmall 2s infinite
}
@-moz-keyframes swing {
50% {
transform:rotate(-3deg)
}
}
@-webkit-keyframes swing {
50% {
transform:rotate(-3deg)
}
}
@-o-keyframes swing {
50% {
transform:rotate(-3deg)
}
}
@keyframes swing {
50% {
transform:rotate(-3deg)
}
}
@-moz-keyframes steamLarge {
0% {
stroke-dashoffset:13;
opacity:.6
}
100% {
stroke-dashoffset:39;
opacity:0
}
}
@-webkit-keyframes steamLarge {
0% {
stroke-dashoffset:13;
opacity:.6
}
100% {
stroke-dashoffset:39;
opacity:0
}
}
@-o-keyframes steamLarge {
0% {
stroke-dashoffset:13;
opacity:.6
}
100% {
stroke-dashoffset:39;
opacity:0
}
}
@keyframes steamLarge {
0% {
stroke-dashoffset:13;
opacity:.6
}
100% {
stroke-dashoffset:39;
opacity:0
}
}
@-moz-keyframes steamSmall {
10% {
stroke-dashoffset:9;
opacity:.6
}
80% {
stroke-dashoffset:27;
opacity:0
}
100% {
stroke-dashoffset:27;
opacity:0
}
}
@-webkit-keyframes steamSmall {
10% {
stroke-dashoffset:9;
opacity:.6
}
80% {
stroke-dashoffset:27;
opacity:0
}
100% {
stroke-dashoffset:27;
opacity:0
}
}
@-o-keyframes steamSmall {
10% {
stroke-dashoffset:9;
opacity:.6
}
80% {
stroke-dashoffset:27;
opacity:0
}
100% {
stroke-dashoffset:27;
opacity:0
}
}
@keyframes steamSmall {
10% {
stroke-dashoffset:9;
opacity:.6
}
80% {
stroke-dashoffset:27;
opacity:0
}
100% {
stroke-dashoffset:27;
opacity:0
}
}
.topbar {
	position:relative;
	height:70px;
	background:#fff;
	z-index:50;
transition:.2s ease-in;
	box-shadow:1px 0 7px rgba(0, 0, 0, .05)
}
.topbar .navbar-collapse {
	padding:0 10px 0 0
}
.topbar .top-navbar {
	min-height:70px;
	padding:0
}
.topbar .top-navbar .dropdown-toggle::after {
display:none
}
.topbar .top-navbar .navbar-header {
	line-height:0px
}
.topbar .top-navbar .navbar-header .navbar-brand {
	display:flex;
	align-items:center;
	padding:0 10px;
	margin:0
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display:none
}
.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
	margin-right:5px
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
	line-height:70px;
	height:70px;
padding:0 .75rem;
	font-size:19px
}
.topbar .top-navbar .navbar-nav>.nav-item {
transition:.2s ease-in
}
.topbar .top-navbar .navbar-nav>.nav-item:hover {
	background:rgba(0, 0, 0, .05)
}
.topbar .mailbox, .topbar .user-dd {
	width:300px
}
.topbar .nav-toggler, .topbar .topbartoggler {
	color:#fff;
padding:0 .75rem
}
.search-box .app-search {
	position:absolute;
	margin:0;
	display:block;
	z-index:110;
	width:100%;
	top:-1px;
	box-shadow:2px 0 10px rgba(0, 0, 0, .2);
	display:none;
	left:0
}
.search-box .app-search input {
	width:100%;
	padding:25px 40px 25px 20px;
	border-radius:0;
	font-size:17px;
transition:.5s ease-in;
	height:70px
}
.search-box .app-search .srh-btn {
	position:absolute;
	top:23px;
	right:20px;
	cursor:pointer
}
.topbar .mega-dropdown {
	position:static
}
.topbar .mega-dropdown .dropdown-menu {
	padding:30px;
	width:100%;
	max-height:480px;
	overflow:auto
}
.dropdown-user .user-list:hover {
	background:#f2f4f8
}
.topbar .dropdown-menu {
	padding-top:0;
	border:0;
	box-shadow:1px 1px 15px rgba(0, 0, 0, .1)
}
.topbar .dropdown-menu .with-arrow {
	position:absolute;
	top:-10px;
	width:40px;
	height:10px;
	overflow:hidden
}
.topbar .dropdown-menu .with-arrow>span {
	width:15px;
	height:15px;
	position:absolute;
	content:"";
	top:3px;
	left:15px;
	background-color:#fff;
	border-radius:6px 0 0 0
}
.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:767.98px) {
.topbar .top-navbar .navbar-collapse.collapsing, .topbar .top-navbar .navbar-collapse.show {
display:flex;
width:100%;
border-top:1px solid #e9ecef
}
.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;
justify-content:space-between;
width:100%
}
.topbar .top-navbar .dropdown-menu {
position:absolute;
width:100%
}
.topbar .top-navbar .dropdown-menu .with-arrow {
display:none
}
}
.left-sidebar {
	position:absolute;
	width:265px;
	height:100%;
	top:0;
	padding-top:70px;
	z-index:10;
	background:#fff;
	box-shadow:1px 0 20px rgba(0, 0, 0, .08);
transition:.2s ease-in
}
.left-sidebar .sidebar-footer {
	position:fixed;
	bottom:0;
	width:240px;
	display:flex;
	align-items:center;
	border-top:1px solid #e9ecef;
	z-index:99;
transition:.2s ease-in
}
.left-sidebar .sidebar-footer a {
	padding:15px;
	width:33.333337%;
	color:#fff;
	text-align:center;
	font-size:18px
}
.scroll-sidebar {
	position:relative;
	height:calc(100% - 50px)
}
.ps-scrollbar-y-rail {
	z-index:1
}
.sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
	background-color:#343a40;
	color:#fff;
	opacity:1;
	font-weight:400
}
.sidebar-nav ul {
	padding:15px
}
.sidebar-nav ul .sidebar-item {
	width:100%;
	margin-bottom:10px
}
.sidebar-nav ul .sidebar-item .sidebar-link {
	padding:8px 35px 8px 8px;
	display:flex;
	border-radius:4px;
	white-space:nowrap;
	align-items:center;
	position:relative;
	line-height:25px;
	font-size:15px;
	opacity:.6;
	color:#fff
}
.sidebar-nav ul .sidebar-item .sidebar-link i {
	font-style:normal;
	line-height:25px;
	font-size:21px;
	color:#fff;
	text-align:center;
	width:30px;
	display:inline-block
}
.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.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.active {
	font-weight:500
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	background-color:#343a40;
	color:#fff;
	opacity:1
}
.sidebar-nav ul .sidebar-item .first-level {
	padding:10px 0 0 5px
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
	margin-bottom:0
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link {
	opacity:1
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
	padding:10px 35px 10px 20px
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
	display:none;
	font-size:14px
}
.sidebar-nav ul .nav-small-cap {
	font-size:12px;
	line-height:30px;
	color:#fff;
	opacity:1;
	text-transform:uppercase;
	font-weight:500;
	padding:14px 14px 14px 20px;
	display:flex;
	align-items:center;
	white-space:nowrap
}
.sidebar-nav ul .nav-small-cap i {
	line-height:30px;
	margin:0 5px;
	display:none
}
.sidebar-nav ul .nav-devider {
	background:rgba(255, 255, 255, .1);
	height:1px;
	margin:14px 0;
	display:block
}
.sidebar-nav ul {
	margin: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:.55em;
height:.55em;
margin-left:10px;
top:20px;
right:15px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#fff
}
.user-profile .profile-text>a {
	padding:6px 30px;
	background:rgba(0, 0, 0, .5)
}
.user-profile .profile-text>a:after {
	position:absolute;
	right:20px;
	top:15px
}
.user-profile .profile-img {
	width:50px;
	margin-left:30px;
	padding:35px 0
}
.user-profile .profile-img::before {
-webkit-animation:2.5s blow 0s linear infinite;
animation:2.5s blow 0s linear infinite;
position:absolute;
content:'';
width:50px;
height:50px;
top:35px;
border-radius:50%;
z-index:0
}
@-webkit-keyframes blow {
0% {
box-shadow:0 0 0 0 rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
50% {
box-shadow:0 0 0 10px rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
100% {
box-shadow:0 0 0 20px rgba(0, 0, 0, .1);
opacity:0;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
}
@keyframes blow {
0% {
box-shadow:0 0 0 0 rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
50% {
box-shadow:0 0 0 10px rgba(0, 0, 0, .1);
opacity:1;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
100% {
box-shadow:0 0 0 20px rgba(0, 0, 0, .1);
opacity:0;
-webkit-transform:scale3d(1, 1, .5);
transform:scale3d(1, 1, .5)
}
}
.user-profile .dropdown-menu {
	left:0;
	right:0;
	top:unset!important;
	width:180px;
	margin:0 auto
}
.customizer {
	position:fixed;
	top:0;
	right:-280px;
	width:280px;
	height:100%;
	background:#fff;
	z-index:100;
	box-shadow:1px 0 20px rgba(0, 0, 0, .08);
transition:.3s ease-in
}
.customizer .service-panel-toggle {
	position:absolute;
	bottom:27px;
	left:-75px;
	color:#fff;
	background:#26c6da;
	border-radius:100%;
	padding:17px 20px
}
.customizer.show-service-panel {
	position:fixed;
	right:0
}
.customizer.show-service-panel .service-panel-toggle {
	border-radius:30px 0 0 30px;
	left:-54px
}
.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 {
	color:#67757c;
	border-bottom:3px solid transparent;
	padding:15px 12px
}
.customizer .customizer-tab .nav-item .nav-link.active, .customizer .customizer-tab .nav-item .nav-link:hover {
	color:#009efb;
	border-bottom:3px solid #009efb
}
.custom-control-label::after, .custom-control-label::before {
top:.15rem
}
.theme-color .theme-item .theme-link {
	width:20px;
	height:20px
}
/*#main-wrapper .topbar .top-navbar .navbar-header {
	background:#1e88e5
}*/

.page-titles {
	padding:15px 30px;
	background:#fff;
	box-shadow:1px 0 5px rgba(0, 0, 0, .1);
	margin-bottom:15px
}
.page-titles .text-themecolor {
	color:#1e88e5
}
.page-titles .breadcrumb {
	padding:0;
	margin:0;
	background:0 0;
	font-size:14px
}
.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
content:"\e649";
font-family:themify;
color:#ced4da;
font-size:11px
}
.page-titles .breadcrumb-item+.breadcrumb-item {
	display:flex;
	align-items:center
}
.breadcrumb.bg-light-info .breadcrumb-item+.breadcrumb-item::before, .breadcrumb.border-info .breadcrumb-item+.breadcrumb-item::before {
color:#1e88e5
}
.breadcrumb.bg-light-primary .breadcrumb-item+.breadcrumb-item::before, .breadcrumb.border-primary .breadcrumb-item+.breadcrumb-item::before {
color:#7460ee
}
.breadcrumb.bg-light-warning .breadcrumb-item+.breadcrumb-item::before, .breadcrumb.border-warning .breadcrumb-item+.breadcrumb-item::before {
color:#ffb22b
}
.breadcrumb.bg-light-danger .breadcrumb-item+.breadcrumb-item::before, .breadcrumb.border-danger .breadcrumb-item+.breadcrumb-item::before {
color:#fc4b6c
}
.breadcrumb.bg-light-success .breadcrumb-item+.breadcrumb-item::before, .breadcrumb.border-success .breadcrumb-item+.breadcrumb-item::before {
color:#21c1d6
}
.button-group .btn {
	margin-bottom:8px;
	margin-right:8px
}
.btn-circle {
	border-radius:100%;
	width:40px;
	height:40px;
	padding:5px;
	line-height:30px
}
.btn-circle.btn-sm, .btn-group-sm>.btn-circle.btn {
	width:35px;
	height:35px;
	padding:8px 10px;
	font-size:14px
}
.btn-circle.btn-lg, .btn-group-lg>.btn-circle.btn {
	width:50px;
	height:50px;
	padding:14px 10px;
	font-size:18px;
	line-height:23px
}
.btn-circle.btn-xl {
	width:70px;
	height:70px;
	padding:14px 15px;
	font-size:24px
}
.btn-rounded {
	border-radius:60px;
	padding:7px 18px
}
.btn-rounded.btn-xs {
padding:.25rem .5rem;
	font-size:10px
}
.btn-group-sm>.btn-rounded.btn, .btn-rounded.btn-sm {
padding:.25rem .5rem;
	font-size:12px
}
.btn-rounded.btn-md {
	padding:12px 35px;
	font-size:16px
}
.btn-group-lg>.btn-rounded.btn, .btn-rounded.btn-lg {
padding:.75rem 1.5rem
}
.btn-xs {
padding:.25rem .5rem;
	font-size:10px
}
.btn .text-active {
	display:none
}
.btn.active .text-active {
	display:inline-block
}
button:focus {
	outline:0
}
.btn-danger, .btn-info, .btn-primary, .btn-success, .btn-warning {
	color:#fff
}
.btn-danger.active, .btn-danger.disabled, .btn-danger:disabled, .btn-danger:focus, .btn-danger:hover, .btn-info.active, .btn-info.disabled, .btn-info:disabled, .btn-info:focus, .btn-info:hover, .btn-primary.active, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:focus, .btn-primary:hover, .btn-success.active, .btn-success.disabled, .btn-success:disabled, .btn-success:focus, .btn-success:hover, .btn-warning.active, .btn-warning.disabled, .btn-warning:disabled, .btn-warning:focus, .btn-warning:hover {
	color:#fff
}
.btn-outline-danger:hover, .btn-outline-info:hover, .btn-outline-primary:hover, .btn-outline-success:hover, .btn-outline-warning:hover {
	color:#fff
}
.btn-check.active+.btn-outline-danger, .btn-check.active+.btn-outline-info, .btn-check.active+.btn-outline-primary, .btn-check.active+.btn-outline-success, .btn-check.active+.btn-outline-warning, .btn-check:checked+.btn-outline-danger, .btn-check:checked+.btn-outline-info, .btn-check:checked+.btn-outline-primary, .btn-check:checked+.btn-outline-success, .btn-check:checked+.btn-outline-warning {
	color:#fff
}
.btn-default {
	background-color:#1e88e5;
	color:#fff
}
.btn-default:hover {
	color:#fff
}
.btn-inverse {
	color:#fff;
	background-color:#2f3d4a;
	border-color:#2f3d4a;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-inverse:hover {
	color:#fff;
	background-color:#28343f;
	border-color:#26313b
}
.button-group .btn {
	margin-bottom:8px;
	margin-right:8px
}
.btn-light {
	color:#000;
	background-color:#f2f4f8;
	border-color:#f2f4f8;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light:hover {
	color:#000;
	background-color:#f4f6f9;
	border-color:#f3f5f9
}
.btn-light.disabled, .btn-light:disabled {
	color:#000;
	background-color:#f2f4f8;
	border-color:#f2f4f8
}
.btn-light-danger {
	color:#000;
	background-color:#f9e7eb;
	border-color:#f9e7eb;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-danger:hover {
	color:#000;
	background-color:#faebee;
	border-color:#fae9ed
}
.btn-light-danger.disabled, .btn-light-danger:disabled {
	color:#000;
	background-color:#f9e7eb;
	border-color:#f9e7eb
}
.btn-light-success {
	color:#000;
	background-color:#a8eef7;
	border-color:#a8eef7;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-success:hover {
	color:#000;
	background-color:#b5f1f8;
	border-color:#b1f0f8
}
.btn-light-success.disabled, .btn-light-success:disabled {
	color:#000;
	background-color:#a8eef7;
	border-color:#a8eef7
}
.btn-light-warning {
	color:#000;
	background-color:#fff8ec;
	border-color:#fff8ec;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-warning:hover {
	color:#000;
	background-color:#fff9ef;
	border-color:#fff9ee
}
.btn-light-warning.disabled, .btn-light-warning:disabled {
	color:#000;
	background-color:#fff8ec;
	border-color:#fff8ec
}
.btn-light-primary {
	color:#000;
	background-color:#f1effd;
	border-color:#f1effd;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-primary:hover {
	color:#000;
	background-color:#f3f1fd;
	border-color:#f2f1fd
}
.btn-light-primary.disabled, .btn-light-primary:disabled {
	color:#000;
	background-color:#f1effd;
	border-color:#f1effd
}
.btn-light-info {
	color:#000;
	background-color:#cfecfe;
	border-color:#cfecfe;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-info:hover {
	color:#000;
	background-color:#d6effe;
	border-color:#d4eefe
}
.btn-light-info.disabled, .btn-light-info:disabled {
	color:#000;
	background-color:#cfecfe;
	border-color:#cfecfe
}
.btn-light-inverse {
	color:#000;
	background-color:#f6f6f6;
	border-color:#f6f6f6;
	box-shadow:0 1px 0 rgba(255, 255, 255, .15)
}
.btn-light-inverse:hover {
	color:#000;
	background-color:#f7f7f7;
	border-color:#f7f7f7
}
.btn-light-inverse.disabled, .btn-light-inverse:disabled {
	color:#000;
	background-color:#f6f6f6;
	border-color:#f6f6f6
}
.no-button-group .btn {
	margin-bottom:5px;
	margin-right:0
}
.btn .text-active {
	display:none
}
.btn.active .text-active {
	display:inline-block
}
.btn.active .text {
	display:none
}
@-webkit-keyframes animation-dropdown-menu-fade-in {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes animation-dropdown-menu-fade-in {
from {
opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes animation-dropdown-menu-move-up {
from {
top:71px
}
to {
	top:70px
}
}
@keyframes animation-dropdown-menu-move-up {
from {
top:71px
}
to {
	top:70px
}
}
.dropdown-menu-animate-up {
-webkit-animation:animation-dropdown-menu-fade-in .5s ease 1, animation-dropdown-menu-move-up .5s ease-out 1;
animation:animation-dropdown-menu-fade-in .5s ease 1, animation-dropdown-menu-move-up .5s ease-out 1
}
.btn-light-primary:hover {
	background-color:#7460ee;
	border-color:#7460ee;
	color:#fff!important
}
.btn-light-primary:hover i, .btn-light-primary:hover svg {
	color:#fff!important
}
.btn-light-secondary:hover {
	background-color:#6c757d;
	border-color:#6c757d;
	color:#fff!important
}
.btn-light-secondary:hover i, .btn-light-secondary:hover svg {
	color:#fff!important
}
.btn-light-success:hover {
	background-color:#21c1d6;
	border-color:#21c1d6;
	color:#fff!important
}
.btn-light-success:hover i, .btn-light-success:hover svg {
	color:#fff!important
}
.btn-light-info:hover {
	background-color:#1e88e5;
	border-color:#1e88e5;
	color:#fff!important
}
.btn-light-info:hover i, .btn-light-info:hover svg {
	color:#fff!important
}
.btn-light-warning:hover {
	background-color:#ffb22b;
	border-color:#ffb22b;
	color:#fff!important
}
.btn-light-warning:hover i, .btn-light-warning:hover svg {
	color:#fff!important
}
.btn-light-danger:hover {
	background-color:#fc4b6c;
	border-color:#fc4b6c;
	color:#fff!important
}
.btn-light-danger:hover i, .btn-light-danger:hover svg {
	color:#fff!important
}
.btn-close {
	background-size:11px
}
.remove-close-icon .btn-close {
	background:0 0;
	opacity:1
}
.form-check-input {
	background-position:left center
}
.form-check-input.check-outline.outline-success {
	border:1px solid #21c1d6;
	background-color:transparent
}
.form-check-input.check-outline.outline-danger {
	border:1px solid #fc4b6c;
	background-color:transparent
}
.form-check-input.check-outline.outline-warning {
	border:1px solid #ffb22b;
	background-color:transparent
}
.form-check-input.check-outline.outline-primary {
	border:1px solid #7460ee;
	background-color:transparent
}
.form-check-input.check-outline.outline-secondary {
	border:1px solid #6c757d;
	background-color:transparent
}
.form-check-input.check-light-success {
	background-color:#a8eef7
}
.form-check-input.check-light-warning {
	background-color:#fff8ec
}
.form-check-input.check-light-danger {
	background-color:#f9e7eb
}
.form-check-input.check-light-primary {
	background-color:#f1effd
}
.form-check-input.check-light-secondary {
	background-color:#dde1e4
}
.form-check-input.success:checked {
	background-color:#21c1d6!important;
	border-color:#21c1d6!important
}
.form-check-input.warning:checked {
	background-color:#ffb22b!important;
	border-color:#ffb22b!important
}
.form-check-input.danger:checked {
	background-color:#fc4b6c!important;
	border-color:#fc4b6c!important
}
.form-check-input.primary:checked {
	background-color:#7460ee!important;
	border-color:#7460ee!important
}
.form-check-input.secondary:checked {
	background-color:#6c757d!important;
	border-color:#6c757d!important
}
.card {
	margin-bottom:30px
}
.card .card-subtitle {
	margin-bottom:10px;
	font-weight:300;
	color:#a1aab2
}
.card .card-title {
	margin-bottom:10px;
	font-weight:400;
	font-size:18px
}
.card .card-actions a {
	cursor:pointer;
	padding:0 5px
}
.card .card-header .card-title {
	margin-bottom:0
}
.card-group {
	margin-bottom:30px
}
.card-group .card {
	border-right:1px solid #e9ecef
}
.card-hover {
-webkit-transition:all .25s ease;
-o-transition:all .25s ease;
-moz-transition:all .25s ease;
transition:all .25s ease
}
.card-hover:hover {
	webkit-transform:translateY(-4px) scale(1.01);
	-moz-transform:translateY(-4px) scale(1.01);
	-ms-transform:translateY(-4px) scale(1.01);
	-o-transform:translateY(-4px) scale(1.01);
	transform:translateY(-4px) scale(1.01);
	-webkit-box-shadow:0 14px 24px rgba(62, 57, 107, .1);
	box-shadow:0 14px 24px rgba(62, 57, 107, .1)
}
.draggable-cards .card-header {
	cursor:move
}
.card-moved .card {
	background:#1e88e5;
	color:#fff
}
.card-fullscreen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	overflow:auto
}
.modal-colored-header .modal-title {
	color:#fff
}
.modal-colored-header .btn-close {
	filter:invert(1)
}
.toast:not(.showing):not(.show) {
opacity:1
}
.nav-pills.custom-pills .nav-link {
	border-radius:0;
	opacity:.7
}
.nav-pills.custom-pills .nav-link.active {
	color:#009efb;
	background-color:transparent;
	border-bottom:2px solid #009efb;
	opacity:1
}
.custom-range, [type=search], button.close {
-webkit-appearance:none
}
.custom-range::-webkit-slider-thumb {
-webkit-appearance:none
}
.custom-range::-moz-range-thumb {
-moz-appearance:none
}
* {
	outline:0
}
body {
	overflow-x:hidden;
	margin:0;
	color:#67757c;
	background:#eef5f9;
	position:relative
}
html {
	position:relative;
	min-height:100%
}
b, strong {
	font-weight:500
}
a {
	color:#009efb;
	text-decoration:none
}
a:focus, a:hover {
	text-decoration:none;
	color:#1e88e5
}
a.link {
	color:#455a64
}
a.link:focus, a.link:hover {
	color:#009efb
}
.op-5 {
	opacity:.5
}
html body .font-weight-medium {
	font-weight:500
}
html body .display-5 {
	font-size:3rem
}
html body .display-6 {
	font-size:2.5rem
}
html body .display-7 {
	font-size:2rem
}
ul.list-style-none {
	margin:0;
	padding:0
}
ul.list-style-none li {
	list-style:none
}
ul.list-style-none li a {
	display:block;
	padding:8px 0;
	color:#67757c;
	text-decoration:none
}
ul.list-style-none li a:hover {
	color:#009efb
}
.round {
	line-height:45px;
	width:45px;
	height:45px
}
.round-lg {
	line-height:65px;
	width:60px;
	height:60px;
	font-size:30px
}
ul.list-icons li a {
	color:#67757c
}
ul.list-icons li a:hover {
	color:#1e88e5
}
ul.list-icons li i {
	font-size:13px
}
.custom-select {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	background-size:auto
}
.no-wrap td, .no-wrap th {
	white-space:nowrap
}
.v-middle td, .v-middle th {
	vertical-align:middle
}
.grid-structure .grid-container {
	background-color:#f2f4f8;
	margin-bottom:10px;
font-size:.8rem;
	padding:10px 20px
}
.icon-hover {
	cursor:pointer;
	border-radius:8px
}
.icon-hover i {
	font-size:20px;
	margin-right:8px
}
.icon-hover:hover {
	background-color:#e9ecef;
	color:#1e88e5
}
.form-select {
	background-image:url(../../src/assets/images/custom-select.png);
	background-size:auto
}
.progress-sm {
	height:5px
}
.progress-md {
	height:8px
}
.progress-lg {
	height:12px
}
.progress-xl {
	height:15px
}
.amp-pxl {
	position:relative
}
.amp-pxl .ct-series-a .ct-bar {
	stroke:#1e88e5
}
.amp-pxl .ct-series-b .ct-bar {
	stroke:#21c1d6
}
.add-ct-btn {
	right:4px;
	top:-46px
}
.little-profile .pro-img {
	margin-top:-80px;
	margin-bottom:20px
}
@media (min-width:768px) {
.profile-bg-height {
max-height:187px
}
.blog-img-height {
max-height:238px
}
}
.profile-card .profile-img {
	max-height:401px
}
.blog-widget {
	margin-top:30px
}
.blog-widget .blog-image img {
	border-radius:4px;
	margin-top:-45px;
	margin-bottom:20px;
	box-shadow:0 0 15px rgba(0, 0, 0, .2)
}
.stylish-table tbody tr {
	border-left:4px solid transparent
}
.stylish-table tbody tr.active, .stylish-table tbody tr:hover {
	border-left:4px solid #1e88e5
}
.stylish-table tbody td .small, .stylish-table tbody td small {
	line-height:12px
}
.profile-card .profile-img {
	max-height:380px
}
.customtab li a.nav-link, .profile-tab li a.nav-link {
	border:0;
	padding:15px 20px;
	color:#67757c;
	font-size:1rem
}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
	border-bottom:2px solid #1e88e5;
	color:#1e88e5
}
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover {
	color:#1e88e5
}
.social-profile {
	text-align:center;
	background:rgba(7, 10, 43, .8)
}
@media (max-width:575.98px) {
.social-profile-first {
padding-top:15%!important;
max-height:193px
}
}
.auth-wrapper {
	position:relative;
	min-height:100vh
}
.auth-wrapper .auth-box {
	box-shadow:1px 0 20px rgba(0, 0, 0, .08);
	margin:10% 0;
	max-width:400px;
	width:90%
}
.auth-wrapper .auth-box.on-sidebar {
	position:absolute;
	top:0;
	right:0;
	height:100%
}
.auth-wrapper .auth-box-2 {
	padding:40px
}
.auth-wrapper .auth-box-2 .logo {
	text-align:center
}
.auth-wrapper .logbox-content {
	width:100%;
	margin-left:400px
}
.auth-wrapper #recoverform {
	display:none
}
.auth-wrapper #registerform {
	display:none
}
.auth-wrapper .auth-sidebar {
	position:fixed;
	height:100%;
	right:0;
	overflow:auto;
	margin:0;
	top:0
}
@media (max-width:767px) {
.auth-wrapper .auth-sidebar {
position:relative;
max-width:100%;
width:100%;
margin:40px 0 60px
}
.auth-wrapper .demo-text {
margin-top:30px
}
.auth-wrapper .logbox-content {
margin-left:0
}
.auth-wrapper .auth-box-2.on-sidebar {
position:relative;
width:100%
}
.auth-wrapper .auth-box-2 {
padding:40px 25px
}
}
@media (min-width:1500px) {
.inner-width-card {
width:450px
}
}
form label {
	font-weight:400;
	margin-bottom:5px;/*font-size:15px*/
}
.error .form-control {
	border-color:#fc4b6c
}
.error .help-block {
	color:#fc4b6c
}
.validate .form-control {
	border-color:#21c1d6
}
.validate .help-block {
	color:#21c1d6
}
@media (min-height:33.875em) {
.picker--opened .picker__frame {
position:absolute;
top:30%;
bottom:auto
}
}

.dtp .p10>a {
	color:#fff
}
.datepicker .day, .datepicker .dow {
	padding:5px 10px
}
.docs-buttons .btn, .docs-data .input-group {
	margin-bottom:5px
}
.scrollable {
	position:relative
}
.form-material .form-group {
	overflow:hidden
}
.form-material .form-control {
	background-color:rgba(0, 0, 0, 0);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:0 2px, 100% 1px;
	padding:0;
	transition:background 0s ease-out 0s;
	height:calc(2.25rem + 2px)
}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
	background-image:linear-gradient(#1e88e5, #1e88e5), linear-gradient(#e9ecef, #e9ecef);
	border:0 none;
	border-radius:0;
	box-shadow:none!important;
	float:none;
	background-position:bottom
}
.form-material .form-control.focus, .form-material .form-control:focus {
	background-size:100% 2px, 100% 1px;
	outline:0 none;
transition-duration:.3s
}
.form-control-line .form-group {
	overflow:hidden
}
.form-control-line .form-control {
	border:0;
	border-radius:0;
	padding-left:0;
	border-bottom:1px solid #e9ecef
}
.form-control-line .form-control:focus {
	border-bottom:1px solid #1e88e5
}
select.form-control.form-control-line {
	-webkit-appearance:auto;
	-moz-appearance:auto
}
select.form-control {
	-webkit-appearance: menulist!important;
	-moz-appearance: menulist!important;
	-ms-appearance: menulist!important;
	-o-appearance: menulist!important;
	appearance: menulist!important;
}
.btn-file {
	overflow:hidden;
	position:relative;
	vertical-align:middle
}
.btn-file>input {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	opacity:0;
	font-size:23px;
	height:100%;
	width:100%;
	direction:ltr;
	cursor:pointer;
	border-radius:0
}
.fileinput .input-group-addon {
	border-right:1px solid #e9ecef
}
.fileinput .form-control {
	padding-top:7px;
	padding-bottom:5px;
	display:inline-block;
	margin-bottom:0;
	vertical-align:middle;
	cursor:text
}
.fileinput .thumbnail {
	overflow:hidden;
	display:inline-block;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center
}
.fileinput .thumbnail>img {
	max-height:100%
}
.fileinput .btn {
	vertical-align:middle
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
	display:none
}
.fileinput-inline .fileinput-controls {
	display:inline
}
.fileinput-filename {
	vertical-align:middle;
	display:inline-block;
	overflow:hidden
}
.form-control .fileinput-filename {
	vertical-align:bottom
}
.fileinput.input-group>* {
	position:relative;
	z-index:2
}
.fileinput.input-group>.btn-file {
	z-index:1
}
.form-control-danger, .form-control-success, .form-control-warning {
	padding-right:2.25rem;
	background-repeat:no-repeat;
background-position:center right .5625rem;
	-webkit-background-size:1.125rem 1.125rem;
	background-size:1.125rem 1.125rem
}
.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
	color:#21c1d6
}
.has-success .form-control-success {
	background-image:url(../../src/assets/images/icon/success.svg)
}
.has-success .form-control {
	border-color:#21c1d6
}
.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
	color:#ffb22b
}
.has-warning .form-control-warning {
	background-image:url(../../src/assets/images/icon/warning.svg)
}
.has-warning .form-control {
	border-color:#ffb22b
}
.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
	color:#fc4b6c
}
.has-danger .form-control-danger {
	background-image:url(../../src/assets/images/icon/danger.svg)
}
.has-danger .form-control {
	border-color:#fc4b6c
}
.floating-labels .form-control {
	box-shadow:none
}
.floating-labels .form-group {
	position:relative
}
.floating-labels .form-control {
	padding:10px 10px 10px 0;
	display:block;
	border:none;
	font-family:Poppins, sans-serif;
	border-radius:0;
	border-bottom:1px solid #e9ecef
}
.floating-labels .form-control:focus {
	box-shadow:none
}
.floating-labels select.form-control>option {
	font-size:14px
}
.floating-labels .has-error .form-control {
	border-bottom:1px solid #fc4b6c!important
}
.floating-labels .has-warning .form-control {
	border-bottom:1px solid #ffb22b!important
}
.floating-labels .has-success .form-control {
	border-bottom:1px solid #21c1d6!important
}
.floating-labels .form-control:focus {
	outline:0;
	border:none
}
.floating-labels label {
	color:#67757c;
	position:absolute;
	cursor:auto;
	top:5px;
transition:.2s ease all;
-moz-transition:.2s ease all;
-webkit-transition:.2s ease all
}
.floating-labels .focused label {
	top:-20px;
	font-size:12px;
	color:#343a40
}
.floating-labels .bar {
	position:relative;
	display:block
}
.floating-labels .bar:after, .floating-labels .bar:before {
	content:'';
	height:2px;
	width:0;
	bottom:1px;
	position:absolute;
	background:#009efb;
transition:.2s ease all;
-moz-transition:.2s ease all;
-webkit-transition:.2s ease all
}
.floating-labels .bar:before {
	left:50%
}
.floating-labels .bar:after {
	right:50%
}
.floating-labels .form-control:focus~.bar:after, .floating-labels .form-control:focus~.bar:before {
width:50%
}
.floating-labels .highlight {
	position:absolute;
	height:60%;
	width:100px;
	top:25%;
	left:0;
	pointer-events:none;
	opacity:.5
}
.floating-labels .input-lg, .floating-labels .input-lg~label {
font-size:24px
}
.floating-labels .input-sm, .floating-labels .input-sm~label {
font-size:16px
}
.has-warning .bar:after, .has-warning .bar:before {
	background:#ffb22b
}
.has-success .bar:after, .has-success .bar:before {
	background:#21c1d6
}
.has-error .bar:after, .has-error .bar:before {
	background:#fc4b6c
}
.bootstrap-switch {
	margin-bottom:10px
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	background:#1e88e5
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
	background:#26c6da
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
	background:#21c1d6
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
	background:#ffb22b
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
	background:#fc4b6c
}
.title-part-padding {
	padding:15px 20px
}
.fill-white {
	fill:rgba(255, 255, 255, .1)
}
.feather-sm {
	width:18px;
	height:18px
}
.feather-lg {
	width:28px;
	height:28px
}
.feather-xl {
	width:35px;
	height:35px
}
.price-label {
	position:absolute;
	top:-10px;
	margin:0 auto;
	left:0;
	right:0;
	width:100px;
	padding:5px 10px
}
.price-sign {
	font-size:15px;
	position:absolute;
	top:5px;
	margin-left:-10px
}
table.customize-table td, table.customize-table th {
	padding:15px 20px
}
.table-light {
	color:#67757c
}
table thead tr th a, table thead tr th a i {
	color:#fff !important;
}
.bootstrap-maxlength {
margin-top:.5rem
}
.none-border .modal-footer {
	border-top:none
}
/*.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered {
	border-color:#e9ecef;
	color:#67757c;
	height:40px;
	line-height:40px
}
.select2-container--default .select2-selection--multiple {
	line-height:27px;
	height:auto
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color:#1e88e5;
	border-color:#1e88e5;
	color:#fff
}*/

.select2-container .select2-selection--single {
	border-radius: 4px !important;
	height:35px !important;
	line-height:35px !important;
}
.sol-selected-display-item, .sol-results-count {
	display:inline-table;/*display:none !important;*/
}
.sol-inner-container {
	height: 35px !important;
	line-height: 35px !important;
}
.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
}
.page-link {
	color:#1e88e5
}
.dropzone, .note-editor.note-frame {
	border-color:#e9ecef
}
.note-toolbar {
	z-index:1
}
.note-toolbar-wrapper {
	height:33px!important
}
.dropzone {
	border-style:dotted
}
#demo-foo-accordion .open>.dropdown-menu, #demo-foo-accordion2 .open>.dropdown-menu, #footable-addrow .open>.dropdown-menu {
	display:block
}
form p {
	margin-bottom:10px;
	text-align:left
}
form p:last-child {
	margin-bottom:0
}
 @media only screen and (min-width: 992px) {
.form-check-input {
width:1rem;
height:1rem;
}
.permission_page_name {
font-size:1rem
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.form-check-input {
width:0.9rem;
height:0.9rem;
margin-top:0.35rem !important
}
.permission_page_name {
font-size:.95rem
}
}
 @media only screen and (min-width: 481px) and (max-width: 767px) {
.form-check-input {
width:0.8rem;
height:0.8rem;
margin-top:0.4rem !important
}
.permission_page_name {
font-size:.85rem;
}
}
 @media only screen and (max-width: 480px) {
.form-check-input {
width:0.8rem;
height:0.8rem;
margin-top:0.4rem !important
}
.permission_page_name {
font-size:.85rem;
}
}
.footer-center {
	margin: 0 auto !important;
	text-align: center;
	font-size: 12px;
}
.desktop-footer, .mobile-footer {
	font-size:12.5px !important;
}
 @media screen and (max-width: 567px) {
 .mobile-footer {
display:block !important;
}
 .desktop-footer {
display:none !important;
}
}
 @media screen and (min-width: 568px) {
 .mobile-footer {
display:none !important;
}
 .desktop-footer {
display:block !important;
}
}
.footer-center {
	margin: 0 auto !important;
	text-align: center;
	font-size: 12px;
}
.desktop-footer, .mobile-footer {
	font-size:12.5px !important;
}
 @media screen and (max-width: 567px) {
.mobile-footer {
display:block !important;
}
.desktop-footer {
display:none !important;
}
}
 @media screen and (min-width: 568px) {
 .mobile-footer {
display:none !important;
}
 .desktop-footer {
display:block !important;
}
}




/*.logo-text{font-size:1.5rem;color:#ED785B}*/


.inner-addon { 
    position: relative; 
}
/* style icon */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


@media screen and (min-width: 992px) {
.modal-lg{
	max-width:85% !important;
}

.modal-md{
	max-width:45% !important;
}
.scrollable-menu {
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
}

.search-products-list {
	height: auto;
	max-height: 500px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1480px) {
	.scrollable-menu {
	height: auto;
	max-height: 550px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1480px) {
	.search-products-list {
	height: auto;
	max-height: 650px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1900px) {
	.scrollable-menu {
	height: auto;
	max-height: 600px;
	overflow-x: hidden;
}
}
@media only screen and (min-width: 1900px) {
	.search-products-list {
	height: auto;
	max-height: 700px;
	overflow-x: hidden;
}
}
@media only screen and (min-width: 2200px) {
	.scrollable-menu {
	height: auto;
	max-height: 750px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 2200px) {
	.search-products-list {
	height: auto;
	max-height: 850px;
	overflow-x: hidden;
}
}

 .scrollable-menu::-webkit-scrollbar ,.search-products-list::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 10px;
}
.scrollable-menu::-webkit-scrollbar-thumb,.search-products-list::-webkit-scrollbar-thumb  {
 border-radius: 8px;
 background-color: var(--bs-default-color);
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}

.fancybox:hover{cursor:pointer}

.display-table table {
  border-collapse: collapse;
  width: 100%;
}

.display-table table tr th, .display-table table tr td {
  text-align: left;
  padding: 8px;
}

.atm-block {
	background: #f4f4f4;
	display: block;
	border: 1px dashed #d0d0d0;
	padding: 22px;
	width:115px;
	height:100px;
	font-size: 16px;
	color: #9d9d9d;
	text-align: center;
}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.75) url(../../assets/images/loader.gif) no-repeat center center;
  z-index: 10000;
}

/*.ProductTitle:hover{cursor:pointer;}*/

.hoverImage {
	position:absolute;
	visibility:hidden;
	border:solid 1px #0e8ce4;
	/*padding:5px;*/
	z-index:9999;
	margin-top:-240px !important;
}
.hoverImage:before {
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	box-sizing: border-box;
	border-width: 7px;
	border-style: solid;
	border-color: #0e8ce4 #0e8ce4 transparent transparent;
	margin-left: -7px;
	box-shadow: 2px -2px 2px rgba(31, 54, 79, .05);
	z-index: 1020;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.no-cursor{pointer-events: none;}

.animated-button{
    width:150px;
    height:50px;
    background: linear-gradient(to left top, #1E88E5 50%, #7460EE 50%);
    border-style: none;
    color:#fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'Lato';
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	
}
.animated-button span{
    position: absolute;
    display: block;
}
.animated-button span:nth-child(1){
    height: 3px;
    width:150px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.card-data {
    padding:1rem 1.25rem 0.5rem 1.25rem !important;
}

.card-fullscreen {
  z-index: 99 !important;
}
 
hr {
    margin: 0.75rem 0;
}

.m-r-10{margin-right:10px !important;}

.width-40{width:40% !important;}

.width-60{width:60% !important;}

.after_capture_frame{width:250px !important;}

@media only screen and (max-width: 767px) {
.pre_capture_frame{margin-left:-50px;margin-bottom:10px;} 
}

.statusBox{width:1.3em;height:1.3em;margin:2px 5px;}

.list-product .img-block{ min-height:235px !important;}

.list-product .img-block img{ max-height:225px !important;}