.loader_img{
	/*background: url('../img/favi.png') no-repeat center center / contain;*/
	background: url('../img/favi.png') no-repeat center top / contain;
	width: 100%;
    height: 150px;
	/*height: 90px;*/
	position: absolute;
	top: 0;
	left: 1px;
}
@keyframes bounce2 {
    /*0% {
        transform: translate(-50%, 0);
    }
    100% {
        transform: translate(-50%,-20px);
    }*/
	0%, 100% {
        transform: translate(-50%, 0);
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1); /* slow start, fast end */
    }
    50% {
        transform: translate(-50%,-20px);
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1); /* fast start, slow end */
    }
}
@keyframes slowDropBounce {
    0% {
        transform: translateY(-100vh); /* Starts high above the viewport */
        opacity: 0;
    }
    30% {
        opacity: 1; /* Fades in during the drop */
    }
    50% {
        transform: translateY(0); /* Hits the "ground" */
        animation-timing-function: cubic-bezier(0.1, 0.9, 0.6, 1); /* Controls the bounce back up */
    }
    70% {
        transform: translateY(-50px); /* Bounces up a bit */
        animation-timing-function: ease-in; /* Slows down at the peak of the bounce */
    }
    100% {
        transform: translateY(0); /* Returns to the "ground" */
        animation-timing-function: cubic-bezier(0.6, 0.05, 0.1, 0.9); /* Prepares for the next slow drop */
    }
}
.fa-spin {
	-webkit-animation: fa-spin 0.5s infinite linear;
	animation: fa-spin 0.5s infinite linear;
}
.ajaxloader, .ajaxloader1 {
	animation: bounce2 2s infinite alternate;
	/*animation: slowDropBounce s infinite cubic-bezier(0.6, 0.05, 0.1, 0.9);*/
	width: 150px;
	height: 150px;
	/*height: 100px;*/
	line-height: 130px;
	text-align: center;
	/*border: 5px solid #fb0101;*/
	/*border: 5px solid #38a0d5;*/
	/*border-radius: 3rem;*/
	/*border-radius: 1rem;*/
	border-radius: 50%;
	position: fixed;
	/*z-index: 9999;*/
	z-index: 11003;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -40%);
	/*top: 30%;*/
	/*background: #ffffff88;*/
	background: #fff;
	/*color: #fb0101;*/
	color: #38a0d5;
	font-size: 100px;
	padding: 5px;
}
.page-header.navbar .page-logo .logo-default{
    margin: 2px 0;
    height: 46px;
}
.login .content .login-form-holder {
	border: 1px solid #000;
	box-shadow: 0px 0px 20px #000;
}
/* General CSS */
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
	border: 1px solid #484848;
	color: #d9d9d9;
	border-radius: 3rem;
	margin-bottom: 1rem;
	width: 95%;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
	border-radius: 3rem;
	width: 95%;
}
a.nav-link{font-size:13px !important;}
a.nav-link::before {
  content: "→";
  margin-right: 8px;
}
a.nav-link i {color:#fff !important;}
/* If <i> exists inside <a>, remove before icon */
a.nav-link:has(i)::before {
  content: none;
}
.btn{border-radius:3rem !important;}

.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
	padding: 6px 15px 6px 35px ;
}
.bodycover, .bodycover1		{position:fixed; z-index:11002; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.2}
/*.ajaxloader, .ajaxloader1	{width:60px; height:50px; line-height:50px; text-align:center; border:1px solid #8E44AD; border-radius:2px; position:fixed; z-index:11003; left:calc(50% - 30px); /*top:50%; transform: translateY(-50%); top:30%; background:#eee; color:#555; font-size:30px;}*/
.noti-alert-bx              {position:fixed; z-index:100010; top:5px; left:50%; transform: translateX(-50%); text-align:center}
.notifyjs-bootstrap-base span:after{content:' [X]'}
.text-white{
	color: #fff;
}
.overflow-x{
	overflow-x: scroll;
}
.overflow-y{
	overflow-y: scroll;
}
.d-none{
	display: none;
}
.d-block{
	display: block;
}


