.ma_main {
}

.ma_section_title {
	font-size: 2em;
}

.ma_section_contents {
	overflow: hidden;
}

.ma_section_left {
	margin: 0px 40px 20px 0px;
}

.ma_section_right {
}

.ma_pricing_upgrade_section {
	float: left;
	width: 55%;
}

.ma_pricing_upgrade_section .ma_section_inner {
	margin: 20px 40px 0px 40px;
}

.ma_pricing_banner {
	font-size: 5em;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.ma_ppo_wrapper {
	text-align: center;
}

.ma_ppo_wrapper table {
	width: initial;
	text-align: left;
	font-weight: bold;
	margin: auto;
	line-height: 1;
}

.ma_ppo_price {
	font-size: 12em;
}

.ma_ppo_text {
	font-size: 5em;
}

sup{
	font-size: 0.4em;
	font-family: arial;
	text-decoration: underline;
}

.ma_ppo_price_unit {
	font-size: 2em;
	vertical-align: middle;
}

.ma_ppo_description {
	float: left; 
	width: 50%;
}

.ma_billing_section {
	float: right;
	width: 45%;
}

.ma_billing_section .ma_section_inner {
	/* margin: 20px; */
}

.ma_standard_billing_margin {
	margin: 20px;
}

.ma_upgrade_table td {
	border: 1px solid black;
	vertical-align: top;
    padding: 10px;
}

.ma_upgrade_cell {
}

.ma_upgrade_cell_inner {
	/* Why is this on the inner div instead of the cell itself? (.ma_upgrade_table td)
	padding: 10px;*/
}

.table {
	display: table;
}

.table_row {
	display: table-row;
}

.table_cell {
	display: table-cell;
}

.ma_upgrade_cell_title{
}

.ma_upgrade_cell_description {
	margin-top: 10px;
}

.ma_upgrade_cell_price {
	margin-top: 10px;
	font-weight: bold;
}

.ma_section_right .fh-checkbox > [type="checkbox"]:checked + label,
.ma_section_right .fh-checkbox > [type="checkbox"]:not(:checked) + label {
	padding-left: 20px;
}

.ma_current_price_section .col1,
.ma_outstanding_invoice_total .col1
{
	font-size: 1.5em;
}

.ma_current_price_section .col3,
.ma_outstanding_invoice_total .col3
{
	font-size: 2em;
	font-weight: bold;
}

.ma_billing_big_text {
	font-size: 1.5em;
}

.ma_billing_big_text div {
	float: right;
	font-size: 0.75em;
}

.repeated_dots {
	font-size: 0.6em;
	border-bottom: 1px dotted black;
	margin: 0px 5px;
}

.ma_billing_section table {
	margin-top: 10px;
}

.ma_billing_section td {
	/*padding: 10px 0px; */
}

/*
.ma_placeholder_cell {
	color: var(--bg-color);
}
*/

.ma_discontinue_cell {
	width: 100px;
	text-align: right;
}

.ma_cc_section {
	margin-top: 40px;
}

.ma_cc_half {
	float: left;
	width: 50%;
}

.ma_cc_half_inner {
}

.simple_input_wrapper {
	margin-bottom: 10px;
}

.ma_stripe_data_2 .simple_select_box_wrapper {
	margin-right: 10px;
}

.billing_stripe_cvc {
	width: 60px;
}

.ma_user_agreement {
	color: var(--error-color);
}

.ma_user_agreement td {
	vertical-align: top;
}

.ma_user_agreement_text {
	/*margin-left: 10px;*/
}

.ma_user_agreement .fh-checkbox > [type="checkbox"]:checked + label:before,
.ma_user_agreement .fh-checkbox > [type="checkbox"]:not(:checked) + label:before {
	color: var(--error-color);
	border: 1px solid var(--error-color);
}

.ma_line_item_loading {
	margin-left: 20px;
}

.ma_no_line_items {
    margin-left: 20px;
    margin-top: 20px;
    font-style: italic;
}

.ma_save_button_wrapper {
	text-align: center;
	margin: 10px 20px 20px 20px;
}

.ma_authorization_pp {
	font-weight: bold;
}

#ma_authorization_last_four {
	font-weight: bold;
}

.ma_invoices {
	margin-top: 20px;
}

.ma_invoices div {
	margin: 10px 0px;
}

.ma_billing_total {
	font-weight: bold;
}

.ma_pricing_section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 20px;
}

.ma_pricing_section_column {
    /*flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 30%;*/

    /* Start all items at 0px width, then set flex-grow to 1 (the first number) so the remaining available space is distributed equally */
    flex: 1 1 0px;

    margin: 0px 10px;
}

.ma_pricing_section_column:first-of-type {
    margin-left: 0px;
}

.ma_pricing_section_column:last-of-type {
    margin-right: 0px;
}

.ma_pricing_section_item {
}

.selected .ma_pricing_section_item {
    background-color: white;
    font-weight: bold;
}

.ma_pricing_section_item_name {
    padding: 20px;
}

.ma_pricing_section_column_header {
    color: white;
    text-align: center;
    font-weight: bold;
}

.ma_pricing_section_column_header_name {
    font-size: 2em;
}

.ma_pricing_section_column_header_pricing {

}

.ma_pricing_section_select_button_wrapper {
    margin-top: 20px;
}

.ma_pricing_section_select_button_wrapper .gold_button_link,
.ma_pricing_section_select_button_wrapper .colored_button_link {
    display: block;
}

.ma_upgrade_section {
    margin-top: 20px;
}

.ma_account_cancel_wrapper {
    text-align: right;
    margin-top: 20px;
}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	.ma_pricing_upgrade_section, .ma_billing_section {
		width: 100%;
	}
	
	.ma_section_left {
		margin-right: 0px;
	}
}