/*<meta />*/

/*===========================================================================================================================================================

Hello! If this is your first time looking at a stylesheet within the text editor view, what you are reading right now is a "comment". Comments are added throughout this stylesheet with the purpose of making the source code easier to understand, comments will not be interpreted during the compile process. Since comments are not interpreted during the compile process, feel free to add or remove any comments.

For help with MadCap Flare go to Help Ribbon > Topics Section > Open Help. Alternatively visit the Flare Online Help at help.madcapsoftware.com

If you have any questions regarding how to work with this stylesheet or template project, please contact MadCap Technical Support. 
https://www.madcapsoftware.com/support/contact-options.aspx

===========================================================================================================================================================*/

/*==Topic General Styles==*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--fontSansSerif: 'OneStream Sans', Arial, sans-serif;
	--fontMono: 'OneStream Fono', 'Andale Mono', Consola, monospace;
}

@font-face 
{
	font-family: 'OneStream Sans';
	src: url(../Fonts/OneStreamSans-Regular.otf), local(OneStreamSans-Regular);
}

@font-face 
{
	font-family: 'OneStream Sans';
	src: url(../Fonts/OneStreamSans-Bold.otf), local(OneStreamSans-Bold);
	font-weight: bold;
}

@font-face 
{
	font-family: 'OneStream Sans';
	src: url(../Fonts/OneStreamSans-RegularItalic.otf), local(OneStreamSans-RegularItalic);
	font-style: italic;
}

@font-face 
{
	font-family: 'OneStream Fono';
	src: url(../Fonts/OneStreamFono-Regular.otf), local(OneStreamFono-Regular);
}

@font-face 
{
	font-family: 'OneStream Fono';
	src: url(../Fonts/OneStreamFono-Bold.otf), local(OneStreamFono-Bold);
	font-weight: bold;
}

@font-face 
{
	font-family: 'OneStream Fono';
	src: url(../Fonts/OneStreamFono-Regular.otf), local(OneStreamFono-Regular);
	font-style: italic;
}

body
{
	color: #404040;
	/* charcoal color */
	font-family: 'OneStream Sans', Arial, sans-serif;
	line-height: 1.7em;
	background-color: white;
	mc-hyphenate: never;
}

/*======================================================================================*/
/* Flexbox for page layout                                                             */
/*======================================================================================*/

.topic-layout
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	position: relative;
	z-index: 0;
}

.navigationmenu,
.body,
.resources
{
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	align-self: auto;
	margin: 2rem 1rem 1rem;
}

div.sticky
{
	position: sticky;
	position: -webkit-sticky;
}

.navigationmenu,
.resources
{
	flex-basis: 300px;
}

.body
{
	flex-basis: 1050px;
}

.body
{
	padding: 25px;
	min-height: 80vh;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
	border: 1px solid #979797;
	border-radius: 5px;
	opacity: 1;
	background-color: white;
	z-index: 100;
	/*margin-top: 35px;  Replaced with margin on the resources, body, navigation menu */
}

.search
{
	/*margin-right: 0; replaced with skin update*/
	/*width: 350px; replaced with skin update*/
}

a
{
	color: #373737;
	text-decoration: underline;
}

a:hover
{
	color: #F67D02;
}

h1
{
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 10px;
	color: #373737;
	page-break-after: avoid;
}

h1.landing
{
	font-size: 6.0em;
	/*font-weight: bold;*/
	font-family: 'OneStream Sans', Arial, sans-serif;
	color: #373737;
	line-height: 1.25em;
}

h2
{
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 20px;
	color: #4b4b4b;
	page-break-after: avoid;
}

.h2-rn
{
	display: inline-block;
	width: 80%;
	background: #373737;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 0 30px 30px 0;
}

.h2-rn-sol
{
	display: inline-block;
	width: 100%;
	background: #373737;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 0 30px 30px 0;
}

h3
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 16px;
	color: #5e5e5e;
	page-break-after: avoid;
}

h4
{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 12px;
	color: #727272;
	page-break-after: avoid;
}

h5
{
	font-weight: bold;
	font-family: 'OneStream Sans', Arial, sans-serif;
	margin-bottom: 4px;
	margin-top: 8px;
	font-size: 14pt;
	mc-heading-level: 5;
	page-break-after: avoid;
}

h6
{
	font-weight: bold;
	font-family: 'OneStream Sans', Arial, sans-serif;
	margin-bottom: 4px;
	margin-top: 8px;
	font-size: 11pt;
	/* font-size: 8.0pt; */
	mc-heading-level: 6;
	page-break-after: avoid;
}

h7
{
	display: block;
	font-family: 'OneStream Sans', Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;
	mc-heading-level: 7;
	font-weight: bold;
	font-size: 9pt;
	mc-auto-number-offset: 0;
	mc-auto-number-position: inside-head;
	mc-dita-type: p;
	mc-hidden: hidden;
	page-break-after: avoid;
}

h8
{
	display: block;
	font-family: 'OneStream Sans', Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;
	mc-heading-level: 8;
	font-weight: bold;
	font-size: 9pt;
	mc-auto-number-offset: 0;
	mc-auto-number-position: inside-head;
	mc-dita-type: p;
	mc-hidden: hidden;
	page-break-after: avoid;
}

h9
{
	display: block;
	font-family: 'OneStream Sans', Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;
	mc-heading-level: 9;
	font-weight: bold;
	font-size: 9pt;
	mc-auto-number-offset: 0;
	mc-auto-number-position: inside-head;
	mc-dita-type: p;
	mc-hidden: hidden;
	page-break-after: avoid;
}

.search-bar.search-bar-container._Skins_SearchOther.mc-component .search-submit
{
	/*width: 48px; replaced with skin update*/
	/*margin-top: -3px; replaced with skin update*/
	/*background: transparent url(Images/SearchIcon.png) no-repeat center 7px;*/
	/*-pie-background: transparent url(Skins/Default/Stylesheets/Components/Images/SearchIcon.png) no-repeat center center;*/
}

.search-bar._Skins_SearchOther.mc-component .search-field
{
	height: 2.5em;
	border: 1px solid #373737;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #5F5F5F;
	font-size: 1em;
	padding-left: 20px;
	background-color: #e8e9ea;
}

.search-bar._Skins_SearchOther.mc-component
{
	/*display: block; replaced with skin update*/
	/*width: 100%; replaced with skin update*/
	/*height: 2.5em; replaced with skin update*/
	/* margin-top: 10px; */
}

