/*<meta conditions="" />*/

@import url('Global_Styles.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--Brand1: #147bd1;
	--Brand2: #0f476b;
	--Black: #424242;
	--Dark: #45494c;
	--Medium: #b9bec1;
	--Light: #dceaf6;
	--White: #ffffff;
}

body
{
	font-size: 1rem;
	color: #424242;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0px;
	margin-top: px;
}

.body-container
{
	padding-left: 2%;
	padding-top: 2%;
}

p,
p.intro,
td
{
	margin-top: 0px;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	font-size: 1.0rem;
	line-height: 17pt;
	text-align: left;
	color: #424242;
	margin: 0px 0px;
	padding-top: 0px;
}

p.PaymentMethod
{
	font-weight: 600;
	font-size: 1.17rem;
	color: #0F476B;
	margin: 0rem;
}

td
{
	vertical-align: top;
}

/* no display in TOC for search page */

ul.navigation li.NoDisplay
{
	display: none;
}

ul.menu li.NoDisplay
{
	display: none;
}

/* This brings the SVG Flywire Documentation logo in the skin, since we can't select SVG images in the skin editor*/

.title-bar a.logo
{
	background-color: transparent;
	background-image: url('../Images/flywire-documentation-logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 200px;
}

/*== Home-tiles section ==*/

div.home-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	background-color: #E4F2FF;
	margin-bottom: 3%;
	overflow: hidden;
	padding: 2%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 250px;
}

div.home-tiles > div:nth-child(1)
{
	width: 33%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 33%;
	margin-left: 4%;
}

div.home-tiles > div:nth-child(3)
{
	width: 20%;
	margin-left: 4%;
	background-color: #d6f8ec;
}

/*== Elements for text contained within each home-tile ==*/

p.tile-title
{
	color: #5A687B;
	margin-top: 0px;
	font-size: 1.3em;
	font-weight: 700;
	margin-left: 10px;
}

p.tile-content
{
	color: #5A687B;
	font-size: 14px;
	line-height: 20px;
	text-alignment: left;
	margin-left: 10px;
	margin-top: 5px;
}

p.tile-button
{
	margin-top: 8px;
	float: right;
	margin-right: 8px;
}

div.home-tiles a	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: #1274C4;
}

div.home-tiles > div:hover
{
	box-shadow: 0 12px 18px rgba(0,0,0,0.16), 0 12px 18px rgba(0,0,0,0.23);
	transform: scale(1.05);
}

div.home-tiles dt	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: #1274C4;
	font-size: 14px;
	line-height: 20px;
	text-alignment: left;
	margin-left: 10px;
	margin-top: 5px;
}

img.TileIcon
{
	border: none;
	max-width: 100%;
	height: 40px;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
}

img.TileIconGo
{
	border: none;
	max-width: 100%;
	height: 25px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: right;
	vertical-align: bottom;
}

/* Backmatter */

div.GlossaryPageDefinition
{
	font-size: 10pt;
}

