/*******************************************************************************
 *   Theme:         Author-it Magellan Theme Override Stylesheet
 *   Author:        Author-it Software Corp (http://www.author-it.com)
 *   Copyright:     Author-it Software Corp, All Rights Reserved
 *   Last Updated:  12-Apr-2020
 *   Version:       2020.R2
 *
 *   IMPORTANT:     This file is where all your customisations and overides should appear.
 *                  DO NOT modify the mainstyles.css file but instead create a copy of the 
 *					themestyles.css file into the Data\Templates\Magellan Themes\YourThemeName\ 
 *					then make changes is the variable values below, or for advanced changes 
 *                  find and copy the CSS rules you want to change from mainstyles.css 
 *					into this file, then make your changes.
 *
 *******************************************************************************/


html {
    /* base colors */
    --primary-color: #354a54;
    --primary-light-color: #8aa38c;
    --secondary-color: var(--light-slate); /*#11E50F;*/
    --secondary-light-color: #55738c;
    --dark-gray-color: #4c626c;
    --gray-color: #687365;
    --medium-gray-color: #778273; 
    --light-gray-color: #d1d3cf;
	--dark-slate: #354a54;
	--pale-sky: #8aa9d4;
	--medium-slate: #4c626c;
	--light-slate: #55738c;
	--sienna: #ba5736;
	--moss: #687365;
	--light-moss: #778273;
	--pale-moss: #d1d3cf;
	--contrast-light: #1e1e1e;
	--test: #F330EB;
	--white: white;
	--black: black;
	--ebb: #F3F0F0;
	--stone: #ad9172;
	--cordaline: #c54265;
	--moana: #b7daef;
		
		/*primary*/
		
		/*Secondary*/
		
		/*tertiary*/
		--dark-grey: #474b56;
		--mid-grey: #c8cdd0;
		--light-grey: #cccccc;
    /* functional colors */
    /* common elements */
   /* --landing-bg-color: none;*/
	--landing-bg-color: none;
    --heading-bg-color: var(--dark-slate);
	/*--heading-bg-color: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(0,0,0,1) 80%); /*purple blue */
	/*--heading-bg-color: linear-gradient(90deg, rgba(0,0,0,1) 20%, rgba(255,255,255,1) 50%); */
	--heading-bg-image: url(../images/banner.png);
	--logo-bg-color: none;
	--toolbar-icon-color: var(--white); /*new*/
	--toolbar-icon-hover: var(--white);/*new*/
	--toolbar-button-border-color: var(--light-grey);  /*New*/
	--toolbar-button-hover-bg-color: var(--pale-sky); /*new*/
    --toolbar-button-hover-color: var(--pale-sky); /*new*/
	--navbar-bg-color: var(--dark-grey); /*new*/	
	--navbar-text-color: var(--light-grey); 	/*new*/
	--navbar-text-color-active: var(--sienna); /*new*/
	--navbar-active-bg-color: var(--pale-moss); /*New*/
	--footer-bg-color: var(--dark-slate);
	--footer-text-color: var(--white);
	/* end common elements */

/*landing page elements */
	--rotator-bg-color: var(--white);/*New*/
	--rotator-heading-bg-color: var(--pale-sky);/*New*/
	--rotator-heading-color: var(--dark-grey);/*New*/
	--rotator-topic-bg-color: var(--white);/*New*/
	--rotator-text-color: var(--dark-grey); 
	--container-bg-color: var(--white);/*New*/
	--container-heading-bg-color: var(--white);/*New var(--pale-sky)*/
	--container-heading-color: var(--dark-slate);/*New*/
	--container-topic-bg-color: var(--white);/*New*/
	--panel-head-text-color: var(--container-text-color); /* AUTHOR-IT master - heading color for rotator and topic containers */ 
	--panel-head-bg-color: var(--container-heading-bg-color); /* AUTHOR-IT master - this is the content container item heading color */
	--panel-head-text-color: var(--container-text-color);/* AUTHOR-IT master - this is the content container item heading background color */
	--container-text-color: var(--dark-grey);/*New*/
	--container-boarder-color: var(--white);/*New*/
	--background-color: var(--white); 

/*content page elements */
    --breadcrumb-text-color: var(--dark-grey); /*New*/
	--breadcrumb-text-color-active: var(--sienna);/*New*/
	--breadcrumb-boarder-color: var(--light-grey-color);
    --content-bg-color: white;
    --control-bg-color:var(--ebb);
    --button-bg-color: var(--light-gray-color);
	--menu-bg-color: var(--ebb); /* this includes TOC, glossary, Index background */
    --active-btn-bg-color: var(--light-Slate);
    --submit-btn-bg-color: var(--sienna); /*used in search results*/
    --form-bg-color: white;
    --text-color: var(--black);
	--toc-active-border: var(--light-gray-color);
	--toc-title-text-color: white;
	--toc-title-active-bg: var(--sienna);
	--menu-panelfooter-bg: var(--ebb);
	--toc-panel-button-active-text: var(--dark-grey);
	--toc-panel-button-text:var(--light-gray-color);
	--toc-panel-button-bg:var(--light-grey);
	--toc-panel-active-bg: var(--mid-grey);
	--toc-panel-hover-bg: var(--sienna);
/*text functions */
	/*headings*/
	--heading1-text: white;
	--heading2-text: black;
	--heading3-text: black;
	--heading4-text: black;
	--heading5-text: black;
	--heading6-text: black;
	--subheading-text: var(--light-slate);
	--headingfont: Helvetica;
	
	/* Base fon and Font Family*/
	--basefont: "Open Sans", verdana, arial, helvetica, sans-serif;
	/*--basefont: "Corbel Regular", Verdana, Arial, Helvetica, "sans-serif";*/
	--basefont-weight: 600;
	
	/* Font Sizes */
	/****Small****/
	--small: 10pt;
	/*****Medium */ 
	--medium: 11pt; 
	/******Large*/

    /*--widget-bg-color: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(255,255,255,1) 50%);*/
	--widget-bg-color: var(--white);
	--widget-bg-image: none;
	/*--widget-bg-image:*/ 
	--widget-bg-image-focus: bottom center;
    --widget-head-text-color: var(--dark-gray-color);
    --widget-head-bg-color: var(--light-gray-color);
	--widget-expand-bg: var(--light-gray-color);
    --heading-text-color: var(--contrast-light);
    --button-text-color: var(--dark-gray-color);
    --active-btn-text-color: var(--contrast-light);
	--box-shadow-color: var(--dark-grey-color);
    --submit-btn-text-color: white;
    --shadow-color: var(--dark-grey);
    --banner-color: var(--dark-gray);
    --search-progress-bar-color: var(--light-slate);
	--search-highlight-word: var(--sienna);
	
/* functional elements */
    --border-radius-small: 2px;
    --border-radius-large: 4px;
   
/* default icons - FontAwesome */
    --toc-open: '\f0d7';
    --toc-closed: '\f0da';
    --left-pane-open: '\f104';
    --left-pane-closed: '\f105';
    --right-pane-open: '\f105';
    --right-pane-closed: '\f104';
    --widget-open: '\f067';
    --widget-closed: '\f068';
    --breadcrumbs-separator: '\f105';
    --related-menu-closed: '\f104';
    --related-menu-open: '\f105';
    --glossary-link-icon: '\f05a';
    --popup-link-icon: '\f0e5';
    --external-link-icon: '\f08e';
    --expand-inline-open: '\f104';
    --expand-inline-closed: '\f105';
    --expand-block-open: '\f106';
    --expand-block-closed: '\f107';
	--indented-block: '\f24e';
	--indented-quote: '\f0e3';
	--tip: '\f05a';
	--note: '\f040';
	--warning: '\f071';
}

