/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 07/10/2025 15:53:44

 *** IMPORTANT : DO NOT EDIT BY HAND, EDIT .gss FILE ! ***

 Copyright (c)  MVP - All Rights Reserved
 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 MVP, 2025
*/

body.knowledgeBase
{
	height:100vh ;
	overflow-y:hidden ;
}

body.knowledgeBase #knowledgeContent
{
	height:100% ;
	display:flex ;
	flex-direction:column ;
	align-items:center ;
	gap:30px ;
	padding-top:50px ;
}

body.knowledgeBase #knowledgeContent h1
{
	display:flex ;
	align-items:center ;
	justify-content:center ;
	padding:0 !important;
	width:fit-content ;
}

body.knowledgeBase #knowledgeContent h1 img
{
	width:auto ;
	height:100px ;
}

body.knowledgeBase #knowledgeContent h1 span
{
	color:white ;
	width:60% ;
}

body.knowledgeBase #knowledgeContent #knowledgeList
{
	display:grid ;
	grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) ;
	gap:25px ;
	width:100% ;
	max-width:700px ;
	max-height:600px ;
	overflow-y:auto ;
	box-sizing:border-box ;
	align-content:start ;
	padding:0 10px ;
}

body.knowledgeBase #knowledgeContent #knowledgeList .knowledgePoint
{
	background-color:var(--TITLE-COLOR) ;
	padding:0 10px ;
	border-radius:10px ;
	display:flex ;
	align-items:center ;
	justify-content:center ;
	text-align:center ;
	color:white ;
	font-size:19px ;
	cursor:pointer ;
	box-sizing:border-box ;
	aspect-ratio:2.5 / 1 ;
	max-width:310px ;
}

body.knowledgeBase #knowledgeContent #knowledgeList .knowledgePoint:hover
{
	opacity:0.7 ;
}

.kbdisplay
{
}

.kbdisplay #main, .kbdisplay .mainHelp
{
	display:flex ;
	height:calc(100vh - 80px) ;
	flex-direction:row ;
}

.kbdisplay #main .categories, .kbdisplay .mainHelp .categories
{
	font-size:1.1rem ;
	width:300px ;
	height:calc(100% - 40px) ;
	overflow:auto ;
	min-width:300px ;
	background:var(--OVERVIEW-BACKGROUND) ;
	margin:20px ;
}

.kbdisplay #main .categories h2, .kbdisplay .mainHelp .categories h2
{
	background:var(--TITLE-BACKGROUND) ;
	color:var(--TITLE-COLOR) ;
	text-align:center ;
	margin-top:0 ;
	padding:1rem ;
	font-weight:normal ;
}

.kbdisplay #main .categories ul, .kbdisplay .mainHelp .categories ul
{
	padding:0px 0px 0px 20px ;
}

.kbdisplay #main .categories > ul, .kbdisplay .mainHelp .categories > ul
{
	padding-left:0 ;
}

.kbdisplay #main .categories li, .kbdisplay .mainHelp .categories li
{
	list-style:none ;
	padding:0px ;
	margin-bottom:0px ;
	position:relative ;
}

.kbdisplay #main .categories li[data-cat] > a, .kbdisplay .mainHelp .categories li[data-cat] > a
{
	color:var(--SUBTITLE-COLOR) ;
}

.kbdisplay #main .categories li[data-cat] > a > img, .kbdisplay .mainHelp .categories li[data-cat] > a > img
{
	position:absolute ;
	height:20px ;
	right:8px ;
	top:6px ;
}

.kbdisplay #main .categories li[data-cat].open > a > img, .kbdisplay .mainHelp .categories li[data-cat].open > a > img
{
	transform:rotate(0) ;
	right:8px ;
	top:6px ;
	transform:rotate(90deg) ;
}

.kbdisplay #main .categories li:not(.open) > ul, .kbdisplay .mainHelp .categories li:not(.open) > ul
{
	display:none ;
}

.kbdisplay #main .categories a, .kbdisplay .mainHelp .categories a
{
	display:block ;
	color:black ;
	padding:6px 20px 6px 12px ;
}

.kbdisplay #main .categories a:hover, .kbdisplay .mainHelp .categories a:hover
{
	background:#C0C0C0 ;
	color:#202020 ;
}

