.top-navbar{
	background: #0cc579;
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	.clearfix > ul{
		float: left;
		margin: 0;
		padding: 10px 0 0;
		list-style: none;
		> li{
			float: left;
			&.active{
				> a{
					background: #ffffff;
					color: #0cc579;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
				}
			}

			&:first-child a {
				padding: 10px 30px;
				position: relative;
				> i{
					padding: 0 5px;
					font-size: 2em;
					position: absolute;
					top: 0;
					left: 15px;
				}
			}

			> a{
				display: block;
				padding: 10px 20px;
				color: #ffffff;
				&:hover, &:focus, &:active{
					text-decoration: none;
				}
			}
		}
	}

	input[type="text"]{
		background: #ffffff;
		border: 1px solid #e5fbee;
		box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
		outline: none;
		height: 28px;
		width: 250px;
		padding: 0 20px;
		border-radius: 5px;
		&:hover, &:focus{
		}
	}
	.barcode-input{
		float: left;
		padding: 13px 0 0;
		margin: 0 20px;
		input[type="text"]{
			width: 200px;
		}
	}
	.search-product{
		padding: 12px 0 0;
		float: right;
		form{
			position: relative;
			padding: 0 20px;
			input[type="text"]{
				display: none;
			}
			.search-btn{
				position: absolute;
				top: -4px;
				right: 20px;
				font-family: "FontAwesome";
				i{
					position: absolute;
					left: -30px;
					top: 0;
					font-size: 1.1em;
				}
				.ion-close-circled{
					color: #89888d;
					top: 1px;
				}
				.ion-ios-search{
					color: #ffffff;
					font-size: 1.5em;
				}
				i{
					padding: 7px 5px 5px;
					color: #000;
				}
				input[type="reset"]{
					background: transparent;
					padding: 5px;
					position: relative;
					border: none;
					color: #7e7d82;
					font-size: 1.1em;
					outline: none;
					&:hover, &:focus{
						color: #fd3035;
					}
				}
			}
		}
	}
}

/* PRODUCT DROPDOWN CATEGORY MENU */
.category-menu{
	left: -30px;
	margin: 10px 0 0;
	padding: 0;
	.category-heading{
		position: relative;
		text-align: center;
		background: #f5f5f5;
		padding: 10px 0 5px;
		font-weight: bold;
		i{
			color: #01ba52;
			position: absolute;
			right: 15px;
			top: 5px;
			text-align: right;
			display: block;
			font-size: 1.5em;
		}
	}
	.category-wrapper{
		width: 275px;
		position: relative;
		&:after{
			text-shadow: 0 -1px 0 #ccc;
			color: #f5f5f5;
			font-size: 2.8em;
			font-family: "Ionicons";
			content: '\f10d';
			position: absolute;
			top: -33px;
			left: 40%;
		}
		ul{
			margin: 0;
			padding: 0;
			list-style: none;
		
			li{
				&:last-child{
					.category-text{
						border-bottom: none;
						box-shadow: none;
					}
				}
				.category-img{
					width: 20%;
					padding: 7px 15px 3px;
					img{
						box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
						height: 25px;
						width: 25px;
					}
					float: left;
				}
				.category-text{
					padding: 10px 15px 0 0;
					float: right;
					width: 78%;
					border-bottom: 1px solid #ededed;
					box-shadow: 0 1px 0 0 #fafafa;
					.badge{
						background: #fd3035;
					}
				}
				.category-name{
					float: left;
					font-size: 0.9em;
				}
				.category-item{
					float: right;
					font-size: 0.85em;
				}
			}
		}
	}
}

.sale-container{
	margin: 49px 0 0;
	background: #f1f1f1;
	.sale-content{
		overflow-y: auto;
		height: 90%;
		top: 50px;
		position: fixed;
		background: #ffffff;
		margin-bottom: 50px;
		.product-list{
			position: relative;
			.product-item{
				background: #fff;
				position: relative;
				border: 1px solid #efefef;
				.product-img{
					padding: 10px;
					img{
						height: 7em;
						display: block;
						margin: auto;
					}
				}
				.product-title{
					p{
						text-align: center;
						padding: 0 0 10px;
					}
				}
			}
		}
	}
}

.nav-cart{
	margin: 0;
	padding: 10px 20px 0 0;
	position: relative;
	text-align: center;
	color: #ffffff;
	.cart-text{
		line-height: 1.5;
		float: left;
		width: 80%;
		p{
			margin:9px;
		}
	}
	i{
		font-size: 2em;
		color: #ffffff;
	}
	.list-btn{
		float: left;
		width: 10%;
	}
	.add-cart-btn{
		float: right;
		width: 10%;
		a{
			outline: none;
		}
	}
}