#tokenFrame {
	height: calc(11.5em + 4.25rem);
}

@media(max-width: 374px) {
	#tokenFrame {
		height: calc(15em + 5rem);
	}
}

/* The iFrame tokenizer does not seem to support the Open Sans font.
This sets the entire form's font to Arial so they both match */
#payment-method-details {
	font-family: Arial, sans-serif !important;
}

.new-payment-option {
	cursor:pointer;
	border: 1px solid #DEE2E6;
	border-bottom: none;
}

.new-payment-type-container>*>*:first-child .new-payment-option {
	border-radius: 5px 5px 0 0;
}

.new-payment-option[data-selected="false"] {
	background-color: #EEEEEE;
}

.new-payment-option:hover {
	background-color: #DFDFDF;
}

.new-payment-option[data-selected="true"],.new-payment-option[data-selected="true"]:hover {
	background-color: initial !important;
	border: 1px solid #868b8f !important;
	border-bottom: 1px solid #868b8f !important;
	cursor: default !important;
}

.new-payment-type-container>*>*:last-child .new-payment-option {
	border-bottom: 1px solid #DEE2E6;
	border-radius: 0 0 5px 5px;
}

apple-pay-button {
	--apple-pay-button-height: 40px;
	--apple-pay-button-padding: 0px 0px;
	--apple-pay-button-margin: 0px 0px;
	width: 100%;
}

.gpay-button-fill {
	height: 40px;
}

.payment-method-img {
	display: inline-block;
	min-width: 50px;
	margin-right: 1rem;
}

.payment-method-text {
	display: inline-block;
	font-family: Open Sans, sans-serif;
}

.express-pay {
	min-height: 5rem;
	border: 1px solid #DEE2E6;
	border-radius: 5px;
	padding: 1rem;
	margin-y: 1rem;
}

.loading-payment-option {
	background: lightgray;
	border-radius: 5px;
	width: 100%;
	height: 40px;
    z-index:999;
}