div.GlossaryPageHeading
{
	font-size: 1.75em;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

MadCap|indexProxy
{
	border-top: none;
}

p.Index1
{
	font-size: .8em;
	font-weight: 400;
}

p.Index2
{
	font-size: .8em;
	font-weight: 400;
}

p.IndexHeading
{
	font-size: 1.75;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

/* Content */

img
{
	max-width: 100%;
	visibility: visible;
	mso-wrap-style: square;
}

img.bordered
{
	max-width: 100%;
	visibility: visible;
	mso-wrap-style: square;
	border-left-style: solid;
	border-left-width: 1pt;
	border-left-color: #e9f3fa;
	border-right-style: solid;
	border-right-width: 1pt;
	border-right-color: #e9f3fa;
	border-top-style: solid;
	border-top-width: 1pt;
	border-top-color: #e9f3fa;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: #e9f3fa;
}

p.Separator
{
	margin-bottom: 8px;
	font-weight: 700;
	margin-top: 40px;
}

MadCap|tocProxy
{
	border-top: none;
	margin-right: 0.25in;
	border-top-color: #424242;
}

a:link
{
	color: #147bd2;
	text-decoration: underline;
}

a:visited
{
	color: #147bd2;
	text-decoration: none;
}

a:focus
{
	color: #147bd2;
	text-decoration: none;
	outline: solid 1px #424242;
}

a:hover
{
	color: #147bd2;
	text-decoration: none;
}

a:active
{
	text-decoration: underline;
	color: #147bd2;
	outline: none 0px #000000;
}

/* Headings */

h1
{
	font-weight: 600;
	font-size: 1.67rem;
	color: #424242;
	padding-top: 0pt;
	line-height: 1.7rem;
}

h2
{
	font-weight: 600;
	font-size: 1.34em;
	color: #424242;
	line-height: 1.4em;
	margin: 2.5rem 0rem 0.5rem;
	mc-heading-level: 2;
}

h2.overview
{
	font-weight: 600;
	font-size: 1.34em;
	color: #424242;
	line-height: 1.4em;
	margin: 2.5rem 0rem 0.5rem;
	mc-heading-level: 2;
	background: #f5fafd;
	padding: 10px;
}

h3
{
	font-weight: 600;
	font-size: 1.25rem;
	color: #424242;
	padding-bottom: 4.0pt;
	padding-top: 4.0pt;
	mc-heading-level: 3;
	line-height: 1.2rem;
	margin: 1rem 0px 0.2rem;
}

h3.PaymentMethodTOC
{
	font-size: 0.5rem;
	margin: 0rem;
	mc-heading-level: 3;
	/*	color: transparent;
	opacity: 0;	*/
	visibility: hidden;
}

h4
{
	font-size: 1.17rem;
	color: #424242;
	margin: 1rem 0px 0.5rem;
	font-weight: 500;
	mc-heading-level: 4;
}

h5
{
	font-weight: 700;
	font-size: 0.8em;
}

h6
{
	font-weight: 700;
	font-size: 8.0pt;
}

/* Links */

a
{
	color: #147bd2;
	font-weight: 400;
}

MadCap|dropDown
{
	margin: 0px 0px 0em;
	padding: 0px 0;
	background-color: #f9f9f9;
	mc-image-spacing: 1px;
	margin-bottom: .5em;
	mc-closed-image: url('../Images/plus.png');
	mc-open-image: url('../Images/minus.png');
}

MadCap|dropDownHead
{
	padding-top: 0em;
	padding: 0rem 1rem 1rem;
}

MadCap|dropDownBody
{
	padding: 0px 0em;
	margin-bottom: .5em;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	font-size: 1.0rem;
	color: #424242;
	margin: 0px 0px .5em;
	font-weight: 700;
	outline: none 0px #000000;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Second drop down style without background color*/

MadCap|dropDown.WhatIs
{
	background-color: transparent;
	margin-bottom: 0px;
	margin: 0px 0px 0em;
	padding: 0px 0;
	mc-image-spacing: 1px;
	margin-bottom: .5em;
	mc-open-image: url('../Images/Arrow down small.png');
	mc-closed-image: url('../Images/Arrow right small.png');
}

MadCap|xref
{
	font-weight: 400;
	text-decoration: underline;
	color: var(--Brand1);
	mc-format: '{quote}{para}{quote}';
}

/* Lists */

dl
{
	letter-spacing: 0px;
	line-height: 18pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
}

dd,
dd p,
dt,
dt p,
li,
ul li p,
ol li p
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.0em;
	line-height: 20pt;
}

ol
{
	list-style-type: decimal;
	list-style-position: outside;
	font-weight: 400;
	line-height: 20pt;
}

ul	/*first level bulleted list*/
{
	list-style-type: square;
	list-style-position: outside;
	line-height: 20pt;
	letter-spacing: 0px;
	margin-bottom: 12px;
	margin-top: 0px;
	margin: 0px 0 12px 0px;
}

ul.closeList	/*list style that doesn't have space between the bullets and the p tag*/
{
	list-style-type: square;
	list-style-position: outside;
	line-height: 20pt;
	letter-spacing: 0px;
	margin-bottom: 12px;
	margin-top: 0px;
	margin: 0px 0 12px 0px;
}

ul.closeFollow	/*Bulleted list without the large line height*/
{
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

ol.lalpha	/*Second level lower alpha*/
{
	list-style-type: lower-alpha;
	list-style-position: outside;
	font-size: 1.0rem;
	line-height: 20pt;
	padding-left: 1.5em;
}

ul.Second-level	/*Second level unordered list*/
{
	list-style-type: square;
	list-style-position: outside;
	font-size: 1.0rem;
	line-height: 20pt;
	padding-left: 1.5em;
}

ul.third-level	/*third level bulleted unordered list*/
{
	list-style-type: square;
	list-style-position: outside;
	padding-left: 3rem;
}

ol.third-level	/*third level roman unordered list*/
{
	list-style-type: lower-roman;
	list-style-position: outside;
	padding-left: 3rem;
}

/* Page layout */

p.frame-footer-page-number
{
	color: var(--Medium);
	font-size: 0.92rem;
	font-weight: 700;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--Medium);
	font-size: 0.92rem;
	font-weight: 700;
	text-transform: uppercase;
}

/* Master page */

div.home-footer
{
	padding: 2% 5%;
	background-color: #0f476b;
	font: inherit;
	color: #ffffff;
}

hr
{
	border: solid 1px #424242;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
}

MadCap|topicToolbarProxy
{
	background-color: #ffffff;
}

b
{
	font-weight: bolder;
}

.popupBody	/* this is for the output only and not preview*/
{
	background-color: #000000;
	color: #ffffff;
	padding: 3px 2px 2px 5px;
	font-size: 10pt;
}

.popupHead:link,
.popupHead:visited	/* this is for the output only and not preview*/
{
	color: #328560;
	text-decoration: none;
}

MadCap|helpControlMenu
{
	color: #ffffff;
	background-color: #000000;
}

MadCap|helpControlMenuItem
{
	font-family: 'Rubik';
}

MadCap|snippetText
{
	color: #223341;
}

MadCap|keywordLink
{
	color: #47ba85;
}

MadCap|popupHead	/*this is for preview only and not the output*/
{
	color: #328560;
}

MadCap|bodyProxy
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

MadCap|slideshowCaption
{
	font-family: 'Rubik';
}

MadCap|slideshowBullet.active
{
	background-color: #147bd1;
}

MadCap|slideshowBullet:hover
{
	background-color: #147bd1;
}

p.slide	/*slideshow text*/
{
	letter-spacing: 0.25px;
	color: #424242;
	text-align: center;
	font-size: .8em;
	margin: 0px 0px;
	line-height: 14pt;
	padding: 0px;
	background-color: #f5f5f5;
	background: #ffffff;
	border-bottom: solid 2px #424242;
}

.section	/*background color for entire slide and toggler section*/
{
	background-color: #f9f9f9;
}

p.boldheading	/*slideshow title*/
{
	letter-spacing: 0.25px;
	color: #424242;
	text-align: center;
	margin: 0px 0px;
	padding: 0px;
	font-size: .9em;
	font-weight: bolder;
}

MadCap|slideshowBullet
{
	margin-top: 0;
}

MadCap|slideshow
{
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #ffffff;
}

MadCap|conditionalText
{
	font-style: italic;
}

MadCap|toggler:focus
{
	outline: none 0px #000000;
}

MadCap|toggler:hover
{
	outline: none 0px #000000;
}

/*Styles for creating the sticky right side menu for SFS */

div.right-side-menu
{
	mc-grid-row: true;
	margin-left: 1rem;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 3%;
}

div.right-side-menu-topic-body
{
	width: 81%;
	order: 1;
	flex: 1 1 auto;
}

div.right-side-menu-panel
{
	position: sticky;
	top: 2rem;
	width: 16%;
	order: 2;
	flex: 1 1 auto;
	align-self: flex-start;
	padding: 0px;
}

/*End styles for right side menu with sticky panel */

@media print
{
	
}

p.IndexHeading
{
	font-size: 1.75em;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
	border-bottom-color: var(--Medium);
}

/*used for full images that are centered and bordered*/

img
{
	height: auto;
	visibility: visible;
	mso-wrap-style: square;
	margin-right: 1em;
	margin-left: 5px;
	margin-bottom: 0.5em;
	margin-top: 0.3em;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*used for inline images only such as buttons */

img.no-border
{
	visibility: visible;
	mso-wrap-style: square;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0;
	border-left-style: none;
	border-right-width: 0;
	border-top-width: 0;
	border-top-style: none;
	border-right-style: none;
	padding: 0px;
	margin: 0px;
}

MadCap|xref
{
	text-decoration: none;
	color: #147bd2;
	font-weight: 400;
	mc-format: '{color #147bd1}{para}{/color}';
}

p.frame-footer-page-number
{
	color: #424242;
	font-size: 0.75em;
	font-weight: 700;
	text-align: center;
	line-height: 11pt;
	margin-top: 9pt;
}

p.frame-footer-text
{
	color: #424242;
	font-size: 0.75rem;
	font-weight: 400;
	text-align: left;
	line-height: 11pt;
	margin-bottom: 0px;
}

@media print
{
	
}

p.footer	/*footer*/
{
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	background-color: #ffffff;
	font-size: 0.83rem;
	line-height: 12pt;
	color: #5A687B;
	padding: 0em 0em 0px;
	margin: 1.5em 0em 0.5em;
	margin-top: 2rem;
}

li.sectionborder	/*to add a line after each section*/
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.0em;
	line-height: 20pt;
	padding: 0px 0px 2px;
	border-bottom: solid 2px #f2f9ff;
}

p.microcontent_path
{
	margin-top: 0px;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	margin-bottom: 1rem;
	font-size: 0.9rem;
}

@media laptop
{
	
}

table.corridor
{
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-left: 0;
	margin-right: auto;
	width: 100%;
	border-color: #e0e0e3;
	padding-left: 10px;
}

a.buttonlink
{
	background-color: #1c72b9;
	/*accent blue*/
	border: none;
	border-radius: 4px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
}

a.buttonlink:hover
{
	background-color: #0f476b;
}

/*Styles from Andreas according to Salva's standards*/

p.HeadingCorridor
{
	margin-top: 0px;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	font-size: 1.0em;
	line-height: 20pt;
	text-align: left;
	color: #424242;
	font-size: 1rem;
	font-weight: 700;
}

p.CurrencyInTable
{
	margin-top: 0px;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	line-height: 20pt;
	text-align: left;
	color: #424242;
	font-weight: 700 !important;
	font-size: 1.2em !important;
}

MadCap|xref.StepNumber
{
	mc-format: '{paranumonly}';
}

img.UserIcon
{
	width: 40px;
	border-left-style: none;
	border-left-width: 0pt;
	border-right-style: none;
	border-right-width: 0pt;
	border-top-style: none;
	border-top-width: 0pt;
	border-bottom-style: none;
	border-bottom-width: 0pt;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

p.result
{
	margin-top: 0px;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
	font-size: 1.0rem;
	line-height: 20pt;
	text-align: left;
	color: #424242;
	font-weight: 400;
	font-style: italic;
}

MadCap|xref.topic-plus-heading
{
	mc-format: '{h1} - {para}';
}

img.IconInParagraph
{
	visibility: visible;
	mso-wrap-style: square;
	width: auto;
	margin-top: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-style: none;
	border-left-width: 0px;
	border-left-color: #dceaf6;
	border-right-style: none;
	border-right-width: 0px;
	border-right-color: #dceaf6;
	border-top-style: none;
	border-top-width: 0px;
	border-top-color: #dceaf6;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-bottom-color: #dceaf6;
	margin-bottom: -3px;
	margin-left: 4px;
	margin-right: 4px;
	height: 17px;
}

table.TableStyle-TestGradient
{
	width: 100%;
	mc-table-style: url('../TableStyles/Table-Style-UX.css');
}

img.ThumbnailOpenOnClick
{
	visibility: visible;
	mso-wrap-style: square;
	mc-thumbnail: popup;
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	mc-thumbnail-max-width: 250px;
	mc-thumbnail-max-height: auto;
}

img.IconForContact
{
	border-left-style: none;
	border-left-width: 0pt;
	border-right-style: none;
	border-right-width: 0pt;
	border-top-style: none;
	border-top-width: 0pt;
	border-bottom-style: none;
	border-bottom-width: 0pt;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	max-width: auto;
	width: auto;
	height: 30px;
}

p.topicTag
{
	font-size: 0.88rem;
}

a.TopicTag
{
	color: #424242;
	text-decoration: none;
}

img.OnThePageThumbnail
{
	visibility: visible;
	mso-wrap-style: square;
	mc-thumbnail: popup;
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	mc-thumbnail-max-width: 500px;
	mc-thumbnail-max-height: auto;
	border-left-style: solid;
	border-left-width: 1pt;
	border-left-color: #e9f3fa;
	border-right-style: solid;
	border-right-width: 1pt;
	border-right-color: #e9f3fa;
	border-top-style: solid;
	border-top-width: 1pt;
	border-top-color: #e9f3fa;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: #e9f3fa;
}

/* p:has(+ul)
{
	margin-top: 16px;
}
*/

p.ListBefore
{
	margin-top: 16px;
}

/* Test styles for a new type of page layout - added 8/13 by Andrea */

.container
{
	display: flex;
	max-width: 100%;
	margin: 0;
	/*       padding: 20px;	*/
	gap: 20px;
}

/* Main text body */

.main-content
{
	flex: 3;
	/*     background: #fff;
        padding: 20px;	*/
	border-radius: 5px;
}

/* Right column sidebar */

.sidebar
{
	flex: 1;
	position: relative;
}

.sidebar-content
{
	position: sticky;
	padding: 0px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	gap: 2px;
	/*This gap is required for the sidebar-content to remain sticky */
}