/*
 * The calculator page: the legacy css/style.css, css/responsive.css, and
 * the page's inline styles, reduced to the rules the page uses, with every
 * visual constant from tokens.css.
 */

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@keyframes bt-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* General */

* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; }

html, body { overflow-x: hidden; }

body.eu {
	position: relative;
	font-size: var(--bt-font-size-md);
	line-height: var(--bt-line-height-base);
	color: var(--bt-color-ink);
	background: var(--bt-color-page);
	font-family: var(--bt-font-body);
	font-weight: var(--bt-font-weight-regular);
	-webkit-text-size-adjust: none;
}

.eu img { border: 0; max-width: 100%; vertical-align: bottom; }
.eu a { text-decoration: none; cursor: pointer; transition: var(--bt-transition-base); }
.eu a:hover, .eu a:focus { outline: var(--bt-focus-dashed); }
.eu button { font: inherit; cursor: pointer; transition: var(--bt-transition-base); }
.eu button:hover, .eu button:focus-visible { outline: var(--bt-focus-dashed); }
.eu input:focus, .eu select:focus { outline: var(--bt-focus-dashed); }
.eu input::placeholder { color: var(--bt-color-ink-strong); opacity: 1; }
.eu p { margin-bottom: var(--bt-space-5); }
.eu h4 { font-size: var(--bt-font-size-3xl); color: var(--bt-color-orange); font-family: var(--bt-font-heading); margin: 0; }

.is-hidden { display: none !important; }

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.icon { width: 1em; height: 1em; vertical-align: middle; }

.wrapper { width: 100%; animation: bt-fade-in var(--bt-transition-base) both; }

.skip-link {
	position: absolute;
	top: -100%;
	left: 0;
	background: var(--bt-color-black);
	color: var(--bt-color-white);
	padding: var(--bt-space-4) var(--bt-space-6);
	z-index: 9999;
	text-decoration: none;
}

.skip-link:focus { top: 0; }

.mid-container { width: 100%; float: left; margin-top: 0; }
.mid-container:focus { outline: none; }

.main { max-width: 1300px; margin: 0 auto; padding: 0 var(--bt-space-6); }

.section_start { margin-top: var(--bt-space-13); margin-bottom: var(--bt-space-13); }

/* Title and language selector */

.page-title { margin-bottom: 0; font-weight: var(--bt-font-weight-bold); font-size: var(--bt-font-size-display); }

.language-row { text-align: right; display: flex; justify-content: flex-end; }

.onelinkwrapper {
	position: relative;
	display: inline-block;
	font-size: var(--bt-font-size-md);
	color: var(--bt-color-charcoal);
	padding-right: var(--bt-space-7);
	padding-top: var(--bt-space-6);
}

#globefa {
	display: inline-block;
	font-size: var(--bt-font-size-7xl);
	line-height: var(--bt-line-height-tight);
	vertical-align: middle;
	padding-right: var(--bt-space-5);
	color: var(--bt-color-gray-500);
	cursor: pointer;
}

#globefa:hover, #globefa.is-active { color: var(--bt-color-gray-600); }
#globefa:focus-visible { outline: var(--bt-focus-ring); outline-offset: var(--bt-space-1); border-radius: var(--bt-radius-round); }

#selectedLang {
	padding: var(--bt-space-6) 0 var(--bt-space-5);
	background: var(--bt-color-transparent);
	border: none;
	color: var(--bt-color-charcoal);
	font-size: var(--bt-font-size-md);
}

/* The caret beside the language name (Font Awesome's caret-up in the legacy page). */
#selectedLang::after {
	content: '';
	display: inline-block;
	margin-left: var(--bt-space-3);
	border-left: 5px solid var(--bt-color-transparent);
	border-right: 5px solid var(--bt-color-transparent);
	border-bottom: 6px solid currentColor;
	vertical-align: middle;
}

