﻿/*<meta />*/

/**** Akana-specific styles for Flare ****/

/* TOC 
001 Akana basic styles                               002 Akana basic classes
003 Akana heading styles                             004 Akana code styles
005 Akana list styles                                006 Akana Definition list styles (glossary, field descriptions)
007 Akana glossary alphabar styles                   008 Akana table styles
008b Akana mini-TOC styles                           008c Akana search styles
009 Akana in-topic Table of Contents                 010 Akana styles for Related Links sections          
011 API doc styles                                   012 Styles added specifically for Flare: breadcrumb, reduce empty space at bottom of topic, Top button from JW-A

099 Changes log

*/


/*----------------- 001 Akana basic styles -----------------*/


/* Calls the prettify plug-in */
@import url("../google-code-prettify/prettify.css");

/* Added because b is defined in perforce.css but not strong. Not sure that it's needed. Gen 8/19/21. */
strong {
	font-weight: 700;
}

/*----------------- 002 Akana basic classes -----------------*/

/* Style defined in Perforce.css. border-left color override to 404040 per ChrisK direction. Gen 8/6/21 */
p.Note {
	border-left: solid 7px #000000;
}

/* Style defined in Perforce.css. border-left color override to 404040 per ChrisK direction. Gen 8/6/21 */
p.Tip {
	border-left: 6px solid #404040;
}

/* Version stamp (used only in Akana docs) */
.stamp {
	border: 1px solid #B0B0B0;
	color: #909090;
	font-size: 75%;
	padding: 3px;
	display: inline-block;
	font-weight: normal;
	margin-bottom: 5px;
}

/*Redesign: Styles resizable navigation pane as per https://www.madcapsoftware.com/blog/left-navigation-pane-resizable*/
.sidenav-wrapper
{
    /* ensure sidenav-wrapper comes before nav-border in sidenav-layout flex row */
    order: 1;
    /* avoid horizontal scrolling on overflow */
    overflow-x: hidden;
}

/*Redesign: Styles resizable navigation pane as per https://www.madcapsoftware.com/blog/left-navigation-pane-resizable*/
.nav-border
{
    /* resizable nav-border between nav menu and body content added via
nav-resize.js script */
    background-color: #F6F9FD;
    /* ensure nav-border comes between sidenav-wrapper and body-container in sidenav-layout flex row */
    order: 2;
    /* allow horizontal (east-west) resizing only */
    cursor: ew-resize;
    /* don't allow nav-border to grow or shrink, and make it 3px wide */
    flex: 0 0 3px;
    /* ensure that text isn't selected while the mouse is being dragged */
    user-select: none;
}

/*Redesign: Styles resizable navigation pane as per https://www.madcapsoftware.com/blog/left-navigation-pane-resizable*/
.body-container
{
    /* ensure body-container comes after nav-border in sidenav-layout
flex row */
    order: 3;
}

/*Redesign: Styles resizable navigation pane as per https://www.madcapsoftware.com/blog/left-navigation-pane-resizable*/
@media only screen and (max-width: 1279px)

{
    /*Hides nav border when nav pane is not displayed*/
    .nav-border
    {
        display: none;
    }
}

/* Horizontal rule style, exists in docs but no properties applied. For possible future development? Or strip out. Adding it to the css to highlight the fact that docs are tagged with an undefined style. Gen 9/24/21. */

/* Aligns text to bottom in table rows (center is default). Used in docs one place only to align an icon that's inline in copy: https://help.akana.com/content/current/cm/learnmore/app_getting_started_for_app_developers.htm#find_an_api_and_request_accesss. Gen 9/24/21. */
.alignbottom {
	vertical-align: text-bottom;
}

/* Added 4/8/22 ATMO-41871 to replace inline color on "Table of Contents" heading */
.toc_title {
	font-weight: bold;
    color: #666666;
}

/* Added 4/11/22 ATMO-41871 for grouped sections in long files. Need to add styling -- was using h2 which now has the horizontal rule above. Needs differentiation anyway. */
h2.h2_section_title {
	font-size: 1.4em;
	color: black;
	margin-top: 24px;
	margin-bottom: 24px;
	border-top: none;
}

/*----------------- 003 Akana heading styles -----------------*/

/* h1, h2, h3 are defined in perforce.css. h2 amendment below added 4/8/22 ATMO-41871. */

/* h2 amendment below added 4/8/22 ATMO-41871. */
h2 {
	padding-top: 7.5px;
	margin-top: 10px;
}

