/*<meta />*/

/*
 * purpose: Global stylesheet for ACL content
 * author: paulo_amaral
 * created: 2016-04-06
 */

/* web font import for body */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic');

@import url('https://fonts.googleapis.com/css?family=PT+Sans');

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

body
{
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: rgb(47, 51, 55);
	/* 2D3337 */
	/*ACL Marketing style*/
	/*#3F3D3C; GRC style*/
	line-height: 1.7;
	/* unitless spec as per styling recommendations of MDN: The computed value is the same as the specified <number>. In most cases this is the preferred way to set line-height with no unexpected results in case of inheritance.*/
	margin-left: auto;
	margin-right: auto;
	max-width: 60em;
	padding-left: 2.25em;
	padding-right: 2.25em;
}

body.empty-body div.nav-search
{
	display: none;
}

.message-banner
{
	background-color: #f6f6f9;
	padding: 0.5rem;
	margin-bottom: 1rem;
	border-radius: 5px;
}

nav.page-table-contents
{
	float: right;
	margin: 0 0 15px 15px;
	background-color: #f6f6f9;
}

nav.page-table-contents
{
	position: relative;
	width: 15em;
	border-radius: 10px;
	padding: 15px;
	font-size: 0.9em;
	word-wrap: break-word;
}

ul[data-mc-side-menu="True"]
{
	float: left;
	max-width: 12rem;
	margin-left: 3rem !important;
}

ul[data-mc-side-menu="True"] ul.sub-menu
{
	border: none;
}

/* responsive side nav movement */

@media screen and (max-width: 1395px)
{
	ul[data-mc-side-menu="True"]
	{
		margin-left: 0.25rem !important;
		max-width: 10rem;
	}
}

@media screen and (max-width: 1280px)
{
	ul.menu._Skins_menu_proxy.mc-component
	{
		display: none;
	}
}

/* end responsive side nav movement */

nav.page-table-contents a
{
	text-decoration: none;
}

nav.page-table-contents a
{
	text-decoration: none;
}

.navtitle
{
	width: 80%;
	margin: auto;
	padding: 2px;
}

nav.page-table-contents ul
{
	list-style-type: none;
	padding: 0;
	width: 80%;
	margin: auto;
}

nav.page-table-contents ul li
{
	margin-left: 2px;
	padding-left: 0;
	margin-bottom: 11px;
	line-height: 1.3;
}

section.release-notes
{
	margin-top: 20px;
	clear: both;
}

section.release-notes h2
{
	float: left;
	width: 20%;
	margin: 10px 0;
	font-size: 1.125em;
}

section.release-notes ul
{
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
	width: 75%;
}

section.release-notes ul ul
{
	float: none;
	list-style: disc;
}

section.release-notes ul ul li
{
	padding: 5px;
}

section.release-notes ul li
{
	padding: 15px;
	margin-left: 20px;
}

section.release-notes ul li:nth-child(odd)
{
	background-color: #f6f6f9;
}

section.release-notes ul ul li:nth-child(odd)
{
	background-color: transparent;
}

section.release-notes
{
	margin: 20px 0;
	padding: 30px 30px;
	border-top: 1px solid #dcdcdc;
}

img.release-icon
{
	margin-right: 5px;
	position: relative;
	float: left;
	left: 0px;
	top: -20px;
}

/* Heading styles as per corp style guide */
/* size scale based on style guide */

h1,
h2,
h3,
h4,
h5,
h6,
div.GlossaryPageHeading,
.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	font-weight: normal;
	color: rgba(47, 51, 55, .8);
	/*ACL Marketing style*/
	/*#3F3D3C; GRC style*/
}

h1
{
	font-size: 2.0em;
}

html[lang="ja"] h1
{
	font-size: 1.9em;
}

h1.release-notes,
h1.admin-section,
h1.quick-start,
h1.user-section,
h1.videos,
h1.general-info,
h1.troubleshooting,
h1.scripting,
h1.basic-scripting,
h1.lang-ref
{
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 2em;
}

h1.scripting
{
	background-image: url('../../images/background_icons/scripting.png');
}

h1.basic-scripting
{
	background-image: url('../../images/background_icons/basic_scripting.png');
}

h1.lang-ref
{
	background-image: url('../../images/background_icons/lang_ref.png');
}