#langdropdown {
	position: absolute;
	z-index: 999;
	display: none;
	top: calc(-7.2em + 14px);
	left: 0;
	background: var(--bt-color-white);
	width: 100%;
	min-width: 140px;
	border-radius: var(--bt-radius-md);
	box-shadow: var(--bt-shadow-menu);
}

#langdropdown.is-open { display: block; }

#langdropdown li button {
	display: block;
	width: 100%;
	padding: var(--bt-space-6) var(--bt-space-10) var(--bt-space-6) var(--bt-space-8);
	background: var(--bt-color-transparent);
	border: none;
	color: var(--bt-color-charcoal);
	font-size: var(--bt-font-size-lg);
	text-align: left;
}

#langdropdown li.is-current button { font-weight: var(--bt-font-weight-bold); }
#langdropdown li:first-child button { border-radius: var(--bt-radius-md) var(--bt-radius-md) 0 0; }
#langdropdown li:last-child button { border-radius: 0 0 var(--bt-radius-md) var(--bt-radius-md); }
#langdropdown li button:hover, #langdropdown li button:focus-visible { background: var(--bt-color-charcoal); color: var(--bt-color-white); outline: none; }

/* The menu's pointer: a border triangle, decorative geometry. */
.speech-bubble::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 80%;
	width: 0;
	height: 0;
	border: 15px solid var(--bt-color-transparent);
	border-top-color: var(--bt-color-white);
	border-bottom: 0;
	margin-left: -15px;
	margin-bottom: -9px;
}

.speech-bubble.is-last-hover::after { border-top-color: var(--bt-color-charcoal); }

/* Introduction */

.get_budget { padding: var(--bt-space-8) var(--bt-space-7); background: var(--bt-color-white); border-radius: var(--bt-radius-md); box-shadow: var(--bt-shadow-card); }

.get-your-budget { font-size: var(--bt-font-size-5xl); line-height: var(--bt-line-height-base); color: var(--bt-color-blue); font-family: var(--bt-font-body); font-weight: var(--bt-font-weight-bold); margin-bottom: var(--bt-space-7); }

