:root{
	--fontSize: 0.9em;
	--fontStyle: Tahoma;
	--rootBG: #f3f3f3;
    --maxWidth: 1280px;
    --contentBG:#fff;
	--contentFG: black;
    --titleColor: #94739d;
	--borderColor: #e0dcd8;
    --borderWidth: 8px;
	--borderRadius: 1.5em;
	--accentColor: #94739d;
	--accentColorLight: #94739db8;
    --emphasisBG: #f3f3f3;
    --emphasisRadius: 0.2em;
    --extraBG: transparent;
    --extraRadius: 0;
}

.bkBase.bkExtra {
    box-shadow: none;
}


html, body{
    height:auto;
}

body {
    min-height: calc(100% - 45px);
    margin: 45px 0 0;
    box-shadow: 0 0 5px #777 inset;
}

body::before {
    content: "";
    background: #94739d url("img/tpl/logoMyScenari.png") no-repeat scroll 30px 3px / auto 40px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

ul.outCat li.outCat_sel_yes .outCat_i {
    color: #fd7400;
}

ul.outCat li.outCat_sel_yes .outCat_i::after{
    background-color: #fd7400;
}

@media (max-width: 650px){ 
	#header {
		padding-right: 3.5em;
	}
    #header h1{
        font-size: 1em;
    }
	#header #navigation{
		display:none;
		align-self: flex-start;
	}
	#header #navigation:target{
		display:block;
	}
    #header #accessibility{
        display: block;
    }
    #header #accessibility > li:not(.tplWaiNav){
        display: none;
    }
	#header #accessibility .tplWaiNav{
		position:absolute;
		top:13px;
		right:10px;
	}
	#header #accessibility .tplWaiNav a{
		opacity:1;
	}
	#header #accessibility .tplWaiNav a::before{
		content: "☰";
		font-size:2.5em;
		font-weight: bold;
	}
	#header #accessibility .tplWaiNav span{
		display:none;
	}
    ul.outCat {
        position: absolute;
        z-index: 999;
        box-shadow: 0 0 5px #ccc;
        right: 0;
        top: 4em;
        text-align: right;
    }
    ul.outCat li{
        display: block;
    }
    ul.outCat li.outCat_sel_yes {
        margin-bottom: 1em;
    }
}
/*	Extension MS	*/
div#scDepotStack {
    position: absolute;
    top: 15px;
    left: 0;
    color: #ffffff;
    padding-left: 200px;
}
div#scDepotStack a{
  color: white;
  text-decoration:none;
}
div#scDepotStack a:hover{
  text-decoration:underline;
}