OwlCyberSecurity - MANAGER

Edit File: menu2.css

#menu{width: 100%;margin-bottom: 20px;height: 42px;background:url(../img/menu-bg.png);border-radius: 0 0 10px 10px ;box-shadow: 0 6px 7px 1px black} #menu>li{width: 163px;height: 42px;} #menu a{color: white;font-weight: bold;font-size: 11pt;text-align: center;text-decoration: none;display: block;line-height: 42px;} #menu li {display: inline-block;position: relative;color: white;} #menu li > ul {position: absolute;left: 100%;top: 0;width: auto;display: block;white-space: nowrap;z-index: 999;} #menu > li > ul {top: auto;left: 0;width:auto;} #menu>li ul li{height: 45px;background-color: #04c5a7;} #menu>li ul li:first-child{padding-top: 3px;} #menu li >ul a{text-align: left;padding-left: 10px;padding-right: 100px;width: auto;} #menu li > a:after { margin-left: 16px; content: '\25BA'; } #menu > li > a:after { margin-left: 2px; content: '\25BC'; } #menu li > a:only-child:after { margin-left: 0; content: ''; } #menu li > ul > li {display: block;} #menu li .active{color: white !important;background:url(../img/menu-hover-bg.png) center left no-repeat;} #menu>li:hover{color: white !important;background:url(../img/menu-hover-bg.png) center left no-repeat;} #menu>li:last-child ul{margin-left: -58px;} #menu li ul{opacity: 0;visibility: hidden;} #menu li:hover>ul{opacity: 1;visibility: visible;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}