/*<meta />*/

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

@font-face 
{
	font-family: 'Roboto-Regular';
	src: url('../../Fonts/Roboto-Regular.ttf');
	src: url('../../Fonts/Roboto-Regular.ttf?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto-Medium';
	src: url('../../Fonts/Roboto-Medium.ttf');
	src: url('../../Fonts/Roboto-Medium.ttf?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto-MediumItalic';
	src: url('../../Fonts/Roboto-MediumItalic.ttf');
	src: url('../../Fonts/Roboto-MediumItalic.ttf?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

:root
{
	--font-family-base: "Roboto", sans-serif;
	--font-family-base-icons: "FontAwesome";
	--font-icon-video-camera: '\f03d';
	--font-icon-file-pdf-o: '\f1c1';
	--font-icon-fa-file: '\f15b';
	--font-icon-file-text: '\f15c';
	--font-icon-file-text-o: '\f0f6';
	--font-icon-file-video-o: '\f1c8';
	--font-icon-file-o: '\f016';
	--font-icon-television: '\f26c';
	--font-icon-play-circle: '\f144';
	--font-icon-play-circle-o: '\f01d';
	--link-color: #0076bc;
	--link-hover-color: #00a7e0;
	--link-visited-color: #7c5992;
	--link-border-bottom-width: 1px;
	--link-border-bottom-style: dotted;
	--link-text-decoration: none;
	--font-size-base: 1rem;
}

.font-size-1
{
	font-size: 1em;
}

.font-size-2
{
	font-size: 2em;
}

small,
.small
{
	font-size: 80%;
	font-weight: 400;
}

body
{
	color: #404040;
	font-family: var(--font-family-base);
	line-height: 1.7em;
}

/*This style is purely used for viewing the HomePage.flmsp within the Flare Editor*/

body.home-master-page
{
	background-color: #dcdcdc;
}

h1
{
	font-size: 2.3em;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	line-height: 1em;
}

h1.home
{
	text-align: center;
	color: #F26849;
	font-family: "Roboto", sans-serif;
}

h1.master-page
{
	font-size: 2.3em;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	line-height: 1em;
	text-align: center;
	color: #0099cd;
}

h2
{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 20px;
}

h3
{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
}

h4
{
	
}

p.lead
{
	font-size: 1.1em;
}

mark
{
	padding: .2em;
	background-color: #e5f6fb;
	color: inherit;
}

ul.icons
{
	list-style-type: none;
}

ul.icons li
{
	text-indent: -1.2em;
}

ul.icons li:before
{
	font-family: var(--font-family-base-icons);
	float: left;
	width: 1.2em;
}

/* This is intended for checklists. */

ul.icons li.icon-fa-square-o:before
{
	content: '\f096';
}

ul.icons li.font-icon-video-camera::marker
{
	content: var(--font-icon-video-camera);
}

ul.icons li.font-icon-file-pdf-o::marker
{
	content: var(--font-icon-file-pdf-o);
}

ul.icons li.font-icon-fa-file::marker
{
	content: var(--font-icon-fa-file);
}

ul.icons li.font-icon-file-text::marker
{
	content: var(--font-icon-file-text);
}

ul.icons li.font-icon-file-text-o::marker
{
	content: var(--font-icon-file-text-o);
}

ul.icons li.font-icon-file-video-o::marker
{
	content: var(--font-icon-file-video-o);
}

ul.icons li.font-icon-file-o::marker
{
	content: var(--font-icon-file-o);
}

ul.icons li.font-icon-television::marker
{
	content: var(--font-icon-television);
}

ul.icons li.font-icon-play-circle::marker
{
	content: var(--font-icon-play-circle);
}

ul.icons li.font-icon-play-circle-o::marker
{
	content: var(--font-icon-play-circle-o);
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

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

/*Setting max-width: 100%; property makes images always fit the width of the container*/

img
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

img.inLineIcon,
img.inLineIcon24by24,
img.inLineIcon20by20
{
	mc-hidden: hidden;
}

img.inLineIcon24by24
{
	height: 24px;
	width: 24px;
	margin-bottom: -3pt;
	border: none;
}

img.inline-icon
{
	margin-bottom: -3pt;
	border: transparent;
	border-radius: 3px;
}

img.size-24px
{
	height: 24px;
	width: 24px;
}

[class^="inline-image"]
{
	margin-bottom: -.1em;
	width: auto;
	border: none;
}

img.inline-image-sm,
svg.inline-image-sm
{
	height: .9em;
}

img.inline-image-md,
svg.inline-image-md
{
	height: 1em;
}

img.inline-image-lg,
svg.inline-image-lg
{
	height: 1.1em;
}

img.inline-image-xl,
svg.inline-image-xl
{
	height: 1.2em;
}

abbr
{
	cursor: help;
}

figure
{
	margin-left: 0;
}

figcaption
{
	color: #515a5f;
	line-height: 1.5em;
	font-size: .8em;
}

kbd
{
	background: rgb(237,240,245);
	background: linear-gradient(180deg, rgba(237,240,245,0) 0%, rgba(237,240,245,0) 85%, rgba(237,240,245,1) 85%);
	font-family: var(--font-family-base);
	font-weight: bold;
	display: inline-block;
	color: #617F92;
}

kbd svg
{
	fill: #617F92;
}

a,
MadCap|xref
{
	color: var(--link-color);
	text-decoration: var(--link-text-decoration);
	border-bottom: var(--link-border-bottom-width) var(--link-border-bottom-style) var(--link-color);
}

a:visited,
MadCap|xref:visited
{
	color: var(--link-visited-color);
	border-bottom-color: var(--link-visited-color);
}

a:hover,
MadCap|xref:hover
{
	color: var(--link-hover-color);
	border-bottom-color: var(--link-hover-color);
}

/* For styling links that open the Windows settings app. */
/* The name of the icon in the content is "fa-external-link" */

a.windows-settings-link:after
{
	font-family: var(--font-family-base-icons);
	content: ' \f08e';
}

MadCap|xref
{
	mc-format: '{para}';
}

ul.menu._Skins_licor_acquisition_menu.mc-component a
{
	border-bottom: none;
}

/* This allows the user to scroll the last item in the navigation menu fully into view.  */

ul.nocontent.menu._Skins_licor_acquisition_menu.mc-component > li:last-child
{
	padding-bottom: 3em;
}

#resultList a,
#resultList a:hover
{
	border: none;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
}

MadCap|dropDown
{
	/* "none" prevents image tag from being added to the dropdown output markup. */
	mc-open-image: none;
	mc-closed-image: none;
	margin-bottom: 1em;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage:before
{
	font-family: FontAwesome;
	/* FontAwesome icon name: plus-square-o */
	content: '\f147';
	padding-left: .5em;
	padding-right: .5em;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage:before
{
	font-family: FontAwesome;
	/* FontAwesome icon name: fa-minus-square-o */
	content: '\f196';
	padding-left: .5em;
	padding-right: .5em;
}

MadCap|glossaryTerm
{
	mc-closed-image: none;
	mc-open-image: none;
}

.glossaryTerm:link
{
	border-bottom: none;
	font-weight: bold;
	color: #0076bc;
	cursor: help;
}

.glossaryTerm:link a
{
	color: inherit;
	border: none;
}

.popupBody
{
	background-color: #eceff1;
	color: #263238;
	padding: 12px;
}

.MCTextPopup_Closed.MCTextPopupHotSpot_,
.MCTextPopup_Open.MCTextPopupHotSpot_
{
	background-image: none;
	padding-right: 3px;
}

.MCTextPopupArrow
{
	border-bottom-color: #eceff1;
}

.MCTextPopupBodyBottom .MCTextPopupArrow
{
	border-top-color: #eceff1;
}

.xref.xrefRelLinkPageNumber
{
	color: #0076bc;
	text-decoration: none;
	border-bottom: 1px dotted #0076bc;
}

.blue-highlight-box,
.example-callout
{
	page-break-inside: avoid;
	padding: 1.7em;
	background-color: #C8E4F5;
}

MadCap|dropDownHotspot
{
	color: #027BB8;
	background-color: #fcfcfd;
	border-radius: .5em;
	border-bottom: none;
	padding: .5em;
}

MadCap|dropDownBody
{
	background-color: #fcfcfd;
	padding-left: 1em;
	padding-top: 1em;
	margin-left: 0;
	border-radius: 0 .5em .5em .5em;
}

/*==Top Navigation Bar==*/

nav.title-bar
{
	position: absolute;
	width: 100%;
	background-color: transparent;
}

/*==Master Page Topic Layout==*/
/*This style applies the grey background. This HTML element is not on a master page, it is used at compile time.*/

.main-section
{
	background: #ECEFF1;
}

/*Wraps the content on the masterpage and provides the white background behind topics.*/
/*Since the top navigation bar is absolutely positioned the content-container needs to be pushed down to accommodate the space*/

div.content-container
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
}

div.topic-layout
{
	mc-grid-row: true;
	margin: 0 auto;
	background-color: #FFF;
	min-height: 95vh;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
}

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topic-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 95vh;
}

div.banner
{
	margin: 0;
	padding: .1%;
	text-align: center;
	line-height: 1.1em;
}

div.banner-info
{
	background-color: #cce5f1;
}

div.banner p
{
	line-height: 1.1em;
	margin-bottom: 8px;
	margin-top: 8px;
}

.btn
{
	border-radius: 4px;
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}

.btn-info
{
	color: #fff;
	background-color: #0076bc;
	border-color: #546e7a;
}

.btn-info:hover
{
	color: #fff;
	background-color: #00a7e0;
}

.btn-default
{
	color: #37474f;
	border-color: #37474f;
}

.btn-default:hover
{
	background-color: #cfd8dc;
}

.btn-standard
{
	color: #fff;
	background-color: #37474f;
	border-color: #546e7a;
}

.term-info
{
	position: relative;
	border-bottom: 1px dashed;
	cursor: help;
}

p.note
{
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 5px 5px 48px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #eceff1;
	border-left: 13px solid #607d8b;
	border-top: 1px solid #607d8b;
	border-bottom: 1px solid #607d8b;
	border-right: 1px solid #607d8b;
	position: relative;
	page-break-inside: avoid;
}

p.note::before
{
	color: #607d8b;
	content: "\f249";
	font-family: FontAwesome;
	font-size: 24px;
	font-weight: bold;
	position: 9px 0px;
	padding-left: 12px;
	width: 10px;
	position: absolute;
	left: 0;
}

.warning
{
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 13px solid #990000;
	background-color: #eacccc;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	padding: 5px 5px 5px 48px;
	position: relative;
	page-break-inside: avoid;
}

.warning::before
{
	color: #990000;
	content: '\f071';
	font-family: FontAwesome;
	font-size: 24px;
	font-weight: bold;
	position: 9px 0px;
	padding-left: 12px;
	width: 10px;
	position: absolute;
	left: 0;
	top: 6px;
}

.moreInfo
{
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 13px solid #00a7e0;
	padding: 5px 5px 5px 48px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #e5f6fb;
	border-top: 1px solid #00a7e0;
	border-bottom: 1px solid #00a7e0;
	border-right: 1px solid #00a7e0;
	position: relative;
	page-break-inside: avoid;
}

.moreInfo::before
{
	color: #00a7e0;
	content: "\f05a";
	font-family: FontAwesome;
	font-size: 24px;
	font-weight: bold;
	position: 9px 0px;
	padding-left: 12px;
	width: 10px;
	position: absolute;
	left: 0;
}

.caution-color
{
	color: #e69138;
}

.green-text
{
	color: #1c8073;
}

.red-text
{
	color: #990000;
}

.action-color-font
{
	color: #0076bc;
}

.background-link-color
{
	background: var(--link-color);
}

.dropdown-button
{
	color: #fff;
	padding: .3em;
}

.favorite-icon
{
	fill: #b0bec5;
}

.favorite-icon-selected
{
	fill: #0076bc;
}

.width-5
{
	width: 5%;
}

.width-10
{
	width: 10%;
}

.width-15
{
	width: 15%;
}

.width-20
{
	width: 20%;
}

.width-25
{
	width: 25%;
}

.width-30
{
	width: 30%;
}

.width-35
{
	width: 35%;
}

.width-40
{
	width: 40%;
}

.width-45
{
	width: 45%;
}

.width-50
{
	width: 50%;
}

.width-55
{
	width: 55%;
}

.width-60
{
	width: 60%;
}

.width-65
{
	width: 65%;
}

.width-70
{
	width: 70%;
}

.width-75
{
	width: 75%;
}

.width-80
{
	width: 80%;
}

.width-85
{
	width: 85%;
}

.width-90
{
	width: 90%;
}

.width-95
{
	width: 95%;
}

.width-100
{
	width: 100%;
}

/*Menu Proxy container*/

div.topic-layout > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
	min-height: 100%;
	border-right: solid 1px #d3d3d3;
	padding-right: 20px;
	background-color: #263238;
}

div.topic-layout > div:nth-child(2)
{
	width: 73%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 5px 10px;
	overflow: auto;
}

/*Container for Menu proxy*/

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

/*Provides the line on the left of the selected topic*/

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	border-left: 2px solid #F2C335;
}

/*==Home Tiles section==*/

div.home-tiles-container
{
	padding-top: 60px;
	padding-bottom: 60px;
}

div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

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

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

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 11.5px;
	padding-right: 11.5px;
	transition: all 0.4s cubic-bezier(.25,.8,.25,1);
	overflow: hidden;
}

div.home-tiles > div:hover
{
	box-shadow: 0 0 7px 3px rgba(0,0,0,0.08), 0 3px 8px 3px rgba(0,0,0,0.08);
}

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

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

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

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

p.tile-title
{
	text-align: center;
	color: #000000;
}

div.home-tiles a
{
	text-decoration: none;
	color: #F26849;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.home-tiles a:hover
{
	color: #3f4652;
}

div.info-container
{
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	padding-bottom: 75px;
	border-top: solid 1px #d3d3d3;
	padding-top: 10px;
}

div.info-section
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.info-section::before
{
	content: ' ';
	display: table;
}

div.info-section::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.info-section > div:nth-child(1)
{
	width: 50%;
}

div.info-section > div:nth-child(2)
{
	width: 50%;
}

/*==Home Page Footer==*/

div.footer
{
	padding-top: 20px;
	padding-bottom: 20px;
}

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

div.footer p
{
	font-size: 0.8em;
	color: #FFF;
}

div.home-master-page-footer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-master-page-footer::before
{
	content: ' ';
	display: table;
}

div.home-master-page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-master-page-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-master-page-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

nav.title-bar .menu-icon
{
	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 mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 5000px)
{
	.foundation-wrap,
	.off-canvas-wrapper
	{
		overflow: hidden;
	}
}

@media only screen and (max-width: 767px)
{
	nav.title-bar .menu-icon
	{
		display: block;
	}

	div.content-container
	{
		margin-top: 25%;
	}

	div.topic-layout > div
	{
		height: auto;
	}

	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 100%;
		overflow: auto;
	}

	div.home-master-page-footer > div:nth-child(1)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(2)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(3)
	{
		width: 100%;
	}
}

.version
{
	display: flex !important;
	align-self: center;
	padding: 3px !important;
	background-color: rgba(255,255,255,.2);
	font-size: .8rem !important;
	line-height: .8rem !important;
}

@media only screen and (max-width: 1250px)
{
	.navigation-wrapper,
	ul.navigation.naversion
	{
		display: block !important;
	}
}

.navigation-wrapper,
ul.navigation.naversion
{
	margin-left: .6rem !important;
	margin-top: .6rem !important;
	display: block !important;
}

.version-banner
{
	padding: 1.5rem;
	color: #FFF;
	text-align: center;
	display: flex !important;
	justify-content: center;
	position: relative;
}

.version-banner a
{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

.version-banner p
{
	margin-bottom: 0 !important;
}

.bg-blue
{
	background: #0077c6 !important;
}

li#switch-version-list a,
ul#help-version-list a
{
	border: none;
}