a#tree_menu:hover {
	background-colour: var(--light-slate);
}

/* -------------------Footnotes --------------------------*/
/* counters for footnotes must be at the top as they are body level counters*/
body {
    /*font-family: corbel, Helvetica, Arial, sans-serif;*/
	counter-reset: footnote-var;
}
a[data-toggle="popover"]::after {
    counter-increment: footnote-var;
    content: counter(footnote-var);
    padding-left: 2px;
    display: inline;
    position: relative;
    top: -9px;
	font-size: 7pt;
	font-weight: bold;
	color: var(--sienna);
}


/*-------------------------------Common Elements ----------------------------------*/
/*-----------This section is for content that is common across 
-------------the landing page as well as the content pages 
-------------Header
-------------Toolbar
-------------Toolbar Functions
------------------- Configuration
------------------- Help
-------------Navbar
-------------Footer
-----------------------------------------------------------------------------------
*/

/* HEADER Overrides */

/* set minimum width for long logo */



.inner_logo {
    min-width: 200px;
	min-height: 50px;
    max-width: none;
	/*height: 52px;*/
	padding: 0px 0px 0px 0px;
}

/*masks the logo and replaces it with a svg version for a clearer image in small size*/
img.inner_logo {
    -webkit-mask: url(../images/logo2.svg) no-repeat left;
    mask: url(../images/logo2.svg) no-repeat left;
    background-color: white;
}

