fullQL.css

.noindex.ms-core-listMenu-verticalBox::Before
{
   content: "Menu";
    color: #fff;
    display: inline-block;
    content: "\2630 Quick Launch";
    font-size: 18px;
  padding-left: 10px;
  line-height: 60px;
}

.ms-core-listMenu-root
{
  display:none;
}
.ms-core-listMenu-verticalBox:hover .ms-core-listMenu-root,.ms-core-listMenu-verticalBox:focus .ms-core-listMenu-root
{
  display: block;
}

.ms-core-listMenu-verticalBox {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
    width: 13em;
  background: #0072c6;
  font-family: 'roboto', Tahoma, Arial, sans-serif;
  zoom: 1;
  clear: both;
  display: table;
}

.ms-core-listMenu-verticalBox ul {
  position: relative;
  z-index: 500;
  float: left;
}

.ms-core-listMenu-verticalBox ul li {
  float: none;
  min-height: 0.05em;
  line-height: 60px;
  vertical-align: middle;
  position: relative;
}

.ms-core-listMenu-verticalBox ul ul {
  display:none;
  position: absolute;
  top: 0;
  left: 99%;
  z-index: 520;
  width: 100%;
  margin-top: 0.05em;
}

.ms-core-listMenu-verticalBox ul li:hover > ul, .ms-core-listMenu-verticalBox ul li:focus > ul 
 { display:block; }

.ms-core-listMenu-verticalBox a {
  
  padding: 1em 1.3em;
  
}

.ms-core-listMenu-verticalBox > ul { width: 13em; }

.ms-core-listMenu-verticalBox > ul > li > a {
  border-right: 0.3em solid #34A65F;
  color: #fff;
}
.ms-core-listMenu-verticalBox .menu-item-text
{
  color:#fff;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
}
.ms-core-listMenu-verticalBox ul li.selected
{
  background-color: #fff;
  
}
.ms-core-listMenu-verticalBox ul li.selected span
{
  color: #0072c6;
}
.ms-core-listMenu-verticalBox ul li.selected a
{
  border-right: 0.3em solid #fff;
  
}
.ms-core-listMenu-verticalBox > ul > li > a:hover { color: #fff; }

.ms-core-listMenu-verticalBox > ul > li a:hover,
.ms-core-listMenu-verticalBox > ul > li:hover a { background: #34A65F; }

.ms-core-listMenu-verticalBox ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border: 1px solid #34A65F;
}

.ms-core-listMenu-verticalBox ul ul li:hover > a {
  background: #4eb1ff;
  color: #fff;
}

.ms-core-listMenu-verticalBox > ul > .ms-listMenu-editLink:hover a { background: #fff; }

.ms-listMenu-editLink span a:hover
{
  background-color: #fff;
}
.ms-listMenu-editLink
{
  background: #fff;
  margin:0px !important;
}