div.block-cart
{
	float: right;
	margin: 10px 0px;
}

	span.cart-btn
	{
		position: relative;
		float: left;
		background: #ed2224;
		margin-left: 5px;
		padding: 5px 10px;
		color: #fff;
		border-radius: 30px;
		transition: 0.3s;
		-o-transition: 0.3s;
		-webkit-transition: 0.3s;
		cursor: pointer;
	}

	span.cart-btn:first-child
	{
		margin: 0px;
	}
	
	span.cart-btn.active,
	span.cart-btn:hover
	{
		background: #df1214;
	}
	
	span.cart-btn:active
	{
		background: #df1214;
	}
	
		i.cart-btn-icon
		{
			float: left;
			font-size: 20px;
		}
		
		i.cart-btn-icon.margin
		{
			margin-right: 5px;
		}
	
		span.cart-btn-label
		{
			float: left;
			font-size: 14px;
			line-height: 20px;
		}
	
		span.popover-total-qty
		{
			position: absolute;
			width: 26px;
			font-size: 12px;
			font-style: normal;
			line-height: 26px;
			top: -10px;
			right: -10px;
			background: #000;
			border-radius: 40px;
			text-align: center;
			color: #fff;
		}
		
	span.empty-list
	{
		display: block;
		text-align: center;
	}
	
	div.cart-scroll
	{
		max-height: 400px;
	}
	
		ul.cart-products
		{
			width: 290px;
			font-size: 14px;
		}
		
			ul.cart-products li
			{
				position: relative;
				padding: 5px 10px;
				list-style-type: none;
				border-bottom: 1px solid #eee;
			}
			
			ul.cart-products li:last-child
			{
				border: none;
			}
			
				i.drop-product
				{
					position: absolute;
					right: 5px;
					top: 5px;
					font-size: 20px;
					color: #ed2224;
					cursor: pointer;
				}
			
				a.cart-img
				{
					float: left;
					width: 60px;
					height: 60px;
					border-radius: 5px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}
				
				div.cart-desc
				{
					float: left;
					width: 190px;
					margin-left: 10px;
				}
				
					a.cart-product-name
					{
						font-weight: 500;
						line-height: 20px;
						color: #000;
						display: block;
						word-wrap: break-word;
					}
					
					span.cart-product-info
					{
						display: block;
						line-height: 20px;
						color: #777;
					}
					
					div.cart-info
					{
						float: left;
						width: 100%;
						padding: 5px 0px;
						color: #000;
						line-height: 20px;
					}
					
						div.cart-product-qty
						{
							float: left;
						}
						
							i.cart-qty-btn
							{
								float: left;
								font-size: 18px;
								color: #ed2224;
								border: 1px solid #ddd;
								border-radius: 20px;
								cursor: pointer;
							}
							
							span.cart-qty
							{
								float: left;
								width: 20px;
								text-align: center;
							}
							
							span.cart-qty-label
							{
								float: left;
								margin-left: 5px;
							}
							
								span.cart-qty-label b
								{
									color: #ff3b3b;
								}
						
						div.cart-product-price
						{
							float: left;
							margin: 0px 5px;
						}
						
						div.cart-product-sum
						{
							float: right;
							width: 80px;
							font-weight: 600;
						}
						
			div.total-cart-price
			{
				display: flex;
				justify-content: flex-end;
				padding: 5px 10px;
				text-align: right;
				font-weight: 700;
				background: #eee;
			}
			
				div.total-cart-price-cell
				{
					line-height: 20px;
				}
				
			div.cart-btn
			{
				display: table;
				float: left;
				width: 100%;
				padding: 10px 0px;
				box-sizing: border-box;
				text-align: center;
			}
			
				div.cart-btn-cell
				{
					display: table-cell;
					padding: 0px 10px;
					width: 100%;
				}
				
				div.cart-btn-cell.half
				{
					width: 50%;
				}
			
					div.cart-btn .cart-button
					{
						border-radius: 3px;
						width: 100%;
						font-size: 12px;
						line-height: 20px;
						text-transform: uppercase;
						box-sizing: border-box;
					}
					
						div.cart-btn .cart-button i
						{
							font-size: 20px;
							float: left;
							margin-right: 5px;
						}
				
	ul.cart-products-list
	{
		float: left;
		width: 100%;
	}

		ul.cart-products-list li
		{
			display: table;
			float: left;
			width: 100%;
			border-bottom: 1px solid #eee;
		}
		
		ul.cart-products-list li.cart-products-header
		{
			font-weight: 700;
		}
		
		ul.cart-products-list li:last-child
		{
			border: none;
		}
		
		
			div.cart-cell
			{
				display: table-cell;
				padding: 10px;
				vertical-align: middle;
			}
			
			div.cart-cell.img
			{
				width: 70px;
			}
			
			div.cart-cell.qty
			{
				width: 50px;
			}
			
			div.cart-cell.price
			{
				width: 100px;
			}
			
				span.cart-product-img
				{
					display: block;
					height: 70px;
					background-size: cover;
					border-radius: 5px;
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;
				}
				
				span.cart-product-name
				{
					color: #000;
					font-weight: 600;
				}
				
				span.cart-product-barcode
				{
					display: block;
					font-size: 12px;
				}

	

	div.delivery-fields
	{
		float: left;
		width: 100%;
	}
	
	div.payment-fields
	{
		float: left;
		width: 100%;
	}

		div.field-desc
		{
			float: left;
			width: 100%;
			padding: 10px 20px;
			box-sizing: border-box;
			background: #f5f5f5;
		}
		
		div.field-desc.green
		{
			background: #cbffca;
		}
		
			div.field-desc p
			{
				margin: 0px 0px 10px 0px;
				font-size: 14px;
				line-height: 20px;
			}
			
			div.field-desc p:last-child
			{
				margin: 0px;
			}

		table.address_info
		{
			width: 100%;
			border-collapse: collapse;
		}				
				
	ul.dropdown-menu.delivery
	{
		width: 100%;
		max-height: 250px;
		overflow-y: auto;
	}

		ul.dropdown-menu.delivery li
		{
			float: left;
			width: 100%;
			border-bottom: 1px solid #eee;
		}
		
		ul.dropdown-menu.delivery li:hover
		{
			background: #f5f5f5;
		}
		
		ul.dropdown-menu.delivery li:last-child
		{
			border: none;
		}
		
			label.city-item-label
			{
				display: table;
				width: 100%;
			}
			
				div.city-cell
				{
					display: table-cell;
					vertical-align: top;
					word-break: break-word;
					padding: 10px;
				}
				
				div.city-cell.checkbox-icon
				{
					width: 20px;
					padding: 10px 0px 10px 10px;
				}
				
					input.city-item
					{
						display: none;
					}
					
					div.city-cell i
					{
						font-size: 20px;
						float: left;
					}
					
					span.city-title
					{
						float: left;
						font-size: 14px;
						line-height: 20px;
					}