a#companyLogo {
pointer-events: none;
}
header#ipad .inner_logo {
    min-width: 200px;
	min-height: 50px;
    max-width: none;
	transform: scale(70%) translate(-50,0);
	height: 52px;
	padding: 0;
}
header#ipad  {
 	background: var( --heading-bg-color);
}
header#ipad>div>div>div {
	width: inherit;
    max-width: calc(100% - 150px);
    min-width: calc(100% - 300px);
    float: right;
    max-height: 40px;
    min-height: 40px;
}

/*spacing of logo container area */
.col-md-2{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:0px
	}


/*header#desktop {
	height:70px;
}*/

/* base defaults for the header container  */
header#desktop > div.container-fluid > div.row {
    padding: 0px 0px 0px 0px;
	background: var(--heading-bg-color);
	/*background-image: url("../images/logo3.png");
	background-repeat: no-repeat;
	background-position-x: 220px;*/
}

header#desktop .inner_page .inner_top_bar {
    height: 70px;
}

/*  Navigation Bar  */
/* Includes
-- navbar
-- breadcrumbs*/
.col-md-5 {
	width: 39.8%;
}
.pull-right {
	float: right !important;
}

nav.navbar-default {
    border-radius: 0px;
    background-image: var(--navbar-bg-color);
    margin: 0;
    border: 0;
    z-index: 9;
    min-height: 40px;
	max-height:42px;
    max-width: 100vw;
 }
.navbar-nav > li > a {
 	white-space: nowrap;
	color: var(--navbar-text-color) !important;
	font-size: 14px;
	font-weight: 600;
 }

 div#navigation-root>ul.nav.navbar-nav>li.dropDownChild>a a {
    color: var(--navbar-text-color) !important;
}

div#navigation-root>ul.nav.navbar-nav>li.dropDownChild.open>a {
    background-color: var(--navbar-active-bg-color);
    border-radius: var(--border-radius-small);
}

li.lang_dropdown {
	display: none !important;
}
/* Toolbar Overrides */
/* used for the 
--- Hamburger 
--- Settings
--- Help
--- Language dropdown (Hidden) */
/* toolbar positioning in header */
header.inner_top_bar > .col-md-4{
	width: 25%;
	/*transform: translate(0, 60%);*/
	  float: right;
	
}
.col-md-offset-1 {
	margin-left: 8.3%;
}
/*hides the toolbar icons on the landing page but not the content page*/
body:has(.landing_container):not(#content_container) {
	.top_icons {
	visibility: hidden !important;
	}
	
}

/*   Toolbar Display */

		/* Hamburger Icon*/
		ul.top_icons > li:nth-child(1), ul.m_top_icons > li.m_top_menu {
		    /* display: none !important;*/
			vertical-align: bottom;
		}
		
		/* Settings Icon */
		ul.top_icons > li:nth-child(3), ul.m_top_icons > li.m_top_config {
		    /*display: none !important;*/
				vertical-align: bottom;
		}
		/* Help Icon*/
		ul.top_icons > li:nth-child(4), ul.m_top_icons > li.m_top_help {
		    /* display: none !important;*/
				vertical-align: bottom;
		}
		
		/* Language Dropdown*/
		ul.top_icons > li:nth-child(5), ul.m_top_icons > li.m_top_lang {
		    /*display: none !important;*/
			vertical-align: bottom;
		}
		
		/* Toolbar ICON COLORS - SET TO --primary-color by default*/
		
		header#desktop .top_icons .top_icons_menu {
		    fill: var(--toolbar-icon-color);
		}
		
		header#desktop .top_icons .lang_dropdown > a {
		    color: var(--toolbar-icon-color);
		}
		
		header#ipad .m_top_icons .top_icons_menu {
		    fill: var(--toolbar-icon-color);
		}
		
		header#ipad li.m_top_lang > a {
		    color: var(--toolbar-icon-color) !important;
		}
		
		
		/* hover over the icons - changes background only*/
		header#desktop.inner_top_bar .top_icons > li > a:hover {
		    background-color:  var(--toolbar-button-hover-bg-color);
			color: var(--toolbar-icon-hover);
		    border: 1px solid var(--toolbar-button-border-color);
		    border-radius: var(--border-radius-small);
		    box-shadow: 1px 1px 3px var(--box-shadow-color);
		}
		
