/*<meta conditions="ImportTo_DocTypes.CityworksOnlineHelp,ImportTo_DocTypes.CityworksTraining,ImportTo_DocTypes.Matrices,ImportTo_DocTypes.PDFWordOnly,ImportTo_DocTypes.GlobalContent" />*/

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

body,
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

/*==heading styles==*/

h1,
h1.Title,
h1.Title_manual,
h1.TOC,
h1.Copyright_H1,
h1.Training,
h1.Appendix,
h2,
h2.Training,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	mc-hyphenate: never;
	page-break-after: avoid;
}

h1
{
	font-size: 24.0pt;
	font-style: normal;
}

h1.Title
{
	mc-heading-level: 0;
	color: #ffffff;
	font-style: normal;
	font-size: 14pt;
	page-break-before: avoid;
	page-break-inside: avoid;
	mc-conditions: 'TargetOutputs.PrintOnly_PDF';
}

h1.Title_manual
{
	mc-heading-level: 0;
	color: #002D5B;
	font-style: normal;
	text-align: left;
	font-size: 24pt;
	page-break-before: avoid;
	page-break-inside: avoid;
	mc-conditions: 'TargetOutputs.PrintOnly_Word';
}

h1.TOC
{
	font-size: 24.0pt;
	mc-heading-level: 0;
}

h1.Copyright_H1
{
	mc-heading-level: 0;
	font-size: 12pt;
}

h1.Training
{
	mc-auto-number-format: 'S:Section {chapnum}: ';
}

h1.Appendix
{
	mc-auto-number-format: 'CH:Appendix {chapnum}: ';
}

h2
{
	font-size: 18.0pt;
}

h2.Training
{
	mc-auto-number-format: 'S:Section {chapnum}: ';
}

h3
{
	font-size: 14.0pt;
}

h4
{
	font-size: 12.0pt;
}

h5
{
	font-size: 11.0pt;
}

h6
{
	font-size: 11.0pt;
}

/*-end heading styles-*/
/*==single paragraph styles==*/

p
{
	margin-top: 3pt;
	margin-bottom: 6pt;
}

p,
li
{
	margin-top: 4px;
}

p,
p
{
	margin-top: 4px;
}

p.copyright
{
	margin-top: 10pt;
	text-align: left;
	font-size: 8pt;
}

p.copyrightHTML
{
	font-size: 10pt;
	margin-top: 10pt;
	text-align: center;
}

p.lastupdated
{
	font-weight: normal;
	font-style: normal;
	margin-top: 10pt;
	font-size: 8pt;
}

p.byline
{
	margin-top: 3pt;
	margin-bottom: 6pt;
	color: #ffffff;
	font-size: 9pt;
	mc-conditions: 'TargetOutputs.PrintOnly_PDF, TargetOutputs.ScreenOnly';
}

p.byline_manual
{
	margin-top: 3pt;
	margin-bottom: 6pt;
	color: #002D5B;
	font-size: 10pt;
	mc-conditions: 'TargetOutputs.PrintOnly_Word';
}

p.FakeLink
{
	text-decoration: underline;
	color: #005F9E;
}

p.versionInTable
{
	font-size: 8pt;
	margin-bottom: 10pt;
	line-height: 2px;
	text-align: center;
	vertical-align: middle;
}

p.TableText
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 3px;
	vertical-align: middle;
}

p.code
{
	font-weight: normal;
	font-style: normal;
	mc-hyphenate: never;
	color: #005F9E;
}

b.codeColor
{
	font-weight: normal;
	font-style: normal;
	color: #005F9E;
	mc-hidden: hidden;
}

p.underexample
{
	color: #7B7A86;
	font-style: italic;
	margin-top: -7pt;
	margin-bottom: 15pt;
}

p.line
{
	border-bottom: 1.75px solid black;
	margin-top: 15pt;
	margin-bottom: 10pt;
	page-break-before: avoid;
}

p.keepText-img
{
	page-break-after: avoid;
}

p.keepTextBold-img
{
	page-break-after: avoid;
	font-weight: bold;
}

