div.block-cart
{
	float: left;
}

	span.popover-cart
	{
		position: relative;
		cursor: pointer;
	}
	
		span.popover-cart i
		{
			display: block;
			padding: 15px;
			background: #42311f;
			color: #fff;
			border: none;
			font-size: 26px;
			cursor: pointer;
			border-radius: 5px;
			transition: 0.2s;
			-o-transition: 0.2s;
			-webkit-transition: 0.2s;
		}
		
		span.popover-cart i:hover
		{
			background: #60482d;
		}
		
		span.popover-cart i:active
		{
			background: #42311f;
		}
		
		span.popover-total-qty
		{
			position: absolute;
			width: 20px;
			top: -10px;
			right: -10px;
			font-size: 11px;
			font-weight: 600;
			line-height: 20px;
			text-align: center;
			border-radius: 20px;
			background: #ea3131;
			color: #fff;
		}
		
	span.empty-list
	{
		flex: 1;
		text-align: center;
	}
	
	div.cart-scroll
	{
		max-height: 400px;
	}
		
			ul.cart-products
			{
				width: 100%;
				font-size: 14px;
			}
			
				ul.cart-products li
				{
					position: relative;
					display: flex;
					width: 100%;
					padding: 10px;
					list-style-type: none;
					border-bottom: 1px solid #eee;
					box-sizing: border-box;
				}
				
				ul.cart-products li:last-child
				{
					border: none;
				}
				
					div.cart-block-cell.cart-wrap-img
					{
						width: 60px;
					}
				
						div.cart-img
						{
							width: 100%;
							height: 60px;
							border-radius: 5px;
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}
						
						div.cart-product-qty
						{
							display: flex;
							margin-top: 10px;
						}
						
							i.cart-qty-btn
							{
								padding: 2px;
								font-size: 14px;
								color: #fff;
								background: #42311f;
								border-radius: 5px;
								cursor: pointer;
								transition: 0.2s;
								-o-transition: 0.2s;
								-webkit-transition: 0.2s;
							}
							
							i.cart-qty-btn:hover
							{
								background: #60482d;
							}
							
							i.cart-qty-btn:active
							{
								background: #42311f;
							}
							
							span.cart-qty
							{
								width: 24px;
								font-size: 14px;
								line-height: 18px;
								text-align: center;
							}
					
					div.cart-block-cell.cart-wrap-info
					{
						width: 100%;
						margin-left: 10px;
					}
					
						div.cart-product-name-wrap
						{
							display: flex;
							width: 100%;
						}
						
							div.cart-product-name-wrap-cell.name
							{
								width: 100%;
							}
							
								span.cart-product-name
								{
									font-weight: 500;
									color: #000;
									display: block;
									word-wrap: break-word;
								}
								
							div.cart-product-name-wrap-cell.ctrl
							{
								width: 20px;
							}
							
								i.drop-product
								{
									display: block;
									font-size: 20px;
									color: #de3b40;
									cursor: pointer;
								}
						
						span.cart-product-info
						{
							display: flex;
							width: 100%;
							margin: 5px 0px;
							font-size: 12px;
						}
						
							span.cart-product-info-label
							{
								width: 80px;
								margin-right: 5px;
								font-weight: 600;
								text-align: right;
							}
							
							span.cart-product-info-value
							{
								width: 175px;
							}
						
							div.cart-product-empty
							{
								float: right;
								font-weight: 600;
								color: #ff3b3b;
							}
						
				div.total-cart-price
				{
					display: flex;
					justify-content: end;
					padding: 5px 10px;
					text-align: right;
					font-weight: 600;
					border-top: 1px solid #ebebeb;
					border-bottom: 1px solid #ebebeb;
				}
				
					div.total-cart-price-cell
					{
						line-height: 20px;
					}
					
				div.cart-btn
				{
					display: table;
					float: left;
					width: 100%;
					padding: 10px 5px;
					box-sizing: border-box;
					text-align: center;
				}
				
					div.cart-btn-cell
					{
						display: table-cell;
						padding: 0px 5px;
						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: top;
			}
			
			div.cart-cell.img
			{
				width: 70px;
				padding: 10px 0px;
			}
			
			div.cart-cell.qty
			{
				width: 30px;
				text-align: right;
			}
			
			div.cart-cell.price
			{
				width: 50px;
				text-align: right;
			}
			
			div.cart-cell.label-right
			{
				text-align: right;
			}
			
				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-settings
				{
					display: block;
					font-size: 12px;
				}
				
					span.cart-product-settings span
					{
						font-weight: 600;
					}
	
	div.promo-cart
	{
		padding: 5px 10px;
		background: #eee;
	}
			
		form.promo-form
		{
			display: table;
			width: 100%;
		}
		
			div.promo-form-cell
			{
				display: table-cell;
				vertical-align: middle;
				padding-right: 5px;
			}
			
			div.promo-form-cell:last-child
			{
				padding: 0px;
			}
			
			div.promo-form-cell.ctrl
			{
				width: 50px;
			}
			
				input.fld-promo
				{
					height: 30px;
				}

	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;
			}