/* Toolbar Functions  */
		.modal-title {
		    border-top: none;
		}
		.modal-body > div > h3 {
			border-top: none;
		}
/* END TOOLBAR */

/* ---------FOOTER -----------*/

		/*.landing_content_box_wrapper > .inner_page_footer {
		    height: 40px;
		}*/

		.inner_page_footer {
		    height: 51px;
			background-image: var(--footer-bg-color);
			background-repeat: no-repeat;
			background-position: left bottom;
			/*background-size: 100%, 250px;*/
			
		}
		
		/* USED TO DISPLAY LOGO ON FOOTER BOTTOM RIGHT OR LEFT*/
		/*.inner_page_footer::after {
		content: url("../images/logo_3.png");
		/*background-image: url("../images/logo3.png");*/
		/*position: absolute;
		height: 80%;
		width: auto;
		top: 2px;
		right: 10px;
		}*/
		
		
		/*REPLACES THE FOURTH FOOTNOTE ITEM WITH HIDDEN TEXT SO A HYPERLINK WORKS */
		/*.footer_links > span:nth-of-type(5) {
	    display: inline-block;
		/*padding: -2px 0 0 0;*/
	    /*overflow: hidden;*/
	    /*background-image: url(../images/logo_3.png);
	    background-repeat: no-repeat;
		background-position-y: -5px;
		background-size: contain;
	    height: 53px !important;
		width: 300px !important;
	    /*height /**//*:22px;
		right: 5px;
		Position: absolute;
		margin-top: -7px;
		}*/
		/*.footer_links > span:nth-of-type(5) a {
		color: transparent;
		}
		
		/*hides the | after the third footer container 
		.footer_links > span:nth-of-type(4) b {
		color: transparent;
		}*/
		
		/* FOOTER Topics container */
		
		div#content_container_static {
		    padding: 20px;
}
.footer_link a {
    color: var(--dark-slate);
    text-decoration: none;
    margin: 0 10px;
    font-size: 13px;
}
div#content_container_static p.f_header {
	background-color: var(--heading-bg-color);
	padding: 8px 12px;
	border-radius: 4px;
	margins: 12px;
	color: var(--light-gray-color)
}

div#content_container_static span.buttons {
	display: block;
	position: absolute;
	top:71px;
	right:16px;
    background: var(--heading-bg-color);
    border-radius: 4px;
	border-color: var(--toolbar-button-border-color);
    font-family: "calibri";
    font-size: 20px;
	text-align: center;
    color: var(--toolbar-icon-color);
    cursor: pointer;
	padding:3.5px 10px;
}
div#content_container_static span.buttons a {
	white-space: nowrap;
    color: var(--navbar-text-color) !important;
}

/*-------------------------------End of common elements ---------------------------*/

/* ------------------------------Landing Container Section ------------------------*/
/*-----------This section is for content that is contained in  
-------------the landing page solely
-------------Search Bar Landing page
-------------Background
-------------Rotator containers
-------------Content Containers
-----------------------------------------------------------------------------------

/*landing page background image*/
		.landing_bg {
			background-image: none !important;
		   /*background-image: url(../images/landing_bg.jpg);*/
			background-position: right -100px;
		    background-repeat: no-repeat;
		    background-size: 100%;
		}

/* SEARCH CONTAINER AREA */
/*section > div.container {
	min-height: 380px;
	max-height: 500px;
}*/

/*rotator Containers*/



/** SEARCH BAR for landing page**/
 /* search control container */
		.mainpage_block.jumbotron {
			align-content: center;
			display: none !important;
		}
		.mainpage_block > .search_block {
		     margin: 20px 0;
			/*width: 80%;*/
			 /*display: none !important;*/
		 } 
		@media (min-width:992px)
		 .col-md-2{
		     width: 22%;
		      }

