.user-card-full .user-profile {
    border-radius: 5px 0 0 5px
}

.bg-c-lite-green {
    background: -webkit-gradient(linear, left top, right top, from(#f29263), to(#ee5a6f));
    background: linear-gradient(to right, #ee5a6f, #f29263)
}

.user-profile {
    padding: 20px 0
}

.card-block {
    padding: 1.25rem
}

.m-b-25 {
    margin-bottom: 25px
}

.img-radius {
    border-radius: 5px
} 
/* ============ small devices .end// ============ */

/* Bottom Menu */

.mobile-bottom-nav {
    width: 100% !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 50px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #fff;
}
.mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
}
.mobile-bottom-nav__item--active {
    color: red;
}
.mobile-bottom-nav__item-content {
    /* display: flex;
    flex-direction: column; */
	width: auto;
	font-size: 30px;
}
.mobile-bottom-nav__item-content span{top: 10px; width: 20px; height: 20px;}
.mobile-bottom-nav__item-content span span{font-size: 11px; text-align: center;position: absolute;top: 3px; left: 0px;bottom: 0;}



/*.offcanvas-header{ display:none; }*/

.screen-darken{
	height: 100%;
	width:0%;
	z-index: 30;
	position: fixed;
	top: 0;
	right: 0;
	opacity:0;
	visibility:hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:10; 
	transition:opacity .3s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
	
	#navbar_main .offcanvas-header{
		display: flex;
		justify-content: space-between;
		position: absolute;
		width: 100%;
		top: 15px;
		color: #fff !important;
	}
	#navbar_main .navbar-nav .nav-link{font-size: 23px;}

	#navbar_main .navbar-nav li
	i {
		font-size: 29px;
		line-height: 1.5;
		background: #fffffffc;
		margin-right: 10px;
		color: #2b0d0e;
		width: 45px;
		height: 45px;
		border-radius: 25px;
		text-align: center;
	}

	.dropdown-menu .dropdown-item {font-size: 20px; text-align: left;}

	.dropdown-menu .dropdown-item i{width: 35px !important; height: auto !important; padding: 0 !important; line-height: 1.7 !important;}
	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible;
    	transform: translateX(0);
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}

}	
/* ============ mobile view .end// ============ */

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

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

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

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
	margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */

.user-card-full .user-profile {
    border-radius: 5px 0 0 5px
}

.bg-c-lite-green {
	background: -webkit-gradient(linear,left top,right top,from(#f29263),to(#ee5a6f));
	background: linear-gradient(to right, #240b0b, #c94659);
}

.user-profile {
    padding: 20px 0 0 0;
}
.card-block {
    padding: 1.25rem
}

.m-b-25 {
    margin-bottom: 25px
}

.img-radius {
    border-radius: 5px
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{text-decoration: none;}
.navbar-light .navbar-nav .nav-link{font-size: 16px; color: rgb(255, 255, 255);}
.dropdown-menu{background-color: #fff !important;}
.dropdown-item:focus, .dropdown-item:hover { text-decoration: none !important;}