/* 7/29/21 copied from h3 (perforce.css line 396) (above) + changed font size from 1.2 to 1.0 Not defined in perforce.css. */
h4 {
	text-align: left;
	font-family: 'Gibson';
	font-weight: bold;
	clear: both;
	margin: 0;
	line-height: normal;
	color: #262626;
	font-size: 1.0em;
	margin-top: 1.5em;
}

/* 7/30/21 started to define this style. Removed it from source content, so currently not needed but prob we should have it. It's used in Release Notes but probably defined locally? Probably not affected by this. But no harm in having it defined. */
h5 {
	text-align: left;
	font-family: 'Gibson';
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0em;
	line-height: normal;
	color: #2F6DB5;
	font-size: 1.0em;
	mc-hyphenate: never;
}


/*---------------- 004 Akana code styles ----------------*/


/* Message and code samples. Wraps. Re color: 7/30/21 updated from F8F4EE to F5F7F9 the color used in the Perforce Note tag. */
pre {
	/*background: #F5F7F9;*/
	font-family: "Source Code Pro", Courier, monospace;
	font-size: 13px; /* Font size 11 > 12 9/29/21. 12 > 14 10/21/21 for code styles (pre tag controls all code samples) */
	padding: 10px 20px !important; /*  from docs-live css */
	overflow-x: auto;
	line-height: 15px; /* line height 15 > 17 10/21/21. Testing. Lisa thought it looked cramped before. (pre tag controls all code samples) */
	white-space: pre-wrap; /* This property makes long lines wrap. */
	margin: 10px 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.07) inset;
	word-break: break-all; /* word-break and word-wrap copied from bootstrap.min.css because long lines are not wrapping in Flare. This fixes it. Gen 9/29/21. */
	word-wrap: break-word; /* word-break and word-wrap copied from bootstrap.min.css because long lines are not wrapping in Flare. This fixes it. Gen 9/29/21. */
}

/* span tag for inline code formatting. */
span.apidoc_code {
	font-family: "Courier New", Courier, monospace;
}