/* Content container topic items
-- Container topic header
-- Container topic 
    --container-bg-color: var(--white);
	--container-heading-bg-color: var(--pale-sky);
	--container-heading-color: var(--dark-grey);
	--container-topic-bg-color: var(--white);
	--container-text-color: var(--dark-grey);
	*/

/*container item*//* width re-sized for single container item at 80%*/
		.landing_content_box {
		    background-color: var(--content-bg-color);
		    border-radius: var(--border-radius-large);
		    padding: 0;
		    text-align: left;
		    font-size: 14px;
		    margin: 200px 0 0 0;
		    width: 40%;
			/*height: 100%;*/
		    max-height: 280px;
		    border: 1px solid var(--container-border-color);
		    box-shadow: none;/*1px 1px 3px var(--shadow-color);*/
		}

/* content for container to make heading 3 display as part of the header container */
		div._landingpagecontentitem_ .heading3  {
		    padding: 5px 0;
		    margin:-15px -10px 0 -10px;
		    border: 0;
		    font-size: 16px;
		    font-weight: 600;
		    background-color: var(--container-heading-bg-color);
		    color: var(--container-heading-color);
		    text-align: center;
			border-top: 0;
		} 
		div.landing_content_box > h3 {
			border-top: 0;
		}
		div._landingpagecontentitem_ > p {
			text-align: center;
		}

/* -------------------------------End of Landing Container Section -----------------*/



/*--------------------------------Content Container Section ------------------------*/
/* Includes
------------Breadcrumbs
------------Search
------------Table of Contents
------------  -  TOC Panel Footer Icons
------------Content Panel
------------  - 
------------Footer
------------Right Menu
------------  -  Widgets
------------Share Menu
------------/*

/* HEADER CONTENT */
/*Spacing of search bar in content container */
		/*div.col-md-5.top_search_block  {
			transform: translate(0, 30%);
		}*/

/* Breadcrumbs */
		ol.breadcrumb {
		    padding: 10px 15px 10px 15px;
		    background-color: none !important;
		    background: none !important;
		    border-bottom: 1px solid var(--breadcrumb-boarder-color);
		    margin-bottom: 15px;
		    max-height: 40px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		
		/* breadcrumbs separator */
		.breadcrumb > li + li::before {
		    content: var(--breadcrumbs-separator);
		    font-family: FontAwesome;
		    color: var(--breadcrumb-text-color);
		    font-weight: bold;
		}
		
		/* breadcrumbs item */
		.breadcrumb > li > a {
		    color: var(--breadcrumb-text-color);
		    padding: 2px 4px 2px 4px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		}
		
		/* breadcrumbs active item */
		.breadcrumb > .active a {
		    color: var(--breadcrumb-text-color-active);
		    font-weight:600;
		    text-shadow:none;
		}
		
		/* hover over breadcrumbs item */
		.breadcrumb > li > a:hover {
		    padding: 2px 3px 2px 3px;
		    border: 1px solid var(--breadcrumb-boarder-color);
		    border-radius: var(--border-radius-small);
		    box-shadow: 1px 1px 3px var(--shadow-color);
		}

/* endregion Breadcrumbs */

/*    Content section search and search results    */
		/* Search */
		.pull-left {
		    float: left !important;
			padding: 10px, 0, 0, 40px;
		}
		.col-md-2 { /*pushes out the width of the logo space to move the search bar*/
			width: 20%;
		}
		.col-md-5 { /*removes the left padding on the search bar to align with the TOC panel*/
			padding-left:2px;
		}
		 
		/* SEARCH RESULTS */
		/* container for search results*/
		#shortened_search_result {
		  width: 20%;
		}
		
		/* body text of search results */
		#shortened_search_result > div td {
		    font-size: 14px;
		    padding: 10px 5px 0 5px;
		}
		
		#shortened_search_result > div td b {
		    color: var(--search-highlight-word);
		}
		
		/* Search progress bar  bar*/
		.progress .progress-bar {
		    background-color: var(--search-progress-bar-color);
		}
		#mostrecent a.pull-right, .sidebar_content a.pull-right {
    		border: 1px solid var(--secondary-color);
    		border-radius: var(--border-radius-small);
    		background-color: var(--secondary-color);
    		color: white !important;
   			font-size: 12px;
    		padding: 0 2px 0 2px;
    		line-height: normal;
    		margin: -5px;
}
#mostrecent a.pull-right:hover, .sidebar_content a.pull-right:hover {
  background-color: var(--white);
  color: var(--secondary-color) !important;
}
/* End content section search and search results  */

	  
/* Table of Content section */

