#dropin-container { margin-top: 40px; }
.braintree-options-list { 
	text-align: left; 
}
.braintree-heading { 
	font-size: 20px;
	line-height: 1.4em;
	margin: -20px 0;
	text-align: center;
	color: rgb(255,244,78);
	position: relative;
}
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input {
	padding: initial;
}
.table { color: white; }
th.text-right, td.text-right { text-align: right; }
.steps .table tr:first-child td {
	border-top: 1px solid #666;
}
.steps .table tr th:first-child,
.steps .table tr td:first-child {
	text-align: right;
	font-weight: bold;
	width: 45%;
}
.steps .table tr td:first-child {
	color: rgb(253,1250,184);
}
.steps .table tr td {
}
.steps .table td {
	border-bottom: 1px solid #666;
}
.page-content .content-section .button[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
	margin-top: 0;
}
.page-content .content-section .button.input-block-level {
	margin: 0 0 40px 0;
}
#paypal-button, #applepay-button, #googlepay-button { margin-top: 20px; }
#paypal-button.disabled, #applepay-button.disabled, #applepay-mobile-button.disabled, #googlepay-button.disabled, #googlepay-mobile-button.disabled button { opacity: 0.25; cursor: not-allowed !important; }

#applepay-mobile-button { height: 40px; position: relative; top: 3px; }
#applepay-mobile-button apple-pay-button { --apple-pay-button-height: 40px; --apple-pay-button-border-radius: 20px; }
#btn-appl-mobile { max-width: 100px; max-height: 30px; min-width: 100px; min-height: 30px; width: 100px; height: 30px; }

#applepay-button apple-pay-button { --apple-pay-button-height: 34px; --apple-pay-button-border-radius: 20px; --apple-pay-button-width: 100%; --apple-pay-button-padding: 5px 0; }
#applepay-button apple-pay-button button.apple-pay-btn { padding: 5px 0; }

#googlepay-button { border-radius: 20px; border: 1px solid #fff; overflow: hidden; }
#googlepay-button #gpay-button-online-api-id { width: 100%; min-width: 100%; border-radius: 18px; border: 0px solid #fff; height: 42px; outline: none; }

#googlepay-mobile-button { width: 100%; }
#googlepay-mobile-button #gpay-button-online-api-id { outline: none; width: 100%; min-width: 100%; }
#googlepay-mobile-button > div { float: none; width: 100%; padding: 3px 0 0; }
@media (max-width: 599px) {
	#googlepay-mobile-button div button.gpay-button { width: 100%; }
}
#submit-desktop { border: 0; }
#submit-phone.hidden { display: none !important; }