.main_upper_budget { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.budget_inner { width: 40%; }
.budget_inner p span { font-weight: bold; }
.right_top_budget { width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.right_top_budget .sec_box { width: 31%; }
.box_sec_thing { overflow: hidden; }
.box_sec_thing img { max-width: 25px; float: left; }

.box-title {
	color: var(--bt-color-purple);
	font-family: var(--bt-font-heading);
	font-size: var(--bt-font-size-xl);
	font-weight: var(--bt-font-weight-medium);
	line-height: var(--bt-font-size-3xl);
	margin-bottom: var(--bt-space-5);
	margin-left: var(--bt-space-9);
}

.message-page { margin-top: var(--bt-space-13); }

/* The form */

.form_upper { margin-bottom: var(--bt-space-9); }

.right_reset { padding: var(--bt-space-7) 0; float: right; width: 100%; text-align: right; }

#reset {
	height: 44px;
	font-size: var(--bt-font-size-md);
	color: var(--bt-color-blue);
	text-decoration: underline;
	background: var(--bt-color-transparent);
	font-family: var(--bt-font-body);
	font-weight: var(--bt-font-weight-regular);
	border: none;
}

.form_budget_left { display: flex; width: 100%; background: var(--bt-color-white); padding: var(--bt-space-11) var(--bt-space-7); border-radius: var(--bt-radius-md); box-shadow: var(--bt-shadow-card); flex-wrap: wrap; }
.left_form_budget { width: 60%; padding-right: var(--bt-space-7); border-right: 1px solid var(--bt-color-ink-strong); }
.left_form_budget .top_left_title { float: left; width: 100%; margin-bottom: var(--bt-space-7); }

.section-title {
	font-size: var(--bt-font-size-xl);
	color: var(--bt-color-blue);
	font-family: var(--bt-font-body);
	margin-bottom: var(--bt-space-9);
	font-weight: var(--bt-font-weight-bold);
}

.section-title--personalize { margin-top: var(--bt-space-6); }

.form_budget_right { width: 40%; text-align: center; padding: var(--bt-space-7); align-self: center; }
.form_budget_right .inner_form_img { margin-bottom: var(--bt-space-11); }
.form_budget_right .inner_form_img img { max-width: 300px; width: 100%; }
.title_right_img h4 { font-size: var(--bt-font-size-6xl); font-weight: bold; font-family: var(--bt-font-body); color: var(--bt-color-blue); }

.form_group { margin-bottom: var(--bt-space-5); position: relative; z-index: 1; }

.form_group label { color: var(--bt-color-ink); font-size: var(--bt-font-size-md); font-weight: normal; position: relative; max-width: 360px; width: 100%; display: inline-block; margin: 0; }

.form_group select {
	height: 48px;
	border: 1px solid var(--bt-color-gray-700);
	border-radius: var(--bt-radius-md);
	max-width: 200px;
	width: 100%;
	padding: var(--bt-space-5);
	font-size: var(--bt-font-size-md);
	color: var(--bt-color-blue);
	appearance: none;
	background: var(--bt-color-white) url('/images/select_arrow_img.png') no-repeat center right var(--bt-space-5);
	background-size: 15px;
}

.form_group input {
	height: 48px;
	border: 1px solid var(--bt-color-gray-700);
	border-radius: var(--bt-radius-md);
	max-width: 200px;
	width: 80%;
	padding: var(--bt-space-5);
	font-size: var(--bt-font-size-lg);
	color: var(--bt-color-ink-strong);
	appearance: none;
	margin-left: var(--bt-space-3);
	font-family: inherit;
}

.form_group span.currency_data,
.form_group div.currency_data {
	color: var(--bt-color-ink);
	font-family: var(--bt-font-body);
	font-size: var(--bt-font-size-3xl);
	line-height: var(--bt-line-height-base);
	display: inline-block;
	vertical-align: middle;
}

.form_group div.currency_data { width: 48%; }

.help-icon-wrap { position: relative; display: inline-block; }

.help-icon-btn {
	background: none;
	border: none;
	padding: 0 var(--bt-space-2);
	margin-left: var(--bt-space-4);
	font-size: var(--bt-font-size-2xl);
	line-height: var(--bt-line-height-tight);
	color: var(--bt-color-ink-strong);
	vertical-align: middle;
}

.eu .help-icon-btn:focus-visible { outline: var(--bt-focus-ring); outline-offset: var(--bt-space-1); border-radius: var(--bt-radius-round); }

.help-icon-text {
	position: absolute;
	left: -9999px;
	top: 100%;
	width: 320px;
	padding: var(--bt-space-5);
	background: var(--bt-color-white);
	color: var(--bt-color-ink);
	border-radius: var(--bt-radius-sm);
	box-shadow: var(--bt-shadow-popover);
	font-size: var(--bt-font-size-sm);
	line-height: var(--bt-line-height-base);
	z-index: 100;
	text-align: left;
}

.help-icon-text.is-visible { left: 50%; transform: translateX(-50%); }

/* Personalize: Need Help? and Add/Edit */

.middle_form { float: left; width: 100%; margin-bottom: var(--bt-space-9); }
.left_middle_form { float: left; width: 55%; }
.right_ul { float: right; }
.right_ul li { display: inline-block; font-size: var(--bt-font-size-md); color: var(--bt-color-blue); padding: var(--bt-space-3) 0 var(--bt-space-3) var(--bt-space-10); position: relative; }
.right_ul li:first-child { padding-left: var(--bt-space-5); }

.right_ul li:last-child::before {
	position: absolute;
	content: '';
	height: 16px;
	width: 16px;
	background: url('/images/add_edit_img.png') no-repeat;
	background-size: 16px;
	left: 15px;
	top: 16px;
}

.right_ul li:last-child::after { position: absolute; left: 7px; top: 16px; content: ''; width: 1px; height: 20px; background: var(--bt-color-blue); }

#need_help, .add_edit_btn {
	height: 44px;
	background: var(--bt-color-transparent);
	border: none;
	font-size: var(--bt-font-size-md);
	color: var(--bt-color-blue);
	text-decoration: underline;
}

