! Alza menu (float right subcat ) !

/* Levé menu s podkategoriemi float right jako alza */ 

 

.sidebar {margin-top: 20px;}
.sidebar-inner {background-color: #f7f7f7;}
.topic, #categories .expandable.expanded > ul li {border-bottom: 2px solid white;}

 

#categories .expandable > .topic > a > span::before, #categories .expandable > a > span::before, #categories .expandable.expanded > a > span::before, #categories .expandable.expanded > .topic > a > span::before {
    content: '\e918';
    position: relative;
    top: 8px;
}
.categories .topic > a {padding: 10px 0 10px 30px;}

@media (min-width: 768px) {
#categories .expandable.expanded > ul {display: none; position: relative; top: 5px;}

#categories .expandable:hover >ul  {
display:block;
background: #f7f7f7;
margin-bottom: 0px;
position: absolute;
z-index: 11;
margin-left: 100%;
margin-top: -46px;
width: 100%;
}

#categories .expandable > ul > li:hover > ul {
display:block;
background: #f7f7f7;
margin-bottom: 0px;
position: absolute;
z-index: 11;
margin-left: 100%;
margin-top: -38px;
width: 100%;
}
.categories li {
padding-top:5px;
padding-bottom:5px;
}
.categories:hover, .categories li:hover {
background-color:#dedede;
}
}

 

/* Levé menu s podkategoriemi float right jako alza */