Вопрос как выделить активный пункт меню protostar - Joomla 3.x: Шаблоны, разметка и макеты вывода

.active {
background-color: #ffffff;
}
.nav-child
{
background-color: #ffffff;
}
.item-131 {
background-color: #ffffff;
}

 #article-index ul li a.active{color: #030962;}
#article-index ul li a.active{background-color: #ffffff;

#article-index ul li.active a{
    color: #030962;
    background-color: #ffffff;
}

#mymenu li.active a{
    color: #030962;
    background-color: #fff;
}

#mymenu > .active > a{
    color: #030962;
    background-color: #fff;
    display: inline-block;

}

#mymenu .current a{
    color: #030962;
    background-color: #fff;
    display: inline-block;
}

ul.menu li .active{border:1px solid red;
background-color: #ffffff;
}

ul.menu .current  {border:1px solid red;
background-color: #ffffff;
}

ul.menu .current a {border:1px solid red;
background-color: #ffffff;
}

ul.menu li .active {border:2px solid red; box-shadow: inset 0 0 2em rgba(0, 0, 255, 1);
}
#mymenu li.active a{
    color: #0a0a8a;
	border-bottom: 2px solid #06067a;
    font-weight: bold;     
}
.nav-tabs {
    vertical-align: top;
    width: 200px;
}

ul.menu li .active {border:5px double #6E0312; box-shadow: inset 0 0 1em rgba(0, 0, 255, 1);	
}
#mymenu li.active a{
    color: #0a0a8a;
	border-bottom: 1px solid #06067a;
	background-color: rgba(0,0,0,0.2);
	border: 1px solid #fff;;
    font-weight: bold; 
   	line-height: 24px;
    padding: 0 30px;
}

}
ul.menu li .active {border:5px double #6E0312; box-shadow: inset 0 0 1em rgba(0, 0, 255, 1);	
}
ul.menu .current a {border:1px solid red;
background-color: #ffffff;
}

/*первый уровень*/
ul.menu > .active {
	background:#c00;
}
ul.menu > .active > a {
	background:#0с0;
	color:#fff;
}
ul.menu > .active > ul {
	background:#f00;
	padding:15px;
}

/*второй*/
ul.menu > .active > ul > .active {
	background:#123;
}
ul.menu > .active > ul > .active > a{
	background:#789;
	color:#c00;
}
ul.menu > .active > ul > .active > ul{
	background:#999;
	padding:10px;
}

/*третий*/
ul.menu > .active > ul > .active > ul > .active {
	background:#fff;
}
ul.menu > .active > ul > .active > ul > .active a{
	background:#eee;
	color:#000;
}
ul.menu > .active > ul > .active > ul > .active ul{
	background:#666;
	padding:5px;
}

}
ul.menu li .active {border:10px double #000; box-shadow: inset 0 0 1em rgba(250, 0, 255, 1);
}
ul.menu .current a {
line-height: 1.5;
color: #fff;
}
.nav-tabs {
    vertical-align: top;
    width: 200px;
}
li { margin:10px 12px;border:5px double #3527f5; box-shadow: inset 0 0 1em rgba(250, 250, 255, 1);	  
}
.nav > .active > a{   
   border:5px double #3527f5; box-shadow: inset 0 00 2em rgba(250, 110, 255, 1); 
   display: inline-block;
 }
ul.menu .active a {   
color:#000; 	
 }