.eu #need_help:focus-visible { outline: var(--bt-focus-ring); outline-offset: var(--bt-space-1); }

.helptip { z-index: auto; margin-left: var(--bt-space-3); position: relative; display: inline-block; }

.helptiptext {
	visibility: hidden;
	opacity: 0;
	transition: var(--bt-transition-fade);
	font-size: var(--bt-font-size-xs);
	font-weight: var(--bt-font-weight-regular);
	position: absolute;
	width: 320px;
	background-color: var(--bt-color-white);
	color: var(--bt-color-black);
	text-align: left;
	padding: var(--bt-space-5);
	z-index: 2;
	left: 10px;
	top: 10px;
	margin-top: var(--bt-space-7);
	box-shadow: var(--bt-shadow-tip);
}

.helptip:hover .helptiptext, .helptiptext.is-open { visibility: visible; opacity: 1; }

.helptip-title { display: block; font-size: var(--bt-font-size-4xl); text-align: center; margin-bottom: var(--bt-space-5); }
.helptip-line { display: block; padding-bottom: var(--bt-space-5); }

/* Categories */

.lower_form { float: left; width: 100%; }
.budget_form { float: left; width: 29%; margin-right: 6%; }
.budget_form:last-child { margin-right: 0; }

.title_form h3 {
	font-size: var(--bt-font-size-xl);
	font-family: var(--bt-font-heading);
	font-weight: var(--bt-font-weight-semibold);
	padding-bottom: var(--bt-space-5);
	border-bottom: 1px solid var(--bt-color-ink-strong);
	margin-bottom: var(--bt-space-7);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 25px;
}

.title_form.needs h3 { background-image: url('/images/home.png'); }
.title_form.wants h3 { background-image: url('/images/gift_pack.png'); }
.title_form.savings h3 { background-image: url('/images/wallet_discount.png'); }

.lower_form .form_group { display: flex; align-items: center; justify-content: space-between; }
.budget_form .form_group .upper_label { display: inline-block; width: 48%; vertical-align: middle; overflow-wrap: anywhere; }
.budget_form .form_group .upper_label input { margin-left: 0; width: 100%; }
.budget_form .form_group .currency_data input { max-width: 200px; }

.currency_prefix { margin-right: var(--bt-space-2); }

.edit_input { display: none; }
.is-editing .edit_input { display: inline-block; }
.is-editing .edit_label { display: none; }

.add_field_btn { display: none; }
.is-editing .add_field_btn { display: block; }

.add_form_field {
	color: var(--bt-color-blue);
	text-decoration: underline;
	font-size: var(--bt-font-size-lg);
	padding: var(--bt-space-3) var(--bt-space-5) var(--bt-space-3) var(--bt-space-8);
	border: none;
	background: url('/images/add_plus_img.png') no-repeat center left;
	background-size: 20px;
}

/* Submit, Save Changes, Cancel */

.button_cls { width: 100%; text-align: center; padding: var(--bt-space-12) 0; }

.button_cls button {
	height: 45px;
	max-width: 200px;
	width: 100%;
	font-size: var(--bt-font-size-lg);
	background: var(--bt-color-blue);
	border: none;
	padding: var(--bt-space-5);
	color: var(--bt-color-white);
	border-radius: var(--bt-radius-pill);
	font-family: var(--bt-font-heading);
}

.button_cls button:hover { background: var(--bt-color-blue-dark); }

.button_save_cancel { display: none; }
.is-editing .button_submit { display: none; }
.is-editing .button_save_cancel { display: inline-flex; flex-wrap: wrap; justify-content: center; flex-direction: row-reverse; }

