﻿#cart {
	display: flex;
	height: 100%;
	flex-direction: column;
}

	#cart #cart-body {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		overflow-x: hidden;
		overflow-y: visible;
		padding: 0 10px;
		padding-top: 10px;
	}

	#cart #cart-user-data,
	#cart #cart-products-data {
		width: 100%;
	}

	#cart #cart-products-container #cart-products-data .cart-control-button {
		background-color: transparent;
		border: 0;
		cursor: pointer;
	}

		#cart #cart-products-container #cart-products-data .cart-control-button svg {
			width: 20px;
			height: 20px;
		}

	#cart #cart-total-amount-container {
		display: flex;
		justify-content: flex-start;
		font-size: 22px;
		align-self: center;
		/*margin-top: 40px;*/
	}

	#cart #cart-total-amount {
		font-weight: bold;
	}

	#cart #cart-payment-button,
	#cart #continue-shopping-button {
		margin-top: 10px;
	}

	#cart #continue-shopping-button {
		margin-bottom: 10px;
	}

	#cart .cart-button,
	#cart-confirmation .cart-button,
	#payment-waiting-buttons #payment-waiting-toform-button,
	#payment-waiting-buttons #payment-waiting-cancel-button,
	#payment-save-tickets-button {
		display: flex;
		justify-content: center;
		border: 1px solid white;
		padding: 10px 0;
		font-size: 19px;
		cursor: pointer;
		width: 100%;
		background-color: transparent;
	}

		#cart .cart-button:hover,
		#cart-confirmation .cart-button:hover,
		#payment-waiting-buttons #payment-waiting-toform-button:hover,
		#payment-waiting-buttons #payment-waiting-cancel-button:hover,
		#payment-save-tickets-button:hover {
			background-color: white;
			color: black;
		}

	#cart #cart-products-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 26px;
		padding-bottom: 10px;
		/*margin-top: 20px;*/
	}

		#cart #cart-products-container #cart-products-data {
			padding-top: 11px;
			/*padding-right: 10px;*/
			overflow-x: hidden;
			overflow-y: visible;
		}

	#cart #cart-body::-webkit-scrollbar,
	#cart-confirmation #cart-confirmation-flex-container::-webkit-scrollbar {
		width: 0.1em;
	}

	#cart #cart-body::-webkit-scrollbar-thumb
	#cart-confirmation #cart-confirmation-flex-container::-webkit-scrollbar-thumb {
		background-color: white;
		outline: 1px solid #282828;
	}

	#cart #cart-products-container #cart-products-data .cart-control-inactive {
		color: #b6b6b6;
	}

	#cart .cart-control {
		border-bottom: 1px solid;
		padding: 5px 0;
		margin-bottom: 30px;
		position: relative;
		display: flex;
	}

		#cart .cart-control input {
			width: 100%;
			background: transparent;
			border: 0;
			appearance: none;
			outline: 0;
			color: white;
			font-size: 18px;
		}

		#cart .cart-control label {
			position: absolute;
			left: 0;
			transition: .3s;
			transform-origin: left;
			display: flex;
			align-items: flex-start;
			z-index: -1;
		}

			#cart .cart-control label div {
				margin-left: 5px;
				font-size: 11px
			}

		#cart .cart-control .cart-control-label {
			top: -0.6rem;
			font-size: 12px;
		}

		#cart .cart-control .cart-control-label-for-empty {
			top: 0.5rem;
			font-size: 16px;
		}

#cart-terms-and-conditions{
	text-align: center;
	font-size: 0.8rem;
}

#cart-terms-and-conditions a{
	text-decoration: underline;
}
