/* Hack to hide the red button from the navbar :< */
html.feds-has-customPath body::before
{
  	display: none;
}

html
{
  	--3dportal-bar-height: 65px;
  	--nav-bar-height: 50px;
  	--nav-bar-height-full: calc(var(--3dportal-bar-height) + var(--nav-bar-height));
  
  	--scrollbar: #505050;
  	--scrollbar-background: #161616;
  	--scrollbar-background-sidebar: #242424;
  
	--header-background: #2C2C2C;
  	--header-link: #A2A2A2;
  	--header-link-focus: #CCCCCC;
  	--header-link-hover: #FFFFFF;
  	--header-border: #1A1A1A;
  	--header-separator: #494949;
  	--header-button: #A2A2A2;
  	--header-button-hover: #EFEFEF;

    --navigation-link: #A2A2A2;
    --navigation-link-hover: #FFFFFF;
  
  	--home-button-background: #404040;
  	--home-button-background-bright: #202020;
  
	--footer-background: #2C2C2C;
  	--footer-link: #A2A2A2;
  	--footer-link-hover: #FFFFFF;
  	--footer-border: #1A1A1A;
  	--footer-text: #A2A2A2;
  
  	--sidebar-background: #2C2C2C;
  	--sidebar-link: #A2A2A2;
  	--sidebar-link-hover: #FFFFFF;
  	--sidebar-border: #242424; 
    --sidebar-border-light: #494949;
  	--sidebar-text: #A2A2A2;
  	--sidebar-title: #C1C1C1;
  
  	--sidebar-tab: #535353;
  	--sidebar-tab-current: #FFFFFF;
  
  	--sidebar-dropdown-border: #535353;
  	--sidebar-dropdown-border-hover: #6E6E6E;
  	--sidebar-dropdown-background: #252525;
  	--sidebar-dropdown-background-arrow: #2F2F2F;
  	--sidebar-dropdown-icon: #B9B9B9;
  
  	--sidebar-search-text: #A2A2A2;
  	--sidebar-search-text-hover: #FFFFFF;
  	--sidebar-search-border: #5A5A5A;
  	--sidebar-search-border-hover: #6E6E6E;
	--sidebar-search-border-focus: #378EF0;
  	--sidebar-search-background: #252525;
  	--sidebar-search-icon: #B9B9B9;
  
  	--sidebar-toc-title: #EFEFEF;
	--sidebar-toc-link: #B4B4B4;
  	--sidebar-toc-link-hover: #FFFFFF;
	--sidebar-toc-hover: #555555;
  	--sidebar-toc-background: #393939;
  
  	--sidebar-tree-text: #EFEFEF;
  	--sidebar-tree-background: #454545;

  	--dropdown-background: #252525;
  	--dropdown-background-hover: #212121; 
  	--dropdown-border: #5A5A5A;
  	--dropdown-border-hover: #6E6E6E;
  	--dropdown-item: #E3E3E3;
  	--dropdown-item-border: #5A5A5A;
  	--dropdown-item-background: #252525;
  	--dropdown-item-background-hover: #323232;
  
  	--page-background: #242424;
  	--page-title: #999999;
  	--page-text: #CDCDCD;
  	--page-text-bold: #FFFFFF;
  	--page-link: #71B2FF;
  	--page-link-border: rgba( 113, 178, 255, 0.3 );
  	--page-link-hover: #D1E6FF;
  	--page-quote: #323232;
  	--page-quote-border: #CCCCCC;
  
  	--page-info-background: #1C1C1C;
  	--page-info-normal: #7091B2;
  	--page-info-tip: #83A376;
  	--page-info-warning: #D6C509;
  	--page-info-error: #C24E44;
  
  	--page-api-background: rgba(0,0,0, 0.175);
  	--page-api-border: rgba(255,255,255, 0.1);
  	--page-api-block: rgba(255, 255, 255, 0.075);
  	--page-api-function-arg: #C362A1;
  	--page-api-function-parenthese: #BDBDBD;
  	--page-api-function-name: #FFFFFF;
  	--page-api-function-prename: #C1C1C1;
  	--page-api-function-type: #76E3D9;
  
  	--table-border: #242424;
  	--table-header: #1F1F1F;
  	--table-background: #2E2E2E;
  	--table-background-red: rgba(109, 54, 54, 0.25); /*#6D3636;*/
  	--table-background-green: rgba(68, 96, 49, 0.25); /*#446031;*/
  	--table-background-blue: rgba(70, 82, 100, 0.25); /*#465264;*/
  	--table-background-yellow: rgba(106, 100, 50, 0.25); /*#6A6432;*/
  
  	--code-inline-text: #FFAB7A;
  	--code-inline-background: #202020;
  	--code-inline-border: #111111;
}

.lightmode 
{
}

html
{
    /* scrollbars */
  	scroll-behavior: auto; /* smooth scroll handled via jquery instead */
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar) var(--scrollbar-background);
  	overflow: auto;
  	overflow-y: scroll;
  
	background-color:var(--page-background);
}

html ::-webkit-scrollbar {
  	width: 12px;
}

html ::-webkit-scrollbar-track {
  	background: var(--scrollbar-background);
}

html ::-webkit-scrollbar-thumb {
  	background-color: var(--scrollbar);
  	border-radius: 20px;
  	border: 3px solid var(--scrollbar-background);
}

#sidebar-navigation
{
    scrollbar-color: var(--scrollbar) var(--scrollbar-background-sidebar);
}

#sidebar-navigation ::-webkit-scrollbar-track {
  	background: var(--scrollbar-background-sidebar);
}

#sidebar-navigation ::-webkit-scrollbar-thumb {
  	border: 3px solid var(--scrollbar-background-sidebar);
}


#maintenance
{
  	color: var(--page-text);
  	width: 400px;
  	text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#maintenance h1
{
  	color: var(--page-title);
  	font-size: 24px;
}

#maintenance-logo
{
  	display: block;
  	width: 80px;
  	height: 80px;
  	margin: auto;
  	background-color: transparent;
  	background-image: url("../icons/adobe_corporate_vertical.png");
  	background-size: 55px 70px;
  	background-position: center;
  	background-repeat: no-repeat;
  	filter: brightness(0) invert(1);
  	opacity: 0.5;
}