.button_save_cancel button.cancel_btn { background: var(--bt-color-white); color: var(--bt-color-blue); border: 1px solid var(--bt-color-blue); margin-right: var(--bt-space-7); max-width: 160px; }
.button_save_cancel button.cancel_btn:hover { background: var(--bt-color-blue); color: var(--bt-color-white); }

#error_messages { display: none; text-align: center; margin: 0 auto var(--bt-space-7); width: 80%; }
#error_messages.is-visible { display: block; }
#modal-dialog-content { background-color: var(--bt-color-error-bg); clear: both; min-height: 48px; padding: var(--bt-space-5) var(--bt-space-7); text-align: center; }

/* The right column: welcome, the 50/30/20 interstitial, the result */

#active, #active2 { display: none; }
#default.is-hidden { display: none; }
#active.is-shown, #active2.is-shown { display: inline-block; }

.form_budget_right.second_data, .form_budget_right.third_data { align-self: flex-start; text-align: inherit; }
.form_budget_right.third_data { padding: 0 0 0 var(--bt-space-7); }

.is-mobile .left_form_budget #active.is-shown { display: block; width: 100%; float: left; padding: 0; }

.title_dash_img { position: relative; padding-bottom: var(--bt-space-5); border-bottom: 1px solid var(--bt-color-ink-strong); margin-bottom: var(--bt-space-12); }
.title_dash_img img { position: absolute; left: 0; top: -4px; max-width: 35px; width: 100%; }
.title_dash_img h4 { padding-left: var(--bt-space-12); }

.sec2_box_main { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; text-align: center; align-items: center; margin-bottom: var(--bt-space-9); }
.box_sec_inner { width: 33%; padding: 0 var(--bt-space-5); }
.box_sec_inner img { margin-bottom: var(--bt-space-6); }
.box_sec_inner h3 { font-size: var(--bt-font-size-xl); font-family: var(--bt-font-heading); }
.lang-es .box_sec_inner h3 { font-size: var(--bt-font-size-lg); }

.sec2_font_text { text-align: center; margin-bottom: var(--bt-space-9); }
.sec2_font_text p { font-size: var(--bt-font-size-md); color: var(--bt-color-gray-600); font-style: italic; }
.contri_text p { font-size: var(--bt-font-size-lg); margin-bottom: var(--bt-space-7); }
.contri_text p:last-child { margin-bottom: 0; }

.sec3_top { text-align: center; margin-bottom: var(--bt-space-9); }
.sec3_top img { max-width: 200px; margin-bottom: var(--bt-space-7); }
.sec3_top h4 { margin-bottom: var(--bt-space-7); font-family: var(--bt-font-body); font-weight: bold; }
.sec3_top p { text-align: left; font-size: var(--bt-font-size-lg); }
.under_equal_over { display: none; }
.under_equal_over.is-shown { display: block; }
.figure { font-weight: bold; }

.monthly_budget { margin-bottom: var(--bt-space-9); }
.monthly_budget h4, .step_next h4 { font-size: var(--bt-font-size-xl); font-family: var(--bt-font-body); font-weight: var(--bt-font-weight-regular); padding-bottom: var(--bt-space-5); border-bottom: 1px solid var(--bt-color-gray-600); margin-bottom: var(--bt-space-5); }
.income_budget { display: flex; flex-wrap: wrap; justify-content: center; }
.allocate_income { width: 30%; padding: 0 var(--bt-space-7); text-align: center; }
.allocate_income p { font-size: var(--bt-font-size-xl); }

.budget_dif { margin-bottom: var(--bt-space-7); }
.budget_dif table { width: 100%; border-collapse: collapse; }
.budget_dif table th { padding: var(--bt-space-5); width: 25%; text-align: center; }
.budget_dif table td { padding: var(--bt-space-6) var(--bt-space-7); text-align: center; font-size: var(--bt-font-size-xl); width: 25%; }
.budget_dif table td:first-child { text-align: left; padding: var(--bt-space-5) 0; }
.budget_dif table td img { max-width: 25px; margin-right: var(--bt-space-5); }
.lang-es .budget_dif .desktop_table th:nth-child(3) { white-space: nowrap; }