h1.troubleshooting
{
	background-image: url('../../images/background_icons/troubleshooting.png');
}

h1.general-info
{
	background-image: url('../../images/background_icons/general_info.png');
}

h1.release-notes
{
	background-image: url('../../images/background_icons/release_notes.png');
}

h1.admin-section
{
	background-image: url('../../images/background_icons/admin_section.png');
}

h1.quick-start
{
	background-image: url('../../images/background_icons/quick_start.png');
}

h1.user-section
{
	background-image: url('../../images/background_icons/user_section.png');
}

h1.videos
{
	background-image: url('../../images/background_icons/videos.png');
}

h2,
div.GlossaryPageHeading
{
	font-size: 1.563em;
}

h2.pipar
{
	background-image: url("../../images/background_icons/pipar.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

section.release-notes + h2
{
	clear: both;
}

h2.faq-question
{
	font-size: 1.0em;
	font-weight: bold;
}

h3
{
	font-size: 1.125em;
	font-weight: bold;
}

h4
{
	font-size: 1.0em;
	font-weight: bold;
}

h5
{
	font-size: 0.875em;
	font-weight: bold;
}

h6
{
	font-size: 0.688em;
	font-weight: bold;
}

br
{
	line-height: 2.5rem;
}

div.GlossaryPageHeading
{
	border: none;
	background-color: #f6f6f9;
	padding-left: .25em;
}

div.GlossaryPageTerm
{
	font-weight: bold;
	margin-bottom: .5em;
}

hr
{
	margin: 40px 0;
}

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

p.small-text
{
	font-size: 0.75em;
}

.back-to-top
{
	position: relative;
	top: 3rem;
}

footer
{
	margin: 75px 0 50px 0;
	border-top: 1px solid #dcdcdc;
	clear: both;
	display: inline-block;
	width: 100%;
}

.GlossaryPageEntry
{
	margin: 2em 0;
	max-width: 70%;
}

.GlossaryPageEntry,
.GlossaryPageDefinition
{
	margin-left: 3em;
}

.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	text-decoration: none;
	font-weight: bold;
	color: #0A1612;
}

MadCap|glossaryProxy,
ul.glossary-list
{
	list-style-type: none;
	cursor: default;
	border: none;
	padding-left: 0;
}

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

.right-text
{
	float: right;
}

td.numeric-col,
th.numeric-col
{
	text-align: right;
}

.img-header
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}

/* code related styling */

pre
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 10px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	border-radius: 5px;
	/* styling for word wrapping code blocks without line breaks */
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	/*clear: both;*/
}

code
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 3px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.code
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	font-size: .9em;
	color: #444;
	padding: 3px;
	background: #F7F7F7;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/* narrow styling to avoid nage nav */

pre.narrow,
img.narrow,
table.narrow,
.narrow
{
	max-width: 70%;
}

/* END narrow styling */

.column-left-2 img,
.column-left-3 img,
.column-middle-3 img,
.column-right-2 img,
.column-right-3 img
{
	margin-top: 20px;
}

/* panel styling */

.panel
{
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 30px 0;
}

.panel-title
{
	margin: 0;
}

.panel-heading
{
	padding: 10px 20px;
}

.panel-default .panel-heading
{
	background-color: #f6f6f9;
}

.panel-title
{
	font-size: 1.0em;
	font-weight: normal;
}

.panel-body
{
	padding: 10px 20px;
}

/* end panel styling */

video
{
	width: 100% !important;
	height: auto !important;
	max-width: 750px;
	min-width: 200px;
}

ul,
ol
{
	margin-top: 5px;
	margin-bottom: 5px;
}

dt
{
	font-weight: bold;
}

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

/* hack styling to handle flare import of dita choices element and lists */

li ul
{
	padding-left: 20px;
}

li ol
{
	padding-left: 20px;
}

ol.unstyled,
ul.unstyled,
.unstyled ol,
.unstyled ul
{
	list-style-type: none;
}

div.choice
{
	display: list-item;
	list-style-type: circle;
	margin: 0 0 0 20px;
	padding: 0;
}

/* all p tags that are immediate children of class choice */

.choice p:first-of-type
{
	margin: 0;
	padding: 0;
}

ul li p:first-of-type
{
	margin: 0;
	padding: 0;
}

