@import url("font/font.css");
@import url('pwa/font.css');

/** HTML5 CSS RESET ***********************************************************/
html {
	scroll-behavior: smooth;
	scroll-padding-block-start:170px;
}
nav ul, nav ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
}

.txt_fig_ex .screenSeq img {
	max-width: inherit;
	height: revert;
}
html[data-theme='dark'] img {
	filter: brightness(0.85);
}
ins {
	background-color:#ff9;
	color: var(--contentFG);
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color: var(--contentFG);
	font-style:italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-block-end:1px dotted;
	cursor:help;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-block-start:1px solid #cccccc;
	margin-block: 1rem;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
input, select {
	vertical-align:middle;
	cursor:pointer;
}

ul,ol{
	padding-inline-start:30px;
	margin-block: 0.6rem;
	margin-inline: 0;
}
li{
	margin-block: 0.6rem;
	margin-inline: 0;
}
li span {
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--titleStyle);
	color: var(--titleFG);
	font-weight: 500;
}
.hidden{
	display:none;
}
menu{
	margin-block: 0;
	padding-inline-start: 0;
	list-style: none;
	display: flex;
	gap: 0.1rem;
}
/** END HTML5 CSS RESET *******************************************************/

/* Scrollbar for global */
::-webkit-scrollbar {
	width: 15px;
}
::-webkit-scrollbar-track {
	background: var(--scrollbar-bgcolor);
}
::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-color);
	border-radius: 5rem;
	border: 3px solid var(--scrollbar-bgcolor);
}

/** DOKIELGUIDE ***************************************************************/

/** Generic styles ************************************************************/

h2{font-size:1.7em;margin-block: .83em 0.2em;}
h3{font-size:1.5em;margin-block: 1em 0.2em;}
h4{font-size:1.3em;}
h5{font-size:1.15em;}
h6{font-size:1.1em;}

li{
	margin-block: 0.6rem;
	margin-inline: 0;
}
sup,sub{
	font-size: smaller;
}
/* === TRANSITIONS ========================================================== */
@keyframes glowSection {
	0% {box-shadow: inset 0 0 30px #FFFF60;}
	100% {box-shadow: none;}
}

/** Page layout **************************************************************/
html{
	height:100%;
	width: 100%;
	font-family: var(--fontStyle);
	font-size: var(--fontSize);
	overflow: hidden;
	position: fixed;
}

body{
	margin: 0;
	background-color: var(--contentBG);
	color: var(--contentFG);
	line-height: 1.5;
}

#page {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--contentBG);
	-webkit-overflow-scrolling: touch;
	scroll-padding-block-start:250px;
	scroll-behavior: smooth;
	display: flex;
	flex-direction: column;
}

#main{
	position: relative;
	flex: 1;
	margin: 0;
}
#main main {
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#content{
	min-height: -webkit-fill-available;
	min-height: -moz-available;
	min-height: fill-available;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	max-width: var(--maxWidth);
	margin-inline: auto;
	padding-block: 1em 3em;
	padding-inline-start: calc(var(--menuWidth) + 1em);
	padding-inline-end: 1em;
	transition: padding 0.3s ease;
}
.schDisplay_on #content {
    padding-block-end: 8em;
}
.oneColumn #content {
	padding-inline: 0.5em;
}
.planClosed #content,
.tplNoMenu #content {
	padding-inline-start: 1em;
	transition: padding 0.3s ease;
}

.twoColumn #outline {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	max-width: var(--menuWidth);
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	display: flex;
	flex-direction: column;
	padding-block: 10px;
	padding-inline: 0;
	background-color: var(--menuBG);
	border-inline-end: 1px solid var(--borderColor);
	z-index: 99;
	transition: left 0.3s ease;
}

.twoColumn.planClosed #outline {
	left: calc(var(--menuWidth) * -1);
}

.oneColumn #outline {
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(--menuWidth) * -1);
	max-width: var(--menuWidth);
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	display: flex;
	flex-direction: column;
	padding-block: 10px;
	padding-inline: 0;
	background-color: var(--menuBG);
	border-inline-end: 1px solid var(--borderColor);
	z-index: 999;
	transition: left 0.3s ease;
}
.oneColumn.menuOpen #outline {
	left: 0;
}

#outline:target{
	box-shadow:none;
}

/* ============= Cookie warn bar ============= */
.cookieWarnBar{
	position:relative;
	border-block-end:2px solid #e0dcd8;
	background-color: #FFF;
	padding-block: 6px;
	padding-inline: 10px;
	margin-block: 0;
	margin-inline: 0;
	opacity:1;
	z-index: 1000;
	display:flex;
	align-items: center;
}
.cookieWarnBar.acknowledged{
	opacity:0;
	height:0 !important;
	padding-block: 0;
	padding-inline: 10px;;
	margin-block: 0;
	margin-inline: -7px;
	border-block-end:0;
	transition-property : opacity,display,padding,margin;
	transition-duration : 0.5s;
}
.cookieWarnMsg{
	flex : 1 1 auto;
}
.cookieWarnBtnOk, .cookieWarnBtnNok {
	display:inline-block;
	background:#727272;
	color: var(--accentDarkFG);
	border: 1px solid #727272;
	border-radius:0.2rem;
	padding-block: 0.1rem;
	padding-inline: 0.3rem;
	margin-block: 0;
	margin-inline: 0.3rem;
	text-decoration: none;
}
.cookieWarnBtnOk:hover, .cookieWarnBtnNok:hover {
	background:white;
	color:#727272;
}

.cookieWarnBar_on #header .topbar {
	top:20px;
}

/** Header ********************************************************************/
#header {
	display: flex;
	flex-direction: column;
	width: -moz-available;
	width: -webkit-fill-available;
	width: -fill-available;
	border-block-end: 1px solid var(--borderColor);
}

#header .titleLayer {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: var(--headerBG);
	padding-inline: 1em;
}
.oneColumn #header .titleLayer {
	flex-wrap: wrap;
	row-gap: 0;
	padding-block: 0.5em;
}
.oneColumn.menuOpen #header .titleLayer {
	padding-block: 0.5em 0;
}

#header .toolLayer {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: var(--accentLightColor);
	padding-inline: 1em;
	padding-block: 0.5em;
}
.oneColumn #header .toolLayer {
	flex-wrap: wrap;
}
#header .toolLayer:empty {
	display: none;
}

div.searchFra {
	order: 2;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.9em;
}
.oneColumn div.searchFra {
	flex: 100%;
}
.schForm{
	display: flex;
	background-color: var(--schBG);
	border: 1px solid var(--borderColor);
	border-radius: 5px;
	align-items: center;
	padding-inline: 0.3rem;
}
.searchResults.schDisplay_many{
	z-index:1;
}

#header h1 {
	flex: auto;
	margin-block: 0;
	margin-inline: 0;
	font-size: var(--fontSize);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:var(--headerFG);
}
.oneColumn #header h1 {
	flex: 1;
}

#header h1 img {
	max-height: 35px;
	width: auto;
}
#header h1 a{
	text-decoration: none;
	color: var(--headerFG);
}

#header span.longTitle{
	font-size:0.8em;
}
#header span.longTitle.richTitle{
	font-size:0.8em;
}

#logo{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#header .toolLayer > menu {
	order: 1;
}
.oneColumn #header .toolLayer > menu {
	display: none;
}
li.planBtnParent {
	margin: 0;
}
button.planBtn,
button.menuBtn {
	border: 1px solid var(--borderColor);
	width: 32px;
	height: 32px;
	padding-block: 0;
	padding-inline: 0;
	text-align: center;
	color: var(--accentColor);
	background-color: var(--contentBG);
	border-radius: 5px;
	cursor:pointer;
}
.planClosed button.planBtn::before,
button.menuBtn::before {
	content: "\E83B";
	font-family:"fontello";
}
button.planBtn::before,
.menuOpen button.menuBtn::before {
	content: "\E83A";
	font-family:"fontello";
	font-size: 1.1em;
}
button.planBtn span,
button.menuBtn span {
	display:none;
}
button.planBtn:hover,
button.menuBtn:hover {
	background-color: color-mix(in oklab, var(--contentBG), transparent 85%);
	color:var(--accentColor);
}
.oneColumn button.planBtn,
.twoColumn button.menuBtn {
	display: none;
}
.twoColumn button.planBtn,
.oneColumn button.menuBtn {
	display: block;
}

/* ============= Accessibility menu ============= */
#accessibility{
	position: absolute;
	top: 0;
	right:40px;
	margin-block: 0;
	margin-inline: 0;
	font-size: 60%;
	list-style-type: none;
	padding-block: 0;
	padding-inline: 0;
	z-index:10;
}
#accessibility li{
	display:inline-block;
	margin-block: 0;
	margin-inline: 1rem;
}
#accessibility a{
	opacity:0;
	color: #8a6493;
	text-decoration: none;
	transition:0.2s all;
}
#accessibility:hover a{
	opacity:0.2;
}
#accessibility a:focus{
	opacity:1;
}
/**Footer ********************************************************************/
a.cookieWarnBtnBar,
span.copyright{
	color:var(--footerFG);
	display:inline-block;
	margin: 0;
	padding-inline: 0.5em;
	font-size:0.8em;
}

a.btnAbout {
	padding-inline: 0.5em;
	color: var(--accentColor);
	text-decoration: none;
}

a.btnAbout::before{
	content:"\E821";
	font-family:"fontello";
	margin-inline-end:5px;
}

#footer menu,
a.btnSc {
	padding-inline: 0.5em;
}

/* Navigation menu */
#footer {
	background-color: var(--footerBG);
	width: 100%;
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	max-width: -fill-available;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	row-gap: 0.3em;
	padding-block-end: 0.3em;
	font-size: 0.9rem;
}
.tplSubWin #footer::before {
	content: none;
}
#footer nav {
	display: flex;
	align-items:center;
	gap: 1em;
	width: 100%;
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	max-width: -fill-available;
	padding-block: 5px;
	padding-inline: 15px;
	background-color: var(--accentLightColor);
}
#footer nav a {
	font-weight: 500;
	padding-block: 8px;
	padding-inline: 12px;
	display: flex;
	gap:8px;
	align-items:center;
	justify-content: center;
	text-decoration:none;
	color: var(--accentDarkFG);
	background-color:var(--accentColor);
	border-radius: 5px;
	width: fit-content;
}
#footer a.navNext {
	margin-inline-start: auto;
}

#footer nav a:hover {
	background-color: color-mix(in oklab, var(--accentColor), transparent 45%);
}
#footer a.navPrev::before{
	font-family: "fontello";
	content: "\E83C";
}
#footer a.navNext::after {
	font-family: "fontello";
	content: "\E83D";
}

/** Home *************************************************************/
.tplHomeTitleArticle {
	padding-block-start: 4em;
}

.tplHomeTitleFrame {
	margin-block-end: 0.8em;
	display: flex;
	gap: 0.8em;
}
.tplHomeTitleFrame .tplHomeLogo{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tplHomeTitleFrame .tplHomeTi > *,
.tplHomeTitleFrame .tplHomeLongTi > * {
	margin: 0;
}
.tplHomeTitleFrame .tplHomeTi > * {
	font-size: 2.2em;
	color: var(--titleFG);
}
.tplHomeLongTi {
	font-family: var(--titleStyle);
	font-size: 1.3em;
	color: var(--contentLightFG);
	margin-inline-start: 0.2em;
}

/** Menus : stack *************************************************************/
#stack{
	font-size: 0.8em;
	order: 5;
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#stack span.sw_outStack_navRoot{
	display: contents;
}
.oneColumn #stack {
	flex: 100%;
	justify-content: flex-start;
}
#stack a{
	color: var(--accentColor);
	text-decoration: none;
	min-width: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#stack span.stkSel_yes {
	min-width: fit-content;
	overflow-wrap: anywhere;
}

.sw_outStack_navRoot .txt_ico_tim img {
	max-height: 20px;
	width: auto;
}
#stack span.stkSep{
	font-size: 80%;
	color:var(--contentLightFG);
}

/** Menus : plan **************************************************************/
ul.sw_outMap_navList{
	list-style: none;
	margin-block: 0;
	margin-inline: 10px 0;
	padding-block: 0;
	padding-inline: 0;
}
ul.sw_outMap_navList ul{
	list-style: none;
	margin-block: 0;
	margin-inline: 20px 0;
	padding-block: 0;
	padding-inline: 0;
}
ul.sw_outMap_navList li {
	margin-block: 0;
	margin-inline: 0;
}
ul.sw_outMap_navList a{
	display:block;
	color: var(--accentColor);
	text-decoration: none;
	padding-block: 0.5rem;
	padding-inline: 0.5rem;
}
ul.sw_outMap_navList a:hover {
	background-color: color-mix(in oklab, var(--contentBG), transparent 85%);
	border-radius: 5px;
}
ul.sw_outMap_navList a span.outLabel{
	padding-inline-start: 0.5rem;
}
ul.sw_outMap_navList a.mnuSel_yes>span{
	display:block;
}
ul.sw_outMap_navList a.mnuSel_yes span.outLabel{
	font-weight: bold;
}

/** Menus : root **************************************************************/
.oneColumn #menu {
	display: none;
	flex: 100%;
	order: 5;
}
.oneColumn.menuOpen #menu {
	display: block;
}
menu li {
	margin: 0;
}