.up_arrow, .up_down { background-repeat: no-repeat; background-size: 20px; background-position: center left 0; }
.up_arrow { background-image: url('/images/arrow_up.png'); }
.up_down { background-image: url('/images/arrow_down.png'); }

.mobile_table { display: none; }

/* Next steps */

.step_row { display: flex; justify-content: space-between; gap: var(--bt-space-7); }
.step_top { width: 48%; }
.step_top p { margin-bottom: var(--bt-space-7); }
.lang-es .step-copy { min-height: 120px; }

.step_top a {
	padding: var(--bt-space-5);
	color: var(--bt-color-blue);
	font-family: var(--bt-font-heading);
	font-weight: var(--bt-font-weight-semibold);
	border: 1px solid var(--bt-color-blue);
	border-radius: var(--bt-radius-pill);
	max-width: 180px;
	width: 100%;
	display: inline-block;
	text-align: center;
}

.step_top a:first-of-type { margin-bottom: var(--bt-space-9); }
.step_top a:hover { background: var(--bt-color-blue); color: var(--bt-color-white); }

/* Footer */

.footer_last { padding: 0 5%; }
.footer_last p { font-size: 1em; margin: 0; }
.footer_last .disclaimer { margin-bottom: var(--bt-space-6); }
.terms-link { color: var(--bt-color-link); text-decoration: underline; }

/* The Spanish page's longer headings */

@media all and (max-width: 1280px) {
	.lang-es .box-title { width: 100%; float: left; clear: both; margin-top: var(--bt-space-2); margin-left: 0; }
}

@media all and (max-width: 1280px) {
	.form_group label { max-width: 315px; }
	.eu h4 { font-size: var(--bt-font-size-xl); }
	.box-title { font-size: var(--bt-font-size-xl); }
	.budget_form { width: 31%; margin-right: 3%; }
	.budget_form .form_group .currency_data input { max-width: 60px; height: 40px; }
	.title_form h3 { font-size: var(--bt-font-size-lg); background-size: 22px; }
	.button_cls { padding: var(--bt-space-9) 0; }
	.box_sec_inner h3 { font-size: var(--bt-font-size-md); }
	.box_sec_inner img { max-width: 48px; }
	.box_sec_thing img { max-width: 20px; }
	.step_top a { font-size: var(--bt-font-size-sm); }
	.budget_dif table td { font-size: var(--bt-font-size-md); }
	.budget_dif table th { padding: var(--bt-space-5) var(--bt-space-1); font-size: var(--bt-font-size-sm); }
	.budget_form .form_group .upper_label input { height: 40px; }
	.up_arrow, .up_down { background-size: 16px; }
}

@media all and (max-width: 1150px) {
	.left_form_budget { width: 100%; border-right: none; display: inline-block; border-bottom: 1px solid var(--bt-color-gray-700); padding-right: 0; margin-bottom: var(--bt-space-7); }
	.form_budget_right { width: 100%; padding: var(--bt-space-7) 0; }
	.form_budget_right.third_data { padding: var(--bt-space-7) 0; }
	.budget_inner { width: 100%; margin-bottom: var(--bt-space-7); }
	.right_top_budget { width: 100%; }
	.section_start { margin-top: var(--bt-space-11); margin-bottom: var(--bt-space-11); }
	.lang-es .box-title { width: calc(100% - 30px); float: right; clear: none; margin-top: 0; }
	.lang-es .step-copy { min-height: 0; }
}

@media all and (max-width: 767px) {
	.form_group label { font-size: var(--bt-font-size-sm); }
	.lang-es .step-copy { min-height: 90px; }
}

