.menu-collapser { background-color: #009900;
    box-sizing: border-box;
    color: #fff;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px; border-radius: 4px;
    padding: 0 5px;
    position: relative;
    width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.collapse-button { position: absolute; right: 8px; top: 50%; width: 40px; padding: 7px 10px; color: #FFFFFF; font-size: 14px; text-align: center; background-color: #1bb41b; border-radius: 5px; cursor: pointer; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.collapse-button:hover, .collapse-button:focus { color: #FFF; background-color: #1bb41b; }
.collapse-button .icon-bar { display: block; height: 2px; width: 18px; margin: 2px 0; background-color: #F5F5F5; border-radius: 1px }
ul.slimmenu { width: 100%; margin: 0; padding: 0; list-style-type: none; text-align:center; }
ul.slimmenu:before, ul.slimmenu:after { content: ''; display: table }
ul.slimmenu:after { clear: both }
ul.slimmenu.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
ul.slimmenu.collapsed li>ul { position: static; display: none }
ul.slimmenu.collapsed li a { display: block; border-bottom: 1px solid rgba(0,0,0,0.075); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
  margin-bottom: 0 !important;
  padding: 9px 0;
   background:#1bb41b;
} 
ul.slimmenu.collapsed li .sub-toggle { height: 40px }
ul.slimmenu li {
  display: inline-block;
  float: none;
  position: relative;
 
}
ul.slimmenu li ul { margin: 0; list-style-type: none }
ul.slimmenu li ul li { background: #bbbbbb }
ul.slimmenu li>ul { position: absolute; left: 0; top: 100%; z-index: 999; display: none; width: 100% }
ul.slimmenu li>ul>li ul { position: absolute; left: 100%; top: 0; z-index: 999; display: none; width: 100% }
ul.slimmenu li a { display: block; font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    
    padding: 5px; color: #fff; transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out }
ul.slimmenu li a:hover { text-decoration: none; background-color: #fff; border:1px solid #009900; padding: 4px; color:#009900; }
ul.slimmenu li .sub-toggle { background: none repeat scroll 0 0 rgba(0,0,0,0.075); position: absolute; right: 0; top: 0; z-index: 999; width: 48px; height: 100%; text-align: center; cursor: pointer }
ul.slimmenu li .sub-toggle:before { content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle }
ul.slimmenu li .sub-toggle>i { display: inline-block; color: #333; font-size: 18px; vertical-align: middle }
ul.slimmenu>li { border-left: none; }
ul.slimmenu>li:first-child, ul.slimmenu>li.has-submenu+li { border-left: 0 }