// ================================================================================================
// 	File Name: navbar.scss
// 	Description: Badge classes override from bootstrap provides navbar, navbar menus classes with different positions, sizes etc..
// 				 related customiztion.
// ================================================================================================
.navbar {
	z-index: 1;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow:  0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
	-moz-box-shadow:  0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
	box-shadow:  0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
	.navbar-brand {
		position: relative;
	}
	.navbar-nav {
		display: block;
		margin-right: -18px;
		.dropdown-menu {
			position: absolute;
		}
		.nav-link {
			padding-right: 0.6rem;
			padding-left: 0.6rem;
			.profile-img {
				height: 30px;
				width: 30px;
				margin-top: -10px;
			}
		}
	}
	.navbar-toggle {
		background-color: transparent;
		border: none;
		.icon-bar {
			background-color: inherit;
			border: 1px solid;
			& + .icon-bar {
				margin-top: 4px;
			}
		}
	}
	.notification {
		position: absolute;
		top:-1px;
		right:13px;
	}
	.notify {
		top: 25px;
		margin-left: 30px;
		position: absolute;
	}
	.notify .heartbit {
		position: absolute;
		top: -20px;
		right: -4px;
		height: 25px;
		width: 25px;
		z-index: 10;
		border: 5px solid #e46a76;
		border-radius: 70px;
		-moz-animation: heartbit 1s ease-out;
		-moz-animation-iteration-count: infinite;
		-o-animation: heartbit 1s ease-out;
		-o-animation-iteration-count: infinite;
		-webkit-animation: heartbit 1s ease-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.notify .point {
		width: 6px;
		height: 6px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		background-color: #e46a76;
		position: absolute;
		right: 6px;
		top: -10px
	}
}
.navbar-light {
    background-color: #ffffff !important;
    
}
@-moz-keyframes heartbit {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}
	25% {
		-moz-transform: scale(.1);
		opacity: .1
	}
	50% {
		-moz-transform: scale(.5);
		opacity: .3
	}
	75% {
		-moz-transform: scale(.8);
		opacity: .5
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes heartbit {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}
	25% {
		-webkit-transform: scale(.1);
		opacity: .1
	}
	50% {
		-webkit-transform: scale(.5);
		opacity: .3
	}
	75% {
		-webkit-transform: scale(.8);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}