.sidebar{
	z-index: -1;
	position: fixed;
	top: 50px;
	right: 0;
	height: 90%;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	border-left: 1px solid #eaeaea;
	.customer-profile{
		cursor: pointer;
		position: relative;
		background: #ffffff;
		padding: 15px 10px 0;
		border-bottom: 2px solid #eaeaea;
		.profile-img{
			padding: 5px 0 0;
			float: left;
			img{
				width: 40px;
			}
		}
		.profile-name{
			float: left;
			padding: 10px 20px;
			color: #0cc579;
			font-weight: bold;
		}
		.remove-profile{
			float: right;
			padding: 5px 10px;
			color: #d9d9d9;
			font-size: 1.5em;
		}

		p{
			line-height: 0.5;
			&.name{
				font-size: 0.95em;
			}
			&.phone, &.email{
				font-size: 0.8em;
				color: #c2c2c2;
			}
		}
		.profile-search{
			display: none;
			.search-box{
				z-index: 3;
				border-radius: 10px;
				width: 370px;
				background: #ffffff;
				position: absolute;
				top: 10px;
				left: -385px;
				border: 1px solid #f3f3f3;
				box-shadow: 0 0 1px 2px rgba(0,0,0,0.06);

				.search-wrapper{
					position: relative;
					padding: 15px;
					background: #f5f5f5;
					border-top-right-radius: 7px;
    				border-top-left-radius: 7px;
					input[type="text"]{
						padding: 7px 10px;
						display: block;
						width: 100%;
						border: 1px solid #f2f2f2;
						border-radius: 7px;
						box-shadow: 0 0 0 1px #eaeaea;
					}
					&:after{
						text-shadow: 2px 0 0 #f2f2f2;
						font-family: "FontAwesome";
					    font-size: 3em;
					    content: '\f0da';
					    position: absolute;
					    right: -10px;
    					top: 5%;
					    color: #f5f5f5;
					}
				}
				.profile-list{
					ul{
						margin: 0;
						padding: 0;
						list-style-type: none;
						li{
							&:last-child .profile-text{
								border-bottom: none;
							}
							padding: 0;
							.profile-img{
								padding: 10px 10px 10px 15px;
								float: left;
								img{
									width: 30px;
								}
							}
							.profile-text{
								width: 85%;
								padding: 15px 15px 0 0;
								float: right;
								border-bottom: 1px solid #ededed;
							}
						}
					}
				}
			}
		}
	}

	.cart-item-container{
		width: 100%;
		background: #ffffff;
		margin: 10px 0;
		border-top:2px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
		min-height: 100px;
		ul{
		margin: 0;
		padding: 0;
		list-style: none;
		
			li{
				cursor: pointer;
				&:last-child{
					.product-text{
						border-bottom: none;
						box-shadow: none;
					}
				}
				.product-img{
					width: 20%;
					padding: 15px;
					img{
						box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
						height: 45px;
						width: 45px;
					}
					float: left;
				}
				.product-text{
					float: right;
					width: 80%;
					border-bottom: 1px solid #ededed;
					box-shadow: 1px 0 0 1px #fafafa;
					.badge{
						background: #fd3035;
					}
				}
				.product-name{
					float: left;
					padding: 15px 0;
					font-size: 0.9em;
					p{
						line-height: 0.8;
					}
					.details{
						font-size: 0.85em;
						color: #aeaeae;
					}
				}
				.product-price{
					float: right;
					padding: 20px 15px;
					font-size: 1.2em;
				}
			}
		}
	}

	.amount-wrapper{
		background: #ffffff;
		margin: 0 0 50px;
		ul{
			list-style-type: none;
			padding: 10px 20px 0;
			margin: 0;
			li{
				padding: 10px 0; 
				border-top: 2px solid #eaeaea;
				&:first-child{
					border-top: 0;
				}
				.amount-title{
					color: #0cc579;
					p{
						float: left;
						font-weight: bold;
					}
					.add-btn{
						float: right;
						a{
							color: #0cc579;
						}
						i{
							font-size: 1.5em;
						}
					}
				}
				.amount-text{
					float: left;
				}
				.amount-price{
					float: right;
				}
				
			}
		}
	}
	.charge-btn{
		background: #0cc579;
		padding: 10px 20px 0 ;
		margin: 20px;
		color: #ffffff;
		font-weight: bold;
		border-radius: 2px;
		p{
			float: left;
		}
		.price{
			float: right;
		}
	}
}