div.shop-cart-page {
	margin: 0;
	padding: 0;
	
	div.identification {
		border-bottom: solid 1px #ccc;
		margin: 2rem 0 0 0;

		label {
			font-style: italic;
		}
	}
	div.legals {
		border-bottom: solid 1px #ccc;
		margin: .5rem 0 1rem 0;
		>div {
			padding: 1rem;
			input[type=checkbox] {
				margin-right: .5rem;
			}
		}
	}
	select, input[type=email] {
		padding: 1rem;
		margin: 1rem;
	}

	input[type=email] {
		width: 20rem;
	}
	div.error {
		line-height: 1.5rem;
		background-color: #ffcccccc;
		color: #900;
		border: solid 2px red;
		padding: 1rem;
		margin-bottom: 1rem;
	}

	div.description {
		font-style: italic;
		padding-left: 2rem;
		color: #333;
	}

	a.button, input[type=submit] {
	  margin: 1rem;
	  padding: .5rem;
	  color: #fff;
	  background-color: #00a6fd;
	  border-radius: 20px;
	  border: solid .3rem #00a6fd;
	  font-size: 110%;
	  font-weight: bold;
	}
	a.button:hover, input[type=submit]:hover {
	  color: #00a6fd;
	  border: solid .3rem #00a6fd;
	  background-color: #00a6fd20;
	}
}
div.shop-cart {
	position: relative;

	div.quantity-modifier {
		padding-left: 1rem;
		display: inline-block;
		color: #00f;
		cursor: default;
		span.more {
			cursor: zoom-in;
		}
		span.less {
			cursor: zoom-out;
		}
	}

	button.remover {
	}
	table.shop-cart {
		background-color: #fff;
		outline: solid 1px #ccc;
		outline-offset: .5rem;
		padding: 1rem;
		margin-bottom: 2rem;
		width: 100%;
		border-collapse: collapse;
		thead th {
			padding: 1rem;
			border-bottom: solid 1px #888;
			text-align: left;
			font-weight: bold;
		}
		tr.cart-item {
			td {
				border-top: solid 1px #cccccccc;
				padding: .5rem;
			}
			td.cart-item-code {
				width: 25%;
				font-weight: bold;
				color: black;
			}
			td.cart-item-provider {
				width: 25%;
				font-style: italic;
			}
			td.cart-item-count {
				width: 15%;
				color: green;
			}
		}
		tr.total {
			td {
				padding: 1rem .2rem 1rem .2rem;
			}
			td.title {
				background-color: #fffbd7cc;
				border: solid 1px #999;
				border-right: none;
				text-align: right;
			}
			td.total {
				background-color: #fffbd7cc;
				font-weight: bold;
				border: solid 1px #999;
				border-left: none;
			}
		}
		td.notes {
			text-align: right;
			font-style: italic;
			color: #333;
		}
	}
	a.cart-reset {
		position: absolute;
		right: 5px;
		&:before {
			content: "❌";
		}
	}
}
