/* === INJECTION HEADER/FOOTER SCENARI SOFTWARE ================== */
@import url("inject/inject.css");

:root{
	--fontSize: 1.1em;
  	--fontStyle: 'Roboto';
  	--contentBG: #ffffff;
  	--contentFG: #4d4d4d;
  	--contentLightBG: #faf8fb;
  	--contentLightFG: #989898;
	--headerBG: var(--menuBG);
	--headerFG: #4d4d4d;
	--maxWidth: 1296px;
	--titleFG: #292929;
	--accentColor: #815f89;
	--accentColorAlpha: #815f893d;
	--accentDarkColor:#009899;
	--accentDarkFG: #ffffff;
	--accentLightColor: #faf8fb;
	--borderColor: #ede5f0;
	--borderColorAlpha: #ede5f080;
	--hoverBG: #ede5f0;
	--menuBG: #faf8fb;
	--menuFG: #0098a3;
	--elmtBG: #faf8fb;
	--blockWarning: #cf3a3a;
	--blockWarningLight: #cf3a3a14;
	--blockAdvice: #cab921;
	--blockTip: #7f9263;
	--blockExample: #7ebdcd;
	--blockNote: #ef7534;
	--blockLegal: #8cca8f;
	--blockComplement: #696969;
	--blockComplementLight: #f2f2f2;
	--footerBG: #faf8fb;
	--footerFG: #4f4f4f;
	--resultsBG: #8dcece;
	--scrollbar-thumb-color:#009899;
	--scrollbar-bgcolor:#faf8fb;
}

/* DKDOCTREE*/
#header{
	display: flex;
    align-items: center;
	padding: 0 1em 0 2em;
    flex: 0 0 30px;
	margin-top: 4px;
}

#header .tplTitle{
	font-weight: bold;
	font-size: 1.3em;
}

.tplContextMenu{
	position: static;
	flex: 2 1 auto;
}

#menu{
	position: absolute;
	right:1em;
	top:-57px;
}

#menu ul {
    background-color: rgba(247, 246, 244, 0.5);
    border-radius: 5px;
}

#menu a {
    position: relative;
    line-height: 2;
}

#menu a::after {
    background: #0098a3 radial-gradient(#0098a3, #f7f6f4) repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    width: auto;
}

#menu div.mnu_sel_yes a, .home_yes #menu div.toolHome a, .documentation_yes #menu div.toolHome a{
	color:#0098a3;
	border-bottom: none;
	font-weight: normal;
}

#menu a:hover::after, #menu .mnu_sel_yes a::after, .home_yes #menu div.toolHome a::after, .documentation_yes #menu div.toolHome a::after{
	transform: scaleX(1);
    opacity: 1;
}

.questShow_no .tplQuestionnaire, 
body:not(.outline) #accessibility li.tplWaiMenu a, body.outline #accessibility li.tplWaiContent a{
	background-color:#e0d8e2;
}

.tplContentFrame{
	bottom:0;
}
#outline{
	font-size:11pt;
}
#outline div.mnu_sel_yes {
    background-color: #e0d8e2;
}

.tooltip{
	font-size: 10pt;
}

.warning.block {
    background-color: #cf3a3a1f;
}
.note.block {
    background-color: #ef75341f;
}

@media (min-width:800px){
	body.outline .questPresent_yes #header{
		padding-left: 290px;
	}
	body.outline .questShow_no .tplQuestionnaire{
		top:126px;
	}
}
@media (max-width: 800px){
	#accessibility .tplWaiMenu {
		top: 0px;
	}
	body.outline #outline{
		top:3px;
		height: calc(100% - 3px);
	}
	#menu{
		width: auto;
		top:-117px;
	}
}
/* HEADER DOMAIN MENU */
.commonBar{
	z-index: 9999;
}
#nav-domain a.lnkDomDoc, .quickAccess a.lnkDomDoc {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

.quickAccess a.lnkDomDoc {
	border-bottom: 2px solid;
	font-weight: bold;
	background-image: none;
	padding-left:0;
}

button.domainMenu {
    padding-left: 2.5em;
    background: #fff url(inject/img/scenari.svg) no-repeat 6px center / auto 24px;
}

/* HEADER */
#scSoftHeader h1{
	color:#555;
	font-weight: bold;
}
#scSoftHeader h1 a.rootLnk{
	text-decoration: none;
}

/* BUTTONS MENU */
#menu .scrollToTop a{
	vertical-align: middle;
}

#menu .scrollToTop a::before, #menu .homeProd a::before {
	font-family: "fontDk";
	font-style: normal;
}

#menu .scrollToTop a::before{
	content: "\f102";
	font-size: 22px;
}

#menu .homeProd a::before{
	content:"\e815";
	font-size:18px;
}

#menu .scrollToTop a > span, #menu .homeProd a > span{
	position:absolute;
	left:-9999px;
}

#menu .scrollToTop a::after, #menu .homeProd a::after {
	background: none;
}