.ruby-menu,.ruby-menu *{font-family:'Open Sans',sans-serif;outline:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box}.ruby-menu{position:relative;float:left;min-width:260px;box-shadow:0 20px 50px #333}.ruby-menu .ruby-menu-header,.ruby-menu .ruby-menu-footer{float:left;width:100%;height:50px;padding-left:22px;font-weight:600;line-height:50px;color:#f0f0f0}.ruby-menu ul{list-style:none;margin:0;padding:0}.ruby-menu ul li{position:relative;display:block;float:left;width:100%}.ruby-menu ul li a{position:relative;float:left;width:100%;padding:14px 22px;text-decoration:none;color:#f0f0f0;font-size:13px;line-height:1.2em;background:#414956;white-space:nowrap;overflow:hidden;-webkit-transition:color .2s linear,background .2s linear; -moz-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}.ruby-menu >ul >li:hover >a,.ruby-menu >ul >li.active >a{color:#fff}.ruby-menu >ul >li >a{border-bottom:1px solid}.ruby-menu ul li a i{float:left;width:34px;line-height:18px;font-size:16px;text-align:left}.ruby-menu .submenu-indicator{position:absolute;float:right;right:22px;font-size:20px;line-height:19px;-webkit-transition:transform .3s linear; -moz-transition:transform .3s linear;transition:transform .3s linear}.ruby-menu ul ul.submenu .submenu-indicator{line-height:16px}.ruby-menu .submenu-indicator-minus >.submenu-indicator{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);transform:rotate(45deg)}.ruby-menu ul ul.submenu,.ruby-menu ul ul.submenu li ul.submenu{position:static;display:none;width:100%}.ruby-menu ul ul.submenu li{clear:both;width:100%}.ruby-menu ul ul.submenu li a{position:relative;float:left;width:100%;font-size:11px;background:#383838;border-top:none;border-left:solid 6px transparent;-webkit-transition:border .2s linear; -moz-transition:border .2s linear;transition:border .2s linear}.ruby-menu ul ul.submenu >li >a{padding-left:30px}.ruby-menu ul ul.submenu >li >ul.submenu >li >a{padding-left:45px}.ruby-menu ul ul.submenu >li >ul.submenu >li >ul.submenu >li >a{padding-left:60px}.ruby-menu ul li .ruby-menu-label,.ruby-menu ul ul.submenu li .ruby-menu-label{position:absolute;top:14px;right:18px;min-width:20px;padding:1px 2px 1px 1px;color:#555;text-align:center;font-size:11px;font-weight:800;line-height:18px;background:#f0f0f0;border-radius:100%}.ruby-menu ul ul.submenu li .ruby-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,0.3);border-radius:100%;-webkit-transform:scale(0); -moz-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple 0.5s linear; -moz-animation:ripple 0.5s linear; animation:ripple 0.5s linear}@-webkit-keyframes ripple{ 100%{ opacity:0; -webkit-transform:scale(2.5)}}@-moz-keyframes ripple{ 100%{ opacity:0; -moz-transform:scale(2.5)}}@keyframes ripple{ 100%{ opacity:0; transform:scale(2.5)}}