/* end of hack styling */

.varname
{
	font-style: italic;
}

html[lang="ja"] .varname,
html[lang="zh-cn"] .varname
{
	font-style: normal;
}

.userinput
{
	font-family: Courier, "Courier New", monospace, sans-serif;
	color: #53529F;
	font-weight: bold;
}

p.example
{
	color: #546C7F;
	border: solid 1px #BECFDC;
	background-color: #DEE8F0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 14px 20px;
}

/*
p.note
{
    color: #616E14;
    border: solid 1px #BFD62F;
    background-color: #DAE691;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 14px 20px;
}
*/

/* note styles */

div.note,
div.noteImportant,
div.noteCaution,
div.noteTip,
div.important,
div.caution,
div.tip
{
	max-width: 75%;
	margin-left: 1px;
	margin-bottom: 10px;
	padding: 2px 15px 3px;
	line-height: 1.4;
}

div.note
{
	border-left: solid 5px #53529F;
	color: #53529F;
}

div.noteTip,
div.tip
{
	border-left: solid 5px #42996D;
	color: #42996D;
}

div.noteImportant,
div.important
{
	border-left: solid 5px rgb(0, 125, 197);
	color: rgb(0, 125, 197);
}

div.noteCaution,
div.caution
{
	border-left: solid 5px rgb(193, 52, 32);
	color: rgb(193, 52, 32);
}

p.notetitle,
span.notetitle
{
	font-weight: bold;
	line-height: 1.7;
}

/* treat notetitle imported from HelpIQ as if it were marked up correctly to save the re-work */

span.notetitle
{
	display: block;
}

.note p,
.noteImportant p,
.important p,
.noteCaution p,
.caution p,
.noteTip p,
.tip p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

a,
a:visited,
a.external-guide,
.back-to-top
{
	color: #5B8EC1;
	text-decoration: none;
}

.GlossaryPageHeading_0 a
{
	display: inline-block;
	font-size: .6em;
	top: -.125em;
	position: relative;
	margin-left: 1.25em;
}

a:hover
{
	color: #DE4D33;
}

/* START custom help bridge for AN user guide to SG links */

div.help-bridge-script a:before
{
	content: 'Auf Benutzerhandbuch umschalten';
}

div.help-bridge-user a:before
{
	content: 'Auf Leitfaden für die Skripterstellung umschalten';
}

div.help-bridge-user a,
div.help-bridge-script a
{
	padding: 0.5rem;
	border-radius: 3px;
	background-color: #f6f6f9;
	color: #53529F;
	border: 1px solid #d6d6e7;
	font-weight: bold;
}

div.help-bridge-user,
div.help-bridge-script
{
	position: relative;
	top: -10px;
}

/* END custom help bridge for AN user guide to SG links */
/* START table styling */

table
{
	width: 100%;
	font-size: 0.9em;
	border: none;
	border-collapse: collapse;
}

li table
{
	margin-top: 10px;
	margin-bottom: 7px;
}

td,
th
{
	padding: 8px;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: top;
}

th
{
	color: #595959;
}

thead th
{
	border: none;
	vertical-align: bottom;
}

/* START handle border with row spanning complications */

td:first-child,
tbody th:first-child
{
	border-left: none;
	border-right: 1px solid #dcdcdc;
}

tbody th:last-child
{
	border-right: 1px solid #dcdcdc;
}

td:only-child,
tbody th:only-child,
td + th:last-child
{
	border-right: none;
}

/* END handle border with row spanning complications */
/* START table striping style */

table.TableStyle-FormatA tbody td,
table.TableStyle-FormatA tbody th
{
	border-top: none;
}

table.TableStyle-FormatA tbody tr:nth-child(odd)
{
	background-color: #f6f6f9;
}

/* END table striping style */
/* table list item styling */

td > ul
{
	list-style-type: circle;
}

td > ul,
td > ol
{
	margin-left: 12px;
	padding-left: 5px;
}

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

td > ol.numbered-list
{
	list-style-type: decimal;
}

/* custom attribute for lists that are alone in td to achieve consistent alignment with text */

td ul[list-type="table-orphan"],
td ol[list-type="table-orphan"]
{
	margin-top: 0;
	padding-top: 0;
}

/* hack around p tags in tables from dita */