/*-end single paragraph styles-*/
/*==list styles==*/

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	mc-hyphenate: never;
}

ul
{
	margin-left: 30px;
}

li
{
	margin-bottom: 5px;
	mc-hyphenate: never;
}

li.checkbox
{
	list-style-image: url('../Images/CheckBoxIcon.png');
	vertical-align: 5px;
	margin-left: 5px;
	/*Used the following references to create this style:
	list-style-image -- https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image
	vertical-align -- https://www.w3schools.com/cssref/pr_pos_vertical-align.asp
*/
}

li.li2
{
	list-style-type: circle;
	margin-left: 20px;
}

li.li3
{
	list-style-type: square;
	margin-left: 40px;
}

li.li4
{
	list-style-type: disc;
	margin-left: 60px;
}

li.li5
{
	list-style-type: circle;
	margin-left: 80px;
}

li.li6
{
	list-style-type: square;
	margin-left: 100px;
}

li.lower-alpha
{
	list-style-type: lower-alpha;
}

/*-end list styles-*/
/*==image styles==*/

img
{
	mc-float: none;
	padding-top: 5pt;
	padding-bottom: 6pt;
	border-style: none;
	max-width: 100%;
}

img.manualbuild
{
	padding: 0pt;
}

img.thumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 400px;
	border: none;
}

.MCPopupContainer
{
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
	position: absolute;
}

.MCPopupContainer::after
{
	position: absolute;
	top: 5px;
	right: 0px;
	height: 10%;
	width: 100%;
	display: block;
	content: "Click to close.";
	text-align: center;
}

/*-end image styles-*/

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
}

MadCap|expandingBody
{
	color: #7B7A86;
	font-style: italic;
}

MadCap|breadcrumbsProxy
{
	font-size: 10pt;
	color: #000000;
}

MadCap|miniTocProxy
{
	
}

MadCap|topicToolbarProxy
{
	
}

div.container
{
	margin-left: 20px;
}

/*==index styles==*/

MadCap|indexProxy
{
	mc-output-support: all;
}

p.IndexHeading
{
	text-align: left;
	font-size: 20pt;
}

p.Index1
{
	font-size: 10pt;
}

p.Index2
{
	font-size: 10pt;
}

p.Index3
{
	font-size: 10pt;
}

p.Index4
{
	font-size: 10pt;
}

p.Index5
{
	font-size: 10pt;
}

p.Index6
{
	font-size: 10pt;
}

p.Index7
{
	font-size: 10pt;
}

p.Index8
{
	font-size: 10pt;
}

p.Index9
{
	font-size: 10pt;
}

span.SeeAlsoIndex
{
	font-weight: normal;
	font-style: italic;
}

span.SeeAlsoIndexTerms
{
	
}

span.SeeIndex
{
	font-weight: normal;
	font-style: italic;
}

span.SeeIndexTerms
{
	
}

/*-end index styles-*/
/*==glossary styles==*/

MadCap|glossaryProxy
{
	
}

div.GlossaryPageDefinition
{
	
}

div.GlossaryPageEntry
{
	
}

div.GlossaryPageHeading
{
	font-size: 20pt;
	color: #009AD9;
}

div.GlossaryPageTerm
{
	
}

p.TOC2
{
	
}

p.TOC3
{
	
}

p.TOC4
{
	
}

MadCap|glossaryTerm:hover
{
	color: #005F9E;
}

MadCap|glossaryTerm
{
	mc-open-image: none;
	mc-closed-image: none;
	color: #005F9E;
}

MadCap|popupBody
{
	color: #ffffff;
	background-color: #005F9E;
}

/*-end glossary styles-*/

MadCap|pageHeader
{
	
}

span.mc-variable
{
	
}

MadCap|pageFooter
{
	
}

/*==note, tip, important, best practice, workaround styles==*/

