/* DEFAULT VARIABLES */
:root {
	--white: #fff;
	--black: #000;
	--messy-white: #f0f0f0;

	/* table border */
	--gray-border: #c5c5c5;

	/* accordion */
	--light-gray: #f5f5f5;

	/* progress indicator disabled, accordion open header */
	--gray: #e3e3e3;
	--gray-slider: #ccc;

	/* gray button */
	--dark-gray: #9e9e9e;

	/* gray section heading */
	--darker-gray: #747474;

	/* table header background */
	--table-header: #d8d8d8;

	/*/ lighter text */
	--lighter-text: #767676;

	/*/ lighter text */
	--semi-lighter-text: #747474;

	/* text-description-color */
	--light-text: #636363;

	/* text-color */
	--text: #1b1f27;

	/* default green button background, default link, list style, breadcrumb, pagination,
	   progress indicator active icon, cta secondary, success input border, accordion icon
	   checkbox, radio button, slider, ALL ICON, */
	--green: #52ae30;

	/* default green button hover state background, cta secondary hover state */
	--dark-green: #390;

	/* table header darker green cell */
	--darker-green: #2a7f00;

	--darkest-green: #260;

	--light-green: #5ec738;

	--light-gren-green: #dcefd6;

	/* time reservation application branch list hover */
	--lighter-green: #e1f0d9;

	/* default orange button color background, date picker selected */
	--orange: #f60;

	/* default orange button color hover state background */
	--dark-orange: #da5100;

	--light-orange: #ff8533;

	/* link hover state, info tooltipp */
	--blue: #3999cc;

	/* progress indicator, design select, date picker hover */
	/* --yellow: #f8cd20; */
	--yellow: #fc0;

	/* error tooltipp, error input border */
	--error: #f7465d;
	--red: #f00;

	--light-blue: #e9f8ff;

	--dark-blue: #6fb4d8;

	/*content placeholder default value definitions*/
	/*frame*/
	--sectionbar__background-color: var(--text);
	--sectionbar__height: 34px;
	--searchbar__background-color: var(--white);
	--searchbar__height: 100px;
	--menubar__background-color: var(--gray);
	--menubar__height: 50px;
	/*/frame*/

	--mhap__margin: 40px;
	--mhap__border: 1px solid var(--gray-border);
	--mhap__border-radius: 4px;

	--widget__border-radius: 4px;
	--widget__padding: 30px;
	--widget__box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	--widget__height: 145px;
}

/* MEDIA */
@custom-media --mobile (min-width: 480px);
@custom-media --mobile-xs-only (max-width: 480px);
@custom-media --mobile-only (max-width: 767px);
@custom-media --tablet (min-width: 768px);
@custom-media --tablet-only (min-width: 768px) and (max-width: 959px);
@custom-media --desktop (min-width: 960px);
@custom-media --desktop-only (min-width: 960px) and (max-width: 1279px);
@custom-media --tablet-xl (min-width: 1024px);
@custom-media --desktop-xl (min-width: 1280px);
@custom-media --mobile-and-desktop (min-width: 768px) and (max-width: 1279px);

.el-input {
& .el-input__inner {
		font-size: 16px;
		line-height: 1.5;
		margin: 0;
		border: 0;
		padding: 10px 32px 10px 15px;
		width: 100%;
		height: 42px;
		border-radius: 3px;
		background-color: var(--white);
		cursor: pointer;

		/* stylelint-disable */
&::-webkit-input-placeholder {
			font-style: italic;
}
&::-moz-placeholder {
			font-style: italic;
}
&:-ms-input-placeholder {
			font-style: italic;
}
&:-moz-placeholder {
			font-style: italic;
}
		/* stylelint-enable */
}
.el-input__inner--autosuggest {
		border: 1px solid #ccc;
&:focus {
			border-color: var(--green);
}
}
& .el-icon-caret-top {
		position: absolute;
		top: 15px;
		right: 18px;
		width: 9px;
		height: 9px;
		border: 1px solid transparent;
		border-left: 1px solid #9e9e9e;
		border-bottom: 1px solid #9e9e9e;
		transform: rotate(-45deg);
		transition: border-color linear 0.1s, margin-top linear 0.3s;
&.is-reverse {
			margin-top: 5px;
			border: 1px solid transparent;
			border-top: 1px solid #9e9e9e;
			border-right: 1px solid #9e9e9e;
			transition: border-color linear 0.1s, margin-top linear 0.3s;
}
}
}