/* TOC, Index and glossary Container */
/* section container that expands/collapses hiding or showing #accordian3 */

		section.content_block > .left_block {
		    width: 20%;
		    float: left;
		    margin: 0;
		    padding: 0;
		    transition: all 0.4s ease-in-out;
		    border-right: 1px solid var(--light-gray-color);
		    position: relative;
		    background-color: var(--menu-bg-color);
		}
		
		#accordion3 > .panel-default {
		    padding: 10px 0px;
		    margin:0;
		    border: 0;
		    /*background-color: none;*/
		    box-shadow: none;
		    overflow-y:hidden;
		    overflow-x:auto;
		    height:100%;
		    background-color: var(--menu-bg-color);
		}
		
		#menusection {
		    background-color: var(--menu-bg-color);
		}

/* SELECTED ITEMS IN TABLE OF CONTENTS */

		/* text for heading level one in contents */
		ul.jqtree-tree  span.jqtree-title[aria-level="1"]/*[aria-selected="false"][aria-expanded="true"]*/ {
		    font-weight: bold;
			/*color: var(--test);*/
			font-size: 15px;
		}
		ul.jqtree-tree  span.jqtree-title[aria-level="2"], span.jqtree-title[aria-level="3"], span.jqtree-title[aria-level="4"] {
			color: black;
			font-size: 15px;
	}
		/* container for selected items - item in context */
		ul.jqtree-tree li.jqtree-selected > .jqtree-element {
		    border-radius: 2px;
		    border: 1px solid var(--toc-active-border);
		    box-shadow: 1px 1px 3px 1px var(--box-shadow-color);
		}
		
		/* text for selected item */
		ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-title {
			background-color: var(--toc-title-active-bg);
		    color: var(--toc-title-text-color) !important;
		    font-weight: 600;
		    font-size:15px;
		}

		/*Contents pane for large footer*/
		.header_navigation .has_footer #menusection>.panel-body {
		    height: calc(100vh - 215px) !important;
		}
		
		/* ToC Footer containing the TOC, Index, and Glossary buttons */
		#menusection > div.panel-footer {
		    background-color: var(--menu-panelfooter-bg) !important;
		    position: relative;
		    width: 100% !important;
		    padding: 5px 3px 5px 3px;
		    border-top: 1px solid var(--menu-panelfooter-bg);
		    border-left: none;
		    border-radius: 0;
		    bottom: 0px;
		}
		
		/* normal button */
		#menusection > div.panel-footer .menu_bot_btn {
		    width: calc(33.3333% - 5px);
		    border: 1px solid var(--light-gray-color);
		    border-radius: var(--border-radius-small);
		    background-color:  var(--toc-panel-button-bg);
		    color: inherit;
		    float: left;
		    white-space: pre-wrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    padding: 6px 5px;
		    margin: 0 2px 0 2px;
		    box-shadow: none;
		    font-weight: 600;
		}
		
		/* hover over normal and active button */
		
		#menusection > div.panel-footer .menu_bot_btn:hover, #menusection > div.panel-footer .menu_bot_btn.active:hover {
		    border: 1px solid var(--active-btn-bg-color);
		    background-color: var(--toc-panel-hover-bg);
		    box-shadow: 1px 1px 3px var(--shadow-color);
		    color: var(--active-btn-text-color);
		}
		
		/* active/selected button */
		#menusection > div.panel-footer .menu_bot_btn:active .menu_bot_btn.active {
		    border: 1px solid var(--toc-panel-active-bg);
		    background-color: var(--toc-panel-active-bg);
			color: var(--toc-panel-button-active-text);
		    box-shadow: 1px 1px 3px var(--shadow-color);
		    color: var(--toc-panel-button-text);
		}

/* Widgets section */
		section.content_block>div.right_block {
		    padding: 0;
		    width: 20%;
		    height: 100%;
		    float: right;
		    transition: all 0.4s ease-in-out;
		    position: relative;
		    background-color: var(--widget-bg-color);
			background-image: var(--widget-bg-image);
			background-size: cover;
			background-position: var(--widget-bg-image-focus);
			background-repeat: no-repeat;
		    border-left: 1px solid var(--light-gray-color);
		}
		section.content_block > .right_block > div {
			   /*background-image: (--widget-bg-image);
    			background-size: cover;*/
		}
		#accordion2>.panel-default {
			background-color: var(--widget-expand-bg)
		}
