body{color:#404040;background:linear-gradient(#d6d6d6 0,#f7f7f7 100px,#fff 100%) no-repeat;min-height:100%;margin:0;padding-top:30px;font-family:Lato,sans-serif!important}.ux-menu a{color:#000;text-decoration:none}.ux-menu>li{flex:auto;padding:0;line-height:32px;position:relative}.ux-menu>li>a{border-top:5px solid #ccc;padding:0 15px;display:block}.ux-menu>li:hover{background-color:#fff}.ux-menu>li:hover>a{border-top-color:#000}.ux-menu>li:hover>ul{opacity:1;max-height:300px}.ux-menu ul{opacity:0;z-index:5;background-color:#fff;max-height:0;margin:0;padding:0;font-size:12px;list-style-type:none;transition:opacity .75s,max-height 1.5s;position:absolute;left:0;right:0;overflow:hidden}.ux-menu ul>li{float:none;text-overflow:ellipsis;white-space:nowrap;color:#000;background:0 0;height:30px;padding-left:6px;line-height:30px;position:static;overflow:hidden}.ux-menu ul>li:hover a{color:#000}.ux-menu li:first-child:hover a{border-top-color:orange}.ux-menu li:first-child li:hover a{color:orange}.ux-menu li:nth-child(2):hover a{border-top-color:#ff4500}.ux-menu li:nth-child(2) li:hover a{color:#ff4500}.ux-menu li:nth-child(3):hover a{border-top-color:#dc143c}.ux-menu li:nth-child(3) li:hover a{color:#dc143c}.ux-menu li:nth-child(4):hover a{border-top-color:maroon}.ux-menu li:nth-child(4) li:hover a{color:maroon}