@media (min-width: 801px) { #step3 label span.mobile-instructions  { display: none; } }
@media (max-width: 800px) { #step3 label span.desktop-instructions { display: none; } }

.cc-row { position: relative; }
.cc-row .add-on { position: absolute; bottom: 35px; right: 20px; background: transparent; color: #999; }
.cc-row .add-on i.valid { color: rgb(255,244,78); text-shadow: 1px 1px 5px #666; }

.control-group.year,
.control-group.month { position: relative; }

.control-group.year:after,
.control-group.month:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    color: #00134e;
    position: absolute;
    top: 22px;
    right: 20px;
    font-size: 1.4em;
}
.control-group.year:after,
.control-group.month:after {
    bottom: 25px;
    top: auto;
}

#spinner-modal {
    width: 200px;
    height: 160px;
    margin-top: -80px;
    top: 50%;
	left: 50%;
    margin-left: -100px;
}
#spinner-modal .spinner { top: -79px; left: 50%; }

#paypal-mobile-button { margin-top: 3px }
#paypal-mobile-button.disabled { opacity: 0.4; }
#paypal-mobile-button > div.paypal-buttons { min-width: 80px !important; }
.Payments.index .booking-form form #paypal-mobile-button.hidden, 
.Payments.add .booking-form form #paypal-mobile-button.hidden { display: none !important; }

.card_field { background: #fff; height: 40px; border-radius: 20px; padding: 0 20px; font-size: 19px; }
#card-number { margin-bottom: 30px; }

/* GIFTCARDS */
#has-giftcard-btn {
	color: white;
	border: 1px solid white;
	padding: 15px 40px;
	border-radius: 30px;
	box-sizing: border-box;
	text-shadow: none;
	text-transform: initial;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	background: transparent;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 30px;
}
#has-giftcard-btn:hover, 
#has-giftcard-btn.active {
	color: #002493;
	border-color: transparent;
	background: rgb(255, 222, 0);
	background: -moz-linear-gradient(left, rgba(255, 222, 0, 1) 10%, rgba(255, 248, 155, 1) 50%, rgba(255, 222, 0, 1) 90%);
	background: -webkit-linear-gradient(left, rgba(255, 222, 0, 1) 10%, rgba(255, 248, 155, 1) 50%, rgba(255, 222, 0, 1) 90%);
	background: linear-gradient(to right, rgba(255, 222, 0, 1) 10%, rgba(255, 248, 155, 1) 50%, rgba(255, 222, 0, 1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );		
}


label[for="choose"] { margin-top: 70px; }

#giftcard-fields { padding: 0 10px; margin-top: -30px; height: 0; overflow: hidden; transition: all 0.5s ease-out; border-width: 0; }
#giftcard-fields label { margin-bottom: 5px; font-size: 18px; }
#has-giftcard-btn.active + #giftcard-fields { height: 110px; padding: 10px; border-width: 3px; }
#has-giftcard-btn.active + #giftcard-fields.expand { height: 300px; }
@media ( max-width: 979px ) { 
	#has-giftcard-btn.active + #giftcard-fields { height: 170px; } 
	#has-giftcard-btn.active + #giftcard-fields.expand { height: 350px; } 
}
@media ( max-width: 800px ) { 
	#has-giftcard-btn.active + #giftcard-fields { height: 110px; } 
	#has-giftcard-btn.active + #giftcard-fields.expand { height: 300px; } 
}
@media ( max-width: 552px ) { 
	#has-giftcard-btn.active + #giftcard-fields { height: 170px; }
	#has-giftcard-btn.active + #giftcard-fields.expand { height: 360px; }
	#giftcard-fields .control-group { margin-bottom: 0; }
	#giftcard-fields .control-group:first-child { display: block; margin-bottom: 0; }
	#giftcard-fields #giftcard-number { margin-bottom: 0; }
	#giftcard-fields label { margin: 15px 0 2px 0; }
	#giftcard-fields label[for="giftcard-pin"] { margin-top: 2px; }
}
@media ( max-width: 360px ) {
	#giftcard-fields { margin-left: -15px; margin-right: -15px; }
}

#giftcard-fields .control-group { display: inline-block; }
#giftcard-fields #giftcard-number { width: 200px; }
#giftcard-fields #giftcard-pin    { width: 70px; text-align: center; padding-left: 10px; padding-right: 10px; }
#giftcard-fields #giftcard-submit-btn { text-transform: uppercase; padding: 14px 30px; }

#giftcard-details { max-width: 100%; min-width: 285px; margin: 0 auto; }
#giftcard-details th { text-align: left; }
#giftcard-details td { text-align: right; }
#giftcard-details tr:last-child td { text-align: center; }
#giftcard-details td .control-group { margin-bottom: 0; }
#giftcard-details td label { display: none; }
#giftcard-details td input { margin-bottom: 0; width: 70px; height: 30px; text-align: right; padding-left: 5px; padding-right: 15px; font-size: 17px; }
#giftcard-details td input[readonly] { background: rgba(255,255,255,0.5); }
#giftcard-details td #giftcard-amount {  }
#giftcard-fields td .control-group { position: relative; }
#giftcard-fields td .control-group:before { content: '$'; display: block; position: absolute; width: 20px; height: 30px; top: 7px; left: 7px; z-index: 1000; color: #000; }
#giftcard-apply-btn { margin-top: 10px; }
/* /GIFTCARDS */

@media (max-width: 1330px) and (min-width: 1200px) {
	.controls-row.payment-method-buttons .visa-mc       { width: 50%; }
	.controls-row.payment-method-buttons .discover-amex { width: 47.4%; }
	.controls-row.payment-method-buttons .googlepay     { width: auto; }
	.controls-row.payment-method-buttons .paypal.span6  { width: 56%; }
	.controls-row.payment-method-buttons .paypal.span4  { width: 37%; }
	.cc-fields .card_container .span12 { width: 100%; *width: 99.94680851063829%; }
	.cc-fields .card_container .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; }
}
@media (max-width: 1199px) and (min-width: 980px) {
	.controls-row.payment-method-buttons .visa-mc       { width: 50%; }
	.controls-row.payment-method-buttons .discover-amex { width: 47.4%; }
}
@media (max-width: 979px) {
	.controls-row.payment-method-buttons .visa-mc       { width: 100% !important; }
	.controls-row.payment-method-buttons .discover-amex { width: 100% !important; margin-left: 0 !important; }
	.controls-row.payment-method-buttons .paypal        { width: 100% !important; margin-left: 0 !important; text-align: left; padding-left: 25%; }
	.controls-row.payment-method-buttons .googlepay     { width: 100% !important; margin-left: 0 !important; text-align: left; padding-left: 25%; }
	.controls-row.payment-method-buttons .applepay      { width: 100% !important; margin-left: 0 !important; text-align: left; padding-left: 25%; }
}
@media (max-width: 800px) {
	.cc-fields .card_container .span12 { width: 100%; *width: 99.94680851063829%; padding-bottom: 0 !important; }
	.cc-fields .card_container .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; }
	.controls-row.payment-method-buttons .paypal,
	.controls-row.payment-method-buttons .googlepay,
	.controls-row.payment-method-buttons .applepay { text-align: center; padding-left: 0; }
}