/* Endpoint copy is green. 8/6/21 changed background F8F4EE to F5F7F9. */
pre.soaapidoc_endpoint {
	padding: 2px;
	margin: 2px;
	background: #F5F7F9;
	font-family: "Source Code Pro", Courier, monospace;
	color: #00693C;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Empty styles for <pre> tag, to faciliatate future tagging and assist assigning prettyprint only where needed. Gen 10/4/21 */
pre.pre_headers_request, pre.pre_request_url, pre.pre_headers_response, pre.pre_plain, pre.pre_html {
}


/*---------------- 005 Akana list styles ----------------*/

/* Other properties in perforce.css. Override of left margin value. Then removed. Gen 8/19/21 */
li {
	margin-left: 0px;
}


/*---------------- 006 Akana Definition list styles (glossary, field descriptions) ----------------*/


/*definition list. Not needed as it has no attributes. Remove? Gen 9/29/21. */
dl {
}

/* glossary term + field description in field explanations. Added 9/29/21 since definition lists were not correctly formatted in output. */
dl dt {
	font-weight: bold;
	padding-bottom: 3px;
}

/* glossary definition, field label in field explanations. Added 9/29/21 since definition lists were not correctly formatted in output. */
dl dd {
	padding-bottom: 12px;
	padding-left: 18px;
	margin-left: 5px;
}

/*---------------- 007 Akana glossary alphabar styles ----------------*/


/* Added w/JH to Akana's document.css 4/26/19 for alphabar on glossary. Each inline index letter. Verified for Flare. Limited to h2 4/20/22 Gen. */
h2.index {
	border-top: 0; /* Added 4/20/22 because we added a top border on h2, but this style is used with h2 and already has a bottom border. Gen. */
	border-bottom: 1px solid #2f6db5;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

/* Added w/JH to Akana's document.css 4/26/19 for alphabar on glossary. Top nav alphabar. Verified for Flare. */
.index_nav {
	padding-bottom: 3px;
	padding-left: 0;
	margin-bottom: 10;
	margin-left: 0;
}

/* Added w/JH to Akana's document.css 4/26/19 for alphabar on glossary. Each letter on top nav alphabar. Modified for Flare. */
.index_nav li {
	display: inline;
	border-left: 1px solid #2f6db5;
	margin-left: 0; /* changed from 1px for Flare. 9/30/21 */
	margin-right: 10px; /* changed from 1px for Flare. 9/30/21 */
	padding-top: 5px;
	font-weight: bold;
	padding-left: 10px; /* Added for Flare. 9/30/21 */
}

/* Added w/JH to Akana's document.css 4/26/19 for alphabar on glossary. Exclude first letter on top nav alphabar. Verified for Flare. */
.index_nav li:first-child {
	border: none;
	padding-left: 0;
}


/*---------------- 008 Akana table styles ---------------- */


/* table text subsequent, paragraphs. For old tableparmsresponse table class. Copied from document.css 9/29/21 because there is too much space between multiple <p> tags in table rows. */
table.tableparmsresponse tr > td > p, table.tableparmsresponse tr > td > ul, table.tableparmsresponse tr > td > ol{ 
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* table text subsequent, lists. For old tableparmsresponse table class. Copied from document.css 9/29/21 to fix vertical alignment and inter-line spacing. */
ul.apidoctable_ul, ul.apidoctable_ul li, ol.apidoctable_ol, ol.apidoctable_ol li { 
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* table text subsequent paragraphs for old doctable table class. API docs use apidoctable and tableparmsresponse, other docs use doctable. They need to be parallel. Adding 9/30/21. */
table.doctable tr > td > p, table.doctable tr > td > ul, table.doctable tr > td > ol{ 
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*table text subsequent, lists. Copied from document.css 9/29/21 to fix vertical alignment and inter-line spacing. */
ul.doctable_ul, ul.doctable_ul li, ol.doctable_ol, ol.doctable_ol li { 
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*---------------- 008b Akana mini-TOC styles (at main section levels for all content below) TESTING 10/19/21 ----------------*/

/*Copy of lines 454 to 635 from output topic.css so that I can define the miniTOC styling. Experimental. 10/19/21 Gen. 10/21 -- closed out; it works except bullet. Update noted 12/2/21: bullet works also. */

div.MCMiniTocBox_0
{
	border-top-color: #000000;
	margin: 0 0 15px 0;
	border-right-width: 0px;
	width: 50%;
	border-bottom-color: #000000;
	border-color: transparent;
	border: solid 0px #000000;
	border-bottom-left-radius: 0px;
	border-width: 0px;
	background-color: transparent;
	border-radius: 0px;
	padding-left: 5px; /* Padding-left changed from 10 to 5 10/28/21 to help fix indentation on mini TOC to look like authored TOC style.  Mods to: div.MCMiniTocBox_,[ p.MiniTOC1_0, p.MiniTOC2_0, p.MiniTOC3_0], p.MiniTOC1_0. */
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	border-top-width: 0px;
	border-top-style: solid;
}

p.MiniTOC1_0, p.MiniTOC2_0, p.MiniTOC3_0 {
	padding: 0 0 5px 0px; /* Left padding changed from 20 to 0 10/28/21 to help fix indentation on mini TOC to look like authored TOC style.  Mods to: div.MCMiniTocBox_,[ p.MiniTOC1_0, p.MiniTOC2_0, p.MiniTOC3_0], p.MiniTOC1_0. */
}

/* For level 1 which is tagged as p with a class of MiniTOC1_0. */
p.MiniTOC1_0
{
	font-family: 'Gibson';
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #2F6DB5;
	line-height: normal;
	display: list-item;
	list-style-type: none;
	/* Hide the default bullets */
	position: relative;
	/* For positioning the pseudo-element */
	padding-left: 2em;
	/* Adjust as needed to make room for the new bullet */
}

p.MiniTOC1_0::before
{
	content: "■";
	/* Empty content to create the pseudo-element */
	color: #000000;
	font-family: 'Gibson';
	font-size: 11px;
	position: absolute;
	left: 10px;
	/* Adjust the position of the square relative to the link text */
	top: 40%;
	transform: translateY(-50%);
	/* Vertically center the square with the text */
	display: block;
	/* Ensure the pseudo-element is displayed as a block */
}

a.MiniTOC1:link
{
	color: #2F6DB5;
	/* Regular hyperlink color */
	font-family: 'Gibson';
	font-size: 1rem;
	text-decoration: none;
	/* Adjust as needed */
	font-weight: normal;
}

/* For level 2 which is tagged as p with a class of MiniTOC2_0. */
p.MiniTOC2_0
{
	text-align: left;
	color: #404040; /* Changed from 2F6DB5 to 404040 10/28/21 in a (successful) test to try to make the bullets black instead of blue. */
	mc-hyphenate: never;
	font-family: 'Gibson';
	font-size: 1.0em;
	display: block;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 40px; /* Changed from 30 to 40 10/28/21. Emulating manual TOC. */
	margin-right: 0;
	background-image: square;
	background-repeat: no-repeat;
	display: list-item;
	list-style-type: square;

}

/* Link style copied from perforce.css a:link. */
a.MiniTOC2:link
{	
	text-decoration: none;
	color: #2F6DB5;
	font-family: 'Gibson';
	font-size: 1rem;
	font-weight: normal;
}

p.MiniTOC3_0
{
	text-align: left;
	color: #404040; /* Changed from 2F6DB5 to 404040 10/28/21 to make the bullets black instead of blue. */
	mc-hyphenate: never;
	font-family: 'Gibson';
	font-size: 1.0em;
	display: block;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 80px; /* Changed from 60 to 80 10/28/21. Emulating manual TOC. */
	margin-right: 0;
	background-image: square;
	background-repeat: no-repeat;
	list-style-type: square;
	display: list-item;

}

/* Link style copied from perforce.css a:link. */
a.MiniTOC3:link
{
	font-size: 1.0em;
	text-decoration: none;
	color: #2F6DB5;
	font-family: 'Gibson';
	font-size: 1rem;
	font-weight: normal;
}


/*---------------- 008c Akana search styles ----------------*/


/* Added 12/13/21 w/JH for adding concepts to topics, for search filters. */
.concept
{
	display: none;
}

/*---------------- 009 Akana in-topic Table of Contents ----------------*/

/* For Akana in-topic TOC. */
ul.table_of_contents > li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Applies spacing to TOC second-level list, consistent with first-level list.*/
ul.table_of_contents > li > ul > li, ul.table_of_contents > li > ol > li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Applies spacing to TOC third-level list, consistent with first-level/second-level list. Added 4/12/22 to fix inconsistent spacing in customization doc. */
ul.table_of_contents > li > ul > li > ul > li, ul.table_of_contents > li > ul > li > ol > li, ul.table_of_contents > li > ol > li > ul > li, ul.table_of_contents > li > ol > li > ol > li {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*---------------- 010 Akana styles for Related Links sections ---------------- */


/*Div tag to support multiple side-by-side unordered lists -- mainly for Related Topics sections. */
div.relatedlinks {
	display: -ms-flexbox;
	display: flex;
}

/* Sets the reduced spacing for Related Topics lists. Normal li, line-height is 20px, inherited from Body. margin-top and margin-bottom are 10px, inherited from li in perforce.css. This is set to half. */
div.relatedlinks > ul > li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Sets the indent for the first list in the Related Links section. 40px is the value from Body which is overridden by the below setting. So, explicitly setting it, here, to the same. */
div.relatedlinks > ul:first-child {
	padding-left: 40px;
}

/* Defines a bigger indent for subsequent lists in the Related Links section (there might be 2 or 3 total lists). 100px is a bit cramped. 150 is better. Gen 9/24/21 */
div.relatedlinks > ul {
	padding-left: 150px;
}


/*---------------- 011 API doc styles ----------------*/


/* temporary style for draft documents. F00 red, FFF white */
span.apidoc_red {
	color: #F00;
}

/* Used in API docs and needs to be taken out (the classes removed in the docs) if we are not going to implement. Noting it here for the transition. Gen 9/24/21 */
.httpverb {
}


/*---------------- 012 Styles added specifically for Flare: breadcrumb, reduce empty space at bottom of topic, Top button from JW-A ----------------*/


/* Defining style for the breadcrumbs. Not defined in perforce.css therefore was inherited from body. Font size only (breadcrumb font too big) Gen 9/9/21 */
.MCBreadcrumbsPrefix, .MCBreadcrumbsSelf, .MCBreadcrumbsLink, .MCBreadcrumbsLink:hover, .MCBreadcrumbsDivider {
	font-size: 12px;
}

/* Copied from browser / defined in Topic.css / too much space at bottom of topic. Reduced from 40 in topic.css to 10 to 5 to 0. Gen 9/9/21 */
.height-container-sidenav {
	padding-bottom: 0px;
}


/* From JW-A 11/10/21 ATMO-40627 for Top button in topics. Updated 4/12/22 from JW-A, for ATMO-41871.*/
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 12pt;
	font-weight: 400;
	border: none;
	outline: none;
	color: #ffffff;
	cursor: pointer;
	padding: 5px;
	border-radius: 4px;
	background-color: #8B8B8B;
	background-position: center;
	background-repeat: no-repeat;
}

/* 4/12/22 from JW-A, for ATMO-41871. Hover style for Top button in topics. */
#myBtn:hover {
	background-color: #9f9f9f;
}

/*---------------- 099 Changes log started 8/16/21 ----------------*/


/*
8/16/21          To p.apidoc_backtotop, added padding-bottom: 4px. Needed since Perforce base font size is bigger.
8/16/21          Removed: p.apidoc_image_p, apidoc_image_p. Barely used in source docs. Removed few instances in source docs.
9/9/21           Added font size for .MCBreadcrumbsPrefix class. Trying to resolve issue of breadcrumb font size is too big. Set to 12px, same as Amy's. For the "you are here" text.
9/9/21           Added font size for 3 more breadcrumb classes. This is supplemental to perforce.css. .MCBreadcrumbsLink, .MCBreadcrumbsLink:hover, MCBreadcrumbsSelf. Set to 12px, same as Amy's.
9/24/21          Much cleanup. Removed lots of API doc styles. Standardizing on format: 1) Comment above the style. 2) Open parens on same line as style name. 3) One line between styles. 4) Two lines between sections.
9/29/21          Increased font size on code samples by 1pt, 11px to 12px. <pre> tag only.
9/30, 10/1       Lots of mods. Fixed glossary alphabar, fixed spacing on second-level lists, lists in tables, top alignment of text in table cells.
10/4/21          Added empty classes fpr <pre> tag, defined in content to assist with selective prettyprint assignment and possible future formatting.
10/8/21          Removed definitions of h1, h2, h3 which I'd copied from perforce.css. Not needed. I commented out the offending property (mc-auto-number-format) in perforce.css and that's all that's needed. 
                 Kept my h4 and h5 definitions since they are barely defined in perforce.css. h4 we use in akana docs for procedure headings. h5 I stripped out of source content but prefer to have it defined anyway.
10/20/21         1) Removed reference to prettify css from perforce.css. 2) removing icons from TOC styles per discussion with Jennhi. Also spacing was 4 on TOC and 5 on Related Topics. Making them both 5.
10/20/21         Added new styles section, 008b Akana mini-TOC styles, for mini-TOC proxy (generated table of contents for each main level).
10/21/21         Increased font size on code samples (pre, pre.soaapidoc_endpoint) from 12pt to 14pt.
11/10/21         Added one style, myBtn, for the Top button, currently implemented only on top-level property pages (different master page) but will later replace in-topic TOC summaries. 11/10/21.
{maybe a bit of a gap here}
4/8/22           New h2 customization, lines 80-85, to add some separation in replacement of Back to Top links. In CM API docs, Back to Top links have a line. In regular docs they occupy a line space. Now thin line throughout.
4/8/22           New style toc_title to replace inline color on "Table of Contents" heading.
4/11/22          p.apidoc_backtotop, lines 445-449: commented out as part of implementing the Top button and removing all the Back to Top links.
4/11/22          Added new empty class <hr class="divide_hr toc_file" /> for defining hrs in manual TOC lead-in files. Temporary (probably) because I want to keep these and remove all other manual hr tags.
4/11/22          New class h2_section_title for grouped sections in long files. Need to add styling -- was using h2 which now has the horizontal rule above. Needs differentiation anyway.
4/12/22          Mods to myBtn style which is for the Top button, now implemented on all master pages, per info from JW-A today, for smaller button styling.  Also added myBtn:hover for same (also from JW-A).
4/12/22          Added definition to apply spacing to TOC third-level list, consistent with first-level/second-level list, to fix inconsistent spacing in customization doc. Lines 396-400.
4/20/22          Mods to h2.index (lines 195-200). border-top 0 added 4/20/22 because we added a top border on h2, but this style is used with h2 and already has a bottom border. Also limited this style to h2 prev was .index.
5/18/22          Removed p.apidoc_note for ATMO-42170. Gen.
5/18/22          Removed .apidoc_overflow and p.apidoc_backtotop. Neither one is used. For ATMO-42170. Gen.

*/


/*---------------- Necessary mods to perforce.css to get akanadoc.css to work ----------------*/

/*
1) Top of file, lines 6-7: call to prettify.css plus comment re same. REMOVED 10/21/21. GETTING A 'CIRCULAR REFERENCE" ERROR FOR PRETTIFY. PLUS AKANADOC.CSS CALLS PRETTIFY, NOT SURE THEY BOTH NEED TO? TESTING. GEN 10/20/21.
2) h1, h2, h3, lines 348, 387, 401 (10/21/21 updated to 345, 382, 396): commented out the mc-auto-number-format property that was adding attributes in my heading styles.
3) p.Note, lines 889-890 (10/21/21 updated to, lines 884-885): commented out the properties that put in the "Note: " copy because I have it in my source files. This will be a follow-up step after the transition.
4) Style MadCap|breadcrumbsProxy, attribute mc-breadcrumbs-prefix, line 480: modified to remove the words "You are here" from the breadcrumb per input from Lisa 10/19/21.

*/