p.note_manualbuild,
p.tip_manualbuild,
p.important_manualbuild,
p.bestPractice,
p.workaround	/*==p.yellow, p.orange, p.teal,==*/
{
	text-align: left;
	page-break-inside: avoid;
	column-break-before: avoid;
	column-break-after: avoid;
	column-break-inside: avoid;
	frame-break-before: avoid;
	frame-break-after: avoid;
	frame-break-inside: avoid;
	mc-italic-correction: 1px;
	background-repeat: no-repeat;
	padding: 20px;
	border-left-style: solid;
	border-left-width: 3px;
	color: #000000;
	margin-left: 20px;
}

p.note_manualbuild
{
	border-color: #12307a;
}

p.tip_manualbuild
{
	border-color: #215f21;
}

p.important_manualbuild
{
	border-color: #ae0202;
}

p.bestPractice
{
	border-color: #6600cc;
}

p.workaround
{
	border-color: #971E5A;
}

/*==p.yellow
{
	border-color: #cccc00;
}
p.orangish/brown
{
	border-color: #DD9934;
}

p.teal
{
	border-color: #046C6F;
}==*/

/*-end note, tip, important, best practice, workaround styles-*/

span.bold
{
	font-weight: bold;
}

td.notes_noImage
{
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
	border-style: none;
	border-width: 0px;
	padding: 8px;
}

/*==table -- prerequisites, example, workaround, tip, and note styles==*/

td.prerequisitesGray_manualbuild,
td.exampleOliveGreen_manual,
td.workaround,
td.note,
td.important,
td.tip
{
	page-break-before: avoid;
	page-break-after: avoid;
	column-break-before: avoid;
	column-break-after: avoid;
	column-break-inside: avoid;
	frame-break-before: avoid;
	frame-break-after: avoid;
	frame-break-inside: avoid;
	padding: 20px;
	color: #000000;
}

table.exampleOliveGreen_manual,
table.prequisitesGray_manual,
table.workaround,
table.note,
table.important,
table.tip
{
	padding: 0px;
	page-break-after: avoid;
	page-break-before: avoid;
	border-left-style: solid;
	border-left-width: 3px;
	margin-left: 20px;
}

th
{
	font-weight: normal;
	font-style: normal;
}

tr
{
	
}

tbody
{
	
}

table
{
	padding: 0px;
	border-style: solid;
	border-width: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3pt;
	margin-top: 1pt;
}

thead
{
	
}

table.prequisitesGray_manual
{
	border-color: #585858;
}

table.exampleOliveGreen_manual
{
	border-color: #f7931e;
}

table.workaround
{
	border-color: #971E5A;
}

table.note
{
	border-color: #12307a;
}

table.important
{
	border-color: #ae0202;
}

table.tip
{
	border-color: #215f21;
}

td
{
	mc-auto-number-offset: 4px;
}

/*-table -- prerequisites, example, workaround, tip, and note styles-*/
/*=dropdown text styles=*/

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-size: 14pt;
	color: #002D5B;
}

MadCap|dropDownHotspot:hover
{
	color: #009AD9;
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/DropdownArrow_closed.png');
	mc-open-image: url('../Images/DropdownArrow_open.png');
}

MadCap|dropDownHead
{
	page-break-after: avoid;
}

/*-end dropdown text styles-*/
/*==responsive design styles==*/

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

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

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

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

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

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

/*-responsive design styles-*/
/*==footnote styles==*/

MadCap|footnotesBlock
{
	border-top-length: 100%;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
}

MadCap|footnoteBlock
{
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
}

MadCap|footnote
{
	font-size: 8pt;
	font-style: italic;
	text-indent: 10px;
}

MadCap|endnotesBlock
{
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
}

MadCap|endnoteBlock
{
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
}

span.footnote
{
	font-size: 100px;
}

/*--footnote styles--*/
/*==hyperlink/xref (cross reference) styles==*/

MadCap|xref
{
	color: #005F9E;
}

a:link
{
	color: #005F9E;
}

a:visited
{
	color: #660099;
}

a:focus
{
	color: #009AD9;
}

a:hover
{
	color: #009AD9;
}

a:active
{
	color: #009AD9;
}

a.Popup
{
	
}