/* -------------END Widgets section ------*/


/*-------------- Expanding block for References ____- */
		.referencesexpandingblock a {
		  width: 100%;
		  overflow: hidden;
		  display: block;
		  padding: 3px 20px 3px 10px;
		  user-select: text;
		  background-color: var(--light-gray-color);
		  color: var(--contrast-light);
		  font-weight: 400;
		  font-size: 20px;
		}
		.referencesexpandingblock a:hover {
			  color:var(--contrast-light);
		}
		.referencesexpandingblock a:active {
			  color:var(--contrast-light);
		}
		.referencesexpandingblock a:visited {
			  color:var(--contrast-light);
		}
		.referencesexpandingblock a:focus {
			  color:var(--contrast-light);
		}
		.referencesexpandingblock a[aria-expanded="true"]::after {
		    content: var(--widget-closed);
			color: var(--contrast-light);
			float: right;
			font-weight: 300;
		}
		.referencesexpandingblock a::after {
		    content: var(--widget-open);
			color: var(--contrast-light);
			float: right;
			font-weight: 300;
		}
/* END REFERENCES EXPANDING BLOCK */

/* Glossary Items in body */
/*		.content_block span[data-glossaryitemid] {
		    font-style: var(--basefont);
		    font-variant: normal;
		    font-weight: normal;
			color: inherit;
		} */
		.content_block span[data-glossaryitemid]::after {
			display: none !important;
		}
/*		.tooltiptext {
			display: none !important;
		}
		.rightTopTooltip:before, .centerTopTooltip:before, .leftTopTooltip:before {
		    display: none !important;
		}
		
		
		div#accordian > a.title.collapsed {
			color: var(--text-color);
		}*/
/* endregion Glossary */

/* SOCIAL ICONS - this is located in the main content section and is related to the share icon associated with the vertical ellipsis*/
		/* hide share menu option */
		.topic_right_icons > li:nth-child(2) {
		    /*display: none;*/
		}
		
		/* center icons because when you turn some off it looks odd*/
		ul.share_social {
		    text-align:center;
		}
		
		/* Facebook Icon*/
		/*ul.share_social > li:nth-child(1)  {
		    display: none !important;
		}
		
		/* LinkedIn Icon*/
		/*ul.share_social > li:nth-child(2)  {
		    display: none !important;
		}
		
		/* Twitter Icon*/
		/*ul.share_social > li:nth-child(3)  {
		    display: none !important;
		}
		
		/* Email Icon*/
		ul.share_social > li:nth-child(4)  {
		    /*display: none !important;*/
		}
/*  END SHARE ICONS ----------------------*/


/* -------------------------------End of Content Container Section ----------------*/

/* APPLICATION FONT */

.hanging1 > .a[data-toggle="popover"]::after {
	text-align: right;
}


/* thin horizontal scrollbar */
::-webkit-scrollbar {
    height: 6px;
}


/* button on left to collapes right nav Panel*/
#left_block_collapse {
    z-index: 8;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border: 1px solid transparent;
    border-radius: 15px;
    right: -18px;
    position: absolute;
    top: 30px;
    overflow: hidden;
    float: left;
    background: white;
    box-shadow: 1px 1px 3px var(--shadow-color);
    line-height: 14px;
}

/* hide text content of button */
#left_block_collapse > p {
    color: transparent;
    margin: 0;
    padding: 0;
    max-width: 25px;
    text-align: center;
}

/* hide original icons */
#left_block_collapse > p > span {
    display: none;
}

/* icon before current block*/
#left_block_collapse > p::before {
    content: var(--left-pane-open);
    font-family: FontAwesome;
    color: var(--dark-gray-color);
    padding: 0 7px 0 7px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

/* swap button icons when collpased */
.move_left #left_block_collapse > p::before {
    content: var(--left-pane-closed);
}

/* hover over button */
#left_block_collapse:hover {
    background-color: var(--active-btn-bg-color);
    border: 1px solid var(--active-btn-bg-color);
}

/*#endregion LEFTNAV*/





/* ------------- body content ------------------ */