@media all and (max-width: 640px) {
	.eu h4 { font-size: var(--bt-font-size-lg); }
	.right_top_budget .sec_box { width: 100%; margin-bottom: var(--bt-space-7); }
	.right_top_budget .sec_box:last-child { margin-bottom: 0; }
	.eu p { margin-bottom: var(--bt-space-3); }
	.box-title { margin-bottom: var(--bt-space-3); font-size: var(--bt-font-size-lg); }
	.form_budget_left { padding: var(--bt-space-9) var(--bt-space-7); }
	.budget_form { width: 100%; margin-right: 0; margin-bottom: var(--bt-space-7); }
	.lower_form .form_group { display: block; width: 100%; }
	.budget_form .form_group .upper_label { width: 100%; padding-left: var(--bt-space-7); }
	.budget_form .form_group .upper_label input { height: 40px; width: 100%; margin-bottom: var(--bt-space-5); }
	.budget_form .form_group div.currency_data { width: 100%; }
	.budget_form .form_group .currency_data input { max-width: 100%; height: 40px; width: calc(100% - 21px); float: right; }
	.form_group label { max-width: 100%; margin-bottom: var(--bt-space-1); }
	.form_group select { height: 40px; padding: var(--bt-space-3) var(--bt-space-9) var(--bt-space-3) var(--bt-space-5); max-width: 100%; }
	.form_group span.currency_data { width: calc(100% - 80px); }
	.form_group input { width: calc(100% - 22px); float: right; max-width: 100%; height: 40px; }
	.left_middle_form { width: 100%; margin-bottom: var(--bt-space-5); }
	.right_ul { float: left; }
	.right_ul li:first-child { padding-left: 0; }
	.helptiptext { left: -20px; }
	.box_sec_inner { width: 100%; padding: 0; margin-bottom: var(--bt-space-7); }
	.box_sec_inner:last-child { margin-bottom: 0; }
	.sec2_font_text { margin-bottom: var(--bt-space-6); }
	.sec2_box_main { margin-bottom: var(--bt-space-7); }
	.contri_text p { font-size: var(--bt-font-size-md); margin-bottom: var(--bt-space-6); }
	.footer_last { padding: 0; }
	.title_right_img h4 { font-size: var(--bt-font-size-2xl); }
	.allocate_income { width: 33%; padding: 0 var(--bt-space-5); }
	.allocate_income p { font-size: var(--bt-font-size-md); margin: 0; }
	.step_row { display: block; }
	.step_top { width: 100%; margin-bottom: var(--bt-space-7); text-align: center; }
	.step_top:last-child { margin-bottom: 0; }
	.step_top p { text-align: left; }
	.button_cls.button_save_cancel { max-width: 200px; margin: 0 auto; }
	.is-editing .button_save_cancel { display: block; }
	.button_save_cancel button { margin-bottom: var(--bt-space-7); }
	.button_save_cancel button.cancel_btn { margin-right: 0; max-width: 80%; margin-bottom: 0; }
	.title_dash_img { padding-bottom: var(--bt-space-7); }
	.title_dash_img h4 { padding-left: var(--bt-space-11); }
	.title_dash_img img { top: -5px; max-width: 30px; }
	.desktop_table { display: none; }
	.budget_dif table.mobile_table { display: table; max-width: 260px; margin: 0 auto; }
	.budget_dif table.mobile_table td { width: 100%; padding: 0 0 var(--bt-space-7); }
	.budget_dif table.mobile_table tr.border_cls td { padding: var(--bt-space-3) var(--bt-space-7); }
	.budget_dif table.mobile_table td table tr td { width: 50%; text-align: left; padding: var(--bt-space-3) var(--bt-space-7); background-position: center left 0; }
	.budget_dif table.mobile_table td table tr td.up_arrow,
	.budget_dif table.mobile_table td table tr td.up_down { padding-left: var(--bt-space-11); background-position: center left 16px; padding-right: var(--bt-space-5); word-break: break-word; }
	.budget_dif table td img { max-width: 20px; vertical-align: top; }
}