a.dropDownClose,
a.togglerClose
{
	display: block;
	font-style: italic;
}

MadCap|xref:hover
{
	color: #009AD9;
}

MadCap|xref:focus
{
	
}

/*--hyperlink/xref (cross reference) styles--*/

span.SearchHighlight
{
	background-color: #F6FE03;
}

/*=codesnippet styles=*/

MadCap|codeSnippetBody
{
	
}

MadCap|codeSnippet
{
	background-color: #D0D0D7;
	border: solid 1px #595868;
	page-break-inside: avoid;
}

MadCap|codeSnippetCopyButton:hover
{
	color: #009AD9;
}

MadCap|codeSnippetCopyButton
{
	color: #002D5B;
	font-weight: bold;
	text-decoration: none;
}

MadCap|codeSnippetCaption
{
	color: #7B7A86;
	font-weight: bold;
	text-decoration: none;
	font-size: 20pt;
}

/*--codesnippet styles--*/

span
{
	mc-hidden: hidden;
}

MadCap|slideThumbnail
{
	mc-hidden: hidden;
}

MadCap|relationshipsHeading
{
	mc-hidden: hidden;
}

MadCap|helpControlMenuItem
{
	mc-hidden: hidden;
}

html
{
	mc-hidden: hidden;
}

fieldset
{
	mc-hidden: hidden;
}

address
{
	mc-hidden: hidden;
}

div.tabletFBImage
{
	display: none;
}

div.mobileFBImage
{
	display: none;
}

/*=media specific styles=*/

@media print
{
	li
	{
		
	}

	p
	{
		mc-hyphenate: never;
	}

	MadCap|dropDownHotspot
	{
		mc-conditions: 'TargetOutputs.PrintOnly_PDF, TargetOutputs.PrintOnly_Word';
		color: #000000;
	}

	ul
	{
		margin-left: 70px;
	}

	img
	{
		max-width: 600px;
	}

	h2,
	h3,
	h4
	{
		padding-top: 20px;
	}

	MadCap|xref
	{
		color: inherit;
	}

	MadCap|xref:hover
	{
		color: inherit;
	}

	a
	{
		color: #000000;
		text-decoration: underline;
	}

	a:active
	{
		color: #000000;
	}

	a:focus
	{
		color: #000000;
	}

	a:hover
	{
		color: #000000;
	}

	MadCap|xref:focus
	{
		
	}

	div.GlossaryPageHeading
	{
		color: #000000;
	}

	div.desktopComputerFBImage
	{
		display: block;
	}

	div.tabletFBImage
	{
		display: none;
	}

	div.mobileFBImage
	{
		display: none;
	}
}

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

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

	div.desktopComputerFBImage
	{
		display: none;
	}

	div.tabletFBImage
	{
		display: block;
	}

	div.mobileFBImage
	{
		display: none;
	}
}

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

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

	div.desktopComputerFBImage
	{
		display: none;
	}

	div.tabletFBImage
	{
		display: none;
	}

	div.mobileFBImage
	{
		display: block;
	}
}

/*-end media specific styles-*/

/*styles hidden from Style Window

#slider,
#header,
#h2-style,
#button-submit,
#p-feedbackStyle,
#sidebar,
#sidebar1,
{
	mc-hidden: hidden;
}

styles hidden from Style Window-*/

/*feedback button styles*/

#slider,
#header,
input[type=text],
select,
textarea
{
	background-color: #ffffff;
}

#slider
{
	width: 392px;
	position: fixed;
	top: 200px;
	right: -82px;
	z-index: 99;
}

#header
{
	width: 260px;
	height: 450px;
	position: absolute;
	right: 80px;
	border: 1px solid #eeeeee;
	margin-left: 40px;
	padding: 5px 20px 5px;
	border-radius: 3px;
	box-shadow: 0 0 8px gray;
}

#sidebar,
#sidebar1
{
	position: absolute;
	top: 100px;
}

input[type=text],
textarea,
select
{
	font-size: 15px;
	padding: 6px;
	border-radius: 2px;
	border: 2px solid #D0D0D7;
	margin-top: 10px;
	width: 100%;
}

