/*! 
 * HelpNDoc HTML template * Copyright (C) IBE Software - All rights reserved. 
 * Can only be used in documentation generated by HelpNDoc: http://www.helpndoc.com
 */

/* Define base colors */
:root
{
    /*--pixyz-active-color: #9D141C; RedIsDead*/
    /*--pixyz-hover-color: #E30613; RedIsDead*/
    --pixyz-active-color: #0277BD;
    --pixyz-hover-color: #03A9F4;
    --pixyz-background-dark: #151515;
    --pixyz-background-light: #F5F5F5;
    --pixyz-text-dark: #333;
    --pixyz-text-light: #EEE;
}
/* wow, such colors, many hexa */

@font-face{font-family:Roboto;src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot);src:url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Thin.woff2) format("woff2"),url(../font/roboto/Roboto-Thin.woff) format("woff"),url(../font/roboto/Roboto-Thin.ttf) format("truetype");font-weight:200}
@font-face{font-family:Roboto;src:local(Roboto Light),url(../font/roboto/Roboto-Light.eot);src:url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Light.woff2) format("woff2"),url(../font/roboto/Roboto-Light.woff) format("woff"),url(../font/roboto/Roboto-Light.ttf) format("truetype");font-weight:300}
@font-face{font-family:Roboto;src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot);src:url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Regular.woff2) format("woff2"),url(../font/roboto/Roboto-Regular.woff) format("woff"),url(../font/roboto/Roboto-Regular.ttf) format("truetype");font-weight:400}
@font-face{font-family:Roboto;src:url(../font/roboto/Roboto-Medium.eot);src:url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Medium.woff2) format("woff2"),url(../font/roboto/Roboto-Medium.woff) format("woff"),url(../font/roboto/Roboto-Medium.ttf) format("truetype");font-weight:500}
@font-face{font-family:Roboto;src:url(../font/roboto/Roboto-Bold.eot);src:url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Bold.woff2) format("woff2"),url(../font/roboto/Roboto-Bold.woff) format("woff"),url(../font/roboto/Roboto-Bold.ttf) format("truetype");font-weight:700}

body{
    background-color:#fff;
    font-family: Roboto,sans-serif !important;
}

.main-content, .main-content table span.rvts0
{
    font-size: 11pt;
    font-family: Roboto,sans-serif !important;
    font-style: normal;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}
/* Youtube players */

.main-content iframe[@src*="youtube.com"]')
{
	width: 80%;
	height: 60vh;
	min-height: 320px;
}

a{
    color:#3598dc
}
a:focus,a:hover{
    color:#1d6fa7
}
header{
    background-color:var(--pixyz-background-dark) !important;
    border-bottom-color:var(--pixyz-background-light) !important;
    color:#eee
}


header .hnd-toggle 
{
    background-color:var(--pixyz-background-light)
}

header .hnd-toggle .icon-bar{
    background-color:var(--pixyz-active-color)
}

header .hnd-toggle.active,
header .hnd-toggle:active,
header .hnd-toggle.focus,
header .hnd-toggle:focus,
header .hnd-toggle:active:focus,
header .hnd-toggle:hover{
    background-color:var(--pixyz-background-dark);
    border-color:var(--pixyz-hover-color)
}

header .hnd-toggle.active .icon-bar,
header .hnd-toggle:active .icon-bar,
header .hnd-toggle.focus .icon-bar,
header .hnd-toggle:focus .icon-bar,
header .hnd-toggle:active:focus .icon-bar,
header .hnd-toggle:hover .icon-bar{
    background-color:var(--pixyz-hover-color)
}

nav{
    background-color:var(--pixyz-background-light) !important;
    width: 444px !important;
}
nav .tab-tabs{
    /*border-bottom-color:#1a1a1a*/
}

@media screen and (min-width:769px) 
{
	body.md-nav-expanded div#main {
	    margin-left: 444px !important;
	}	
}

nav .tab-tabs .hnd-toggle
{
    background-color:var(--pixyz-background-light);
    border-color:var(--pixyz-background-dark);
    color:var(--pixyz-active-color);
}
nav .tab-tabs .hnd-toggle.active,
nav .tab-tabs .hnd-toggle:active,
nav .tab-tabs .hnd-toggle.focus,
nav .tab-tabs .hnd-toggle:focus,
nav .tab-tabs .hnd-toggle:active:focus,
nav .tab-tabs .hnd-toggle:hover
{
    background-color:var(--pixyz-background-dark);
    border-color:var(--pixyz-background-light);
    color:var(--pixyz-hover-color);
}
nav .tab-tabs>li>a,
nav .tab-tabs>li.active>a,
nav .tab-tabs>li.active>a:focus,
nav .tab-tabs>li.active>a:hover
{
    background-color:var(--pixyz-background-dark);
    color:var(--pixyz-background-light);
}
nav .tab-tabs>li.active>a
{
    background-color:var(--pixyz-background-light);
    color:var(--pixyz-active-color)
}