td p:first-of-type,
th p:first-of-type
{
	margin: 0;
	padding: 0;
}

td.risk
{
	background-color: #ffedfe;
}

td.projects
{
	background-color: #e2ffd6;
}

td.results
{
	background-color: #fdff99;
}

td.system-field
{
	background-color: #bfecff;
}

/* END table styling */
/* pseudo 3 col tables */
/* responsive design for mobile */

@media screen and (min-width: 481px)
{
	div.column-left-3
	{
		float: left;
		width: 33%;
	}

	div.column-right-3
	{
		float: right;
		width: 33%;
	}

	div.column-middle-3
	{
		display: inline-block;
		width: 33%;
	}

	/* pseudo 2 col tables */

	div.column-left-2
	{
		float: left;
		width: 48%;
	}

	div.column-right-2
	{
		float: right;
		width: 48%;
	}

	div.column-left-2-narrow
	{
		float: left;
		width: 35%;
	}

	div.column-right-2-narrow
	{
		float: right;
		width: 35%;
	}

	div.column-right-2 + *,
	div.column-right-2-narrow + *
	{
		clear: both;
	}
}

/* list styling */
/* fake dl divs imported from DITA */

.dt
{
	font-weight: bold;
}

.dd > p,
.dd > li
{
	margin-left: 25px;
}

.uicontrol
{
	font-weight: bold;
}

.filepath
{
	font-family: "Lucida Console", Consolas, Monaco, "Courier New", monospace;
	color: #DE4D33;
}

.runin-heading
{
	font-weight: bold;
}

html[lang="ja"] .runin-heading,
html[lang="zh-cn"] .runin-heading
{
	font-weight: normal;
}

/* insert en dash after the term as a delimiter */

.runin-heading::after
{
	font-weight: normal;
	content: ' –';
}

/* basic nav inline */

.glossary-nav
{
	list-style: none;
	margin-left: 0;
	padding: 0 0 0 .25em;
	font-size: 1.125em;
	margin-top: 2em;
}

.glossary-nav li
{
	display: inline-block;
	margin-right: 1.5em;
	margin-left: 0;
	padding: 0;
}

/* component styling */

input[type=text]
{
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 5px;
	-webkit-appearance: none;
}

/* END component styling */

MadCap|expanding
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	mc-image-position: left;
}

MadCap|dropDown
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
}

MadCap|toggler
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	color: inherit;
}

MadCap|popupHead
{
	color: #5B8EC1;
}

MadCap|popupBody
{
	color: #EBEBEB;
	border: none;
	background-color: rgba(0, 0, 0, .85);
	padding: 11px 15px;
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #5B8EC1;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #5B8EC1;
	font-weight: normal;
}

MadCap|conceptLink
{
	color: #000000;
}

MadCap|keywordLink
{
	color: #000000;
}

MadCap|relatedTopics
{
	color: #000000;
}

MadCap|helpControlMenu
{
	color: #707070;
	background-color: #FFFFFF;
	border: none;
}

MadCap|helpControlMenuItem
{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #000000;
	background-color: #E5EFF7;
}

/* relationship table styles for AN */

/*
div.related-links-widget
{
	background-color: #f6f6f9;
	width: 75%;
	padding: 1rem;
	border-radius: 3px;
}

div.related-links-widget::before
{
	content: "See also: ";
	color: #53529F;
	font-weight: bold;
} */

div.related-links-widget
{
	margin-bottom: 1.5rem;
}

div.related-links-widget a
{
	padding: 0.75rem 2rem;
	margin-right: 0.5rem;
	border-radius: 3px;
	background-color: #f6f6f9;
	color: #53529F;
	border: 1px solid #d6d6e7;
	font-weight: bold;
}

div.related-links-widget a.active-rel-link
{
	color: grey;
	cursor: default;
}

MadCap|relationshipsProxy
{
	display: none;
}

div.MCRelationshipsProxy_0
{
	display: none;
}

MadCap|relationshipsHeading.how-it-works
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Funktionsweise';
}

MadCap|relationshipsHeading.steps
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Schritte';
}

MadCap|relationshipsHeading.syntax
{
	font-weight: normal;
	font-size: 1.563em;
	mc-label: 'Syntax';
}

MadCap|xref
{
	color: #5B8EC1;
	text-decoration: none;
}