.el-select {
& .el-input {
		color: var(--text);
		height: 44px;
		padding: 0;
		position: relative;
}
}
.el-select-dropdown__empty {
	height: 44px;
	padding: 0 15px;
}
.el-select-dropdown__empty p {
	margin: 0;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.el-select-dropdown {
	background-color: var(--white);
	overflow-y: auto;
	overflow-x: hidden;
	border: var(--gray-border) solid 1px;
	border-radius: 4px;
.el-scrollbar {
		max-height: 250px;
@media (--mobile-only) {
			max-height: 130px;
}
.el-select-dropdown__wrap {
			margin-bottom: 0 !important;
			margin-right: 0 !important;
ul.el-select-dropdown__list {
				padding-left: 0;
				margin-bottom: 0;
li.el-select-dropdown__item {
					font-size: 16px;
					line-height: 1.5;
					margin-bottom: 0;
&.selected,
					&.hover {
						background-color: var(--yellow);
						cursor: pointer;
@media screen and (-ms-high-contrast: active) {
							background-color: var(--yellow);
							border: 1px solid #fc0;
							color: #000;
}
}
> span {
						padding: 10px 15px;
						display: block;
}
&.selected > span,
					&.hover > span {
@media screen and (-ms-high-contrast: active) {
							background-color: var(--yellow);
							color: #fff;
}
}
}
}
}
}
}
@media screen and (-ms-high-contrast: active) {
.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap ul.el-select-dropdown__list li.el-select-dropdown__item.hover,
	.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap ul.el-select-dropdown__list li.el-select-dropdown__item.selected {
		background-color: var(--yellow);
> span {
			color: #333;
}
}
}

@media(max-width: 767px){.app-exchange-rate-card[data-v-5a8ff909]{margin-left:-16px;margin-right:-16px}}.app-exchange-rate-card form[data-v-5a8ff909]{margin-bottom:0}.exchange-rate-card-form[data-v-5a8ff909]{background-color:#eceff6;border-radius:24px;margin-bottom:32px;padding:32px 16px}@media(min-width: 768px){.exchange-rate-card-form[data-v-5a8ff909]{padding:32px}}.exchange-rate-card-form .tab-panels .form-group[data-v-5a8ff909]{vertical-align:top}@media(min-width: 768px){.exchange-rate-card-form .tab-panels .form-group[data-v-5a8ff909]{display:inline-block}.exchange-rate-card-form .tab-panels .form-group[data-v-5a8ff909]:first-of-type{margin-right:32px}}@media(max-width: 767px){.exchange-rate-card-form .tab-panels .form-group[data-v-5a8ff909]:first-of-type{margin-bottom:32px}}.exchange-rate-card-form .form-group--select[data-v-5a8ff909]{width:200px}@media(min-width: 996px){.exchange-rate-card-form .form-group--select[data-v-5a8ff909]{width:256px}}
.exchange-rate-card-results[data-v-095c44c6]{position:relative}.exchange-rate-card__table-wrapper[data-v-095c44c6]{margin-bottom:24px;position:relative}@media(min-width: 768px){.exchange-rate-card__table-wrapper[data-v-095c44c6]{margin-bottom:48px}}@media(min-width: 996px){.exchange-rate-card__table-wrapper[data-v-095c44c6]{margin-bottom:32px}}.exchange-rate-card__table[data-v-095c44c6]{border-top:none;table-layout:fixed;width:100%}@media(min-width: 768px){.exchange-rate-card__table[data-v-095c44c6]{table-layout:fixed;text-align:center;width:100%}}@media(max-width: 767px){.exchange-rate-card__table[data-v-095c44c6]{padding-top:96px}}.exchange-rate-card__table td[data-v-095c44c6],.exchange-rate-card__table th[data-v-095c44c6]{font-size:14px}.exchange-rate-card__table thead th[data-v-095c44c6]{text-align:center}@media(max-width: 767px){.exchange-rate-card__table thead tr[data-v-095c44c6]{display:none}}.exchange-rate-card__table tbody th[data-v-095c44c6]{border-bottom-left-radius:24px;border-top-left-radius:24px;padding:16px 8px 16px 16px;text-align:center}@media(max-width: 767px){.exchange-rate-card__table tbody th[data-v-095c44c6]{text-align:left}}.exchange-rate-card__table tbody th span[data-v-095c44c6]{font-weight:normal}@media(max-width: 767px){.exchange-rate-card__table tbody td[data-v-095c44c6]{border-bottom-right-radius:24px;border-left:none;border-top-right-radius:24px;display:none;padding-right:16px;text-align:right}.exchange-rate-card__table tbody td.visible[data-v-095c44c6]{display:table-cell}}@media(max-width: 767px){.exchange-rate-card__fake-header[data-v-095c44c6]{align-items:center;background-color:#e3e8f1;border-radius:32px;display:flex;height:64px;justify-content:space-between;left:0;margin:0 16px;padding:8px;position:absolute;right:0;top:16px;transition:box-shadow ease 250ms;z-index:1}}.exchange-rate-card__fake-header.sticky-top[data-v-095c44c6]{box-shadow:0 9px 5px 0 rgba(197,197,197,.5);left:20px;position:fixed;right:20px;transition:box-shadow ease 250ms;z-index:11}.exchange-rate-card__fake-header.sticky-bottom[data-v-095c44c6]{bottom:0;box-shadow:none;left:0;position:absolute;right:0;top:auto}.exchange-rate-card__fake-header.mnb[data-v-095c44c6]{justify-content:center}.exchange-rate-card__fake-header h3[data-v-095c44c6]{display:block;font-size:16px;line-height:1.25;margin:0 40px;padding:10px 0;text-align:center}.exchange-rate-card__fake-header .sf-btn[data-v-095c44c6]{flex-shrink:0}
.modal {
	display: block !important;
.modal-dialog {
		margin: 40px auto;
		max-width: 620px;
		width: auto;
&.narrow {
			max-width: 460px;
@media (--mobile-only) {
				max-width: 100%;
}
}
&.wide {
			max-width: 940px;
			width: 100%;
@media (--tablet) {
				margin-bottom: 40px;
}
.modal-content {
.modal-body {
					padding: 0 50px;
@media (--mobile-only) {
						padding: 0;
}
}
}
}
@media (--mobile-only) {
			width: 100%;
}
.modal-content {
			border: none;
			border-radius: 4px;
			box-shadow: none;
			padding: 30px 30px 40px;
@media (--mobile-only) {
				border-radius: 0;
				padding: 20px;
}
@media screen and (-ms-high-contrast: active) {
				border: var(--white) solid 1px;
}
.modal-header {
				border: 0;
				margin: -5px 0 5px;
				padding: 0;
				text-align: center;
h4 {
					font-size: 20px;
}
p {
					font-size: 14px;
}
.btn-close {
					border-bottom: none;
					color: var(--text);
					padding: 0;
					position: absolute;
					right: 20px;
					top: 20px;
					z-index: 1;
}
}
.modal-body {
				border: 0;
				padding: 0;
> h1,
				> h3 {
					color: var(--text);
					font-family: 'Source Sans Pro', sans-serif;
					font-size: 30px;
					font-weight: 600;
					line-height: 1.13;
					margin-bottom: 30px;
@media (--mobile-only) {
						color: var(--lighter-text);
						font-family: 'Source Sans Pro', sans-serif;
						font-size: 22px;
						font-weight: 400;
						padding-right: 24px;
}
}
> p {
					font-size: 16px;
					line-height: 1.625;
					margin-bottom: 25px;
}
> p:last-child,
				> li:last-child,
				> a:last-child {
					margin-bottom: 0;
					padding-bottom: 0;
&.btn {
						padding-bottom: 11px;
}
}
.error-details-modal {
h2 {
						font-family: 'Source Sans Pro', sans-serif;

						font-size: 30px;
						font-weight: 600;
						line-height: 1.13;
						margin-bottom: 25px;
@media (--mobile-only) {
							font-family: 'Source Sans Pro', sans-serif;
							font-size: 20px;
}
}
p {
						font-size: 16px;
						line-height: 1.625;
						margin-bottom: 25px;
@media (--mobile-only) {
							line-height: 1.25;
							margin-bottom: 15px;
}
> strong {
							font-family: 'Source Sans Pro', sans-serif;

							font-size: 18px;
							font-weight: 600;
							font-weight: normal;
}
}
ul {
						margin-bottom: 10px;
}
}
}
}
}
}
@media (--mobile-only) {
.modal {
&.fixed-btn {
.modal-header {
				border-bottom: 0;
				position: fixed;
				right: 0;
				z-index: 1;
.btn-close {
					background-color: var(--text);
					border-radius: 50%;
					box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
					height: 40px;
					width: 40px;
					z-index: 10;
&::before,
					&::after {
						border: 1px solid var(--white);
						left: 9px;
						top: 18px;
}
}
}
}
.modal-dialog {
			margin-bottom: 0;
			margin-top: 0;
}
}
}

.app-exchange-rate-card[data-v-321d4ca6]{margin:0 -16px 48px -16px}@media(min-width: 768px){.app-exchange-rate-card[data-v-321d4ca6]{margin:0 0 64px 0}}

/*# sourceMappingURL=exchange-rate-card.d33933a3c7ddec6147e3.bundle.css.map*/