nav .tab-tabs>li>a:hover,
nav .tab-tabs>li.active>a:hover
{
    background-color:var(--pixyz-background-light);
    color:var(--pixyz-hover-color)
}
nav .tab-tabs>li>a:focus,
nav .tab-tabs>li.active>a:focus
{
    background-color:inherit;
    color:inherit;
}

nav .tab-tabs>li.tab::after
{
    background:var(--pixyz-active-color)
}
nav #search-info{
    border-left-color:var(--pixyz-text-dark) !important;
    color:var(--pixyz-text-dark) !important;
}

nav .tab-content 
{
	padding-top: 24px;
}


.jstree .jstree-anchor{
    color:var(--pixyz-text-dark) !important;
}
.jstree .jstree-node .jstree-clicked{
    /*
    background-color:#1f1f1f;
    border-color:#121212
    */
   	background-color: unset !important;
	border-color: unset !important;
	font-weight: bold;
}
.jstree .jstree-node .jstree-hovered{
    /*
    background-color:#141414;
    border-color:#080808
    */
    background-color: unset !important;
	border-color: unset !important;
	font-weight: bold;
}
.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:before,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:before{
    color:var(--pixyz-active-color) !important;

}
.jstree .jstree-node.jstree-closed>.jstree-icon.jstree-ocl:hover:before,.jstree .jstree-node.jstree-open>.jstree-icon.jstree-ocl:hover:before{
    color:var(--pixyz-hover-color) !important;
}



.jstree .jstree-node.jstree-open>.jstree-anchor>.icon-default{
	/* folder opened icon */

	height: 24px;
	width: 20px;
	margin-left: 4px;
	margin-right: 10px;

    background: none !important;
	background-color: var(--pixyz-active-color) !important;
    -webkit-mask: url(../vendors/fontawesome-5.0.8/solid/folder-open.svg) no-repeat 50% 50% !important;
    mask: url(../vendors/fontawesome-5.0.8/solid/folder-open.svg) no-repeat 50% 50% !important;
}
.jstree .jstree-node.jstree-closed>.jstree-anchor>.icon-default{
	/* folder icon */
    height: 24px;
	width: 20px;
	margin-left: 4px;
	margin-right: 10px;

    background: none !important;
	background-color: var(--pixyz-active-color) !important;
    -webkit-mask: url(../vendors/fontawesome-5.0.8/solid/folder.svg) no-repeat 50% 50% !important;
    mask: url(../vendors/fontawesome-5.0.8/solid/folder.svg) no-repeat 50% 50% !important;
}
.jstree .jstree-node .icon-default{
	/* default file icon */
    height: 24px;
	width: 12px;
	margin-left: 8px;
	margin-right: 14px;

    background: none !important;
	background-color: var(--pixyz-active-color) !important;
    -webkit-mask: url(../vendors/fontawesome-5.0.8/regular/file.svg) no-repeat 50% 50% !important;
    mask: url(../vendors/fontawesome-5.0.8/regular/file.svg) no-repeat 50% 50% !important;
}

.jstree .jstree-node .icon-10{
	/* presentation icon */
    height: 24px;
	width: 16px;
	margin-left: 8px;
	margin-right: 10px;

    background: none !important;
	background-color: var(--pixyz-active-color) !important;
    -webkit-mask: url(../vendors/fontawesome-5.0.8/solid/external-link-alt.svg) no-repeat 50% 50% !important;
    mask: url(../vendors/fontawesome-5.0.8/solid/external-link-alt.svg) no-repeat 50% 50% !important;
}

/* version mobile */

.jstree-default-responsive .jstree-anchor
{
	font-weight: inherit;
	line-height: 24px;
}

@media all and (max-width:767px)
{
	.jstree-default-responsive .jstree-anchor
	{
		padding-top: 8px;
	}
}


div#main>article .navigation{
    border-bottom-color:#f2f2f2
}
div#main>article .navigation .breadcrumb>li::after{
    color:#ccc
}
div#main>article .navigation .nav-arrows a{
    color:#333
}
div#main>article .navigation .nav-arrows a:hover,div#main>article .navigation .nav-arrows a:focus:hover{
    color:#3598dc
}

div#main > article
{
	position: relative;
}

div#main > article #topic_footer 
{
	color: #ccc;
    position: absolute;
    right: 12px;
    padding-bottom: 12px;
}

/* 2022 Template Refresh */

header h1 
{
    text-align: right;
}