/*<meta />*/

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

@font-face 
{
	font-family: 'Open Sans';
	src: url(../Fonts/OpenSans-Regular.ttf);
	font-family: 'Lexend Deca';
	src: url(../Fonts/LexendDeca-Regular.ttf);
}

.central-account-wrapper
{
	display: none;
}

body
{
	color: #404040;
	font-family: 'Open Sans';
	font-size: 1em;
	line-height: 1.7em;
}

.timeline-migration::before
{
	content: '\f073\00a0 Timeline';
	color: #fff;
	transform: rotate(0deg) !important;
	background-color: #0096ff;
	margin-right: 5px;
	padding: 6px;
	border-radius: 10px 10px 10px 10px;
	font-family: "Font Awesome 5 Free", Roboto;
	font-weight: 900;
	font-size: 0.8em;
}

.rel-proxy
{
	
}

.no-click
{
	box-shadow: 0 0 0px rgb(33 33 33 / 20%);
	cursor: not-allowed;
	transition: transform 0s;
}

div#nav-tab
{
	cursor: pointer;
}

.simInts
{
	font-size: 24px;
}

#backToSupport
{
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

#copiedAlert
{
	position: fixed;
	top: 15%;
	left: 40%;
	z-index: 9999;
}

.timeline
{
	margin-top: 20px;
}

.timeline p
{
	font-size: 1em;
	line-height: 1.75em;
	border-top: 3px solid;
	border-image: linear-gradient(to right, #0C78CF 0%, #6DBEFF 100%);
	border-image-slice: 1;
	border-width: 3px;
	margin: 0 !important;
	padding: 40px;
	counter-increment: section;
	position: relative;
	color: #34435E;
}

.timeline p::before
{
	content: counter(section) !important;
	position: absolute !important;
	border-radius: 50% !important;
	transform: scale(3);
	height: 1.25em !important;
	width: 1.25em !important;
	background-color: #0C78CF !important;
	text-align: center !important;
	line-height: 130% !important;
	color: #ffffff !important;
	font-size: 1em !important;
}

.timeline p:nth-child(odd)
{
	border-left: 3px solid;
	padding-right: 0;
}

.timeline p:nth-child(odd)::before
{
	right: 100%;
	margin-right: -10px;
}

.timeline p:nth-child(even)
{
	border-right: 3px solid;
	padding-left: 0;
}

.timeline p:nth-child(even)::before
{
	left: 100%;
	margin-left: -5px;
}

.timeline p:first-child
{
	border-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.timeline p:last-child::before
{
	content: "?" !important;
}

.timeline p:last-child
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.icon::before
{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.anchorjs-link
{
	font-size: small;
	vertical-align: middle;
	font-weight: 900;
	text-decoration: none !important;
}

.anchorjs-link::before
{
	font-family: "Font Awesome 5 Free";
	content: "\f0c5";
	font-weight: 900;
	vertical-align: middle;
}

#hiddenDiv
{
	width: 300px;
	right: 0;
	bottom: 0px;
	position: fixed;
	z-index: 100;
	cursor: pointer;
	display: none;
}

.acadiframe
{
	width: 100%;
	height: 500px;
}

#offCanvas > ul > li:nth-child(9) > ul > li:nth-child(n) > ul > li:nth-child(2) > a
{
	font-weight: bold;
	text-decoration: underline;
}

.badge
{
	box-sizing: border-box;
	display: inline-block;
	float: left;
	text-align: center;
	text-decoration: none;
	width: 10px;
	height: 10px;
	padding-top: 10px;
	padding-right: 10px;
	color: #fff;
	background: #4E99A9;
	border-radius: 50%;
}

#contentBody > div.footer > div:nth-child(1) > div > a > p
{
	width: 400px;
}

div.twobytwo	/*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.twobytwo::before
{
	content: ' ';
	display: table;
}

div.twobytwo::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.twobytwo > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

div.twobytwo > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

div.twobytwo > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.twobytwo > div:nth-child(3)
{
	width: 50%;
	margin-left: 0%;
}

div.twobytwo > div:nth-child(4)
{
	width: 50%;
	margin-left: 0%;
}

div.fourboxes	/*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.fourboxes::before
{
	content: ' ';
	display: table;
}

div.fourboxes::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.fourboxes > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.fourboxes > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.fourboxes > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.fourboxes > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

h5
{
	color: #484848;
	font-family: 'Lexend Deca';
}

@media only screen and (max-width: 9999px)
{
	ul.off-canvas-list li a
	{
		font-size: 1em !important;
		border-bottom: solid 0px #646976 !important;
		color: #ffffff;
		font-family: Roboto !important;
		line-height: 1 !important;
		margin-top: 0px !important;
		display: block !important;
	}

	.footerLink:hover
	{
		color: #2D82DC;
	}

	.off-canvas
	{
		display: block !important;
		background-color: #3d4454 !important;
	}

	.is-drilldown-submenu
	{
		background-color: #3d4454;
	}

	tree-node is-drilldown-submenu-parent is-submenu-item is-drilldown-submenu-item
	{
		display: block;
	}
}

@media (max-width: 629px)
{
	.acorn img
	{
		display: none;
	}
}

.grayscale
{
	filter: grayscale(100%);
	/* IE 6-9 */
}

#offCanvas > ul > li:nth-child(1) > ul > li:nth-child(7) > ul > li:nth-child(6) > ul > li:nth-child(3) > a
{
	display: none;
}

nav.title-bar .menu-icon
{
	display: block !important;
}

.inline
{
	display: inline;
	margin: 0 0px;
	padding-right: 2px;
}

.LearnMore
{
	font-family: 'Lexend Deca';
	font-size: 16px;
}

.simpleBorder
{
	border: 1px solid #0C78CF;
	padding: 5px;
	border-radius: 4px;
	padding: 15px;
}

img.cc
{
	margin: 0px 0px 0px 0px;
}

.search-filter-content li:nth-child(11)
{
	display: none;
}

.search-filter-content li:nth-child(12)
{
	display: none;
}

.search-filter-content li:nth-child(13)
{
	display: none;
}

.search-filter-content li:hover
{
	font-weight: bold;
	color: #FFFFFF;
}

.search-filter-content
{
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-top: 0px;
	z-index: 100;
}

.search-filter-content-hide
{
	display: none;
}

#searchPane
{
	width: 100%;
}

._Skins_TopicToolBar.mc-component .button.previous-topic-button
{
	background-image: none;
	width: 105px;
	margin-right: -2px;
	color: #0C78CF;
	font-family: 'Roboto', san-serif;
	font-size: 18px;
	line-height: 69px;
	font-weight: 400;
}

._Skins_TopicToolBar.mc-component .button.next-topic-button:before
{
	content: "Next >>";
}

._Skins_TopicToolBar.mc-component .button.previous-topic-button:before
{
	content: "<< Previous |";
}

._Skins_TopicToolBar.mc-component .button.next-topic-button
{
	width: 90px;
	background-image: none;
	color: #0C78CF;
	font-family: 'Roboto', san-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

a
{
	color: #2d82dc;
	text-decoration: none;
}

ul#resultList li:nth-child(even)
{
	background: #fff;
}

nav.title-bar a:hover
{
	color: red;
}

a.MCBreadcrumbsLink
{
	font-style: italic;
	text-decoration: underline;
	color: #404040;
}

a.MCBreadcrumbsLink:visited
{
	color: #2d82dc !important;
}

a.MCBreadcrumbsLink:visited
{
	color: #000000;
}

a.MCBreadcrumbsLink:hover
{
	color: #0C78CF !important;
}

a.MCBreadcrumbsLink:hover
{
	color: #BED230;
}

#resize-topfour
{
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .2s;
	width: 21%;
	padding: 5px;
	padding-left: 5px;
}

#resize-topfour a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-topfour:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-topfour:active
{
	background-color: #fafafa;
	top: +2px;
}

#resize-squares
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	padding: 10px;
	position: relative;
	transition: transform .2s;
}

#resize-squares a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-squares:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-squares:active
{
	background-color: #fafafa;
	top: +2px;
}

#resize-toptwo
{
	width: 29%;
	margin: 2% 9% 2% 11%;
	background: #fff;
	float: left;
	padding: 10px;
	position: relative;
	transition: transform .2s;
	background: transparent;
}

#resize-toptwo a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-toptwo:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-toptwo:active
{
	background-color: #fafafa;
	top: +2px;
}

div.center-div
{
	margin: 0 auto;
	width: 100px;
}

div.example
{
	background-color: #f0ff86;
	background-repeat: no-repeat;
	border: solid 1px #a4ac67;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 10px;
	padding: 5px;
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 10px;
	padding: 5px;
}

div.note
{
	background: #E2F1FE url(../Images/note.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #0C78CF;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.noteInDiv
{
	mc-auto-number-format: '{b}{color #bed230}Note: {/color}{/b}';
}

div.quotation
{
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-family: 'Century Gothic';
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
}

div.sideContent
{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

div.TightContent
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1
{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 16px;
	padding-bottom: 10px;
	margin-top: 26px;
	line-height: 58px;
	font-weight: 500;
	font-family: 'Lexend Deca';
	color: #003c46;
}

h1#results-heading
{
	font-family: 'Lexend Deca';
}

h2
{
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 42px;
	font-size: 25px;
	font-weight: 500;
	color: #484848;
	font-family: 'Open Sans';
}

.full-width
{
	position: relative;
	/* child absolute */
	margin: 0 -9999rem;
	/* add back section padding value */
	padding: .25rem 9999rem;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #E35F55;
	background: -webkit-linear-gradient(to right, #E35F55, #FF8B83);
	background: -moz-linear-gradient(to right, #E35F55, #FF8B83);
	background: linear-gradient(to right, #E35F55, #FF8B83);
	color: white;
	font-family: Open Sans;
	font-size: 2.5rem;
	text-align: center;
}

h3
{
	margin-bottom: 4px;
	margin-top: 16px;
	font-size: 22px;
	line-height: 39px;
	font-weight: 600;
	color: #484848;
	font-family: 'Open Sans';
}

h3.bootstrapcard
{
	color: white;
}

img
{
	margin: 20px 20px 20px 0px;
	border: none;
	max-width: 100%;
	height: auto;
}

img.home
{
	border: none;
	max-width: 100%;
	height: auto;
}

img.Thumbnail
{
	mc-thumbnail: popup;
}

img.ReduceButtonSize
{
	max-height: 25px;
}

li
{
	orphans: 2;
	widows: 2;
	margin-bottom: 9px;
	margin-top: 5px;
	line-height: 28px;
	font-weight: 400;
	/*
	color: #484848; */
	font-family: 'Open Sans';
	color: #484848;
	font-size: 16px;
}

p
{
	font-family: 'Open Sans';
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #484848;
	margin-bottom: 20px !important;
}

.box
{
	font-size: 18px;
}

.intro
{
	text-align: center;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	mc-breadcrumbs-prefix: '';
	padding-top: 15px;
	font-size: 18px;
}

.MCBreadcrumbsSelf
{
	
}

a.MCBreadcrumbsLink
{
	text-decoration: none !important;
	color: #2d82dc !important;
	font-style: normal !important;
}

MadCap|dropDown
{
	margin-bottom: 6px;
	mc-closed-image: url('../Images/DropDownClosed.png');
	mc-open-image: url('../Images/DropDownOpen.png');
	color: #404040;
	font-family: Roboto, san-serif;
	margin-top: 0px !important;
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../Images/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/DropDownOpenSecondLevel.png');
	font-size: 1em;
}

MadCap|dropDownBody
{
	border-bottom: solid 1px #404040;
	font-family: Roboto;
	color: #404040;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

MadCap|dropDownBody.Final
{
	border-bottom: 0px;
}

MadCap|dropDownHead
{
	font: Roboto;
	line-height: 42px;
	font-weight: 500;
	font-size: 20px;
}

MadCap|dropDownHotspot
{
	color: #404040;
	font-family: Roboto, san-serif;
}

MadCap|dropDownHotspot:hover
{
	color: #0C78CF;
}

MadCap|popup
{
	color: #2D8DCC;
}

MadCap|popup:focus
{
	color: #2D8DCC;
}

MadCap|popup:hover
{
	color: #2D8DCC;
}

MadCap|popupHead
{
	color: #2D8DCC;
	font-weight: bold;
}

MadCap|xref
{
	color: #2D82DC;
	text-decoration: none;
	font-weight: inherit;
	mc-format: '{title}';
}

MadCap|xref:hover
{
	color: #2D82DC;
}

ol
{
	/*
	display: block;
	padding: 0 0 0 36px;
	list-style: none;
	overflow: hidden;
	counter-reset: numList;
	margin: 0; */
}

/*
ol.continue
{
	counter-reset: none;
}
*/

ol li
{
	/*
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding-left: 15px;
	clear: left; */
}

ol li:before
{
	/*
	counter-increment: numList;
	content: counter(numList);
	float: left;
	position: absolute;
	left: -30px;
	font: bold 14px 'Roboto' sans-serif;
	text-align: center;
	color: #fff;
	line-height: 38px;
	width: 36px;
	height: 36px;
	background: #0C78CF;
	-moz-border-radius: 999px;
	border-radius: 999px;
	*/
}

ol ol
{
	list-style-type: lower-alpha;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 16px;
	font-family: 'Open Sans';
}

p.CompanyInformation1
{
	margin-bottom: 4px;
	margin-top: 14px;
	font-weight: bold;
}

p.CompanyInformation2
{
	color: #6d6d6d;
	margin-top: 4px;
	margin-bottom: 4px;
}

p.ExampleHeadText
{
	font-weight: bold;
	page-break-after: avoid;
	letter-spacing: 5px;
	padding: 0;
	margin: 0;
	border: 0;
}

p.quotationname
{
	text-align: right;
}

p.TableTextCenterDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

p.TableTextDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextDarkEmphasis
{
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

span.Emphasis
{
	font-weight: bold;
}

span.SetOffFirstLevel
{
	color: #5e6914;
	font-weight: bold;
}

span.SetOffSecondLevel
{
	color: #445879;
	font-weight: bold;
}

td
{
	margin: 8px;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	font-family: 'Open Sans';
}

td.lti
{
	font-size: 16px;
	margin: 8px;
	font-family: Roboto;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

th
{
	margin-bottom: 8px;
	margin-top: 8px;
}

ul
{
	list-style: disc;
	font-size: 16px;
	line-height: 24px;
	color: #404040;
	padding-bottom: 7px;
	font-family: 'Open Sans';
}

html.templateTopic div.sideContent
{
	display: none;
}

/*Custom classes*/

.fas
{
	margin-right: 8px;
}

#resultList li
{
	margin-bottom: 30px;
}

.img-center
{
	margin: 20px 0 0 0;
}

.off-canvas-wrapper-inner .outer-row
{
	width: 100%;
}

div.wrapper
{
	margin: 0 auto;
	min-height: 70vh;
	max-width: 960px;
	padding: 0 53px;
	background: #fff;
}

nav.title-bar
{
	background: #003C46;
	padding-bottom: 24px !important;
	height: 85px !important;
}

nav.scrolled
{
	background-color: red;
	transition: 0.3s;
}

nav.title-bar a
{
	color: #fff;
}

.warning
{
	background: #FEF0EF url(../Images/warning.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #f7bbb7;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.note
{
	background: #E2F1FE url(../Images/note.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #0C78CF;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.tip
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.Tip
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.tipresize
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 95%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.badge1
{
	position: relative;
}

.badge1[data-badge]::after
{
	content: attr(data-badge);
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: .7em;
	background: green;
	color: white;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	box-shadow: 0 0 1px #333;
}

.announcement
{
	background: #FFFFFF url(../Images/announce.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
	display: block;
	clear: both;
}

.inTheMiddle
{
	margin: 0 auto;
	width: 75%;
}

.flag
{
	background: #FFFFFF url(../Images/flagIcon.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.issue
{
	background: #FFFFFF url(../Images/Hammer_Screwdriver_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.steps
{
	background: #FFFFFF url(../Images/genericIcons/CheckedPaper_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 30px 37px;
}

div.steps
{
	background: #FFFFFF url(../Images/genericIcons/CheckedPaper_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 30px 37px;
}

.container
{
	width: 100%;
}

ul.tab_links
{
	margin-bottom: -10px;
	padding: 0px;
	list-style: none;
	flex-grow: 1;
}

ul.tab_links li
{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 16px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

ul.tab_links li.current
{
	background: white;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.tab_wrapper
{
	display: none;
	background: white;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_blue
{
	display: none;
	background: #4DA3F0;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_green
{
	display: none;
	background: #71C30E;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_yellow
{
	display: none;
	background: #FFE124;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_orange
{
	display: none;
	background: #FFA400;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_red
{
	display: none;
	background: #F03B3B;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_acorn
{
	display: none;
	background: white;
	padding: 15px;
	border-radius: 4px;
	border: 2px solid #bd5b0e;
	margin-bottom: 40px;
}

hr.rel_notes
{
	height: 2.5px;
	width: 25%;
	background-color: #4E99A9;
}

.tab_wrapper.current
{
	display: inherit;
}

.tab_wrapper_acorn.current
{
	display: inherit;
}

.cat_icons
{
	color: #4E99A9;
}

.rel_icons
{
	color: #4E99A9;
}

.tfs_icons
{
	color: #4287f5;
}

.rel_code_icons
{
	color: #5c8200;
}

.ra_icons
{
	color: #8360D4;
}

.banner_header
{
	background: #025492;
	width: 100%;
	height: 100px;
	float: left;
}

.int_description
{
	float: left;
	width: 100%;
	padding: 4%;
	background-color: #f7f7f7;
}

.int_landing
{
	float: left;
	width: 100%;
	padding: 4%;
	background-color: #FFFFFF;
}

.int_top
{
	float: left;
	width: 100%;
	min-height: 140px;
	background-color: #fff;
}

#int_container
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container_two
{
	width: 46%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container h2
{
	color: #404040;
}

#int_container a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#int_container:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container_two h2
{
	color: #404040;
}

#int_container_two a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#int_container_two:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#home_container
{
	width: 30%;
	margin: 4% 1.5% 4% 1.5%;
	background: #fff;
	float: left;
	position: relative;
	padding: 0%;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.home_container_2_col
{
	width: 42% !important;
}

#desc_2_col
{
	height: 210px !important;
}

#home_container h2
{
	color: #404040;
}

#home_container a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#home_container:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.grey_box-3
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
}

.grey_box-2
{
	width: 46%;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
}

#grey_box-integrations
{
	width: 25%;
	height: 350px;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
	position: relative;
	transition: transform .2s;
}

.btn_primary
{
	font-family: "Roboto", sans-serif;
	transition: color 0.3s !important;
	font-size: 18px !important;
	line-height: 28px !important;
	letter-spacing: undefined !important;
	padding: 10px;
	color: #025492 !important;
	background: transparent;
	border-radius: 4px;
	border: 2px solid #025492;
	margin: 0 auto;
	display: table;
}

.btn_primary:hover
{
	background: #025492 !important;
	color: #ffffff !important;
	border: 2px solid #025492;
}

.btn_secondary
{
	font-family: 'Open Sans';
	transition: color 0.3s !important;
	font-size: 18px !important;
	line-height: 28px !important;
	letter-spacing: undefined !important;
	padding: 10px;
	border-radius: 4px;
	margin: 0 auto;
	display: table;
	background: #0C78CF !important;
	border: 2px solid #0C78CF;
	color: #ffffff !important;
}

.btn_secondary:hover
{
	background: transparent !important;
	color: #6eade0 !important;
	border: 2px solid #6eade0;
}

.title-bar-layout a.logo
{
	margin: -20px 0 0 0;
}

.banner-strip
{
	background-color: #fafafa;
	padding: 30px;
	width: 100%;
	min-height: 160px;
	margin-top: 40px;
	bottom: 0;
	margin-bottom: 40px;
	text-align: center;
}

div.support-tkt
{
	background-color: #fafafa;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 150px;
	margin-top: 40px;
	margin-bottom: -25px;
}

.support-tkt h2
{
	color: #404040;
	text-align: center;
	margin-top: 20px;
}

div.footer
{
	background-color: #3D4454;
	min-height: 160px;
	margin-top: 25px !important;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

.footer p
{
	font-size: 16px;
}

.footer ul
{
	margin-left: -36px;
	margin-bottom: 20px;
}

.footer ul li
{
	position: relative;
	float: left;
	display: block;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	margin-top: 10px;
}

div.footer a
{
	text-decoration: none;
	color: #FFF;
}

div.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

.top-nav
{
	background: transparent;
	width: auto;
	height: 95px;
	float: right;
	text-align: center;
	left: 0;
	margin-top: -72px;
	z-index: 1000;
	position: fixed;
	margin-right: 75px;
	width: 50px !important;
}

.top-nav-home
{
	background: transparent;
	width: auto;
	height: 95px;
	float: left;
	text-align: center;
	left: 0;
	margin-top: -72px;
	z-index: 1000;
	position: fixed;
	margin-left: 170px;
	width: 150px !important;
}

.top-nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.top-nav li
{
	float: left;
	display: block;
	color: white;
	text-align: center;
	padding: 12px 17px;
	text-decoration: none;
	font-size: 1.85em;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.top-nav li a
{
	color: white;
}

.fleft
{
	float: left;
	width: 50%;
	padding: 4px;
}

.fright
{
	float: right;
	width: 50%;
	padding: 4px;
}

.top_banner
{
	background-color: #025492;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 70px;
	color: #fff;
}

.hr_category
{
	margin: 75px 0 75px 0;
}

div.ContentRow	/*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.ContentRow::before
{
	content: ' ';
	display: table;
}

div.ContentRow::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.ContentRow > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.ContentRow > div:nth-child(1)
{
	width: 70%;
	margin-left: 0%;
}

div.ContentRow > div:nth-child(2)
{
	width: 20%;
	margin-left: 0%;
}

.fleft
{
	float: left;
	width: 50%;
	padding: 4px;
}

.fright
{
	float: right;
	width: 50%;
	padding: 4px;
}

.top_banner
{
	background-color: #025492;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 70px;
	color: #fff;
}

.hr_category
{
	margin: 75px 0 75px 0;
}

.search-bar .search-filter
{
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
}

.search-bar .search-filter-wrapper
{
	display: block;
}

.title-bar-section a.logo
{
	margin-top: -7px;
}

.dropDownBody
{
	border-bottom: solid 1px #fff;
}

.content
{
	background: #fff;
}

/* commenting out to revert this change; caused issues */

/*
.lp-content
{
margin-top:40px;
} */

tbody
{
	vertical-align: top;
	font-family: 'Open Sans';
}

table
{
	font-size: 16px;
	vertical-align: top;
}

h4
{
	font-size: 20px;
	font-weight: 500;
	color: #484848;
	font-family: 'Open Sans';
}

.quote-box
{
	
}

p.MiniTOC1
{
	display: none;
}

@media only screen and (max-width: 965px)
{
	#resize-squares
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-topfour
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-squares:hover
	{
		background-color: #fff;
		-ms-transform: scale(1.15);
		/* IE 9 */
		-webkit-transform: scale(1.15);
		/* Safari 3-8 */
		transform: scale(1.15);
		background-color: #fff;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	}

	#resize-toptwo
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	.title-bar-section a.logo
	{
		margin-top: 13px;
	}

	.title-bar .menu-icon span
	{
		margin-top: -23px;
		display: block;
	}

	.top-nav
	{
		position: absolute;
	}
}

@media only screen and (max-width: 768px)
{
	.int_description
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_landing
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #FFFFFF;
	}

	.int_container_two
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_top
	{
		float: left;
		width: 100%;
		min-height: 120px;
		background-color: #fff;
	}

	#int_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#int_container_two
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#home_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	.grey_box-2
	{
		width: 96%;
		margin: 2% 2% 2% 2%;
		background: #F9F9F9;
		padding: 25px;
		float: left;
	}

	div.ContentRow > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.ContentRow > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	#resize-squares
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-topfour
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-toptwo
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	.grey_box
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		padding: 20px;
		background: #F9F9F9;
		float: left;
	}

	.warning
	{
		width: 100%;
	}

	.note
	{
		width: 100%;
	}

	.tip
	{
		width: 100%;
	}

	.container
	{
		width: 100%;
	}

	.title-bar-section a.logo
	{
		margin-top: 13px;
	}

	.title-bar .menu-icon span
	{
		margin-top: 12px;
		display: block;
	}

	.top-nav
	{
		position: absolute;
	}
}

@media only screen and (max-width: 414px)
{
	.top-nav
	{
		margin-right: 65px;
	}
}

@media only screen and (max-width: 360px)
{
	.top-nav
	{
		visibility: hidden;
	}
}

@media only screen and (max-width: 560px)
{
	div.ContentRow > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ContentRow > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	.int_description
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_landing
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #FFFFFF;
	}

	.int_container_two
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_top
	{
		float: left;
		width: 100%;
		min-height: 120px;
		background-color: #fff;
	}

	#int_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#int_container_two
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#home_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	.grey_box
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		padding: 20px;
		background: #F9F9F9;
		float: left;
	}

	.warning
	{
		width: 100%;
	}

	.note
	{
		width: 100%;
	}

	.tip
	{
		width: 100%;
	}

	.container
	{
		width: 100%;
	}

	.title-bar .menu-icon span
	{
		margin-top: 12px;
		display: block;
	}
}

div.code
{
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
	font-family: monospace;
	font-style: normal;
	border-left-color: #0e4a75;
	border-left-width: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0;
}

p.textonlyURL
{
	line-height: 28px;
	font-weight: 400;
	color: #484848;
	margin-bottom: 20px !important;
	font-family: monospace;
	font-size: 15px;
}

.OCContainer
{
	margin-right: 20%;
}

hr.acorn
{
	color: #bd5b0e;
	background-color: #bd5b0e;
	border-color: #bd5b0e;
	border-bottom-width: 3px;
	border: solid 2px #bd5b0e;
}

ul.cat
{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

/* Home Page Topic Hero section*/

div.topichero-acorn
{
	background-image: url('../Images/acorn-banner.png');
	background-color: #0C78CF;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 10px;
	margin-top: -85px;
}

div.HomeHeroSection	/*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.HomeHeroSection::before
{
	content: ' ';
	display: table;
}

div.HomeHeroSection::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeHeroSection > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HomeHeroSection > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

.centered-text
{
	text-align: center;
}

@media only screen and (max-width: 9999px)
{
	ul.navigation
	{
		display: none !important;
	}

	nav.title-bar .menu-icon
	{
		display: block !important;
		border: none !important;
		z-index: 100 !important;
		position: absolute !important;
		background: transparent !important;
		cursor: pointer !important;
		top: 25% !important;
		transform: translateY(-50%) !important;
		left: auto !important;
		right: -13px !important;
	}

	.title-bar .menu-icon span
	{
		height: 80px !important;
		width: 80px !important;
		margin-top: 20px;
		display: block;
		background: transparent url('../Images/burger_menu.png') no-repeat center center !important;
		-pie-background: transparent url('../Images/burger_menu.png') no-repeat center center !important;
	}
}

td.yes
{
	
}

MadCap|xref.category
{
	mc-format: '{paratext}';
}

@media only screen and (max-width: 960px)
{
	div.twobytwo > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(3)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(4)
	{
		width: 50%;
		margin-left: 0%;
	}

	img.center
	{
		display: block;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px)
{
	div.twobytwo > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(3)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.twobytwo > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}
}

img.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 35%;
	padding-top: 135px;
}

img.centeracorn
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

@media only screen and (max-device-width: 960px)
{
	div.fourboxes > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.fourboxes > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.fourboxes > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-device-width: 768px)
{
	div.fourboxes > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.fourboxes > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.fourboxes > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}
}

.card-header
{
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(61, 67, 84, 1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

div.wrapper-admin
{
	max-width: 1100px;
}

div.side-content
{
	width: 300px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.topic-layout
{
	padding-top: 4%;
}

.container-cross
{
	display: inline-flex;
	flex-wrap: wrap;
	pading-bottom: 30px;
}

.flex-direction
{
	flex-direction: row;
}

.div1
{
	width: 30%;
}

.div2
{
	width: 70%;
}

p.crossref
{
	margin-top: 40px;
	margin-right: 30px;
}

@media screen and (max-width: 500px)
{
	.flex-direction
	{
		flex-direction: column;
	}

	.div1
	{
		width: 202px;
		height: 131px;
		border-right: none;
	}

	.div2
	{
		width: 202px;
		height: 107px;
	}

	.div2 span
	{
		line-height: 107px;
	}
}

.central-account-drop
{
	display: none;
}

.central-account-image
{
	display: none;
}

.central-account-text
{
	display: none;
}

.central-account-wrapper
{
	display: none;
}

.central-dropdown
{
	display: none;
}

.central-dropdown-content
{
	display: none;
}

.central-dropdown-content-logout
{
	display: none;
}

.central-dropdown-content-settings
{
	display: none;
}

.central-separator
{
	display: none;
}

.feedback-reason
{
	display: none;
}

.feedback-question i:hover,
.feedback-question i:focus,
.feedback-question i:active
{
	cursor: pointer;
}

.search,
.search-bar
{
	margin-top: -10px;
}

.beta-heading
{
	border-left: 9px #0DFFAD solid;
	padding-left: 15px;
	vertical-align: middle;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: auto;
	width: 50%;
	margin-top: 75px;
	margin-bottom: 50px;
}

.beta-content-body
{
	margin: auto;
	width: 60%;
}

.beta-nav
{
	margin: auto;
	border: 4px #0096FF solid;
	border-radius: 15px;
	width: 500px;
	padding: 20px;
	margin-top: 20px;
	font-weight: 600;
	font-size: 18px;
	font-family: 'Lexend Deca', sans-serif;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(72,72,72,0.26);
	box-shadow: 2px 2px 2px 2px rgba(72,72,72,0.26);
}

.beta_icons
{
	color: #0096FF;
}

.mx-4
{
	padding-right: 30px;
}

.pr-4
{
	padding-right: 20px;
}

.tii-step::before
{
	content: 'Turnitin Step';
	color: #003c46;
	transform: rotate(0deg) !important;
	background-color: #0dffad;
	margin-right: 5px;
	padding: 6px;
	border-radius: 10px 10px 10px 10px;
	font-family: "Font Awesome 5 Free", Roboto;
	font-weight: 900;
	font-size: 0.8em;
}

.recommended::before
{
	content: '\f00c\00a0 Recommended for new users';
	transform: rotate(0deg) !important;
	color: #fff;
	background-color: #389E3D;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 0.6em;
}

.complete-in-canvas::before
{
	content: '\f279\00a0 Canvas Defaults';
	transform: rotate(0deg) !important;
	color: #fff;
	background-color: #e72429;
	display: inline-block;
	height: 40px;
	width: auto;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 1em;
}

.complete-in-turnitin::before
{
	content: '\f279\00a0 Turnitin Defaults';
	transform: rotate(0deg) !important;
	color: #fff;
	background-color: #0096ff;
	display: inline-block;
	height: 40px;
	width: 140px;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 0.8em;
}

.information-from-turnitin::before
{
	content: '\f362\00a0 Transfer from Turnitin';
	transform: rotate(0deg) !important;
	color: #fff;
	background-color: #0096ff;
	display: inline-block;
	height: 40px;
	width: auto;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 1em;
}

.information-from-canvas::before
{
	content: '\f362\00a0 Transfer from Canvas';
	transform: rotate(0deg) !important;
	color: #fff;
	background-color: #0096ff;
	display: inline-block;
	height: 40px;
	width: 174px;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 0.8em;
}

/* very simple table styles to avoid overcomplicating things */
/* added by MM on 10/07/22, to be used on "Assignment Settings" pages for LTI 1.3 integrations */
/* table */

.tii-table
{
	border: 1px solid gray;
	width: 100%;
	margin-bottom: 20px;
}

/* table cells */

.tii-table > tbody > tr > td
{
	margin-left: 0 !important;
	border-right: 1px solid black;
	padding: 5px !important;
}

/* table rows */

.tii-table > tbody > tr
{
	border-top: 1px solid black !important;
	border-bottom: 1px solid black !important;
}

/* table headings */

.tii-table > thead > tr > th
{
	font-weight: bold;
	padding: 5px !important;
	border-right: 1px solid black !important;
	background-color: #003C46;
	color: white;
	font-size: 18px;
}

/* a more user-friendly way to display links in two columns on category pages */
/* added by MM on 10/10/22, to be used on Category pages for columns */

.category-columns
{
	columns: 2;
	--webkit-columns: 2;
	--moz-columns: 2;
	column-gap: 35px;
}

/* styles for a plain "recommended" button 
added by MM on 10/13/22 */

.recommended-label
{
	color: #fff;
	background-color: #389E3D;
	padding: 7px;
	border-radius: 13px 13px 13px 13px;
	font-family: "Font Awesome 5 Free", Open Sans;
	font-weight: 900;
	font-size: 0.6em;
}

/* fixes for spacing around certain headers, which 
I noticed makes things harder to read 
added 10/17/22 - MM */

/* this targets h3s that come directly after h2s 
it gives the page some much-needed whitespace */

h2 + h3
{
	padding-top: 20px;
}

h2,
h3
{
	padding-bottom: 10px;
}

/* the previous css I added to bootstrap.css messed up the 
integration home pages, so I'm adding this just
to apply to those pages */

#contentBody1 > h1
{
	margin-top: 26px !important;
}