#menu ul{
	margin: 0;
	padding: 0;
}
#menu a{
	color:var(--accentColor);
	text-decoration: none;
	margin-block: 0;
	margin-inline: 5px;
	padding-block: 0;
	padding-inline: 5px;
	display:block;
	height: 46px;
	line-height: 50px;
}
#menu a:hover{
	color: color-mix(in oklab, var(--accentColor), #000 50%);
}
.oneColumn #menu a {
	height: auto;
	line-height: 40px;
}

#menu li{
	display: inline-block;
	margin: 0;
}
.tplSub #stack {
	top: 53px;
}
.tplSub #menu li.outRoot a::before {
	content: "\E83C";
	font-family: "fontello";
	margin-inline-end: 5px;
}
.tplPage #menu li.outRoot a,
.tplTools #menu li.mainSel_yes a{
	color: var(--headerFG);
	border-block-end:4px solid var(--headerFG);
	font-weight: bold;
}

.tplPage #menu li.outRoot a:hover,
.tplTools #menu li.mainSel_yes a:hover{
	filter:brightness(1);
	cursor: initial;
}

/** Menus : outline ***********************************************************/
#outline ul.mnu_dynamic{
	display: block;
	position: relative;
	flex: 2 1 auto;
	padding-block: 0.5rem 3rem;
	padding-inline: 1em;
	overflow: auto!important;
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-bgcolor);
}
#outline .mnuSrlUpFra span,
#outline .mnuSrlDwnFra span{
	display:none;
}
#outline .mnuSrlUpFra,
#outline .mnuSrlDwnFra{
	display: none;
}
#outline .mnuSrlUpFra::before{
	content:"\e824";
	font-family:"fontello";
}
#outline .mnuSrlDwnFra::before{
	content:"\e80f";
	font-family:"fontello";
}
#outline .btnOff{
	opacity: 0;
}

#outline ul{
	list-style: none;
	padding-block: 1em;
	padding-inline: 0;
	margin-block: 0;
	margin-inline: 0;
	overflow: auto!important;
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-bgcolor);
}
#outline ul:not(.mnu_root) {
	padding-block: 0;
	padding-inline-start: 1.5em;
}
/* Scrollbar for outline menu */
#outline ul::-webkit-scrollbar {
	width: 15px;
}

#outline ul::-webkit-scrollbar-track {
	background: var(--scrollbar-bgcolor);
}

#outline ul::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-color);
	border-radius: 5rem;
	border: 3px solid var(--scrollbar-bgcolor);
}
/* end scrollbar settings */

#outline li{
	margin-block: 0;
	margin-inline: 0;
	position: relative;
}
#outline .mnuLbl{
	position: relative;
	display: flex;
	flex-direction: row;
}
#outline a.mnu_tgle_o span,
#outline a.mnu_tgle_c span{
	display:none;
}
#outline a.mnu_tgle_o,
#outline a.mnu_tgle_c {
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--menuFG);
	text-decoration:none;
	padding-block: 0;
	padding-inline: 5px;
	border-radius: 5px;
}
#outline a.mnu_tgle_c::before{
	font-family: "fontello";
	content: "\E817";
}
#outline a.mnu_tgle_o::before{
	font-family:"fontello";
	content:"\E816";
}
#outline a.mnu_lnk{
	width: 100%;
	color:var(--menuFG);
	text-decoration: none;
	padding: 0.3em;
	border-radius: 5px;
	cursor: pointer;
}
#outline a:hover{
	background-color: color-mix(in oklab, var(--accentColor), transparent 85%);
}
#outline li > .mnu_sel_yes{
	position: relative;
	margin-block: 0;
	margin-inline: 0;
	background-color: var(--accentLightColor);
	color: var(--contentFG);
	padding: 0.3rem;
	border-radius: 5px;
	gap:5px;
}

/** About *********************************************************************/
.infoBk th{
	padding-block: 5px;
	padding-inline: 0 10px;
	text-align: left;
}