.kbdisplay #main .categories li.leaf, .kbdisplay .mainHelp .categories li.leaf
{
}

.kbdisplay #main .categories li.leaf a.current, .kbdisplay .mainHelp .categories li.leaf a.current
{
	font-weight:bold ;
}

.kbdisplay #main #page, .kbdisplay .mainHelp #page
{
	height:100% ;
	color:white ;
	overflow:auto ;
	font-size:1.1rem ;
	flex-grow:1 ;
}

.kbdisplay #main #page .part.tpTEXT > a, .kbdisplay #main #page .part.tpLINK > a, .kbdisplay #main #page .part.tpDOC > a, .kbdisplay .mainHelp #page .part.tpTEXT > a, .kbdisplay .mainHelp #page .part.tpLINK > a, .kbdisplay .mainHelp #page .part.tpDOC > a
{
	color:white ;
	font-weight:bold ;
}

.kbdisplay #main #page .part.tpTEXT > a:hover, .kbdisplay #main #page .part.tpLINK > a:hover, .kbdisplay #main #page .part.tpDOC > a:hover, .kbdisplay .mainHelp #page .part.tpTEXT > a:hover, .kbdisplay .mainHelp #page .part.tpLINK > a:hover, .kbdisplay .mainHelp #page .part.tpDOC > a:hover
{
	text-decoration:underline ;
}

.kbdisplay #main #page h1, .kbdisplay .mainHelp #page h1
{
	color:var(--TITLE-COLOR) ;
	font-weight:normal ;
	padding:20px !important ;
}

.kbdisplay #main #page .part, .kbdisplay .mainHelp #page .part
{
	margin:0px 40px 20px 20px ;
}

.kbdisplay #main #page .part.tpVYT, .kbdisplay #main #page .part.tpVDM, .kbdisplay .mainHelp #page .part.tpVYT, .kbdisplay .mainHelp #page .part.tpVDM
{
}

.kbdisplay #main #page .part.tpVYT legend, .kbdisplay #main #page .part.tpVDM legend, .kbdisplay .mainHelp #page .part.tpVYT legend, .kbdisplay .mainHelp #page .part.tpVDM legend
{
	margin-top:6px ;
	font-style:italic ;
	text-align:center ;
}

.kbdisplay #main #page .part.tpTEXT, .kbdisplay .mainHelp #page .part.tpTEXT
{
	line-height:1.5rem ;
	text-align:justify ;
}

.kbdisplay #main #page .part.tpTEXT a, .kbdisplay .mainHelp #page .part.tpTEXT a
{
}

.kbdisplay #main #page .part.tpTEXT table.borduree, .kbdisplay .mainHelp #page .part.tpTEXT table.borduree
{
	border-collapse:collapse ;
	border:solid 1px #808080 ;
}

.kbdisplay #main #page .part.tpTEXT table.borduree td, .kbdisplay .mainHelp #page .part.tpTEXT table.borduree td
{
	border:solid 1px #808080 ;
	padding:2px 4px ;
}

.kbdisplay #main #page .part.tpIMG, .kbdisplay .mainHelp #page .part.tpIMG
{
	line-height:1.5rem ;
	text-align:center ;
}

.kbdisplay .video-wrapper
{
	position:relative ;
	width:90% ;
	max-width:800px ;
	margin:auto ;
	aspect-ratio:16 / 9 ;
}

.kbdisplay .video-wrapper iframe
{
	position:absolute ;
	inset:0 ;
	width:100% ;
	height:100% ;
	border:0 ;
}

.kbdisplay .video-wrapper iframe + button
{
	position:absolute ;
	top:0 ;
	left:0 ;
	width:100% ;
	height:100% ;
	background-color:rgba(220, 220, 220, 0.5) ;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='red' d='M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z'/%3E%3C/svg%3E");
	background-size:80px 80px ;
	background-repeat:no-repeat ;
	background-position:center center ;
}

.kbdisplay .video-wrapper iframe:not([src])
{
	display:none ;
}

.kbdisplay .video-wrapper iframe:not([src]) + button
{
}

.kbdisplay .video-wrapper iframe[src] + button
{
	display:none ;
}

.kbdisplay legend
{
	margin-top:6px ;
}