/* release notes link style */

MadCap|xref.learn-more
{
	mc-format: 'Erfahren Sie mehr >';
}

MadCap|breadcrumbsProxy
{
	border-bottom-style: none;
	mc-breadcrumbs-prefix: "";
	font-size: 0.9em;
}

MadCap|tocProxy
{
	border-top-color: transparent;
	mc-float: outside-frame-left;
}

.MCDropDown_Closed
{
	font-weight: bold;
}

.MCDropDownBody table
{
	max-width: 98%;
}

/* tmp L10N link solution for GRC */

#lang-select-wrapper
{
	text-align: right;
	max-width: 50em;
}

#globe-icon-tmp
{
	position: relative;
	top: 8px;
}

#lang-select
{
	border-radius: 2px;
	box-shadow: none;
	padding: 0.3rem;
}

/* end tmp solution */
/* mobile-friendly styling */

@media screen and (max-width: 480px)
{
	body
	{
		margin: 10px;
	}

	div.column-left-3,
	div.column-right-3,
	div.column-middle-3,
	div.column-left-2,
	div.column-right-2,
	div.column-left-2-narrow,
	div.column-right-2-narrow
	{
		width: 90%;
		margin: auto;
		text-align: center;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		text-align: center;
		clear: both;
	}

	h1.release-notes,
	h1.admin-section,
	h1.quick-start,
	h1.user-section,
	h1.videos
	{
		padding-left: 1em;
	}

	div.MCBreadcrumbsBox_0
	{
		text-align: center;
	}

	footer .right-text
	{
		float: none;
		display: block;
	}

	div.GlossaryPageHeading_0
	{
		text-align: center;
	}

	a.back-to-top
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.GlossaryPageEntry
	{
		margin: 2em 0;
		max-width: 100%;
	}

	.GlossaryPageEntry,
	.GlossaryPageDefinition
	{
		margin-left: 0;
	}

	ul.glossary-nav
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}

	.glossary-nav li
	{
		display: inline-block;
		margin-left: 1em;
	}
}

p.optional-param
{
	opacity: 0.6;
}

/* product name style */

.product_namesacl_analytics,
.product_namesacl_for_windows,
.product_namesacl_addin,
.product_namesacl_analytics_exchange,
.product_namesacl_grc,
.product_namesax_exception,
.product_namesdirect_link,
.product_namesanalytics_exchange,
.product_namesacl_essentials,
.product_namesproject_manager,
.product_namesrisk_manager,
.product_namesresults_manager,
.product_namesreports_manager,
.product_namesacl_launchpad,
.product_namesproject_manager_client,
.product_namesmission_control,
.product_namesrobots
{
	font-style: italic;
}

ul.sub-menu,
div.search-filter-content
{
	border: 1px solid #E6E3DF;
	border-radius: 3px;
}

ul.navigation > li
{
	padding: 0.25em;
	margin-left: 0.75em;
}

ul.navigation li,
ul.navigation li:hover
{
	background-position: 95% 52%;
}

ul.navigation li a
{
	padding: 0 1em 0 0.25em;
}

ul.navigation ul li
{
	background-image: none;
}

ul.navigation li:hover
{
	background-color: #53529F;
	border-radius: 3px;
}

ul.navigation li:hover > a
{
	color: white;
}

ul.navigation ul.sub-menu > li > a:hover,
div.search-filter-content > ul > li:hover
{
	background-color: #53529F;
	color: #FFF;
}

nav.tab-bar
{
	border-bottom: 1px solid #E6E3DF;
	border-top: 8px solid #53529F;
	padding-bottom: 1.5em;
}

._Skins_toolbar.mc-component .button
{
	margin-bottom: 0.5rem;
}

._Skins_toolbar.mc-component .button.select-language-button,
._Skins_toolbar.mc-component .button.glossary-nav-button
{
	width: 10rem;
	background-position: 6px;
}

div.topicToolbarProxy
{
	max-width: 15rem;
}

@media only screen and (max-width: 650px)
{
	div.topicToolbarProxy
	{
		/*display: none; */
	}

	._Skins_toolbar.mc-component .button.select-language-button
	{
		width: 1.5rem;
		background-position: 50%;
		color: transparent;
	}

	._Skins_toolbar.mc-component .button.print-button
	{
		display: none;
	}

	._Skins_toolbar.mc-component .toolbar-button-drop-down.select-language-drop-down
	{
		left: 200px !important;
	}
}