/** Glossary ******************************************************************/
.glossary {
	margin-block-end:20px;
}
.keyOutline{
	margin-block-end: 1rem;
	position: sticky;
	top: 50px;
	background-color: var(--contentBG);
	z-index: 10;
	padding-block: 1rem;
	padding-inline: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.keyCateg{
	font-size: 2rem;
}
.keyOutlineEntry a{
	background-color:var(--accentColor);
	color: var(--accentDarkFG);
	text-decoration: none;
	display:inline-block;
	padding-block: 0.5rem;
	padding-inline: 0.7rem;
	border-radius: 0.3rem;
}
.keyOutlineEntry a:hover{
	background-color:var(--accentDarkColor);
}
.glossary dl{
	margin-block-end:30px;
}
.glossary dt{
	font-weight: bold;
	font-size:1.2em;
}
.glossary dd{
	margin-block-end:20px;
}
.glossary span.syn{
	display:block;
	color:var(--contentFG);
	font-size:0.95rem;
	margin-inline-start:0;
}
.glossary a.idxCallers_closed,
.glossary a.idxCallers_open{
	color:var(--accentColor);
	text-decoration: none;
	padding-block: 0.5rem;
	padding-inline: 0;
}
.glossary a.idxCallers_closed:hover .idxCallers_ti,
.glossary a.idxCallers_open:hover .idxCallers_ti{
	text-decoration: none;
	color:var(--accentDarkColor);
}
.glossary a.idxCallers_closed::before, .glossary a.idxCallers_open::before {
	font-family: "fontello";
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
	text-decoration: none;
	font-weight: 500;
	text-align: center;
	font-size: 0.8em;
	line-height: 20px;
	margin-inline-end: 0.5rem;
}
.glossary a.idxCallers_closed::before{
	content:"\E800";
}
.glossary a.idxCallers_open::before{
	content:"\E801";
}
.glossary a.idxCallers_closed:hover::before, .glossary a.idxCallers_open:hover::before{
	background-color: var(--accentDarkColor);
}
.glossary .idxCallers_co {
	padding-block: 0.2rem;
	padding-inline: 0.5rem;
	margin-inline-start: 0.5rem;
	border-inline-start: 1px solid var(--accentColor);
}
.glossary .idxCallers_co ul{
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
.glossary .idxCallers_co a{
	color: var(--accentColor);
	text-decoration: none;
}
.glossary .idxCallers_co a:hover{
	opacity: 0.8;
}
.glossary .def{
	margin-inline-end:10px;
}

/** Fundamental units as root **************************************************/
.home.concept .def_bk{
	padding-inline-start: 20px;
}
.home.stepList .secAloneCo{
	padding-inline-start: 10px;
}
.home.screen .secAloneCo{
	padding-inline-start: 15px;
}
.home.tree .secAloneCo{
	padding-inline-start: 15px;
}
/** Content : Basket **********************************************************/
.basket {
	margin-inline-start: 10px;
	margin-inline-end: 10px;
	border-block-start: 1px dashed gray;
}
.basket_itti{
	font-size: 1.1em;
}

/** Content : condensed blocks ************************************************/
section.condensedChild{
	border: 0;
	position: relative;
	margin-block: 1rem;
	margin-inline: 0;
	padding: 0.5em;
	border-radius: 0.5em;
	background-color: var(--accentColorAlpha);
}
section.condensedChild > .condensable_ti{
	position:relative;
	display: flex;
	margin-inline: 0;
	margin-block:0;
}
section.condensedChild > .condensable_ti > span{
	flex: 1 1 auto;
}
section.condensedChild > .condensable_ti > .blockAnchor{
	padding-block-start: 8px;
}
section.condensedChild .condensable_ti {
	margin-block-start: 0;
}

a.condensed_btn_open, a.condensed_btn_closed {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	text-decoration: none;
	color: var(--contentFG);
}
a.condensed_btn_open {
	margin-block-end: 0.5em;
}
.part.condensedChild a.condensed_btn_open {
	margin: 0;
}
a.condensed_btn_open::before, a.condensed_btn_closed::before {
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
	font-family: "fontello";
	display: inline-block;
	position: relative;
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding-block: 3px;
	padding-inline: 3px;
	text-align: center;
	font-size: 1rem;
	border-radius: 3em;
	flex: 0 0 auto;
}
a.condensed_btn_closed::before {
	content: "\E817";
}
a.condensed_btn_open::before {
	content: "\E816";
}
.faqItem a.condensed_btn_closed::before {
	content: "\E800";
}
.faqItem a.condensed_btn_open::before {
	content: "\E801";
}
a.condensed_btn_open:hover, a.condensed_btn_closed:hover {
	filter: brightness(0.8);
}

.content.condensedChildren > div:first-child {
	margin-block-start: 0;
}
.content.condensedChildren > div:last-child {
	margin-block-end: 0;
}

/** Content : Definitions *****************************************************/
div.syns{
	margin-block: 1em;
}
i.syn:before{
	content: "≃ ";
	color: gray;
}

/** Content : local menu ******************************************************/
.headCo_co{
	position:relative;
}
.secOutFra {
	position:fixed;
	top:147px;
	right:10px;
	z-index: 99;
	float:right;
	display: inline-block;
	font-size: 0.9em;
	margin-inline-start:1em;
}
.tplNoStk .secOutFra{
	top:102px;
}

.secOutFra a{
	color: var(--accentColor);
	display: block;
	padding-block: 0.5rem;
	padding-inline: 0.8rem;
	text-decoration: none;
}
.secOutFra a:hover{
	opacity: 0.8;
}
.secOutFra a:active {
	color: var(--contentFG);
	cursor: default;
}

.secOutTi a{
	color: var(--contentFG);
	background-color: var(--contentLightBG);
	padding-block: 0.8rem;
	padding-inline: 0.8rem;
	max-width: 250px;
	transition-duration: 0.2s;
}
.secOutTi a.secOut_cl{
	background-color: color-mix(in oklab ,var(--contentLightBG) 70%, transparent);
	width:auto;
}
.secOutTi a.secOut_cl span{
	display:none;
}
.secOutTi a:hover{
	background-color: var(--contentLightBG);
}
.secOutTi a::before {
	font-family: "fontello";
	content: "\E82A";
	margin-inline-end: 8px;
}
.secOutTi a::after{
	font-family: "fontello";
	float:right;
	margin-inline-start: 8px;
}
.secOutTi a.secOut_cl::after {content: "\E816";}
.secOutTi a.secOut_op::after {content: "\E822";}

.secOutFra > .secOutUi {
	background-color: var(--contentLightBG);
	max-width: 250px;
}
.secOutUi ul {
	list-style: none;
	margin-block: 0;
	margin-inline: 15px 0;
	padding-block: 0;
	padding-inline: 0;
}
.secOutUi ol {
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	padding-block-end:0.5rem;
	max-height: 75vh;
	overflow: auto;
}
li.caption_lo.screenSeq_lo {
	margin-block: 0;
	margin-inline: 0;
}
.part_lo {
	margin-block: 0;
	margin-inline: 0;
}

/** Content : See also & sub section outline **********************************/
.linkSection,
.subSecUi{
	margin-block: 1rem;
	margin-inline: 0;
	padding-block: 1rem;
	padding-inline: 1rem;
	background-color:var(--accentLightColor);
	border-radius:0.5rem;
}
.subSecUi_ti {
	color:var(--contentFG);
	font-weight: bold;
	font-size:1.2em;
	padding-block: 0;
	padding-inline: 0;
}
ul.links,
ul.sw_outSubSec_navList{
	list-style: none;
}
ul.links a,
ul.sw_outSubSec_navList a{
	color:var(--accentColor);
	text-decoration: none;
	display:block;
	padding-block-start:2px;
}
ul.links a:hover,
ul.sw_outSubSec_navList a:hover{
	color:var(--accentDarkColor);
}

/** Content : block layout ****************************************************/
.headBlock_co {
	position: relative;
}
.headCo_ti.titleOnly_ti{
	text-align: center;
	font-size: 250%;
}
.headCo_ti.intro_ti{
	font-size: 2.5em;
}
.start_ti{
	padding-block: 0;
	padding-inline: 10px;;
}
.part {
	margin-block: 2em;
	padding-block: 0;
	padding-inline: 0;
	border-block-end: 1px dashed var(--accentColorAlpha);
	padding-block-end: 1em;
}
.part:first-child {
	margin-block-start: 0.5em;
}
.part .part {
	margin-block: 0.5em;
	padding-inline-start:0.5rem;
}
.part .part .part .part {
	border-inline-start: none;
	padding-inline-start:0.5rem;
}
section.concept, section.stepList,
div.tree.block, div.screen.block {
	margin-block: 1em;
	padding-block: 0;
	padding-inline: 0;
	border-block-end: 1px dashed var(--accentColorAlpha);
	padding-block-end: 1em;
}
section:last-child,
.part .part_co > div:last-child,
section.concept:last-child,
.concept > div:last-child,
.part_co:last-child {
	border-block-end: none;
	margin-block-end: 0;
}
section:first-child,
.part .part_co > div:first-child,
section.concept:first-child,
.concept > div:first-child,
.part_co:first-child {
	margin-block-start: 0;
}
.stepList_ti {
	margin-block-end: 0.5em;
}

.basket{
	clear:both;
}

/** Content : block styles ****************************************************/
.block,
.infoblock {
	position: relative;
	margin-block: 1em;
}
.block_co:last-child,
.infoblock_co:last-child,
.part_co:last-child {
	margin-block-end: 0;
}
.block_co:first-child,
.infoblock_co:first-child,
.part_co:first-child {
	margin-block-start: 0;
}
.block_co p,
.infoblock_co p {
    margin-block: 0.7em;
}
.infoblock_co p:first-child {
	margin-block-start: 0;
}
.infoblock_co p:last-child {
	margin-block-end: 0;
}
.infoblock_ti + .infoblock_co {
	padding-inline-start: 0.8em;
}
.infoblock_ti {
    padding-block-end: 0.5em;
}
.block_co p:first-child,
.infoblock_co p:first-child {
	margin-block-start: 0;
}
.block_co p:last-child,
.infoblock_co p:last-child {
	margin-block-end: 0;
}
.scEditable > .block_co{
	margin-block: 0;
	margin-inline: 0;
}
i.blockType{
	display:none;
	float: right;
}
.block_no_ti i.blockType{
	display:inline;
	float: none;
	font-style: normal;
}
.block_no_ti.cbk-closed > .block_ti i.blockType{
	display:inherit;
}
.block_no_ti.screen > .block_ti > span.block_ti_co,
.block_no_ti.stepList > .block_ti > span.block_ti_co,
.block_no_ti.cbk-closed > .block_ti > span.block_ti_co{
	position: inherit;
}

.warning.block,
.advice.block,
.tip.block,
.example.block,
.note.block,
.legal.block,
.complement.block,
.typed.important.block,
.typed.focus.block,
.typed.discrete.block {
	padding-inline-start: 10px;
	padding-block: 0.5em;
	min-height: 16px;
	border-inline-start: 3px solid var(--block-color);
}
.complement.block,
.typed.block.cbk-closeable,
.typed.block.cbk-closed {
	padding: 10px;
	border-inline-start: none;
	border-block-end: 3px solid var(--block-color);
	border-radius: 6px;
}
.block_co.collBlk_open {
	padding-block-start: 0.3em;
}

.warning.block > .block_ti,
.advice.block > .block_ti,
.tip.block > .block_ti,
.example.block > .block_ti,
.note.block > .block_ti,
.legal.block > .block_ti,
.complement.block > .block_ti,
.typed.block > .block_ti {
	color:var(--block-color);
	font-size:1.1em;
	margin: 0;
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.infoblock_ti {
	font-size: 1.1em;
	margin: 0;
}
.complement_ti,
.complement_ti .block_ti_co {
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	max-width: -fill-available;
	width: 100%;
}
.warning.block > .block_ti::before,
.advice.block > .block_ti::before,
.tip.block > .block_ti::before,
.example.block > .block_ti::before,
.note.block > .block_ti::before,
.legal.block > .block_ti::before,
.complement.block > .block_ti::before,
.complement.block a.block_btn_closed::before,
.complement.block a.block_btn_open::before {
	font-family: "fontello";
	font-size: 0.9em;
	color: var(--accentDarkFG);
	background-color:var(--block-color);
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding: 3px;
	border-radius: 5em;
}
.complement.block a.block_btn_closed::before,
.complement.block a.block_btn_open::before {
	border-radius: 5px;
}

/* --- Warning --- */
.warning {
	--block-color: var(--blockWarning);
	background-color: var(--blockWarningLight);
}
.warning.block > .block_ti::before {
	content: "\E80D";
}

/* --- Advice --- */
.advice {
	--block-color: var(--blockAdvice);
}
.advice.block > .block_ti::before {
	content: "\E808";
}

/* --- Tip --- */
.tip {
	--block-color: var(--blockTip);
}
.tip.block > .block_ti::before {
	content: "\E810";
}

/* --- Example --- */
.example {
	--block-color: var(--blockExample);
}
.example.block > .block_ti::before {
	content: "\E823";
}

/* --- Note --- */
.note {
	--block-color: var(--blockNote);
}
.note.block > .block_ti::before {
	content: "\E80E";
}

/* --- Legal --- */
.legal {
	--block-color: var(--blockLegal);
}
.legal.block > .block_ti::before {
	content: "\E80F";
}

/* --- Typed block --- */
.typed {
	--block-color: var(--contentFG);
}
.typed.important {
	--block-color: var(--blockImportant);
	background-color: var(--blockWarningLight);
}
.typed.focus {
	--block-color: var(--blockFocus);
}
.typed.discrete {
	--block-color: var(--blockDiscrete);
}
span.typed.important,
span.typed.focus,
span.typed.discrete {
	color: var(--block-color);
}
.typed .icon {
	vertical-align: middle;
	margin-inline-end: 0.3em;
}

.typed a.block_btn_closed,
.typed a.block_btn_open {
	text-decoration: none;
	color: var(--block-color);
}
[data-theme="light"] .typed a.block_btn_closed:hover,
[data-theme="light"] .typed a.block_btn_open:hover {
	color: color-mix(in oklab, var(--block-color), #000 70%)!important;
}
[data-theme="dark"] .typed a.block_btn_closed:hover,
[data-theme="dark"] .typed a.block_btn_open:hover {
	color: color-mix(in oklab, var(--block-color), #fff 70%)!important;
}

.typed a.block_btn_open::before,
.typed a.block_btn_closed::before {
	font-family: "fontello";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.3em;
	height: 1.3em;
	font-size: 0.9em;
	color: #fff;
	background-color: var(--block-color);
	border-radius: 5px;
	margin-inline-end: 0.4em;
}
.typed a.block_btn_open::before {content: "\E801";}
.typed a.block_btn_closed::before {content: "\E800";}

[data-theme="light"] .typed a.block_btn_open:hover::before,
[data-theme="light"] .typed a.block_btn_closed:hover::before {
	background-color: color-mix(in oklab, var(--block-color), #000 70%)!important;
	color: #fff!important;
}
[data-theme="dark"] .typed a.block_btn_open:hover::before,
[data-theme="dark"] .typed a.block_btn_closed:hover::before {
	background-color: color-mix(in oklab, var(--block-color), #fff 70%)!important;
	color: #fff!important;
}

/* --- Complement --- */
.complement {
	--block-color: var(--blockComplement);
	background-color: var(--blockComplementLight);
}
.complement.block > .block_ti::before {
	content: none;
}
.complement span.block_ti_co {
	display: flex;
	align-items: baseline;
}

.complement.block a.block_btn_closed,
.complement.block a.block_btn_open{
	color:var(--blockComplement);
	text-decoration:none;
	justify-content: space-between;
	flex: 2 1 auto;
}
.complement.block > .block_ti a.block_btn_closed,
.complement.block > .block_ti a.block_btn_open{
	display:flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 5px;
}
.complement.block a.block_btn_closed::before{
	content: "\E800";
}
.complement.block a.block_btn_open::before{
	content: "\E801";
}
.complement.block a.block_btn_closed:hover,
.complement.block a.block_btn_open:hover{
	color:var(--contentFG);
}
.complement.block a.block_btn_closed:hover::before,
.complement.block a.block_btn_open:hover::before{
	background-color:var(--contentFG);
}

/* --- Concept --- */
.concept.block::before{
	background:none;
}
.def_bk {
	padding-block: 0.5em;
	padding-inline: 1em;
	background-color: var(--accentLightColor);
	border-inline-start: 3px solid var(--accentColor);
	margin-block-end: 0.5em;
}

.concept_ti dfn{
	font-style: inherit;
}
.concept_co span.syn{
	display:block;
	color:var(--contentFG);
	font-size:0.95rem;
	margin-inline-start:20px;
}
.concept_co span.syn:before {
	content: '= ';
}

.caption {
	text-align: center;
	margin-inline: 0;
}
.caption_ti{
	font-size:1em;
	margin-block-start: 0.5rem;
}
.caption_co > iframe{
	max-width: -webkit-fill-available;
	max-width: -moz-available;
	max-width: -fill-available;
}
.descBlock_closed,
.descBlock_open{
	color:var(--accentColor);
	text-decoration:none;
}
.descBlock_closed::after,
.descBlock_open::after {
    font-family: "fontello";
    margin-inline-start: 0.3em;
    border: 1px solid;
    border-radius: 4px;
    font-size: 0.8em;
    padding: 0.2em;
    vertical-align: middle;
}
.descBlock_closed::after {
    content: "\E800";
}
.descBlock_open::after {
	content: "\E801";
}
.caption_ti .desc{
	font-style: normal;
	max-width:630px;
	margin-block: 0;
	margin-inline: auto;
	text-align: left;
}

/* --- Anchor --- */
.blockAnchor{
	visibility:hidden;
	text-decoration: none;
	color:var(--accentColor);
	font-size: 0.9em;
	margin-inline-start:10px;
	order: 3;
}
.blockAnchor::before{
	font-family:"fontello";
	content:"\E809";
}
.blockAnchor span{
	display:none;
}
*:hover>.blockAnchor,
.blockAnchor:focus, .isMobile_true .blockAnchor{
	visibility:visible;
}
.isMobile_true .blockAnchor{
	visibility:hidden;
}

/** Content : procedures ******************************************************/
.stepListFra header .infoblock_co {
	margin-block: 0;
	margin-inline: 0;
}
.stepList.block::before{
	background:none;
}
.stepList_co {
	position:relative;
}
.prereq_ti,
.comment_ti,
.result_ti,
.proc_ti,
.linkSection_ti {
	font-family: var(--titleStyle);
	font-weight: 500;
	font-size: 1.2em;
}
.proc_ti {
    margin-block-end: 0.3em;
}
a.slpBtnStp, a.slpBtnLst {
	padding-block: 0.4em;
	padding-inline: 0.3em;
	background-color: var(--contentBG);
	text-align: center;
	color: var(--accentColor);
	text-decoration: none;
	display: flex;
	justify-content: center;
	gap: 0.2em;
	flex: 1;
	border: 1px solid var(--borderColor);
	border-block-end: 3px solid var(--accentDarkColor);
}
a.slpBtnLst {
	order: 1;
}
a.slpBtnStp {
	order: 2;
}
.slpTools a.disabled_false:hover{
	background-color: color-mix(in oklab, var(--elmtBG), #000 15%);
}
.slpTools a.disabled_true{
	color: #fff;
	background-color: var(--accentDarkColor);
	cursor: default;
}
.slpTools a.disabled_true:hover {
	cursor: default;
}
a.slpBtnStp::before {
	content: "\E900";
	font-family: "fontello";
}
a.slpBtnLst::before {
	content: "\E818";
	font-family: "fontello";
}
.slpSep, .slpCountLbl{
	display:none;
}
ol.steps {
	list-style: none;
	counter-reset:li;
	margin: 0;
	padding: 0.5em;
	background-color: var(--contentBG);
	border-radius: 5px;
}
li.step{
	position: relative;
}
.stepScreen {
	background-color: var(--elmtBG);
	padding: 1em;
	border-radius: 5px;
	margin-block: 0;
	margin-inline: 0;
}

.detail .block {
	border-radius: 5px;
}
.detail .block:first-child {
	margin-block-start: 0;
}
.detail .block:last-child {
	margin-block-end: 0;
}

.stepScreen li.step{
	padding: 1em;
	background-color: var(--contentBG);
}

.step > .detail, .step > .ssteps {
	padding-inline-start: 2.2em;
	margin-block-start: 0.3em;
}
ol.ssteps{
	list-style: none;
	padding: 0;
	margin: 0;
}
li.sstep{
	padding-inline-start: 20px;
}
li.sstep.result {
	position: relative;
	margin: 0;
	padding: 0.5em;
	border-radius: 0.5em;
	background-color: var(--elmtBG);
}
li.sstep.result .infoblock {
	margin: 0;
}
.screen > .infoblock,
.screen > .block,
.screen > div:not(:first-child),
.default > .infoblock,
.default > .block,
.default > div:not(:first-child),
.simple > .infoblock,
.simple > .block,
.simple > div:not(:first-child),
.result > .infoblock,
.result > .block,
.result > div:not(:first-child),
.prereq > .infoblock,
.prereq > .block,
.prereq > div:not(:first-child) {
	margin-inline-start: 0.8em;
}
li.result::before{
	display: none;
}
.stepTitle {
	align-items: baseline;
	gap: 0.3em;
	font-size:1em;
	margin-block: 0;
}

li.step .stepTitle::before {
	content: counter(li, decimal) "";
	counter-increment: li;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 25px;
	height: 30px;
	padding-inline: 0.2em;
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
	border: 1px solid var(--borderColor);
}

li.stepList .infoblock{
	padding-inline-start: 0;
}
.screenStep_ti .blockAnchor{
	position: absolute;
	right: 16px;
	top: 19px;
}
div.extras {
    padding: 10px;
    border-inline-start: none;
    border-block-end: 3px solid var(--blockComplement);
    background-color: var(--blockComplementLight);
    border-radius: 6px;
    margin-block: 0.5em 1em;
}
a.extras_closed,
a.extras_open{
    color: var(--blockComplement);
    font-size: 1.1em;
    margin: 0;
    text-decoration: none;
}
a.extras_closed::before,
a.extras_open::before {
    display: inline-block;
    font-family: "fontello";
    font-size: 0.9em;
    color: var(--accentDarkFG);
    background-color: var(--blockComplement);
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 3px;
    border-radius: 5px;
    margin-inline-end: 0.3em;
}
a.extras_closed::before {
    content: "\E800";
}
a.extras_open::before {
	content: "\E801";
}
a.extras_closed:hover,
a.extras_open:hover{
	color: color-mix(in oklab, var(--blockComplement), #fff 35%);
}
a.extras_closed:hover::before,
a.extras_open:hover::before{
	background-color: color-mix(in oklab, var(--blockComplement), #fff 35%);
}
.extras_co {
	padding-block-start: 0.3em;
}

nav.stepListAlt {
	background-color: var(--elmtBG);
	padding-block: 1rem;
	padding-inline: 1rem;
}
nav.stepListAlt ul{
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}
nav.stepListAlt ul a{
	color: var(--accentColor);
	text-decoration: none;
	position:relative;
}
nav.stepListAlt ul a:hover{
	text-decoration: underline;
}

.overview{
	position:relative;
	border-inline-start: 2px solid var(--accentColor);
	margin-block: 0 1.5rem;
	margin-inline: 30px 0;
}

.overview::before {
	content: "\e823";
	font-family: "fontello";
	background-color: var(--accentLightColor);
	text-align: center;
	color: var(--accentColor);
	line-height: 30px;
	position: absolute;
	left:-32px;
	top:0;
	height: 30px;
	width: 30px;
	border-inline-end:2px solid var(--accentColor);
}

/** Content : procedure player ************************************************/
.slpOver{
	display:none;
}
.stepListPlayer, .stepList .desc.simple{
	background-color: var(--accentLightColor);
	padding: 1em;
	margin-block-end: 1em;
}
.stepList .desc.simple{
	position: relative;
	padding: 0.5em;
}
.slpTools {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
}
.stepList .proc_ti::before{
	text-align: center;
	color: var(--accentColor);
	line-height: 30px;
	text-decoration: none;
	content: "\E818";
	font-family: "fontello";
	font-size: 1.1em;
	margin-inline-end: 0.4em;
}
ol.steps li.step {
	border-inline-start: 1px solid var(--borderColor);
	margin: 0;
	padding-block-end: 1em;
}
ol.steps li.step.result {
	padding-block: 0.5em 0;
	display: flex;
	flex-direction: column;
}
ol.steps li.step.result .result_ti {
	margin: 0;
	font-size: 1em;
	height: 30px;
	padding-inline: 0.2em;
	border: 1px solid var(--borderColor);
	background-color: var(--elmtBG);
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: baseline;
}

.slpOpAct ol.steps li.step,
.slpOpAct ol.steps li.step.result {
	border: 0;
	padding: 0;
}

.slpOpAct .stepListPlayer {
	background-color: var(--accentLightColor);
}

span.slpNavBtns{
	flex: 100%;
	order: 3;
	display:flex;
	align-items:center;
	justify-content: center;
	background-color: var(--accentLightColor);
	padding-block: 0.5em 0;
	padding-inline: 0.5em;
}
span.slpNavBtns.disabled_true{
	display:none;
}

a.slpBtnPrv,
a.slpBtnNxt{
	padding: 0.4em;
	margin-block: 0;
	margin-inline: 0.5em;
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
}
a.slpBtnPrv{
	order:1;
}
a.slpBtnPrv::before{
	font-family:"fontello";
	content:"\E81A";
}
a.slpBtnNxt{
	order:3;
}
a.slpBtnNxt::before{
	font-family:"fontello";
	content:"\e817";
}
a.slpBtnPrv:hover,
a.slpBtnNxt:hover {
	background-color: color-mix(in oklab, var(--accentColor), #000 35%);
}
a.slpBtnPrv span,
a.slpBtnNxt span{
	position:absolute;
	left:-9999px;
}
span.slpCountTxt{
	order:2;
	margin-block: 0;
	margin-inline: 0.5rem;
}
/** Content : procedure screen ************************************************/
.stepScreenBox{
	display:flex;
	justify-content: center;
	background-color: var(--contentBG);
	flex-direction: column;
	align-items: center;
}
.stepScreenTitles{
	position:relative;
	flex: 1 1 auto;
	background-color: var(--accentLightColor);
	padding-block: 0.3rem;
	padding-inline: 0.3rem;
	display: flex;
	flex-direction: column-reverse;
	align-self: stretch;
}
.screenImage{
	flex: 0 0 auto;
	counter-reset:steps;
	background-color: var(--contentBG);
}
.stepScreenTitles,
.stepScreenBox { /* Must be set on all parent flex items of an overflowing item */
	min-height:0;
}

ol.screenSteps{
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	counter-reset: steps;
	overflow-y: auto;
}
li.screenStep {
	margin-block: 0.2em;
	display: block;
}
li.screenStep a {
	text-decoration: none;
	color: var(--contentFG);
	padding-block: 0.2em;
	padding-inline: 0.3em;
	display: block;
	background-color: var(--contentBG);
	border: 1px solid var(--borderColor);
	border-radius: 5px;
}
li.screenStep a:hover {
	background-color: color-mix(in oklab, var(--contentBG), #000 5%);
}
li.screenStep.active_true a {
	border-color: var(--accentColor);
	border-inline-start: 5px solid var(--accentColor);
}
li.screenStep a::before {
	content: counter(steps, decimal);
	counter-increment: steps;
	border-radius: 50em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 25px;
	height: 25px;
	padding-inline: 0.2em;
	color: var(--accentColor);
	border: 1px solid var(--borderColor);
	margin-inline-end: 0.3em;
}
li.screenStep.active_true a::before {
	background-color: var(--accentColor);
	color: #fff;
	border-color: var(--accentColor);
}

span.stepArea{
	outline: 2px dotted var(--accentColor);
	border-radius: 5px;
}
.screenImage a.screenStepLnk::before {
	background-color: #ffffff;
	border-radius: 15px;
	color: var(--accentColor);
	content: counter(steps, decimal) " ";
	counter-increment: steps;
	font-size: 0.8em;
	height: 25px;
	left: -10px;
	top:-10px;
	line-height: 25px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 25px;
	z-index:9;
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}
a.screenStepLnk.active_true::before {
	background-color: var(--accentColor);
	color: #ffffff;
}

.stepScreenTools{
	display:flex;
	gap: 0.5em;
	align-items:center;
	justify-content:center;
	padding: 0.8rem;
}

.stepScreen.showSteps_false .screenImage .screenStepLnk.active_true .stepArea{
	outline: 2px dotted var(--accentColor);
}
.stepScreen.showSteps_false a.screenStepLnk.active_true:before{
	color: var(--accentColor)!important;
	background-color: #ffffff!important;
}
a.sspBtnPrv,
a.sspBtnNxt {
	margin: 0;
	background-color: var(--accentColor);
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3em;
	width: 35px;
	height: 35px;
}
a.sspBtnPrv span,
a.sspBtnNxt span {
	position: absolute;
	left: -9999px;
}
.stepScreen.showSteps_false a.sspBtnPrv {
	display: none;
}
.stepScreen.showSteps_false a.sspBtnNxt::after {
	font-family: "fontello";
	content: "\F00F";
}
a.sspBtnPrv::before{
	font-family: "fontello";
	content: "\E81A";
}
a.sspBtnNxt::after {
	font-family: "fontello";
	content: "\E817";
}
a.sspBtnPrv.disabled_true,
a.sspBtnNxt.disabled_true {
	opacity: 0.4;
	pointer-events: none;
}
a.sspBtnPrv.disabled_false:hover,
a.sspBtnNxt.disabled_false:hover {
	background-color: color-mix(in oklab, var(--accentColor), #000 15%);
}

.stepScreen.showSteps_false ol.steps{
	display: none;
}
.stepScreen.active_true ol.steps > li.step.active_false,
.stepScreen.showSteps_false ol.steps > li.step{
	visibility: hidden;
	position: fixed;
	left:-10000px;
	top:-10000px;
}
.stepScreen.active_true .stepScreenMask{
	background: black;
	opacity: 0.5;
}
.screenImage .screenStepLnk.active_false .stepArea{
	background: none !important;
}
.screenImage .screenStepLnk.active_true .stepArea {
	outline: 2px solid var(--accentColor);
}


/** Content : screen **********************************************************/
.screen.block::before{
	background:none;
}
.screen{
	position: relative;
}
.screen_ti{
	margin-inline-end:65px;
}
.screenImg{
	counter-reset:zones;
	border-spacing: 0;
	background-color: var(--contentBG);
	margin-inline: auto;
	margin-block: 1em;
}
.screenFra .caption{
	margin-block: 0;
	margin-inline: auto;
	background-color: var(--contentBG);
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.screenImgFra {
	display: flex;
	flex-wrap: wrap;
}
a.screenZoneLnk {
	text-decoration: none;
}
a.screenZoneLnk::before {
	position: absolute;
	top: -10px;
	left: -12px;
	width: 20px;
	height: 20px;
	font-size: 0.9em;
}
a.screenZoneLnk.scrLnkAct::before {
	color: var(--accentDarkFG);
	background-color: var(--accentColor);
}
.screenZone_pre {
	margin-inline: 1em;
	width: fit-content;
}
span.zoneArea {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-radius: 3px;
	outline: 2px dotted var(--accentColor);
}
.scrFraAct span.zoneArea{
	outline: 2px dotted var(--accentLightColor);
}
a.screenZoneLnk:hover span.zoneArea{
	background-color: var(--accentColor);
	opacity: 0.4;
	outline: 2px dotted var(--accentColor);
}
a.screenZoneLnk::before,
.screenTitles a::before,
.screenZone .screenZone_ti::before {
	content: counter(zones, decimal) " ";
	counter-increment:zones;
	border-radius: 50em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--accentColor);
	background-color: var(--contentBG);
	border: 1px solid var(--borderColor);
	margin-inline-end: 0.3em;
	z-index: 1;
	font-family: var(--fontStyle);
}
.screenTitles a::before {
	min-width: 25px;
	height: 30px;
	padding-inline: 0.2em;
}
.screenTitles .scrTiAct a::before {
	background-color: var(--accentColor);
	color: #fff;
	border-color: var(--accentColor);
}

.screenTitles{
	text-align: left;
	padding-block: 0.8rem;
	padding-inline: 0.8rem;
	box-sizing: border-box;
	background-color: var(--accentLightColor);
	overflow-x: auto;
	border-spacing: 0;
	flex: auto;
}
.screenTitles ol{
	counter-reset:zones;
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}

ol.screenZones{
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 1rem;
	padding-inline: 1rem;
	background-color: var(--contentBG);
	counter-reset:zones;
}
li.screenZone {
	margin-block: 1em;
}
li.screenZone:first-child {
	margin-block-start: 0;
}
li.screenZone:last-child {
	margin-block-end: 0;
}
.scrFraInt > ol.screenZones > li.screenZone.scrZneHide,
.scrFraAct > ol.screenZones > li.screenZone.scrZneHide {
	visibility: hidden;
	position: absolute;
	left: -20000px;
	top: -20000px;
}
.screenZone .screenZone_ti::before {
	min-width: 30px;
	height: 35px;
	padding-inline: 0.2em;
	margin-inline-end: 5px;
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
}
.screenZone_ti{
	font-size: 1.2em;
	margin-block: 5px 10px;
	margin-inline: 0;
	font-family: var(--titleStyle);
}
.scImgZmTi .screenZone_ti{
	font-size: 1em;
	padding-inline-start: 0;
	margin-block: 5px 0;
	margin-inline: 0;
}

.screenZone_tall .screenZone_co {
	display: flex;
}
.screenZone_tall .screenZone_desc {
	flex: 1;
}
.scrFraAct .screenZone_end{
	display:none;
}
.screenZone_end a{
	color:silver;
	font-size: 0.8em;
	font-style: italic;
	text-decoration: none;
}

.scrZneImg{
	outline: 2px solid var(--accentColor);
	border-radius: 3px;
}
.screenTitles a {
	text-decoration: none;
	color: var(--contentFG);
	width: -moz-available;
	width: -webkit-fill-available;
	width: -fill-available;
	padding-block: 0.4em;
	padding-inline: 0.3em;
	display: block;
	background-color: var(--contentBG);
	border: 1px solid var(--borderColor);
	border-radius: 5px;
}
.screenTitles :not(.scrTiAct) a:hover {
	background-color: color-mix(in oklab, var(--contentBG), #000 5%);
}
.screenTitles .scrTiAct a {
	border-color: var(--accentColor);
	border-inline-start: 5px solid var(--accentColor);
}

.screenTitles li {
	margin-block: 0.2em;
	display: block;
}
.scrFraAct .screenMask {
	background-color: black;
	opacity: 0.4;
}
.scrZneImg{
	outline: 2px solid var(--accentColor);
	border-radius: 3px;
}
.scrFra {
	position: relative;
	background-color: var(--elmtBG);
	padding-block: 1rem;
	padding-inline: 1rem;
	border-radius: 5px;
}
.scrTools{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
}
.scrTools a {
	padding-block: 0.4em;
	padding-inline: 0.3em;
	background-color: var(--contentBG);
	text-align: center;
	color: var(--accentColor);
	text-decoration: none;
	display: flex;
	justify-content: center;
	gap: 0.2em;
	flex: 1;
	border: 1px solid var(--borderColor);
	border-block-end: 3px solid var(--accentDarkColor);
}
a.scrBtnLst {
	order: 1;
}
a.scrBtnAct {
	order: 2;
}
.scrTools a[aria-selected="false"]:hover {
	background-color: color-mix(in oklab, var(--elmtBG), #000 15%);
}
.scrTools a[aria-selected="true"] {
	color: #fff;
	background-color: var(--accentDarkColor);
	cursor: default;
}
.scrTools a[aria-selected="true"]:hover {
	cursor:default;
}
a.scrBtnLst::before {
	content: "\E818";
	font-family: "fontello";
}
a.scrBtnAct::before {
	content: "\E819";
	font-family: "fontello";
}

/** Content : text ************************************************************/
table.txt_tb{
	border-spacing: 0;
	display: table;
	border-collapse: collapse;
	margin-block: 1rem;
	margin-inline: auto;
	color: var(--contentFG);
	background-color: var(--contentBG);
	font-size: .9em;
	border-inline-start: 1px solid var(--borderColor);
	border-inline-end: 1px solid var(--borderColor);
}
table.txt_tb figure.caption {
	margin-block: 0;
	margin-inline: 0;
}
table.txt_tb caption{
	text-align:left;
	color: var(--contentLightFG);
	margin-block: 0.5rem;
	margin-inline: 0;
}
table.txt_tb th, table.txt_tb td{
	padding-block: 0.3rem;
	padding-inline: 0.3rem;
	border:1px solid var(--borderColor);
}

table.txt_tb .txt_colTi_tbcl{
	background-color: var(--elmtBG);
}
table.txt_tb .txt_rowTi_tbtr {
	background-color: var(--elmtBG);
}
table.txt_tb .txt_cellEmp_tbtd {
	background-color: var(--accentLightColor);
	color: var(--accentColor);
	text-align: left;
}
table.txt_tb .txt_cellCenter_tbtd p{
	text-align:center;
}
table.txt_tb .txt_cellRight_tbtd p{
	text-align:right;
}

table.txt_tb p{
	text-align: left;
	margin-block: 0 0.5em;
}
table.txt_tb p:last-child {
	margin-block: 0;
}
table.txt_tb ul, table.txt_tb ol, table.txt_tb li{
	margin-block: 0.5em;
}
table.layout_tb{
	border-collapse: collapse;
	border-spacing: 0;
}
.proc table.layout_tb {
    background-color: var(--contentBG);
}
.proc table.layout_tb td {
    padding: 0.5em;
}
table.layout_tb .txt_cellCenter_tbtd p{
	text-align:center;
}
table.layout_tb .txt_cellRight_tbtd p{
	text-align:right;
}
table.txt_tb th>div,
table.txt_tb td>div,
table.layout_tb th>div,
table.layout_tb td>div{
	margin: .3rem 0
}
ul.txt_sl,
ul.txt_il {
	list-style-type:disc;
}
.ico_tim img,
.txt_ico_tim img {
	vertical-align: middle;
}
.ico_tim img{
	padding-block: 0.5rem;
	padding-inline: 0.5rem;
	background-color: #fff;
}
.txt_textTab_is,
.txt_textButton_is,
.txt_textRadioButton_is,
.txt_textCheckBox_is,
.txt_input_is,
.txt_select_is,
.txt_keyboard_is,
.txt_menuPath_is,
.txt_filePath_is,
.txt_win_is{
	white-space: pre;
	padding-block: 1px;
	padding-inline: 3px;
	margin-inline: 0;
	font: inherit;
	border: 1px solid var(--borderColor);
	background-color: var(--elmtBG);
	border-radius: 5px;
}
li.screenStep.active_true a > span > .txt_textTab_is,
li.screenStep.active_true a > span > .txt_textButton_is,
li.screenStep.active_true a > span > .txt_textRadioButton_is,
li.screenStep.active_true a > span > .txt_textCheckBox_is,
li.screenStep.active_true a > span > .txt_input_is,
li.screenStep.active_true a > span > .txt_select_is,
li.screenStep.active_true a > span > .txt_keyboard_is,
li.screenStep.active_true a > span > .txt_menuPath_is,
li.screenStep.active_true a > span > .txt_filePath_is,
li.screenStep.active_true a > span > .txt_win_is,
.scrFraAct .scrTiAct .txt_textTab_is,
.scrFraAct .scrTiAct .txt_textButton_is,
.scrFraAct .scrTiAct .txt_textRadioButton_is,
.scrFraAct .scrTiAct .txt_textCheckBox_is,
.scrFraAct .scrTiAct .txt_input_is,
.scrFraAct .scrTiAct .txt_select_is,
.scrFraAct .scrTiAct .txt_keyboard_is,
.scrFraAct .scrTiAct .txt_menuPath_is,
.scrFraAct .scrTiAct .txt_filePath_is,
.scrFraAct .scrTiAct .txt_win_is {
	background-color: transparent;
}
div.text{
	overflow-x: auto;
	overflow-y: clip;
	border-spacing: 0;
}
/* Specific .scCommentOn */
.scCommentOn div.text {
    overflow: initial;
}

code::before,
.txt_cmd_is::before {
	margin-inline-end: 0.3rem;
	font-size: 0.9em;
	font-family: "fontello";
}
.txt_textCheckBox_is::before{
	content:"\E807";
}
.txt_keyboard_is::before {
	content:"\E802";
}
.txt_menuPath_is::before {
	content:"\E903";
}
.txt_filePath_is::before {
	content:"\E81E";
}
.txt_win_is::before {
	content:"\E820";
}
.txt_textTab_is::before {
	content:"\E81F";
}
.txt_textRadioButton_is::before{
	content:"\E803";
}
.txt_input_is::before {
	content:"\e906";
}
.txt_select_is::before {
	content:"\e905";
}

.txt_cmd_is {
	font-family: "Lucida Console", Courier, monospace;
	background: var(--contentLightBG);
	border-radius: 5px;
	padding-inline: 3px;
	font-size: 0.9em;
}

.txt_label_is {
	font-weight: bold;
	font-size: 110%;
}

.txt_url_ul,
.txt_web_ul,
.txt_coLnk_ul,
.txt_resLnk_ul{
	color: var(--accentColor);
	text-decoration:none;
}
.txt_url_ul:hover,
.txt_web_ul:hover,
.txt_coLnk_ul:hover,
.txt_resLnk_ul:hover {
	opacity: 0.8;
	text-decoration:underline;
}
.txt_url_ul::after,
.txt_web_ul::after,
.txt_coLnk_ul::after {
	font-family: "fontello";
	margin-inline-start: 0.3rem;
	font-size:0.9em;
}
.txt_url_ul::after,
.txt_web_ul::after{
	content:"\E81C";
}
.txt_coLnk_ul::after{
	content:"\E81B";
}

.txt_term_is{
	font-style:italic;
}

a.txt_def_ul,
a.txt_doc_ul{
	text-decoration: none;
	border-block-end:1px dotted;
	color: var(--accentColor);
}
a.txt_def_ul:hover,
a.txt_doc_ul:hover {
	opacity: 0.8;
}

span.pdf_ico::before {
	font-family: "fontello";
	content: "\f1c1";
	margin-inline-end: 5px;
}

span.archive_ico::before {
	font-family: "fontello";
	content: "\E844";
	margin-inline-end: 5px;
}

.txt_auth_tl {
	font-weight: bold;
}
.txt_ed_tl {
	text-decoration: underline;
}
.txt_title_tl {
	font-style: italic;
}

/* Tooltip */
.tooltip_a.info {
	color: var(--accentColor);
	text-decoration: none;
	margin-block: 0;
	margin-inline: 0.3rem;
	height: 1.3rem;
	display: inline-block;
	width: 1.3rem;
	line-height: 1.4rem;
}
.tooltip_a.info:hover {
	opacity: 0.8;
}
.tooltip_a.info::after {
	content: "\E821";
	font-family: "fontello";
}
.tooltip_a.info span{
	display:none;
}
.tooltip{
	background-color: var(--contentBG);
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
	font-size:0.9em;
	margin-block: 1rem;
	margin-inline: 1rem;
	right: 15px;
	border-radius: 10px;
}
.tooltip_ti{
	font-size:var(--fontSize);
	font-weight: 500;
	padding-block: 0.8rem;
	padding-inline: 0.8rem;
	background-color: var(--elmtBG);
}
.tooltip_co{
	padding-block: 0.8rem;
	padding-inline: 0.8rem;
}
.tooltip a{
	color: var(--accentColor);
}
.tooltip .text{
	margin-block: 0;
	margin-inline: 0;
}
.tooltip p{
	text-align: left;
	margin-block: 0.1rem;
	margin-inline: 0;
	line-height: 1.2;
}
.tooltip a.tooltip_x{
	position: absolute;
	right: -10px;
	color: var(--contentBG);
	top: -10px;
	text-decoration: none;
	background-color: var(--accentColor);
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
	font-size: 1.3em;
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}
.tooltip a.tooltip_x:hover {
	background-color: var(--accentDarkColor);
}
.tooltip a.tooltip_x::before{
	content:"\E80B";
	font-family:"fontello";
}
.tooltip a.tooltip_x span{
	position:absolute;
	left:-9999px;
}
.tooltip_fra {
	outline: none;
}
/* ============= tooltip help ============= */
.tooltip_a.help {
	appearance: none;
	border-radius: 5px;
	width: 32px;
	height: 32px;
	padding: 0;
	color: var(--accentColor);
	background-color: var(--contentBG);
	border: 1px solid var(--borderColor);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tooltip_a.help:hover {
	background-color: color-mix(in oklab, var(--contentBG), transparent 85%);
}

.tooltip_a.help.tooltip_act {
	background-color: var(--accentColor);
	color: #fff;
}

.tooltip_a.help::before {
	font-family: "fontello";
	content: "\E812";
	font-size: 1.1em;
}

.tooltip_a.help span {
	display: none;
}

/** Content : scImageMgr ********************************************************/
a.imgZoom{
	display: inline-block;
	line-height: 0;
}
.screenSeq > .caption_co{
	margin-block: 0;
	margin-inline: auto;
	border: 3px solid var(--accentLightColor);
	background-color: var(--contentBG);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.screenSeqFra .caption{
	margin-block: 0;
	margin-inline: 0;
}
.screenSeqFra{
	margin-inline: auto;
	background-color: #FFF;
}
.scImgZmOver {
	background-color: #000;
	opacity: 0.4;
	position:fixed;
	width:100%;
	height:100%;
}
.scImgZmCvs {
	position: fixed;
	z-index: 1000;
	width: inherit;
	height: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.scImgZmFra {
	background-color: var(--contentBG);
	padding-block: 10px;
	padding-inline: 10px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
	border-radius: 10px;
}
a.scImgZmBtnCls {
	position: absolute;
	right: -10px;
	color: var(--accentDarkFG);
	top: -10px;
	text-decoration: none;
	background-color: var(--accentColor);
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 1.5em;
	border-radius: 5rem;
	z-index: 1001;
}
a.scImgZmBtnCls::before{
	content:"\E80B";
	font-family:"fontello";
}
a.scImgZmBtnCls span{
	position:absolute;
	left:-9999px;
}
.scImgZmTi{
	text-align: center;
	margin-block: 5px 0;
	margin-inline: 5px;
	color: var(--contentFG);
	font-style: italic;
}
.scImgZmMag{
	border-radius: 5px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}

.scImgAnmCtrl{
	padding-block: 15px 5px;
	padding-inline: 15px;
	border-radius: 10px 10px 0 0;
	background-color: var(--accentLightColor);
	position:relative;
	margin-block: 0;
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.scImgAnmCtrLbl{
	display:none;
}
.scImgAnmCtrIdx{
	margin-inline-start: 0.5rem;
}
.scImgAnmCtrCnt{
	margin-inline-end: 0.5rem;
}
a.scImgAnmBtnPse,
a.scImgAnmBtnPly,
a.scImgAnmBtnNxt,
a.scImgAnmBtnPrv {
	font-family: "fontello";
	font-size: 1.3em;
	text-decoration: none;
	color: var(--accentColor);
	margin-block: 0;
	margin-inline: 0.5rem;
	padding-block: 0.7rem;
	padding-inline: 0.7rem;
	border-radius: 5px;
	background-color: var(--contentBG);
}
a.scImgAnmBtnPse span,
a.scImgAnmBtnPly span,
a.scImgAnmBtnNxt span,
a.scImgAnmBtnPrv span{
	position:absolute;
	left:-9999px;
}

a.scImgAnmBtnPse::before {
	content:"\F00E";
}
a.scImgAnmBtnNxt::before {
	content:"\E817";
}
a.scImgAnmBtnPrv::before {
	content:"\E81A";
}
a.scImgAnmBtnPly::before {
	content:"\F00F";
}
a.scImgAnmBtnPse:hover,
a.scImgAnmBtnNxt:hover,
a.scImgAnmBtnPrv:hover,
a.scImgAnmBtnPly:hover {
	background-color: color-mix(in oklab, var(--contentBG), transparent 85%);
}
.scImgSep{
	display:none;
}
/** STOP - scImageMgr ********************************************************/

/* === CodeMirror =========================================================== */
.CodeMirror-static {
	margin-inline-start: 40px;
}

.CodeMirror-static pre {
	/* Reset some styles that the rest of the page might have set */
	border-radius: 0;
	border-width: 0;
	background: transparent;
	font-size: inherit;
	margin-block: 0;
	margin-inline: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	border-inline-end: 30px solid transparent;
	width: fit-content;
	font-family: monospace;
	tab-size: 2;
	min-height: 1.5em;
}
.CodeMirror-line {
	position: relative;
	min-height: 16px;
	padding-inline:5px;
}
.CodeMirror-linenumber {
	position: absolute;
	top: 0;
	width: 30px;
	padding-block: 0;
	padding-inline-start: 5px;
	padding-inline-end: 3px;
	min-width: 20px;
	min-height: 16px;
	text-align: end;
	font-size: 0.8em;
}
html[dir='ltr'] .CodeMirror-linenumber {
	left: -40px;
}
html[dir='rtl'] .CodeMirror-linenumber {
	right: -40px;
}
.cm-header,
.cm-strong {
	font-weight: bold;
}
.cm-em {
	font-style: italic;
}
.cm-link {
	text-decoration: underline;
}
.CodeMirror-linenumber {
	background-color: var(--contentLightBG);
}
html[data-theme='light'] .cm-variable {
	color: #aa0069;
}
html[data-theme='light'] .cm-property {
	color: #50a;
}
html[data-theme='light'] .cm-operator {
	color: var(--contentFG);
}
html[data-theme='light'] .cm-keyword {
	color: #708;
}
html[data-theme='light'] .cm-atom {
	color: #219;
}
html[data-theme='light'] .cm-number {
	color: #164;
}
html[data-theme='light'] .cm-def {
	color: #00f;
}
html[data-theme='light'] .cm-variable-2 {
	color: #05a;
}
html[data-theme='light'] .cm-variable-3 {
	color: #085;
}
html[data-theme='light'] .cm-type {
	color: #b0b;
}
html[data-theme='light'] .cm-comment {
	color: #757575;
}
html[data-theme='light'] .cm-string {
	color: #de6d6d;
}
html[data-theme='light'] .cm-string.cm-property {
	color: #095;
}
html[data-theme='light'] .cm-string-2 {
	color: #e28c8c;
}
html[data-theme='light'] .cm-qualifier {
	color: #555;
}
html[data-theme='light'] .cm-meta {
	color: #555;
}
html[data-theme='light'] .cm-error {
	color: #f00;
}
html[data-theme='light'] .cm-builtin {
	color: #30a;
}
html[data-theme='light'] .cm-bracket {
	color: #997;
}
html[data-theme='light'] .cm-tag {
	color: #170;
}
html[data-theme='light'] .cm-attribute {
	color: #00c;
}
html[data-theme='light'] .cm-header {
	color: blue;
}
html[data-theme='light'] .cm-quote {
	color: #090;
}
html[data-theme='light'] .cm-hr {
	color: #999;
}
html[data-theme='light'] .cm-link {
	color: #00c;
}
html[data-theme='light'] .cm-negative {
	color: #d44;
}
html[data-theme='light'] .cm-positive {
	color: #292;
}
html[data-theme='light'] .cm-invalidchar {
	color: #f00;
}

html[data-theme='dark'] .CodeMirror-linenumber {
	color: #f7f7f7;
	background-color: #3b3b3b;
}
html[data-theme='dark'] .cm-variable {
	color: #d70085;
}
html[data-theme='dark'] .cm-property {
	color: #a54efb;
}
html[data-theme='dark'] .cm-operator {
	color: var(--contentFG);
}
html[data-theme='dark'] .cm-keyword {
	color: #df50f3;
}
html[data-theme='dark'] .cm-atom {
	color: #8e7eff;
}
html[data-theme='dark'] .cm-number {
	color: #164;
}
html[data-theme='dark'] .cm-def {
	color: #c082e3;
}
html[data-theme='dark'] .cm-variable-2 {
	color: #2290ff;
}
html[data-theme='dark'] .cm-variable-3 {
	color: #00aa6a;
}
html[data-theme='dark'] .cm-type {
	color: #b0b;
}
html[data-theme='dark'] .cm-comment {
	color: #8f8f8f;
}
html[data-theme='dark'] .cm-string {
	color: #de6d6d;
}
html[data-theme='dark'] .cm-string.cm-property {
	color: #095;
}
html[data-theme='dark'] .cm-string-2 {
	color: #e28c8c;
}
html[data-theme='dark'] .cm-qualifier {
	color: #555;
}
html[data-theme='dark'] .cm-meta {
	color: #555;
}
html[data-theme='dark'] .cm-error {
	color: #f00;
}
html[data-theme='dark'] .cm-builtin {
	color: #7c4aef;
}
html[data-theme='dark'] .cm-bracket {
	color: #997;
}
html[data-theme='dark'] .cm-tag {
	color: #2ead19;
}
html[data-theme='dark'] .cm-attribute {
	color: #7a7af4;
}
html[data-theme='dark'] .cm-header {
	color: #0080ff;
}
html[data-theme='dark'] .cm-quote {
	color: #090;
}
html[data-theme='dark'] .cm-hr {
	color: #999;
}
html[data-theme='dark'] .cm-link {
	color: #00c;
}
html[data-theme='dark'] .cm-negative {
	color: #d44;
}
html[data-theme='dark'] .cm-positive {
	color: #292;
}
html[data-theme='dark'] .cm-invalidchar {
	color: #f00;
}
/* === STOP - CodeMirror ==================================================== */

/* === START - scCode ======================================================= */
.scCodeActive {
	border: 1px solid var(--borderColor);
	background-color: var(--contentBG);
}

.scCodeCtrl {
	border-block-end: 1px solid var(--borderColor);
	height:25px;
	padding-block: 0;
	padding-inline: 0 0.2em;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	gap:3px;
	z-index: 2;
	position: relative;
	background-color: var(--contentLightBG);
}

.scCodeActive .CodeMirror-static {
	transition: margin-inline-start 200ms ease-in;
}

.scCodeLineNums-invisible .CodeMirror-linenumber {
	display: none;
}

.scCodeLineNums-invisible .CodeMirror-static {
	margin-inline-start: 2px;
}

.scCodeRaw-invisible .scCodeRaw,
.scCodeRaw-visible .scCodeCode {
	display: block;
}

.scCodeActive .scCodeRaw,
.scCodeActive .scCodeCode {
	transition: opacity 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.scCodeRaw-invisible .scCodeCode,
.scCodeRaw-visible .scCodeRaw {
	opacity: 1;
	height: auto;
	overflow: auto;
}
@-moz-document url-prefix() {
	/*workaround bug gecko https://bugzilla.mozilla.org/show_bug.cgi?id=764076 */
	.scCodeRaw-invisible .scCodeCode,
	.scCodeRaw-visible .scCodeRaw {
		padding-block-end: 0.5em;
	}
	.CodeMirror-line:last-child > .CodeMirror-linenumber{
		padding-block-end: 0.6em;
	}
}

.scCodeCtrl a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-block:0;
	margin-inline:0;
	text-decoration:none;
}

.scCodeCtrl a:hover {
	opacity: 0.8;
}

.scCodeCtrl a span {
	display: none;
}

.scCodeCtrl a::before {
	color: var(--accentColor);
}

a.scCodeBtnLineNums::before,
a.scCodeBtnWrap::before,
a.scCodeBtnRaw::before,
a.scCodeBtnCopy::before {
	font-family: "fontello";
	font-size:16px;
}

.scCodeLineNums-visible .scCodeCtrl a.scCodeBtnLineNums::before {content: "\E849";}
.scCodeLineNums-invisible .scCodeCtrl a.scCodeBtnLineNums::before {content: "\E84A";}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnLineNums {visibility: hidden;}

.scCodeCtrl a.scCodeBtnWrap::before {content: "\E846";}
.scCodeWrap-on .scCodeCtrl a.scCodeBtnWrap::before {content: "\E848";}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnWrap {visibility: hidden;}

.scCodeCtrl a.scCodeBtnRaw::before {content: "\E845";}
.scCodeRaw-visible .scCodeCtrl a.scCodeBtnRaw::before {content: "\E84B";}
.scCodePlain .scCodeCtrl a.scCodeBtnRaw::before {content: "\E846";}
.scCodeRaw-visible.scCodePlain .scCodeCtrl a.scCodeBtnRaw::before {content: "\E846";}

.scCodeCtrl a.scCodeBtnCopy::before {content: "\E847";}

.scCodeCopyMsg.scCodeHidden {
	display: block;
	height: 0;
}

.scCodeCopyMsg.scCodeVisible {
	display: block;
	height: 26px;
}

.scCodeCopyMsg {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	transition: height 300ms ease-out;
	color: var(--accentDarkFG);
}
html[data-theme='light'] .scCodeCopyMsg {background-color: #453aa2;}
html[data-theme='dark'] .scCodeCopyMsg {background-color: #02264c;}

/* === STOP - scCode ======================================================== */

/* === ConceptTree ========================================================== */
.treeRoot>.nodeRoot>.nodeLblFra{
	border-inline-start:0;
}
.treeRoot>.nodeRoot>.nodeLblFra>.nodeLbl{
	border-width: 2px;
}
.treeRoot>.nodeChildren_hide>.nodeLblFra>.nodeLbl{
	border-block-end-width: 5px;
}
.treeRoot>.nodeRoot>.nodeLblFra>.nodeLbl .nodeTi{
	font-size: 1.1em;
}
.nodeChild{
	padding-inline-start:10px;
}
.nodeChild_pre{
	border-inline-start:2px solid color-mix(in oklab, var(--contentFG), transparent 30%);
}
.nodeLbl,.nodeRef{
	padding-block: 0.8rem;
	padding-inline: 0.8rem;
	display:inline-block;
	margin-block-start:10px;
	background-color:var(--contentBG);
	max-width:500px;
	position: relative;
	border: 2px solid color-mix(in oklab, var(--contentFG), transparent 30%);
	border-radius: 10px;
}
.nodeChildren_hide>div>.nodeLbl {
	border-width: 2px 2px 4px 2px;
	animation: all 0.5s;
}
.nodeLblCo{
	padding-inline-start: 0;
	background-position: center left;
	background-repeat: no-repeat;
}
.nodeRef{
	border-color: var(--accentLightColor);
	box-shadow: inset 0 0 5px #AAA;
}
a.nodeRefLnk{
	color: var(--accentColor);
	text-decoration: underline;
}
.nodeDesc{
	font-size: 0.8em;
	color: var(--contentLightFG);
}
.nodeChildren{
	padding-inline-start:5px;
}
.nodeChildren_hide>.nodeChildren{
	opacity:0;
	height:0 !important;
	transition-property : opacity,display;
	transition-duration : 0.1s;
}
.nodeChildren_show>.nodeChildren{
	opacity:1;
	height:auto;
	transition-property : opacity,display;
	transition-duration : 1.5s;
}
.nodeLead{
	display:inline-block;
	height:23px;
	border-inline-start:2px solid color-mix(in oklab, var(--contentFG), transparent 30%);
	border-block-end:2px solid color-mix(in oklab, var(--contentFG), transparent 30%);
	vertical-align: top;
}
.nodeLeadSpacer{
	display:inline-block;
	width:12px;
	height:18px;
}
.nodeChild_co{
	display: flex;
}
.nodeRoot{
	display:inline-block;
}
.nodeLblFra,.nodeRefFra{
	display:inline-block;
}
.nodeChildren_1 .nodeLbl{
	min-width: 60px;
}
.nodeChildren_2 .nodeLbl{
	min-width: 120px;
}
.nodeChildren_3 .nodeLbl{
	min-width: 180px;
}
.nodeChildren_4 .nodeLbl{
	min-width: 240px;
}
.nodeChildren_5 .nodeLbl{
	min-width: 300px;
}
.nodeChildren_6 .nodeLbl{
	min-width: 360px;
}
.nodeChildren_7 .nodeLbl{
	min-width: 420px;
}
.nodeChildren_8 .nodeLbl{
	min-width: 480px;
}
.nodeChildren_9 .nodeLbl{
	min-width: 540px;
}
.nodeChild_co:target>div>div>.nodeLbl{
	box-shadow: 0 0 5px #444;
}
.nodeIco {
	display: inline-block;
	order: 1;
	vertical-align: middle;
}

.imgBase {
	max-width: 22px;
	height: auto;
}

div.nodeTi {
	color:var(--titleFG);
	text-decoration: none;
	font-family: var(--titleStyle);
    display: flex;
    column-gap: 0.5em;
}
div.nodeTi .nodeTi {
    flex: 1;
    order: 1;
}
a.nodeTi {
    text-decoration: none;
    color:var(--accentColor);
    display: flex;
    column-gap: 0.5em;
    order: 1;
}
a.nodeTi:before {
	font-family: "fontello";
    font-size: 0.9em;
    order: 2;
}
.nodeChildren_show a.nodeTi:before {content: "\E816";}
.nodeChildren_hide a.nodeTi:before {content: "\E817";}
a.nodeTi span {
    flex: 1;
}
a.nodeTi:hover {
    opacity: 0.8;
}

.nodeTi .blockAnchor {
    visibility: visible;
    margin: 0;
    border: 1px solid var(--borderColor);
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--contentBG);
}
.nodeTi .blockAnchor:hover {
    background-color: color-mix(in oklab, var(--contentBG), #000 5%);
}

.nodeChildren_hide>.nodeChildren > .nodeChild{
	display:none;
}
a.nodeMoreDesc_a {
    order: 3;
    margin: 0;
    border: 1px solid var(--borderColor);
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--contentBG);
    color: var(--accentColor);
    text-decoration: none;
}
a.nodeMoreDesc_a span {
	display: none;
}
a.nodeMoreDesc_a::before {
	content:"\E823";
	font-family:"fontello";
}
a.nodeMoreDesc_a:hover {
	background-color: color-mix(in oklab, var(--contentBG), #000 5%);
}

/* Node types */
.nodeType_imp{
	border-color: var(--blockWarning);
	background-color: var(--contentBG);
	color: var(--blockWarning);
}

.nodeType_imp .nodeTi,
.nodeType_imp .nodeDesc {
	color: var(--blockWarning);
}
.treeSearch_mach > .nodeLblFra > .nodeLbl{
	border: 2px solid var(--accentColor);
}
.treeSearch_mach > .nodeLblFra > .nodeLbl .nodeTi{
	color: var(--accentColor);
}
.treeSearch_cur > .nodeLblFra > .nodeLbl{
	animation:glow 0.5s ease-in-out 0s 1 alternate;
	background-color:#F8E1EA;
}
@keyframes glow {
	0% {transform: scale(1);}
	50% {transform: scale(1.03);}
	100% {transform: scale(1);}
}

/* === TOOLBAR - ConceptTree ========================================================== */
.treeRoot {
	background-color: var(--elmtBG);
	padding-block: 1rem;
	padding-inline: 1rem;
}
.treeScroll{
	overflow-x: auto;
	overflow-y: clip;
	border-spacing:0;
}
.treeRoot.treeHasToolbar .treeScroll{
	border: 2px solid var(--accentLightColor);
	padding-block: 0.5rem;
	padding-inline: 0.5rem;
}
.treeRoot.treeHasToolbar.treeSearch_on .treeScroll{
	max-height:600px;
	overflow:auto;
}
.treeToolbar{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	z-index:2;
	position:relative;
}
.treeStatusbar{
	font-style: italic;
	text-align:right;
	padding-block: 3px;
	padding-inline: 3px;
	z-index:2;
	font-size:0.8em;
	position:relative;
	display:none;
	color: var(--contentFG);
}
.treeRoot.treeSearch_on .treeStatusbar{
	display:block;
}

.treeToolbar form.treeSearchForm{
	flex: 2 1 auto;
	padding-inline-start: 1rem;
	display: flex;
	align-items: center;
}
.treeToolbar span.treeSearchLabel, .treeToolbar span.treeSearchResultLabel{
	display:inline-block;
	padding-block: 0;
	padding-inline: 5px;
	font-size:0.9em;
}
.treeToolbar input.treeSearchInput{
	border: 1px solid var(--borderColor);
	padding-block: 5px;
	padding-inline: 5px;
	height: 20px;
	font-size:0.9em;
}
.treeSearch_off .treeToolbar form.treeSearchForm{
	display:none;
}

.treeToolbar a{
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	text-align:center;
	line-height:35px;
	background-color:var(--accentLightColor);
	color: var(--accentColor);
	text-decoration:none;
	font-size:1.1em;
}
.treeToolbar a span{
	position:absolute;
	left:-9999px;
}
.treeToolbar a.treeBtnOpenAll::before{
	font-family:"fontello";
	content:"\E800";
}
.treeToolbar a.treeBtnCloseAll::before{
	font-family:"fontello";
	content:"\E801";
}
.treeToolbar a.treeBtnPrv::before{
	font-family:"fontello";
	content:"\E81A";
}
.treeToolbar a.treeBtnNxt::before{
	font-family:"fontello";
	content:"\E817";
}
.treeToolbar a.treeBtnSearch::before{
	font-family:"fontello";
	content:"\F50D";
}
.treeSearch_on .treeToolbar a.treeBtnSearch{
	border-block-end:2px solid var(--accentColor);
	opacity:1;
}
.treeToolbar a:hover{
	opacity:0.7;
}
.treeToolbar span.treeSep{
	display:none;
}
.treeSearch_noact  a.treeBtnNxt,
.treeSearch_noact  a.treeBtnPrv{
	display:none;
}
/* === STOP - ConceptTree ========================================================== */

/* === START - Search ========================================================== */
input.schInput {
	border: none;
	padding-block: 0;
	margin-inline-end: 0.2rem;
	color: var(--schFG);
	background-color: var(--schBG);
	height: 32px;
	width: 180px;
	font-size: 1em;
	cursor: auto;
}
.oneColumn input.schInput {
	width: -moz-available;
	width: -webkit-fill-available;
	width: -fill-available;
}
input::placeholder {
	color: #ccc;
}
.schLabel {
	position: absolute;
	left: -9999px;
}
input.schBtnLaunch {
	width: 1.2em;
	height: 1.2em;
	-webkit-mask-image: url(img/search/btnSearch.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	background-color: var(--schFG);
	color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}
input.schBtnLaunch:hover{
	background-color: color-mix(in oklab, var(--schFG), transparent 85%);
}
input.schBtnLaunch span{
	display: none;
}

div.schNoRes{
	text-align: center;
	font-size: 1.2em;
	margin-block-start: 18px;
}

div.schPropose a:hover{
	text-decoration:none;
}

.schCmds {
	position: relative;
}
.oneColumn .schCmds {
	flex: 1;
}

.schPropose {
	position: absolute;
	width: 100%;
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
	background-color: var(--contentBG);
	z-index: 1000;
	border-radius: 5px;
}
.schBtnPropose {
	display:block;
	color: var(--schFG);
	padding: 0.3em;
	text-decoration: none;
}
.schBtnPropose:hover ,
.schBtnPropose:active ,
.schBtnPropose:focus {
	background-color: var(--contentLightBG);
}
.schProposeExceeded{
	display:block;
	color: var(--contentFG);
	padding-block: 2px;
	padding-inline: 3px;
}

div.schProp_no{
	display:none;
}

.schDisplay_off .searchResults,
.searchResults {
	display: none;
}
.schDisplay_on .searchResults {
    position: fixed;
    bottom: 83px;
	display: block;
	width: -moz-available;
	width: -webkit-fill-available;
	width: -fill-available;
	z-index: 99;
	padding-inline-start: var(--menuWidth);
}
.schDisplay_on.oneColumn .searchResults,
.planClosed .searchResults {
	padding-inline-start: 0;
}
.searchResults.schDisplay_none{
	z-index:1;
}

.schResFrame {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: var(--maxWidth);
	margin-inline: auto;
	background-color: var(--resultsBG);
	color: var(--schFG);
	border-inline: 1px solid var(--borderColor);
	border-block-start: 1px solid var(--borderColor);
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.schResList {
	display: none;
}
.schDisplayList_on .schResList {
	display: block;
	flex: 100%;
}
.schResListSrl {
	overflow-y: auto;
	border-radius: 8px 8px 0 0;
	background-color: var(--contentBG);
	padding: 5px;
}
.searchResults a.schParentBtn {
	color: var(--contentFG);
	font-style: italic;
	font-size:95%;
}
.searchResults li.mnu_sel_yes a.schParentBtn {
	font-weight: bold;
}
.schBtnTgle,
.schBtnReset {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: var(--accentColor);
	padding: 0.2em;
	border-radius: 5px;
	border: 1px solid var(--accentColor);
	text-decoration: none;
	height: fit-content;
	margin: 0.5em;
	font-size: 0.9em;
}
.schBtnReset {
	padding-inline: 0.4em;
}
.schBtnTgle::before {
	font-family: 'fontello';
	content: "\E83B";
}
.schDisplayList_on .schBtnTgle::before {
	content: "\E816";
}
.schBtnReset::before {
	font-family: "fontello";
	content: "\E829";
}
.schBtnTgle:hover,
.schBtnReset:hover {
	color: color-mix(in oklab, var(--accentColor), #000 30%);
	border-color: color-mix(in oklab, var(--accentColor), #000 30%);
}
.schBtnReset span {
	position: absolute;
	left: -9999px;
}

.schHitBox,
.schResBox,
.schPageBox {
	font-size: 0.9em;
}
.schHitBox, .schPageBox {
	flex: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5px;
	border-block-start: 1px solid var(--borderColor);
	padding-block: 5px;
	padding-inline: 8px;
	text-align: center;
	height: fit-content;
}
.schHitBox {
	border-block-start: 1px solid var(--borderColor);
}
.schHitLbl, .schResLbl {
	order:2;
	flex: 1;
}

.schDisplay_none .schResBox{
	text-align: center;
	margin-block: 20px 6px;
	margin-inline: 200px;
}
.schDisplay_none .schHitBox{
	display:none;
}
.schBtnNxt,
.schBtnPrv,
.schBtnPrvHit,
.schBtnNxtHit{
	text-decoration:none;
	color:var(--accentColor);
	padding-block: 0;
	padding-inline: 0.2rem;
}
.schBtnNxt:hover,
.schBtnPrv:hover,
.schBtnPrvHit:hover,
.schBtnNxtHit:hover{
	opacity:0.7;
}
.schBtnAct_no,
.schBtnHitAct_no{
	opacity: 0.2;
}
.schBtnNxt span,
.schBtnPrv span,
.schBtnPrvHit span,
.schBtnNxtHit span{
	position:absolute;
	left:-9999px;
}
.schDisplay_none .schBtnNxt,
.schDisplay_none .schBtnPrv,
.schDisplay_none .schBtnPrvHit,
.schDisplay_none .schBtnNxtHit,
.schDisplay_one .schBtnNxt,
.schDisplay_one .schBtnPrv{
	display:none;
}
.schBtnNxt, .schBtnNxtHit{
	order:4;
}
.schBtnNxt::before, .schBtnNxtHit::before{
	font-family:"fontello";
	content:"\e817";
}
.schBtnPrv, .schBtnPrvHit{
	order:1;
}
.schBtnPrv::before, .schBtnPrvHit::before{
	font-family:"fontello";
	content:"\E81A";
}

.schHitFrame{
	background: url(img/search/schHit.png) center right no-repeat;
	position:absolute;
	bottom:8px;
	right:40px;
	left:40px;
	height:20px;
	font-size:1.2em;
}

.searchResults a.schPgeBtn,
.searchResults a.mnu_lnk {
	color: var(--accentColor);
	text-decoration: none;
	border-radius: .3rem;
	display: flex;
	padding-inline: 0.4em;
}
.searchResults a.mnu_lnk:hover{
	background-color: var(--contentLightBG);
}
li.mnu_sel_yes .schPgeBtn,
div.mnu_sel_yes .mnu_lnk {
    background-color: var(--accentLightColor);
    color: var(--contentFG);
	cursor: default;
}
li.mnu_sel_yes .schPgeBtn:hover,
div.mnu_sel_yes .mnu_lnk:hover {
    background-color: var(--accentLightColor);
}

div.mnu_sch_no {
    display: flex;
    align-items: baseline;
}
div.mnu_sch_no a.mnu_lnk {
    cursor:default;
    order: 2;
    flex: 1;
    color: var(--contentLightFG)!important;
}
div.mnu_sch_no a.mnu_lnk:hover{
	background-color: transparent;
}

.searchResults a.mnu_tgle_o, .searchResults a.mnu_tgle_c {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color: var(--accentColor);
	border: 1px solid var(--accentColor);
	width: 1em;
	height: 1em;
	border-radius: 4px;
}
.searchResults a.mnu_tgle_o span,.searchResults a.mnu_tgle_c span {
	display:none;
}
.searchResults a.mnu_tgle_o::before, .searchResults a.mnu_tgle_c::before {
    font-family: "fontello";
    font-size: 0.8em;
}
.searchResults a.mnu_tgle_c::before {
    content: "\E800";
}
.searchResults a.mnu_tgle_o::before {
	content: "\E801";
}
.searchResults a.mnu_tgle_o:hover, .searchResults a.mnu_tgle_c:hover {
    background-color: var(--contentLightBG);
}

.schResListSrl ul.mnu_root li{
	list-style-type:none;
	margin: 0;
}
.schResListSrl li.mnu_b {
	list-style-type:none;
	margin: 0;
    padding-inline-start: 0.4em;
}
.schResListSrl ul {
	margin: 0;
	list-style: none;
}
.schResListSrl > ul {
	padding: 0;
}
.schResListSrl ul.schParentList{
	list-style-type: none;
}
.schResListSrl ul.schParentList_c{
	display:none;
}
.schResListSrl ul.schParentList_o{
	display:block;
}
li.schPgeBk{
	position:relative;
}
a.schParent_tgle_c,
a.schParent_tgle_o {
	position: absolute;
	margin-inline-start: -16px;
	top: 2px;
	width: 7px;
	height: 7px;
	display:inline-block;
	background-image: url(img/search/schMnuTgle.png);
	background-repeat: no-repeat;
}
a.schParent_tgle_c span,
a.schParent_tgle_o span {
	display:none;
}
a.schParent_tgle_c{
	background-position: 0 -7px;
}
a.schParent_tgle_o{
	background-position: 0 -21px;
}
.schParent_tgle_c:hover,
.schParent_tgle_o:hover {
	text-decoration:none;
	color: #F17C0B;
}
.schPgeBtn:hover,
.mnu_lnk:hover {
	color: var(--accentColor);
}
.schResCnt,
.schHitCnt{
	display:inline-block;
	text-align: center;
	order:3;
}
.schDisplay_none .schResCnt,
.schDisplay_one .schResCnt{
	display:none;
}
.schHit {
	background-color: var(--accentLightColor);
	padding-block: 0;
	padding-inline: 1px;
}
.schHit_current {
	background-color: #ffff73;
	padding-block: 0;
	padding-inline: 1px;
}
.schTerm{
	font-weight: bold;
}
.schTerm em{
	font-weight: 500;
}
.schDisplay_on #menu ul.mnu_root .mnu_sch_no > a:hover{
	text-decoration:none;
}
.schDisplay_on #menu ul.mnu_root .mnu_sch_no > a.mnu_lnk {
	color: #BBB;
	cursor: default;
}
.tplSchBox{
	/* Fixed IE7 */
	position:relative;
	z-index: 2;
}

/* Page Rank */
.searchResults .mnu_sch,
.searchResults .schPgeBtn > span:first-child {
	flex: 1 1 auto;
	display: flex;
}

.searchResults .mnu_coef > span {
    display: none;
}
.searchResults .coef_9 .mnu_coef,
.searchResults .coef_8 .mnu_coef,
.searchResults .coef_7 .mnu_coef {
	color: var(--schCoef-3);
}
.searchResults .coef_6 .mnu_coef,
.searchResults .coef_5 .mnu_coef,
.searchResults .coef_4 .mnu_coef {
	color: var(--schCoef-2);
}
.searchResults .coef_3 .mnu_coef,
.searchResults .coef_2 .mnu_coef,
.searchResults .coef_1 .mnu_coef,
.searchResults .coef_0 .mnu_coef {
	color: var(--schCoef-1);
}

.searchResults .mnu_coef::before {
    font-family: "fontello";
		font-size: 1.5em;
		line-height: 1rem;
}
.searchResults .coef_9 .mnu_coef::before {
    content: "\E854";
}
.searchResults .coef_8 .mnu_coef::before,
.searchResults .coef_7 .mnu_coef::before {
    content: "\E852";
}
.searchResults .coef_6 .mnu_coef::before,
.searchResults .coef_5 .mnu_coef::before,
.searchResults .coef_4 .mnu_coef::before {
     content: "\E853";
}
.searchResults .coef_3 .mnu_coef::before,
.searchResults .coef_2 .mnu_coef::before {
    content: "\E855";
}
.searchResults .coef_1 .mnu_coef::before,
.searchResults .coef_0 .mnu_coef::before {
    content: "\E82C";
}
/* === STOP - Search ========================================================== */
/* === START - PWA ====================== =========================*/
:root{
	--pwa-ok-color: var(--blockFocus);
	--pwa-nok-color: var(--blockImportant);
	--pwa-ukn-color: var(--blockDiscrete);
	--pwa-button-size: 1.5rem;
	--pwa-button-color: var(--accentColor);
	--pwa-button-color-hover: var(--accentColor);
	--pwa-button-bgcolor: transparent;
	--pwa-button-bgcolor-hover: transparent;
	--pwa-button-radius: 0.3rem;
	--pwa-button-border-color: var(--borderColor);
	--pwa-button-border-color-hover: var(--borderColor);
	--pwa-button-fontsize: 120%;
	--pwa-tooltip-color: var(--contentFG);
	--pwa-tooltip-bgcolor: var(--menuBG);
	--pwa-tooltip-border: var(--borderColor);
	--pwa-popup-color: var(--contentFG);
	--pwa-popup-bgcolor: var(--contentBG);
	--pwa-popup-border: var(--borderColor);
	--pwa-popup-button-color: var(--contentLightFG);
	--pwa-popup-button-bgcolor: var(--contentLightBG);
	--pwa-popup-button-inv-bgcolor: var(--accentColor);
	--pwa-popup-button-inv-color: var(--accentDarkFG);
}
li.pwaInstallBtnParent {
	order: 2;
}
li.pwaCacheBtnParent {
	order: 2;
	display: flex;
	gap: 0.3rem;
}
/* === STOP - PWA =============================================== */

/* === START - About ========================================================== */
.about .headCo_co{
	display:flex;
	flex-direction: column;
	gap: 0.5rem;
}
.about .infoBk table{
	border-spacing:0;
}
.about .infoBk table tbody{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.about .infoBk tr{
	display:flex;
	gap: 0.5rem;
	align-items:center;
}
.about .infoBk th{
	padding-block: 0;
	padding-inline: 0;
}
.about p{
	margin-block: 0;
	margin-inline: 0;
}
.about .infoblock{
	display:flex;
	gap:0.5rem;
}
.about .infoblock_ti{
	font-size:1.1em;
	font-weight: bold;
}
/* === STOP - About ========================================================== */

/* === START - SUBWINDOW =================================================== */
/*--- CONTAINER --------------------------------------------------------------*/
.subWindow_over {
	position:fixed!important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgb(0 0 0 / 55%);
	opacity:0.6;
}
.subWindow_win {
	position:fixed !important;
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	max-width: fill-available;
	margin-block: 0;
	margin-inline: auto;
	top:3em;
	bottom:3em;
	left:3em;
	right:3em;
	display: flex;
	flex-flow: column;
	background-color: var(--contentBG);
	border-radius: 10px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}
.subWindow_ti{
	flex: 0 0 1.5em;
	min-height: 30px;
	padding-inline-start:0.5em;
}
.subWindow_co{
	flex: 1 1 auto;
	position: relative;
}
.subWindow_co > a.focusOnCloseBtn{
	position:absolute;
	left:-1000px;
	top:-1000px;
}
.subWindow_fra{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 10px;
}
a.subWindow_x {
	width: 30px;
	height: 30px;
	color: var(--accentDarkFG);
	background-color: var(--accentColor);
	position: absolute;
	right: -15px;
	top: -15px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	border-radius: 5em;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}

a.subWindow_x:hover {
	background-color: var(--accentDarkColor);
}

a.subWindow_x::before {
	font-family:"fontello";
	content:"\E82B";
}

a.subWindow_x span {
	display:none;
}

/*--- subWin --------------------------------------------------*/
#page.tplSubWin::before {
	content:none;
}
.tplSubWin #header{
	padding-block: 0;
	padding-inline: 0;
	position: static;
	height: auto;
	border: none;
}
.tplSubWin #menu .outRoot a::before {
	font-family: "fontello";
	content: "\e816";
}
.tplSubWin #header{
	min-height: auto;
}
.tplSubWin #main{
	margin-block: 0;
	margin-inline: 0;
}
.tplSubWin #main main{
	justify-content:flex-start;
}
/* === STOP - SUBWINDOW =================================================== */

/* === START - THEME PREFERENCES ============================================= */
li.themeBtnParent {
	margin: 0;
	order: 1;
}

button.themeBtn {
	appearance: none;
	cursor: pointer;
	border: 0;
	position: relative;
	height: 25px;
	line-height: 25px;
	padding-block: 0;
	margin: 0;
	border-radius: 50em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	background-color: var(--accentColor);
	color: var(--accentDarkFG);
	opacity: 1;
	text-decoration: none;
	z-index: 20;
}
button.themeBtn span {
	display: none;
}
button.themeBtn:hover {
	opacity: 0.7;
}

@media (prefers-color-scheme: dark) {
	button.themeBtn,
	html[data-theme='dark'] button.themeBtn {
		padding-inline: 5px 6px;
	}
	html[data-theme='light'] button.themeBtn {
		padding-inline: 6px 5px;
	}

	button.themeBtn:after,
	html[data-theme='dark'] button.themeBtn:after {
		font-family: "fontello";
		font-size: 1.2em;
		content: "\E842";
		width: auto;
		height: auto;
		border-radius: 0;
		background-color: transparent;
	}
	html[data-theme='light'] button.themeBtn:before {
		font-family: "fontello";
		font-size: 1.2em;
		content: "\E843";
		width: auto;
		height: auto;
		border-radius: 0;
		background-color: transparent;
	}
	button.themeBtn:before,
	html[data-theme='dark'] button.themeBtn:before,
	html[data-theme='light'] button.themeBtn:after {
		content: "";
		display: inline-block;
		border-radius: 50em;
		width: 15px;
		height: 15px;
		background-color: var(--accentDarkFG);
	}
}
@media (prefers-color-scheme: light) {
	button.themeBtn,
	html[data-theme='light'] button.themeBtn {
		padding-inline: 6px 5px;
	}

	html[data-theme='dark'] button.themeBtn {
		padding-inline: 5px 6px;
	}

	button.themeBtn:before,
	html[data-theme='light'] button.themeBtn:before {
		font-family: "fontello";
		font-size: 1.2em;
		content: "\E842";
		width: auto;
		height: auto;
		border-radius: 0;
		background-color: transparent;
	}

	html[data-theme='dark'] button.themeBtn:after {
		font-family: "fontello";
		font-size: 1.2em;
		content: "\E843";
		width: auto;
		height: auto;
		border-radius: 0;
		background-color: transparent;
	}

	button.themeBtn:after,
	html[data-theme='light'] button.themeBtn:after,
	html[data-theme='dark'] button.themeBtn:before {
		content: "";
		display: inline-block;
		border-radius: 50em;
		width: 15px;
		height: 15px;
		background-color: var(--accentDarkFG);
	}
}
/* === END - THEME PREFERENCES ============================================= */

/* === START - RESPONSIVE =================================================== */
@media (max-width: 1200px){
	.stepList .desc.simple::before{
		background-color: var(--accentLightColor);
		border:0;
	}
}
@media (max-width: 900px){ /* Mode "mobile" (prop responsiveWidth) */
    .planClosed #content,
    .tplNoMenu #content {
        padding-inline: 0.5em;
    }
    .home.stepList .secAloneCo {
        padding: 0;
    }
    .screen > .infoblock,
    .screen > .block,
    .screen > div:not(:first-child),
    .default > .infoblock,
    .default > .block,
    .default > div:not(:first-child),
    .simple > .infoblock,
    .simple > .block,
    .simple > div:not(:first-child),
    .result > .infoblock,
    .result > .block,
    .result > div:not(:first-child),
    .prereq > .infoblock,
    .prereq > .block,
    .prereq > div:not(:first-child) {
    	margin-inline-start: 0;
    }
    .stepListPlayer,
    .stepList .desc.simple,
    .scrFra {
        padding: 0.5em;
    }
	.secOutFra {
		display: none;
	}
	#outline ul.mnu_root{
		margin-block-end:5rem;
	}
	.screenImgFra{
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
	}
    .screenImage,
    .stepScreenTitles {
        max-width: -webkit-fill-available;
    }
	.screenTitles {
		height: auto!important;
		padding-block: 0.4rem;
		padding-inline: 0.4rem;
	}
	.screenTitles a{
		padding-block: 0.3rem;
		padding-inline: 0.3rem;
	}
	.screenZone_co {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.screenZone_pre {
		margin-block: 0;
		margin-inline: 0;
	}
	.screenZone_desc {
		padding-block: 0!important;
		padding-inline: 0!important;
		margin-block: 0.5rem!important;
		margin-inline: 0!important;
	}
	.stepList .desc.simple{
		margin-inline-start:0;
		border: 1rem solid var(--accentLightColor);
	}
	.screenSeq > .caption_co{
		border:10px solid var(--accentLightColor);
	}
}
@media (max-width: 580px){
	html {
		scroll-padding-block-start:250px;
	}
	.tplHomeTitleFrame {
		flex-direction: column;
	}
	.tplHomeTitleFrame .tplHomeLogo{
		align-items: center;
	}

	.menuActive #stack{
		display:none;
	}
	p {
		margin-block: 1rem;
		margin-inline: 0;
	}
	#outline .mnuLbl{
		font-size: 1em;
	}
	.menuActive #main main{
		margin-inline-start:0;
	}
	.tplNoMenu #footer nav{
		left:auto;
	}
	#stack span.sw_outStack_navRoot{
		text-align:left;
	}
	.step > .detail, .step > .ssteps{
		padding-inline-start:0.5rem;
	}
	.schBtnTgle{
		top:10px;
	}
	.schBtnReset{
		left:auto;
		right:25px;
	}
	.schDisplay_on .schResFrame{
		flex-direction:column;
		justify-content: flex-start;
		gap:0.5rem;
	}
	.schResList{
		top:80px;
		left:10px;
		right:10px;
		bottom:10px;
	}
	.schHitBox, .schPageBox{
		align-items:center;
	}
	.block {
		padding-block: 0.9rem 1rem;
		padding-inline: 1rem;
	}
	table.txt_tb{
		width: max-content;
	}
	table.txt_tb th, table.txt_tb td{
		padding-block: 0.2rem;
		padding-inline: 0.2rem;
	}
	ul.screenZones{
		padding-block: 5px;
		padding-inline: 5px;
	}
	.stepScreen li.step{
		padding-block: 5px;
		padding-inline: 5px;
	}
	a.block_btn_closed::before, a.block_btn_open::before {
		left: 0.7rem;
	}
	div.tree.block .block_ti, div.screen.block .block_ti{
		margin-inline-start: 0;
	}
	.txt_textTab_is, .txt_textButton_is, .txt_textRadioButton_is, .txt_textCheckBox_is, .txt_input_is, .txt_select_is, .txt_keyboard_is, .txt_menuPath_is, .txt_filePath_is, .txt_win_is {
		white-space: normal;
		padding-block: 0;
		padding-inline: 0;
	}
	.secOutFra {
		display: none;
	}
	.screenSeqFra {
		margin-block: 0;
		margin-inline: 0;
	}
	.scImgAnmCtrl {
		padding-block: 5px;
		padding-inline: 5px;
		border-radius: 0;
		width: 100%;
	}
	a.scImgAnmBtnPse, a.scImgAnmBtnPly, a.scImgAnmBtnNxt, a.scImgAnmBtnPrv {
		margin-block: 0.2rem;
		margin-inline: 0.2rem;
	}
	.treeToolbar{
		row-gap:10px;
	}
	.treeToolbar form.treeSearchForm{
		padding-block: 0;
		padding-inline: 0;
		flex-wrap:wrap;
	}
	.treeToolbar span.treeSearchLabel{
		flex:100%;
	}
	.stepListPlayer{
		border: 0.5rem solid var(--accentLightColor);
	}
	.slpOpAct .stepListPlayer{
		padding-block: 3.5rem 0.5rem;
		padding-inline: 0.5rem;
	}
	a.scImgZmBtnCls{
		right: 5px;
		top: -15px;
	}
	.stepScreenTitles{
		padding-block: 0;
		padding-inline: 0;
	}
	.scCommentToolBar .activationCommentDiv{
		right:55px;
		left:auto;
	}
}
/* === STOP - RESPONSIVE ==================================================== */


/*	Preview	*/
.scCommentToolBar .activationCommentDiv {
	top: 9px;
}
#header:has(.scCommentToolBar) .titleLayer {
    padding-inline-start: 65px;
}