/* Custom CSS */
.label{
	border-radius: 3rem;
}
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs{
	padding: 3px;
	margin-right: 5px;
}
.btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs:last-child{
	margin-right: 0;
}
.page-header.navbar .page-logo{
	background: #fff;
}
.form-control, output, .select2-container--bootstrap .select2-selection{
	border-radius: 3rem;
}
.select2-container--bootstrap .select2-selection{
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
.form-inline .btn{
	margin-top: 5px;
    margin-bottom: 10px;
}
.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before{
	background: #000;
}
.page-header.navbar .menu-toggler.sidebar-toggler{
	margin-right: 10px;
}
.flex-sm-column{
	display: flex;
	flex-wrap: wrap;
}
.flex-sm-column .flex-fill{
	width: 20%;
}
.app-funnel-sources-paid{
	height: 260px;
	margin-bottom: 5px;
}
.app-funnel-sources-paid > div:last-child{
	margin-bottom: 0 !important;
}
.app-funnel-main-bx.mobile-funnel-main{
	width: 100%;
}
.mobile-funnel-main .app-funnel-bx{
	height: auto;
}
.mobile-funnel-main .app-funnel-total{
	position: relative;
	top: auto;
	margin: 0 auto;
}
.mobile-funnel-main .app-funnel-paidfree, .mobile-funnel-main .app-funnel-unpaid{
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	margin: 0 auto;
	transform: none;
}
.mobile-funnel-main .app-funnel-sources > div{
	margin: 0 auto;
}
.lead-funnel-bx{
	width: auto;
}
.funnel-svg{
	font-size: 20px;
	margin: 0 auto;
}
.funnel-svg g text:first-child{
	font-weight: bold;
	
}
.page-sidebar{
	/*background-color: #020b1e;*/
	
}
.page-sidebar .page-sidebar-menu{
	/*background: url('../img/nav_bg.png');*/
	padding: 0 2px 0 2px;
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{
    background: url('../img/nav_bg.png');
    background-color: #020b1e;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu{
    background-color: transparent;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a{
    background: #00000099;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a{
    /*background: #00000099;*/
}
/*.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar .page-sidebar-menu .sub-menu>li.active:hover>a{*/
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a{
    background: #00000099 !important;
	border: 1px solid;
}
.page-sidebar .page-sidebar-menu>li:hover>a{
	/*background: #1c1c1cba;*/
	/*border-image: linear-gradient(-20deg, black, white 50%, black) 1 !important;*/
	border-radius: 3em;
}
.page-sidebar .page-sidebar-menu>li:hover>a:before{
    width: 100%;
	background: linear-gradient(20deg, black, white 50%, black);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 3rem;
    padding: 1px;
}
.dashboard-stat{
	border-radius: 2rem;
	box-shadow: 2px 2px 10px #000;
}
.dashboard-stat .details .desc{
	font-weight: bold;
}
.dashboard-stat .visual>i{
	opacity: 0.5 !important;
}
.tabbable-custom>.nav-tabs>li{
	border-top: 0;
}
.tabbable-custom>.nav-tabs>li.active{
	border: 1px solid #d64635;
	border-radius: 2rem;
}
.tabbable-custom>.nav-tabs>li a{
	border-radius: 2rem;
	border-color: #d64635;
	color: #d64635;
}
.tabbable-custom>.nav-tabs>li a:hover{
    border-radius: 2rem;
	border-color: #000;
	color: #000;
}
.tabbable-custom>.nav-tabs>li.active a{
	background: #d64635;
	border-radius: 2rem;
	color: #fff;
}
.tabbable-custom>.nav-tabs>li.active a:hover{
	background: #e17d71;
	color: #fff;
	border-radius: 2rem;
}
.easy-pie-chart .title, .sparkline-chart .title{
	font-weight: 600;
}
.easy-pie-chart .number{
	font-size: 18px !important;
}
.form-inline{
	justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    
}
.form-inline > a, .form-inline > label{
	margin: 10px;
} 
.flex-fill .white-box .apexcharts-canvas {
    height: auto !important;
}
.flex-fill .white-box .apexcharts-canvas > svg {
    /*height: 350px;
    width: 550px;*/
}
.flex-fill .white-box .apexcharts-canvas > svg > foreignObject {
    /*height: 350px;
    width: 550px;*/
}
.flex-fill .white-box .apexcharts-legend {
    position: static !important;
}
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs{
	margin-bottom: 5px;
}
.btn-group-xs>.btn .badge, .btn-xs .badge{
	padding: 3px 5px;
}
.ndashbx .panel-default{
	border-radius: 2rem !important;
}
.ndashbx .panel-heading{
	border-top-right-radius: 2rem !important;
    border-top-left-radius: 2rem !important;
}
.table.tablexs th{
	background: linear-gradient(to bottom, #0077b6, #0096c7);
	font-weight: 600;
	letter-spacing: 0.4px;
}
.table.tablexs td .wper50{
	/*background: linear-gradient(to right, #e3f2fd, #f8fbff);*/
	background: #f1f8ff;
	color: #023e8a;
	font-weight: 500;
}
.table.tablexs td .wper50:nth-child(odd) {
  background: #fff7db;
}

.table.tablexs td .wper50:nth-child(even) {
  background: #f1f8ff;
}
.table.tablexs tr:last-child th .wper50:nth-child(odd) {
  background: #b19e5b;
}

.table.tablexs tr:last-child th .wper50:nth-child(even) {
  background: #90b4d7 !important;
}


@media (min-width: 992px){
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a{
        padding-left: 8px;
    }
	.d-md-block{
		display: block;
	}
	.d-md-none{
		display: none;
	}
}
@media (max-width: 991px){
	.flex-sm-column .flex-fill{
		width: 33.33%;
	}
	.page-sidebar{
		right: -80%;
	}
	.page-sidebar, .page-sidebar.navbar-collapse.in{
		width: 80%;
		margin: 0 !important;
		position: absolute;
		
		z-index: 9;
	}
	.page-sidebar.navbar-collapse.in{
		right: 0;
	}
	.form-lbl-grey .mingap > div, .btn-group > div{
		margin-bottom: 10px;
	}
}
@media (min-width: 768px){
	.d-sm-none{
		display: none;
	}
}
@media (max-width: 767px){
    .login .content{
		width: 100%;
	}
	.flex-sm-column{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.flex-sm-column .flex-fill{
		width: 100%;
		/* text-align: center; */
		flex: 0 0 auto !important;
	}
	.white-box{
		margin: 0 auto;
		max-width: 300px;
	}
	.d-xs-none{
		display: none;
	}
	.d-xs-block{
		display: block;
	}
}
@media (min-width: 576px){
	
}
@media (max-width: 575px){
	
}
@media (max-width: 480px){
	.login .logo{
		margin-top: 80px;
	}
	/*.page-header.navbar .top-menu{
		clear: none;
		float: right;
	}*/
	.page-header.navbar .page-logo{
		width: 120px;
	}
	.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before{
		background: #fff;
		height: 2px;
	}
}