textarea
{
	height: 80px;
}

div#title
{
	position: absolute;
	top: 300px;
	left: 650px;
}

button.submit
{
	border: none;
	color: #fff;
	width: 100%;
	font-size: 22px;
	font-weight: bolder;
	padding: 8px 0;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 15px;
	/*Trimble Blue Dark*/
	background: #0e416c;
}

button.submit:hover
{
	background: #009AD9;
	/*Trimble Blue Light*/
}

p.feedbackh2
{
	color: #000000;
	font-size: 18.0pt;
	font-weight: bold;
	margin-top: 15pt;
	mc-hidden: hidden;
}

p.feedbackStyle
{
	color: #000000;
	mc-hidden: hidden;
}

/*-feedback button styles-*/

/** -Issue and why have this code: 4/24/2020 - I've been encountering a very strange issue as I've been testing Flare build 15.1.7283 (the latest release version) for my group before anyone else updates.
The following has occurred twice now and we have 1) no idea why and what's making it happen and 2) we cannot even recreate it to figure out the problem.
Every now and then I have built, then published an HTML output to our internal network...no problems encountered. Then my supervisor takes that and publishes it to AWS.
Once the content is on AWS, we access it via a URL (in Salesforce articles, emails, hyperlinks within different online help projects, etc.) that points to the content on AWS.
This is when we sometimes see the issue and sometimes don't. Most of the time the online help looks as it should, but twice now it shows the "Skip to Main Content" button that MadCap added and our side nav TOC is either 100% empty or all of the hidden tooltip text appears.
I have attached screenshots of what we're getting. I have made no customizations to the side nav skin used except for that which is available to customize using the skin editor.
I have added a sliding feedback div to the MasterPage used, but that was added long before this release and hasn't caused issues like an empty TOC or hidden tooltips appearing...
that has all happened since I installed build 15.1.7283 to test.-**/

.skip-to-content.fluid-skip
{
	display: none;
}

/*-issue-*/

/**OL mixed lists

ol.MixedList
{
	list-style-type: decimal;
	list-style-image: none;
}

ol.MixedList > li::marker
{
	content: counter(MixedList) '.';
}

ol.MixedList > li > ol
{
	list-style-type: lower-alpha;
	list-style-image: none;
}

ol.MixedList > li > ol > li::marker
{
	content: counter(MixedList) '.';
}

ol.MixedList > li > ol > li > ol
{
	list-style-type: disc;
}

ol.MixedList > li > ol > li > ol > li > ol
{
	list-style-type: circle;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: square;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: disc;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: circle;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: square;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: disc;
}

ol.MixedList > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol
{
	list-style-type: circle;
}

/*-OL mixed lists-*/

/** UL mixed lists 

ul.MultiLevelBullets
{

}

ul.MultiLevelBullets > li > ul
{
	list-style-type: circle;
	margin-left: 5px;
}

ul.MultiLevelBullets  > li > ul > li > ul
{
	list-style-type: square;
	margin-left: 5px;
}

ul.MultiLevelBullets > li > ul > li > ul > li > ul
{
	list-style-type: disc;
	margin-left: 5px;
}

ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: circle;
	margin-left: 5px;
}

ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: square;
	margin-left: 5px;
}
ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: disc;
	margin-left: 5px;
}
ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: circle;
	margin-left: 5px;
}
ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: square;
	margin-left: 5px;
}
ul.MultiLevelBullets > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul
{
	list-style-type: disc;
	margin-left: 5px;
}

/*-UL mixed lists-*/

/*--Back to top button: https://help.madcapsoftware.com/flare2021r2/Content/Flare/Tutorials/JavaScript-Tutorials/Back-Top-Button-Tutorial/Back-Top-Button-Tutorial.htm--*/

#TopBtn
{
	display: none;
	position: fixed;
	bottom: 35px;
	right: 70px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #ffffff;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #0e416c;
}

#TopBtn:hover
{
	color: #ffffff;
	background-color: #fbad26;
}