.search-bar._Skins_SearchOther.mc-component .search-filter
{
	background-color: #e8e9ea;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

/* ul.navigation
{
	height: 100%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	background-repeat: repeat;
	background-position: center center;
	text-align: center;
	text-indent: 0px;
	white-space: normal;
	color: #7E8890;
	font-family: var(--fontSansSerif);
	font-size: 14px;
	font-weight: normal;
} */

/* ul.navigation li > a
{
	display: block;
	line-height: 25px;
	color: white;
	font-family: var(--fontSansSerif);
	font-size: 16px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 10px;
} */

/* ul.navigation li > a
{
	display: block;
	line-height: 25px;
	color: white;
	font-family: var(--fontSansSerif);
	font-size: 16px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
} */

ul.navigation li > a:hover
{
	/* color: #373737; */
	transition: .5s;
	background: transparent;
}

/* This makes the background on the navigation objects transparent when hovering */

/* ul.navigation li:hover
{
	background: transparent;
} */

ul.navigation li.is-expanded > a
{
	/* color: #D4D4D4; */
	/* was #373737 */
}

/* ul.navigation ul ul > li > a
{
	margin-right: 0px;
	padding-right: 10px;
	color: #373737;
} */

/* ul.navigation ul > li > a
{
	padding: 0 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
	white-space: nowrap;
	color: #373737;
	border-radius: 5px;
} */

/* ul.navigation ul > li > a:hover
{
	color: whitesmoke;
	background: #373737;
	font-size: 16px;
} */

/* ul.navigation ul ul > li > a:hover
{
	font-size: 16px;
} */

/* this section manages the mini TOC */

/* ul.menu.mc-component
{
	overflow-y: auto;
	color: #373737;
	font-family: var(--fontSansSerif);
	font-size: .75em;
	font-weight: 700;
	font-style: normal;
	line-height: 1.5em;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 0; */

/*replaced 0px, the margin is handled by flexbox items */

/* margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 300px;
	min-height: auto;
	max-height: 80vh; */

/* background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */

/* background: #e8e9ea;
	border: 1px solid #373737;
	border-radius: 5px; */

/*position: absolute;  was absolute */
/*top: 130px; 		 was 130px */
/* right: 105em; 		 was 50px */
/* } */

nav.title-bar
{
	box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	/*position: fixed;*/
	/*top: 0;*/
	/* removed to fix the alignment issues inside the topic*/
	/* width: 98%; */
	/* changed from 98% to make it fit the full width */
	/* margin-left: 15px;
	margin-right: 15px; */
	/* makes the alignment of the left and right margin equal */
	/* margin-top: 10px; */
	/* border-radius: 5px; */
	/* height: 85px;  */
	/*z-index: 99;*/
	/* removed to fix the alignment issues inside the topic*/
	/*border-bottom: 1px solid #5564FF;*/
	/* background: url(../Images/black_banner.jpg) center center; */
	background-position-y: center;
	/* background: #00985B; */
	background-size: cover;
}

/* .title-bar-layout a.logo
{
	border: none;
	padding: 0;
	margin: 0;
	z-index: 1;
	display: block;
	width: 229px;
	height: 55px;
	background: transparent url(../Images/OneStream_Brandmark_White.png) no-repeat center center;
} */

.FieldName	/*class to add bold text to text fields for the UI */
{
	font-weight: bold;
	/*font-family: var(--fontSansSerif); pretty sure that this isn't needed*/
	padding-bottom: -10pt;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: 'OneStream Sans', Arial, sans-serif;
	/*width: 60%;*/
	/*display: inline;*/
	/* might need to remove this */
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
	padding-right: 5px;
	/* vertical-align: middle; */
}

img.thumbnail
{
	mc-thumbnail: popup;
}

a.MCBreadcrumbsLink
{
	text-decoration: none;
	color: #404040;
}

a.MCBreadcrumbsLink:visited
{
	color: #404040;
}

a.MCBreadcrumbsLink:hover
{
	color: #929292;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-style: normal;
	mc-breadcrumbs-count: 10;
	text-decoration: none;
	margin-top: 0px;
	mc-breadcrumbs-divider: ' / ';
	mc-breadcrumbs-prefix: 'You are here:  ';
	font-size: 0.9em;
}

MadCap|xref
{
	color: #929292;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: #F67D02;
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/Assets/Icons/Arrows/arrow-right-black.png');
	mc-open-image: url('../Images/Assets/Icons/Arrows/arrow-down-black.png');
}

MadCap|dropDownHotspot
{
	color: #f59405;
	font-weight: bold;
}

MadCap|codeSnippetBody
{
	font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component .proxy-title
{
	color: #373737;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component .micro-response
{
	color: #373737;
	background-color: #e8e9ea;
	display: grid;
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component .micro-content
{
	margin-bottom: 0;
}

.micro-content
{
	/* overflow-y: auto; */
	line-height: normal;
}

button.mc-dropdown-item
{
	border: none;
	background: transparent;
	text-align: left;
	font: inherit;
	font-size: 14px;
}

.cr-title
{
	padding-bottom: 20px;
	width: 450px;
	color: whitesmoke;
}

.cr-title:hover
{
	color: orange;
	padding-bottom: 20px;
}

p.Tip
{
	display: block;
	border-left: 10px solid #373737;
	padding-left: 20px;
	margin-right: 5%;
	margin-bottom: 10pt;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 5%;
	mc-auto-number-format: '{color royalblue}{b}TIP: {/b}{/color}';
	background-color: whitesmoke;
}

p.Note
{
	display: block;
	border-left: 10px solid #3D65C9;
	padding-left: 20px;
	margin-right: 5%;
	margin-bottom: 10pt;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 5%;
	mc-auto-number-format: '{color royalblue}{b}NOTE: {/b}{/color}';
	background-color: whitesmoke;
}

p.Important
{
	display: block;
	border-left: 10px solid #47A3A3;
	padding-left: 20px;
	margin-right: 5%;
	margin-bottom: 10pt;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 5%;
	mc-auto-number-format: '{color royalblue}{b}IMPORTANT: {/b}{/color}';
	background-color: whitesmoke;
}

p.Caution
{
	display: block;
	border-left: 10px solid #F2A73D;
	padding-left: 20px;
	margin-right: 5%;
	margin-bottom: 10pt;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 5%;
	mc-auto-number-format: '{color royalblue}{b}CAUTION: {/b}{/color}';
	background-color: whitesmoke;
}

p.example
{
	border-left: 10px solid steelblue;
	margin-left: 40px;
	padding-left: 10px;
	padding-right: 20%;
	border-radius: 10px;
	mc-auto-number-format: '{color royalblue}{b}Example: {/b}{/color}';
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Copyright Notice Button         */

.button
{
	font-size: .8em;
	padding: 8px;
	color: #fff;
	background: #373737;
	border: 2px solid #373737;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	margin-right: 0;
	margin-top: 8%;
	margin-left: 45%;
}

.button:hover
{
	background: #fff;
	color: #373737;
}

.overlay
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
}

.overlay:target
{
	visibility: visible;
	opacity: 1;
}

.popup
{
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	width: 50%;
	position: relative;
	transition: all 1s ease-in-out;
	z-index: 10000000;
	transform: translateY(60px);
}

.popup h2
{
	margin-top: 0;
	color: #373737;
	font-family: 'OneStream Sans', Arial, sans-serif;
}

.popup .close
{
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #373737;
}

.popup .close:hover
{
	color: #929292;
}

.popup .content
{
	max-height: 30%;
	overflow: auto;
}

/*==Master Page Topic Layout==*/

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

/* no longer used after implementation of top-layout class
div.content-container	Wraps the topic content on the masterpage and provides the white background behind topics.
{
	width: 50%;
	margin-bottom: 2%;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 25px;
	min-height: 80vh;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 1px solid #5564FF;
	border-radius: 5px;
}*/

/* no longer used
div.side-content
{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 40%;
}*/

/* Toolbar Previous Next */

.button-group-container-left
{
	/* width: 310px; */
	/* margin-left: -197px; */
	position: relative;
	top: -5px;
	/* was -5px */
	/* z-index: -10; */
}

/* .left-box
{
	display: flex;
	background-color: #373737;
	width: 120px;
	height: 31px;
	border-radius: 50px;
}

.right-box
{
	display: flex;
	background-color: #373737;
	width: 120px;
	height: 31px;
	margin-right: -68px;
	border-radius: 50px;
	position: relative;
	right: -55px;
} */

/* .right-box:hover
{
	transition: all 0.4s ease-in-out;
	transform: translate3d(30px, 0, 0);
} */

.prev-next-container
{
	display: flex;
	/* width: 180px; */
	height: 50px;
	position: relative;
	align-items: center;
	margin-left: 100px;
	margin-top: 30px;
	/* justify-content: space-between; */
}

._Skins_Previous_Button.mc-component .button.previous-topic-button .button-text
{
	display: block;
	padding-top: 8px;
	font-family: 'OneStream Sans', Arial, sans-serif;
}

._Skins_Next_Button.mc-component .button.next-topic-button .button-text
{
	display: block;
	padding-top: 8px;
	font-family: 'OneStream Sans', Arial, sans-serif;
}

._Skins_Previous_Button.mc-component .button.previous-topic-button .button-icon-wrapper
{
	width: 31px;
	height: 36px;
}

._Skins_Next_Button.mc-component .button.next-topic-button > div
{
	flex-direction: row-reverse;
	margin-left: 25px;
}

._Skins_Previous_Button.mc-component .button.previous-topic-button > div
{
	margin-left: 2px;
}

._Skins_Next_Button.mc-component .button.next-topic-button
{
	background-repeat: no-repeat;
	background-position: center center;
	background: #e8e9ea;
	/* background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: linear-gradient(#ffffff 0%, #ececec 100%);
    -pie-background: linear-gradient(#ffffff, #ececec); */
	border-radius: 3px;
	border: 1px solid #373737;
	position: relative;
	right: -155px;
	z-index: 100;
	width: 100px;
}

._Skins_Previous_Button.mc-component .button.previous-topic-button
{
	background-repeat: no-repeat;
	background-position: center center;
	background: #e8e9ea;
	/* background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
    background: linear-gradient(#ffffff 0%, #ececec 100%);
    -pie-background: linear-gradient(#ffffff, #ececec); */
	border-radius: 3px;
	border: 1px solid #373737;
	z-index: 100;
	width: 100px;
	position: relative;
	left: 61px;
}

.buttons._Skins_Previous_Button.mc-component
{
	display: block;
	z-index: 10;
	margin-left: -200px;
}

.buttons._Skins_Next_Button.mc-component
{
	display: block;
	margin-right: 100px;
	/* z-index: 10; */
}

/* End of Previous/Next buttons */
/*== Footer==*/

div.footer
{
	background-color: #8a9297;
	padding: 1% 15%;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #fff;
}

div.up3_Home1	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.up3_Home1::before
{
	content: ' ';
	display: table;
}

div.up3_Home1::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.up3_Home1 > div:nth-child(1)
{
	width: 60% !important;
	margin-left: 0%;
}

div.up3_Home1 > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
	position: relative;
}

div.up3_Home1 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

div.up3_Home1 > div:nth-child(3)
{
	width: 8.3333%;
	margin-left: 0%;
}

div.up3_Home2	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.up3_Home2::before
{
	content: ' ';
	display: table;
}

div.up3_Home2::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.up3_Home2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.up3_Home2 > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.up3_Home2 > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component.micro-content-container.micro-content-optional-phrase a	/* Additional Resources URLs dark with no line */
{
	/*text-decoration: none;*/
	/*padding-left: 5px;*/
	/* color: #373737; */
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component.micro-content-container.micro-content-optional-phrase a:hover
{
	color: #929292;
}

.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component	/* Additional Resources box width */
{
	width: 300px;
	border: 1px solid #373737;
	background: #e8e9ea;
}

div.home-footer
{
	width: 100%;
	height: 160px;
	background: #373737;
	padding-left: 15px;
	bottom: 0;
}

div.translations
{
	display: inline-block;
	padding-top: 10px;
	color: whitesmoke;
	position: relative;
	right: -900px;
}

div.translations a
{
	color: whitesmoke;
}

div.translations a:hover
{
	color: orange;
}

div.home-footer:before
{
	content: "Check us out on social media";
	display: inline-block;
	/*padding-left: 10px;*/
	padding-top: 10px;
	color: whitesmoke;
}

div.home-footer:after
{
	content: "Want to learn more:";
	display: inline-block;
	padding-top: 10px;
	color: whitesmoke;
	position: relative;
	top: -175px;
	left: 756px;
}

div.home-footer > p
{
	color: whitesmoke;
}

.os-community
{
	display: inline-block;
	padding-top: 10px;
	color: whitesmoke;
	position: relative;
	top: 56px;
	left: 468px;
}

.os-community > a:hover
{
	color: white;
}

.os-navigator
{
	display: inline-block;
	padding-top: 10px;
	color: whitesmoke;
	position: relative;
	top: 32px;
	left: 541px;
}

.os-navigator > a:hover
{
	color: white;
}

.footer-links
{
	color: whitesmoke;
	text-decoration: underline;
}

.footer-links:hover
{
	color: #d4d4d4;
	text-decoration: underline;
}

.spacer
{
	height: 10px;
}

.off-canvas-wrapper-inner .outer-row
{
	max-width: 73em;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

/* Styles for v7 page */

.v7_cell
{
	padding: 5px;
}

.v7_cell:before
{
	content: url(../Images/pdf.png);
	padding-right: 10px;
}

/* Styles for Videos page */

.lcol,
.rcol
{
	/* left and right columns on video page */
	width: 100%;
	height: auto;
	/* border: 1px solid red; */
	padding-right: 20px;
}

.rcol-text-right
{
	/* margin-left: 75px; */
}

.container
{
	/* container for video page styles */
	/* border: 1px solid green; */
	height: auto;
	width: 65%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* was space-around */
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

.video-row
{
	/* styles for rows on video page */
	width: 90%;
	height: auto;
	/* border-top: 1px solid teal; */
	padding: 20px;
}

.header-row
{
	/* first row, separate styling, on video page */
	width: 90%;
	height: auto;
	padding: 20px;
	padding-top: 60px;
}

.video-row-flex
{
	/* row that does not contain any text headers */
	display: flex;
	width: 100%;
	height: auto;
	border-top: 2px solid #5564FF;
	padding: 20px;
	/*padding-top: 60px;*/
	padding-bottom: 60px;
	justify-content: space-between;
	/* was space around */
}

/* End of video page styles */

.mediabox-wrap
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 999 !important;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: mediabox;
	animation-name: mediabox;
}

@-webkit-keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
} 

@keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
} 

.mediabox-content
{
	max-width: 680px;
	display: block;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.mediabox-content iframe
{
	max-width: 100% !important;
	width: 100% !important;
	display: block !important;
	height: 480px !important;
	border: none !important;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.mediabox-hide
{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: mediaboxhide;
	animation-name: mediaboxhide;
}

@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
} 

@keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
} 

.mediabox-close
{
	position: absolute;
	top: 0;
	cursor: pointer;
	bottom: 428px;
	/* was 528 */
	right: 0px;
	margin: auto 0;
	width: 24px;
	height: 24px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	z-index: 10;
}

.mediabox-close:hover
{
	opacity: 0.5;
}

pre
{
	font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
	white-space: pre-wrap;
}

ol
{
	list-style-type: decimal;
}

ul
{
	list-style-type: disc;
}

ol ol
{
	list-style-type: lower-alpha;
}

ul ul
{
	list-style-type: circle;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul ul ul
{
	list-style-type: square;
}

span.SearchHighlight
{
	color: #373737;
	background-color: #13f34a;
}

MadCap|dropDownHotspot.UseCaseScenario
{
	color: #ffffff;
	font-size: 20px;
}

MadCap|dropDown.UseCaseScenario
{
	color: #000000;
	background-color: #dcdcdc;
	mc-image-spacing: 15px;
	border-radius: 10px;
	margin: 20px 0px;
	mc-closed-image-alt-text: Skin / Formats / DropDownClosedAltText(Closed);
	mc-open-image-alt-text: Skin / Formats / DropDownOpenAltText(Open);
	mc-closed-image: url('../Images/Assets/Icons/Arrows/arrow-right-white.png');
	mc-open-image: url('../Images/Assets/Icons/Arrows/arrow-down-white.png');
}

MadCap|dropDownHead.UseCaseScenario
{
	padding: 10px;
	background-color: #6E26C1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: solid 2px #dcdcdc;
}

MadCap|dropDownBody.UseCaseScenario
{
	
}

MadCap|dropDownBody
{
	
}

a.breadcrumbprefixlink
{
	mc-hidden: hidden;
	color: #404040;
}

div.keepnext
{
	page-break-after: avoid;
}

@media all and (max-width: 768px) and (min-width: 10px)
{
	.mediabox-content
	{
		max-width: 90%;
	}
}

@media all and (max-width: 600px) and (min-width: 10px)
{
	.mediabox-content iframe
	{
		height: 320px !important;
	}

	.mediabox-close
	{
		bottom: 362px;
	}
}

@media all and (max-width: 480px) and (min-width: 10px)
{
	.mediabox-content iframe
	{
		height: 220px !important;
	}

	.mediabox-close
	{
		bottom: 262px;
	}
}

/*=====================================================================================================================
Styles for Feedback Form
=====================================================================================================================*/

#btn-feedback
{
	background-color: #373737;
	color: white;
	border: 1px solid #373737;
	cursor: pointer;
	padding: 10px 20px;
	margin: 10px 0;
	border-radius: 5px;
	width: 5px;
	writing-mode: vertical-rl;
	transform: rotate(0deg);
	display: flex;
	align-items: center;
	position: relative;
	/*top: -15px;*/
	right: -539px;
	/* was 1023px */
	height: 90px;
	z-index: -10;
}

#btn-feedback:hover
{
	transition: all 0.4s ease-in-out;
	transform: translate3d(-50px, 0, 0);
}

#btn-feedback.stay
{
	transform: translate3d(-50px, 0, 0);
	opacity: 0;
	z-index: -10;
}

.blocker
{
	width: 540px;
	height: 110px;
	border: none;
	position: relative;
	background-color: whitesmoke;
	opacity: 1;
	right: -483px;
	bottom: -26px;
}

.feedback-panel
{
	background-color: #373737;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: center;
	padding-left: 30px;
	padding-bottom: 30px;
	width: 365px;
	border: 2px solid #373737;
	height: 400px;
	position: relative;
	top: -351%;
	right: -200%;
}

.feedback-title
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -30px;
}

.btn-feedback:hover + .feedback-panel
{
	transition: all 0.4s ease-in;
	transition-delay: .5s;
	transform: translate3d(-510px, 0, 0);
}

.feedback-panel.stay-feedback
{
	transform: translate3d(-510px, 0, 0);
}

.feedback-panel.stay-feedback
{
	transition: all 0.5s ease-in-out;
	transition-delay: .2s;
	transform: translate3d(-510px, 0, 0);
}

.contact
{
	display: flex;
	flex-direction: column;
	align-items: start;
}

.contact-title
{
	display: flex;
	justify-content: space-evenly;
	color: whitesmoke;
	font-size: 40px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.contact-inputs
{
	width: 300px;
	height: 25px;
	border: solid 1px whitesmoke;
	outline: none;
	padding-left: 25px;
	padding-right: 25px;
	color: white;
	/* was #666 */
	border-radius: 50px;
	display: flex;
	align-items: start;
	margin-bottom: 20px;
	background-color: #373737;
}

.contact-inputs:focus
{
	border: 2px solid #5564FF;
	box-shadow: 3px 3px 10px rgb(74, 74, 234);
}

.contact-inputs::placeholder
{
	color: #a9a9a9;
}

.contact textarea
{
	height: 140px;
	padding-top: 15px;
	border-radius: 20px;
}

.contact-btn
{
	display: flex;
	align-items: center;
	padding: 15px 30px;
	font-size: 16px;
	color: white;
	gap: 10px;
	border: none;
	border-radius: 50px;
	background: #5564FF;
	cursor: pointer;
	margin-bottom: 20px;
}

.contact-btn:hover
{
	outline: solid 2px gray;
	box-shadow: 2px 2px 30px gray;
}

.cancel-btn
{
	background: gray;
	margin-left: 20px;
}

#cancel-btn:hover
{
	outline: 2px solid rgb(180, 178, 178);
	box-shadow: 2px 2px 30px gray;
}

/*.body-container {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}*/

.body-feedback
{
	height: 0;
	position: relative;
}

.btn-container
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.btn-feedback.stay
{
	transition: all 0.3s ease-in-out;
	transition-delay: .4s;
	transform: translate3d(50px, 0, 0);
}

.close-btn
{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

/*=====================================================================================================================
End of Styles for Feedback Form
=====================================================================================================================*/

ul.navigation > li.TocLevel1 ul ul,
ul.navigation > li.TocLevel2 ul ul ul,
ul.navigation > li.TocLevel3 ul ul ul ul	/* hides submenus that are more than 1, 2, or 3 levels deep */
{
	display: none;
}

ul.navigation > li.TocLevel1 ul > li.has-children > a:after,
ul.navigation > li.TocLevel2 ul ul > li.has-children > a:after,
ul.navigation > li.TocLevel3 ul ul ul > li.has-children > a:after	/* hides the more arrow when levels are hidden  */
{
	display: none;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

/*@media tablet
{
	div.content-container
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-footer
	{
		padding: 1% 5%;
	}

	div.up3_Home1 > div:nth-child(3)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.up3_Home2 > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.up3_Home2 > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}
}*/

div.up3_Home1 > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
}

div.up3_Home1 > div:nth-child(1)
{
	width: 41.667%;
	margin-left: 0%;
}

@media only screen and (max-width: 1279px)
{
	div.up3_Home1 > div:nth-child(2)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	.topic-layout
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: flex-start;
		align-content: flex-start;
	}

	.navigationmenu,
	.body,
	.resources
	{
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
	}

	.navigationmenu,
	.resources
	{
		flex-basis: auto;
		max-height: 225px;
		overflow-y: auto;
	}

	.navigationmenu
	{
		order: 1;
	}

	.resources
	{
		order: 2;
	}

	.body
	{
		flex-basis: 1050px;
		order: 3;
	}

	.micro-content-proxy._Skins_AdditionalResources_MC_FAQ1.mc-component	/* Additional Resources box width */
	{
		width: 300px;
		max-height: 200px;
		/* This is not an ideal height if nav buttons are moved from the AR panel this should be changed to 200px like the menu component below or the top margin of nav button s should be reduced */
		overflow-y: auto;
	}

	ul.menu.mc-component	/* Control scroll for tablet and smaller */
	{
		overflow-y: auto;
		min-height: auto;
		max-height: 200px;
	}
}

@media only screen and (max-width: 767px)
{
	div.up3_Home1 > div:nth-child(2)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	.topic-layout
	{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: stretch;
		align-content: stretch;
	}

	.navigationmenu,
	.body,
	.resources
	{
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: center;
	}

	.navigationmenu,
	.resources
	{
		max-height: 225px;
		overflow-y: auto;
	}

	.navigationmenu
	{
		order: 1;
	}

	.resources
	{
		order: 3;
	}

	.body
	{
		order: 2;
	}
}

span.Emphasis_Bold,
b
{
	font-weight: bold;
}

span.Emphasis_Italic,
i
{
	font-style: italic;
}

p.mc-para-header
{
	font-family: 'OneStream Sans', Arial, sans-serif;
	font-weight: bold;
	color: #373737;
	margin-bottom: 0;
	/*margin-top: 10px;*/
	font-size: 16px;
}

ul.mc-ul-list
{
	/*padding-bottom: 10px;*/
	margin-top: 5px;
}

/************************************************/
/*  Tooltips For AR Panel                       */
/************************************************/

.mc-ul-list li a[href^="https://onestream"]::after
{
	content: "Login Required";
	position: absolute;
	background: #373737;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: no-wrap;
	transform: translateY(-15px);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}

.mc-ul-list li a[href^="https://onestream"]:hover::after
{
	opacity: 1;
}

/* .mc-para-header a[href^="https"]::after {
	content: "Login Required";
	position: absolute;
	background: #373737;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: no-wrap;
	transform: translateY(-15px);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}

.mc-para-header a[href^="https"]:hover::after {
	opacity: 1;
} */

.mc-ul-list li a[href^="https://community"]::after
{
	content: "Login Required";
	position: absolute;
	background: #373737;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: no-wrap;
	transform: translateY(-15px);
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
}

.mc-ul-list li a[href^="https://community"]:hover::after
{
	opacity: 1;
}

/***********************************************/
/*  End of Tooltips for AR Panel               */
/***********************************************/

@media print
{
	:root
	{
		--fontSansSerif: Arial;
		--fontMono: 'Courier New';
	}

	body
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		font-size: 11pt;
		background-color: transparent;
		orphans: 3;
		widows: 2;
	}

	h1
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		padding-top: 3px;
		font-size: 28.0pt;
		page-break-after: avoid;
		color: #000000;
	}

	h2
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		padding-top: 3px;
		color: #000000;
		font-size: 22pt;
		page-break-after: avoid;
	}

	.h2-rn
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		font-size: 22pt;
		display: block;
		width: 80%;
		background: #373737;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		border: solid 1px #373737;
		border-radius: 0 30px 30px 0;
		page-break-after: avoid;
	}

	.h2-rn-sol
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		font-size: 22pt;
		display: block;
		width: 100%;
		background: #0a66c2;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		border: solid 1px #0a66c2;
		border-radius: 0 30px 30px 0;
		page-break-after: avoid;
	}

	h3
	{
		font-weight: bold;
		font-size: 18pt;
		font-family: 'OneStream Sans', Arial, sans-serif;
		padding-top: 3px;
		page-break-after: avoid;
		mc-heading-level: 3;
		page-break-after: avoid;
	}

	h4
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		padding-top: 3px;
		mc-heading-level: 0;
		page-break-after: avoid;
		font-size: 16pt;
		mc-heading-level: 4;
		page-break-after: avoid;
	}

	h5
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		page-break-after: avoid;
		font-size: 14pt;
		mc-heading-level: 5;
		page-break-after: avoid;
	}

	h6
	{
		font-weight: bold;
		font-size: 11pt;
		/* font-size: 8.0pt; */
		mc-heading-level: 6;
		page-break-after: avoid;
	}

	h7
	{
		display: block;
		mc-heading-level: 7;
		font-weight: bold;
		font-size: 9pt;
		mc-auto-number-offset: 0;
		mc-auto-number-position: inside-head;
		mc-dita-type: p;
		page-break-after: avoid;
	}

	h8
	{
		display: block;
		mc-heading-level: 8;
		font-weight: bold;
		font-size: 9pt;
		mc-auto-number-offset: 0;
		mc-auto-number-position: inside-head;
		mc-dita-type: p;
		page-break-after: avoid;
	}

	h9
	{
		display: block;
		mc-heading-level: 9;
		font-weight: bold;
		font-size: 9pt;
		mc-auto-number-offset: 0;
		mc-auto-number-position: inside-head;
		mc-dita-type: p;
		page-break-after: avoid;
	}

	h7,
	h8,
	h9	/* experimental heading levels to test issues in Sarahs branch */
	{
		font-weight: bold;
		font-size: 9pt;
		mc-heading-level: 0;
	}

	p
	{
		margin-bottom: 10pt;
		margin-top: 10pt;
		page-break-inside: avoid;
	}

	.ideastream
	{
		color: blue;
	}

	ol,
	ul
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* .ul_condensed
	{
		margin-bottom: 8px;
		line-height: 12px;
	} */

	img
	{
		border: none;
		margin-top: 10px;
	}

	a.Popup
	{
		mc-hidden: hidden;
	}

	MadCap|expandingHead
	{
		font-style: italic;
		font-weight: normal;
		cursor: hand;
		text-decoration: none;
		color: #006600;
	}

	MadCap|expandingBody
	{
		color: #777777;
		font-style: italic;
	}

	MadCap|dropDownHotspot
	{
		cursor: hand;
		font-style: italic;
		text-decoration: none;
		color: #006600;
	}

	p.Tip
	{
		display: block;
		border-left: 10px solid #BDBDBD;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 10pt;
		mc-auto-number-format: '{color royalblue}{b}TIP: {/b}{/color}';
		background-color: whitesmoke;
	}

	p.Note
	{
		display: block;
		border-left: 10px solid #3D65C9;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 10pt;
		mc-auto-number-format: '{color royalblue}{b}NOTE: {/b}{/color}';
		background-color: whitesmoke;
	}

	p.Caution
	{
		display: block;
		border-left: 10px solid #F2A73D;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 10pt;
		mc-auto-number-format: '{color royalblue}{b}CAUTION: {/b}{/color}';
		background-color: whitesmoke;
	}

	p.Important
	{
		display: block;
		border-left: 10px solid #47A3A3;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 10pt;
		mc-auto-number-format: '{color royalblue}{b}IMPORTANT: {/b}{/color}';
		background-color: whitesmoke;
	}

	p.example
	{
		display: block;
		border-left: 10px solid steelblue;
		padding-left: 20px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-right: 5%;
		margin-bottom: 10pt;
		border-radius: 10px;
		mc-auto-number-format: '{color royalblue}{b}Example: {/b}{/color}';
		background-color: whitesmoke;
	}

	ol
	{
		list-style-type: decimal;
	}

	ul
	{
		list-style-type: disc;
	}

	ol ol
	{
		list-style-type: lower-alpha;
	}

	ul ul
	{
		list-style-type: circle;
	}

	ol ol ol
	{
		list-style-type: lower-roman;
	}

	ul ul ul
	{
		list-style-type: square;
	}

	li
	{
		margin-bottom: 8pt;
		margin-top: 8pt;
	}

	li p
	{
		margin-bottom: 8pt;
		margin-top: 8pt;
	}

	li.nobreak	/* Place this on a list item that you don't want to break */
	{
		page-break-inside: avoid;
	}

	div.keepnext	/* Place this div with class around an object that you want to always keep with the object that follows */
	{
		page-break-after: avoid;
	}

	table
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		margin-top: 10px;
	}

	img.thumbnail
	{
		mc-thumbnail: popup;
		mc-thumbnail-max-height: auto;
		mc-thumbnail-max-width: 225px;
	}

	table.GenTOCTable4	/* added to remove the Heading 4 from the TOC in the PDF */
	{
		display: none;
	}

	table.GenTOCTable5	/* added to remove the Heading 5 from the TOC in the PDF */
	{
		display: none;
	}

	table.GenTOCTable6	/* added to remove the Heading 6 from the TOC in the PDF */
	{
		display: none;
	}

	/* Frontmatter */

	hr.title-page
	{
		border: solid 0px transparent;
		background-color: #d0d3d5;
		height: 1px;
		width: 100%;
		margin-bottom: 30px;
		margin-top: 370px;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin-right: 0.25in;
	}

	p.created-using-flare
	{
		color: #45494c;
		font-weight: bold;
		margin-top: 18px;
		font-size: 9pt;
		line-height: 15pt;
		text-transform: uppercase;
		mc-hidden: hidden;
	}

	p.title
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		color: #3d65c9;
		margin-top: 30px;
		line-height: 65pt;
		font-size: 45pt;
	}

	p.title-page-footer
	{
		line-height: 15pt;
		frame-break-before: always;
		color: #3d65c9;
		margin-top: 30px;
		font-size: 18pt;
	}

	p.title-page-url
	{
		color: #45494c;
		font-size: 9pt;
		line-height: 15pt;
	}

	p.TOC1
	{
		font-weight: normal;
		line-height: 21pt;
		margin-bottom: 15px;
		margin-top: 15px;
		page-break-after: avoid;
		color: #000000;
		mc-hidden: unhidden;
		font-size: 14pt;
	}

	p.TOC2
	{
		line-height: 21pt;
		margin-bottom: 13px;
		margin-top: 13px;
		margin-left: .25in;
		color: #000000;
		font-weight: normal;
		font-size: 14pt;
		mc-hidden: unhidden;
	}

	p.TOCTitle
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		font-size: 24pt;
		color: #000000;
		margin-top: .67 em;
		font-weight: bold;
	}

	td.PDFFooter
	{
		font-size: 10pt;
		color: #3d65c9;
	}

	p.HeaderText
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		text-indent: 5px;
		color: #3d65c9;
	}

	p.FooterText
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		text-indent: 5px;
		color: #3d65c9;
	}

	.FieldName
	{
		font-weight: bold;
		font-family: 'OneStream Sans', Arial, sans-serif;
		padding-bottom: -10pt;
		page-break-after: avoid;
	}

	img.MaxWidth
	{
		width: 6in;
		height: 4in;
	}

	p.TOC3
	{
		margin-left: 0.5in;
		mc-hidden: hidden;
		font-size: 14pt;
	}

	pre
	{
		font-size: 8pt;
		font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
	}

	p.TOC4
	{
		mc-hidden: hidden;
	}

	p.TOC5
	{
		mc-hidden: hidden;
	}

	abbr
	{
		mc-hidden: hidden;
	}

	acronym
	{
		mc-hidden: hidden;
	}

	address
	{
		mc-hidden: hidden;
	}

	area
	{
		mc-hidden: hidden;
	}

	article
	{
		mc-hidden: hidden;
	}

	aside
	{
		mc-hidden: hidden;
	}

	b
	{
		mc-hidden: hidden;
	}

	big
	{
		mc-hidden: hidden;
	}

	blockquote
	{
		mc-hidden: hidden;
	}

	br
	{
		mc-hidden: hidden;
	}

	canvas
	{
		mc-hidden: hidden;
	}

	center
	{
		mc-hidden: hidden;
	}

	cite
	{
		mc-hidden: hidden;
	}

	col
	{
		mc-hidden: hidden;
	}

	colgroup
	{
		mc-hidden: hidden;
	}

	datalist
	{
		mc-hidden: hidden;
	}

	dd
	{
		mc-hidden: hidden;
	}

	del
	{
		mc-hidden: hidden;
	}

	dir
	{
		mc-hidden: hidden;
	}

	dl
	{
		mc-hidden: hidden;
	}

	dt
	{
		mc-hidden: hidden;
	}

	em
	{
		mc-hidden: hidden;
	}

	fieldset
	{
		mc-hidden: hidden;
	}

	footer
	{
		mc-hidden: hidden;
	}

	form
	{
		mc-hidden: hidden;
	}

	frame
	{
		mc-hidden: hidden;
	}

	frameset
	{
		mc-hidden: hidden;
	}

	head
	{
		mc-hidden: hidden;
	}

	header
	{
		mc-hidden: hidden;
	}

	input
	{
		mc-hidden: hidden;
	}

	ins
	{
		mc-hidden: hidden;
	}

	kbd
	{
		mc-hidden: hidden;
	}

	label
	{
		mc-hidden: hidden;
	}

	legend
	{
		mc-hidden: hidden;
	}

	map
	{
		mc-hidden: hidden;
	}

	nav
	{
		mc-hidden: hidden;
	}

	noframes
	{
		mc-hidden: hidden;
	}

	menu
	{
		mc-hidden: hidden;
	}

	object
	{
		mc-hidden: hidden;
	}

	optgroup
	{
		mc-hidden: hidden;
	}

	option
	{
		mc-hidden: hidden;
	}

	q
	{
		mc-hidden: hidden;
	}

	s
	{
		mc-hidden: hidden;
	}

	samp
	{
		mc-hidden: hidden;
	}

	script
	{
		mc-hidden: hidden;
	}

	select
	{
		mc-hidden: hidden;
	}

	small
	{
		mc-hidden: hidden;
	}

	strike
	{
		mc-hidden: hidden;
	}

	style
	{
		mc-hidden: hidden;
	}

	textarea
	{
		mc-hidden: hidden;
	}

	tfoot
	{
		mc-hidden: hidden;
	}

	var
	{
		mc-hidden: hidden;
	}

	code
	{
		font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
	}

	MadCap|codeSnippet
	{
		font-family: inherit;
	}

	MadCap|codeSnippetBody
	{
		font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
		font-size: 10pt;
	}

	MadCap|breadcrumbsProxy
	{
		
	}

	MadCap|topicToolbarProxy
	{
		border: 2px solid blue;
		height: 100px;
	}

	MadCap|dropDownHead
	{
		
	}

	MadCap|dropDown
	{
		border-bottom: 1px solid #d0d3d5;
		mc-image-position: left;
		mc-image-spacing: 10px;
		mc-open-image: url('file:///C:/Projects/OneStreamDoc/Content/Resources/Stylesheets/Images/Minus.png');
		mc-closed-image: url('file:///C:/Projects/OneStreamDoc/Content/Resources/Stylesheets/Images/Plus.png');
		padding: 10px 0;
	}

	MadCap|dropDownBody
	{
		padding: 10px 30px 0;
	}

	MadCap|dropDownHotspot.UseCaseScenario
	{
		color: #ffffff;
		font-size: 20px;
		font-style: normal;
		font-weight: bold;
	}

	MadCap|dropDown.UseCaseScenario
	{
		color: #000000;
		background-color: #dcdcdc;
		border-radius: 10px;
		padding: 0px 0 10px;
		margin: 20px 0px;
	}

	MadCap|dropDownHead.UseCaseScenario
	{
		padding: 10px;
		background-color: #6E26C1;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom: solid 2px #dcdcdc;
	}

	MadCap|dropDownBody.UseCaseScenario
	{
		padding: 10px;
	}

	span.Emphasis_Italic
	{
		font-style: italic;
	}

	span.Emphasis_Bold
	{
		font-weight: bold;
	}

	span.filename	/*  new span to accommodate in-line file name and file path formatting using standardized monospace font */
	{
		font-family: 'OneStream Fono', 'Andale Mono', Consola, monospace;
	}

	p.ListParagraph
	{
		margin-bottom: 9pt;
		font-family: 'OneStream Sans', Arial, sans-serif;
	}

	li.ListParagraph
	{
		margin-bottom: 9pt;
		font-family: 'OneStream Sans', Arial, sans-serif;
	}

	.draft_comment
	{
		display: none;
		border-style: solid;
		border: solid 2px #aacbda;
		background-color: #cbe8f6;
	}

	caption.table_caption
	{
		font-weight: bold;
		padding-bottom: 10px;
		text-align: center;
		padding-top: 10px;
		font-size: 1.5em;
	}

	ul.bullet-note
	{
		margin-top: 0px;
		margin-bottom: 0px;
		border-left: 10px solid #3D65C9;
		padding-left: 60px;
		margin-top: -23px;
		/* negative margin extends the border upward. */
		padding-top: 20px;
		background-color: whitesmoke;
		margin-right: 5%;
	}

	.ul_bullet_note
	{
		margin-top: 0px;
		margin-bottom: 0px;
		border-left: 10px solid #3D65C9;
		padding-left: 60px;
		margin-top: -23px;
		/* negative margin extends the border upward. */
		padding-top: 20px;
		background-color: whitesmoke;
		margin-right: 5%;
	}

	.ol_bullet_note
	{
		margin-top: 0px;
		margin-bottom: 0px;
		border-left: 10px solid #3D65C9;
		padding-left: 60px;
		margin-top: -23px;
		/* negative margin extends the border upward. */
		padding-top: 20px;
		background-color: whitesmoke;
		margin-right: 5%;
	}

	MadCap|xref.ParaTextOnly
	{
		mc-format: '{paratext}';
	}

	._Skins_TopicToolbar.mc-component .button.previous-topic-button .button-icon
	{
		background: transparent url('file:///C:/Projects/OneStreamDoc/Content/Resources/Stylesheets/Images/next_button.png');
	}

	.toolbar_navigation
	{
		border: 2px solid red;
	}

	.button-group-container-left
	{
		float: left;
		margin-left: -4px;
		position: absolute;
		top: 50px;
		left: 660px;
	}

	.previous-topic-button
	{
		background: url('file:///C:/Projects/OneStreamDoc/Content/Resources/Stylesheets/Images/next_button.png');
		border: 2px solid blue;
	}

	.button-icon
	{
		width: 50px;
		height: 50px;
	}

	.mediabox-wrap
	{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #000;
		background-color: rgba(0,0,0,0.8);
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 999;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: mediabox;
		animation-name: mediabox;
	}

	.mediabox-content
	{
		max-width: 680px;
		display: block;
		margin: 0 auto;
		height: 100%;
		position: relative;
	}

	.mediabox-content iframe
	{
		max-width: 100% !important;
		width: 100% !important;
		display: block !important;
		height: 480px !important;
		border: none !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}

	.mediabox-hide
	{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: mediaboxhide;
		animation-name: mediaboxhide;
	}

	.mediabox-close
	{
		position: absolute;
		top: 0;
		cursor: pointer;
		bottom: 528px;
		right: 0px;
		margin: auto 0;
		width: 24px;
		height: 24px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;
		background-size: 24px 24px;
		-webkit-background-size: 24px 24px;
		-moz-background-size: 24px 24px;
		-o-background-size: 24px 24px;
	}

	.mediabox-close:hover
	{
		opacity: 0.5;
	}

	MadCap|topicToolbarProxy.toolbar-nav-next-prev
	{
		mc-topic-toolbar-items: NextTopic PreviousTopic;
	}

	p.pdf-title
	{
		font-family: 'OneStream Sans', Arial, sans-serif;
		color: #373737;
		margin-top: 30px;
		line-height: 65pt;
		font-size: 45pt;
	}

	p.pdf-release
	{
		line-height: 15pt;
		frame-break-before: always;
		color: #373737;
		margin-left: 100px;
		margin-top: 30px;
		font-size: 18pt;
	}
}