/* syntax highlighting */

.acl-cmd,
.acl-com,
.acl-func,
.acl-key,
.acl-str
{
	font-weight: bold;
}

span.acl-func
{
	color: #b24835;
}

span.acl-str
{
	color: #ECAD23;
}

span.acl-cmd
{
	color: #2666AB;
}

span.acl-com
{
	color: #42996D;
}

span.acl-key
{
	color: #01b0ba;
}

span.acl-com span.acl-func,
span.acl-com span.acl-str,
span.acl-com span.acl-cmd,
span.acl-com span.acl-key
{
	color: #42996D;
}

span.acl-cmd span.acl-key
{
	color: #2666AB;
}

@media only screen and (max-width: 1279px)
{
	nav.tab-bar .menu-icon
	{
		right: 3px;
	}
}

/* Styles for the tabbed UI */

div.tab
{
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	margin-top: 2rem;
	border-radius: 6px 6px 0 0;
}

/* Style the buttons inside the tab */

div.tab button
{
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 1.125em;
	color: rgba(47,51,55,.8);
	font-family: inherit;
}

/* Change background color of buttons on hover */

div.tab button:hover
{
	background-color: #ddd;
}

/* Create an active/current tablink class */

div.tab button.active
{
	background-color: #ccc;
}

/* Style the tab content */

.tab-content
{
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 6px 6px;
}

span.red-highlight
{
	color: #FF0000;
}

span.blue-highlight
{
	color: #3300ff;
}

span.turquiose-highlight
{
	color: #00ccff;
}

/* LANDING PAGE REDESIGN */
/* Flare 2018 introduced new empty element that screws up our CSS */

div.sidenav-layout
{
	display: block;
}

div.landing-page-banner
{
	position: relative;
	top: 5rem;
	background-color: #53529F;
	padding: 4rem;
	width: 100vw;
	left: calc(-50vw + 50%);
	text-align: center;
}

div.landing-page-banner input.search-field
{
	text-indent: 1.5rem;
	font-style: italic;
}

h1.landing-page
{
	color: white;
}

div.landing-page-banner .search-bar._Skins_search_bar.mc-component
{
	max-width: 70%;
}

div.landing-page-banner > p
{
	margin-top: 2rem;
	font-size: 1.25rem;
}

a.landing-page-link
{
	color: white;
	text-decoration: none;
	display: inline-block;
	margin: 0 3rem;
	border-bottom: 2px solid white;
	background-image: url(../../images/background_icons/arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 2.5rem;
}

div.product-access
{
	position: relative;
	float: left;
	max-width: 40%;
	top: 5rem;
	padding: 0.75rem;
	margin-top: 1rem;
	background-color: #f5f5f5;
	background-image: url(../../images/background_icons/quick_start.png);
	background-repeat: no-repeat;
	background-position: 85% 25%;
	background-size: 18%;
}

div.product-access p:first-of-type
{
	width: 66%;
}

div.return-home
{
	position: relative;
	float: left;
	max-width: 60%;
	top: 5rem;
	left: 3rem;
	background-color: #f5f5f5;
	padding: 0.75rem;
	margin-top: 1rem;
}

div.return-home > h2
{
	font-size: 1.25rem;
}

div.return-home + div
{
	clear: both;
	margin-bottom: 8rem;
}

.app-button
{
	border: 1px solid #bfbfbf;
	background-color: white;
	padding: 0.25rem 0.5rem;
	display: inline-block;
}

.popular-topic
{
	border-top: 1px solid #dcdcdc;
	margin-top: 2.5rem;
	padding-top: 1.5rem;
}

.popular-topic a
{
	font-size: 1.25rem;
}

@media screen and (max-width: 1175px)
{
	a.landing-page-link
	{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	div.return-home,
	div.product-access
	{
		float: none;
		position: static;
		margin-left: auto;
		margin-right: auto;
		max-width: 80%;
	}

	div.product-access
	{
		margin-top: 8rem;
	}
}

@media screen and (max-width: 550px)
{
	div.landing-page-banner .search-bar._Skins_search_bar.mc-component
	{
		max-width: 95%;
	}
}