html {
    color: #000;
	font-family: 'Fira Sans', sans-serif;
	line-height: 1.5;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	color: #55622b;
}

table.mainTable {
    width: 100%;
}

table.mainTable tr.creAmountRow {
    display: none;
}

table.mainTable tr td {
    padding-bottom: 1rem;
}

table.mainTable tr td:nth-of-type(1) {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
}

table.mainTable tr td:nth-of-type(2) {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 5px;
}

.chase-frame-wrapper label, .mainTable label {
	color: #e28431;
	font-weight: normal;
	margin: 0;
	display: inline-block;
	padding: 0;
}

td.creNameLabel label::after, td.creZipLabel label::after, td.creNumberLabel label::after, td.creCVV2Label label::after, td.creTypeLabel label::after, td.creExpirationLabel label::after {
    content: "*";
    font-weight: bold;
    color: #e28431;
    margin-left: 5px;
}

.chase-frame-wrapper input, .chase-frame-wrapper select, .mainTable input, .mainTable select {
	padding: 0.375em;
	color: #55622b;
	border-color: #ccc;
	font-size: 1em;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	line-height: 1.4;
	transition: all .3s ease-in-out 0s;
	border: 1px solid #808080;
	border-radius: 0;
	font-family: 'Fira Sans', sans-serif;
	text-transform: none;
}

.chase-frame-wrapper input:hover, .mainTable input:hover, .chase-frame-wrapper input:focus, .mainTable input:focus, .chase-frame-wrapper select:hover, .mainTable select:hover, .chase-frame-wrapper select:focus, .mainTable select:focus {
    background: #fff;
	border-color: #2d430c;
}

.chase-frame-wrapper input:focus-visible, .mainTable input:focus-visible, .chase-frame-wrapper select:focus-visible, .mainTable select:focus-visible {
	outline: inherit;
}

select.creExpirationMonthField, select.creExpirationYearField {
    display: inline-block;
    width: 49%;
}

select.creExpirationYearField {
    float: right;
}

input#default-payment-method {
	width: inherit;
    margin-right: 0.5em;
}

button.completeButton, button.cancelButton {
    display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	padding: .5em 1em;
	border-color: transparent;
	background-color: #e28431;
	cursor: pointer;
	box-shadow: none;
	font-size: 1.125em;
	text-align: center;
	word-break: break-word;
	box-sizing: border-box;
	transition: all .3s ease-in-out 0s;
}

button.completeButton:active, button.cancelButton:active {
    background-color: #c46b1c;
}

button.completeButton:focus, button.cancelButton:focus, button.completeButton:hover, button.cancelButton:hover {
    background-color: #c46b1c;
}

button.completeButton:disabled, button.cancelButton:disabled {
    display: none;
}

.chase-frame-wrapper a, .mainTable a {
	background-color: transparent;
	color: #e28431;
	text-decoration: underline;
	line-height: 1.125;
	transition: all .3s ease-in-out 0s;
	cursor: pointer;
}

.chase-frame-wrapper a:hover, .mainTable a:hover {
    color: #c46b1c;
}

#creButtonRow .creButtonLabel {
    direction: rtl;
}

.d-none {
	display: none;
}

.chase-frame {
	border: none;
}

.chase-frame-wrapper .error, .mainTable .error {
	color: red;
}