.psr_link
{
	display: inline-block;
	width: 225px;
	padding: 15px;
	background: #373737;
	text-align: center;
	border-radius: 5px;
	margin-top: 20px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-family: 'OneStream Sans';
	text-decoration: none;
}

.psr_link a
{
	color: #fff;
	font-size: 16px;
	font-family: 'OneStream Sans';
	text-decoration: none;
}

span.MCBreadcrumbsSelf
{
	
}

span.MCBreadcrumbsSelf:last-of-type
{
	font-weight: bold;
}

a.breadcrumbprefixlink:hover
{
	color: #929292;
}

a.breadcrumbprefixlink:visited
{
	color: #404040;
}

@media (max-width: 480px)
{
	.mc-ul-list li a[href^="https://onestream"]::after
	{
		transform: translateY(-300px);
	}

	/* .mc-para-header a[href^="https"]::after 
	{
		transform: translateY(-300px);
	} */

	.mc-ul-list li a[href^="https://community"]::after
	{
		transform: translateY(-300px);
	}
}

@media (min-width: 481px) and (max-width: 1300px)
{
	.mc-ul-list li a[href^="https://onestream"]::after
	{
		transform: translateY(-226px);
	}

	/* .mc-para-header a[href^="https"]::after 
	{
		transform: translateY(-226px);
	} */

	.mc-ul-list li a[href^="https://community"]::after
	{
		transform: translateY(-226px);
	}
}

/* @media (min-width: 769px) and (max-width: 1200px)
{
	.mc-ul-list li a[href^="https://onestream"]::after 
	{
		transform: translateY(-322px);
	}
	
	.mc-para-header a[href^="https"]::after 
	{
		transform: translateY(-322px);
	}
	
	.mc-ul-list li a[href^="https://community"]::after 
	{
		transform: translateY(-322px);
	}
} */

