a[href^="WebVoucher.php"] {
	display: none;
}

a[href^="WebViewVoucher.php"] {
	display: none;
}

img { max-width: 200px; }

#addQuantity, #takeQuantity {
	padding: 12px 20px;
}

#qty1 {
	padding: 24px 0px;
}

::placeholder {
	color: #000000!important;
	opacity: 1!important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #000000!important;
}

label[for=pin], #pin{
	display:none;
}

#purchaseform {
	border-top: solid 1px #ccc;
}

#purchaseform h3 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.03em;
	margin-top: 2rem !important;
	margin-bottom: 0;
}

#purchaseform label, .comp-msg {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#purchaseform .form-control {
	border-radius: 0;
	border-color: #000;
	box-shadow: none;
}

input, textarea, select {
	border: 1px solid Black!important;
	border-radius: 0 !important;
	background-color: transparent!important;
}

.btn {
	background-color: #4caf50;
	border-color: #4caf50;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 1rem 2rem;
}

.input-group .form-control {
	border-color: #4caf50;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 1rem 2rem;
	width: 50px;
}

.btn:hover {
	box-shadow: none !important;
	background-color: #4caf50;
	border-color: #4caf50;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 1rem 2rem;
}

.container {
	max-width: 100%!important;
}

strong {
	font-weight: 500 !important;
}

.error {
	margin-bottom: 0;
}

#purchaseform {
	border-top: solid 1px #ddd;
}

.js-mail-address .form-group:first-child {
	margin-bottom: 0;
}

#purchase-area > .col-lg-12:before {
	display: block;
	content: '';
	height: 12px;
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 40px;
	border: solid 1px #ddd;
	background: linear-gradient(90deg, #4caf50 25%, #eeeeee 0%);
}

#cart-table > .row:first-child:before {
	display: block;
	content: '';
	height: 12px;
	width: 100%;
	margin-bottom: 40px;
	border: solid 1px #ddd;
	background: linear-gradient(90deg, #4caf50 50%, #eeeeee 0%);
}

#payment-form:before {
	display: block;
	content: '';
	height: 12px;
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 40px;
	border: solid 1px #ddd;
	background: linear-gradient(90deg, #4caf50 75%, #eeeeee 0%);
}

#cart-table thead tr td {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#cart-table table.table-hover tr td {
	padding: 1rem 0.3rem;
	vertical-align: middle;
}

@media only screen and (max-width: 760px) {
	#cart-table table.table-hover tr td {
		padding: 0.3rem 0.3rem 0.3rem 30%;
	}
}

@media only screen and (max-width: 760px) {
	#cart-table table.table-hover tr td:before {
		top: 0.3rem;
		font-weight: 500;
	}
}

#cart-table .input-group.flex-nowrap {
	max-width: 120px !important;
}

#cart-table .removeVoucher {
	border: solid 1px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.05em;
}

#cart-table button.removeVoucher {
	font-size: 13px;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500;
	border: solid 1px !important;
}

@media only screen and (max-width: 760px) {
	#cart-table button.removeVoucher {
		margin-bottom: 1rem;
		width: auto;
	}
}

#cart-table td[align=right] {
	padding: 4px 20px;
}

form#payment-form a {
	color: #dc3545;
	border: solid 1px #dc3545;
	display: block;
	margin: 16px auto 24px auto;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.03em;
	padding: 1rem 0.25rem;
}

@media only screen and (max-width: 760px) {
	form#payment-form a {
		font-size: 0.75rem;
	}
}

.alert-info {
	background-color: #4caf50;
	border-color: #4caf50;
	color: #fff;
}