@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
.font,.menu{
    font-family: 'Open Sans', sans-serif;
}
.metro-side-menu{
    position: fixed;
    left: 0;
    top: 30%;
	z-index:999999999999;
   
}

.metro-side-menu .level{
  opacity: 0;
  display: none;
  -webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
        -ms-transition: all 100ms ease-in;
        -o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;
}
.metro-side-menu  .level.open{
    opacity: 1;
    display: block;
    z-index: 9999;
}
.metro-side-menu .main-level{
    
    padding-top: 2px;
    padding-bottom: 2px;
   
    border-left: 0;
}
.metro-side-menu  .menu:hover > .text{
    color:#181818;
}
.metro-side-menu  .menu .text {
    color: #f1f1f1;
  margin-left: 4px;
  text-align:center;
}

.metro-side-menu 
.level {
    
    background-color: #E4E4E4;
    left: 37px;
    position: absolute;
    top: 0;
    border: 1px solid #ccc;
}
.metro-side-menu  .level .menu {
    width: 140px!important;
    height: 80px!important;
    display: block;
    text-decoration: none;
    
}
.metro-side-menu .level .menu .icon .svg{
    width: 50px;
    height: 50px;
}
.metro-side-menu .level .icon {
    text-align: center !important;
}
.metro-side-menu .level .menu{
    width: 100px;
    height: 50px;
}
.metro-side-menu .level .column{
    float: left;
     margin-right: -3px;
}
.metro-side-menu .menu:hover{
    background-color: #f1f1f1;
    cursor: pointer;
}
.metro-side-menu .menu:hover > .icon .svg path{
    fill:#181818;
}

.metro-side-menu .svg path{
    fill:#f1f1f1;
}
.metro-side-menu  .svg{
    width: 32px;
height: 85px;
    
}
.metro-side-menu .main-level .menu{
    width: 32px;
height: 85px;
    margin: 5px;
}

/*Colors*/
.metro-black-1{
    background-color: #000000;
   
}
.metro-green-1{
    background-color: #00B159;
}
.metro-blue-1{
    background-color: #ff9900;
}
.metro-orange-1{
    background-color: #F37735;
}
.metro-pink-1{
    background-color: #EC098C;
}
.metro-blue-2{
    background-color: #314E6C;
}
.metro-blue-3{
    background-color: #44A5AC;
}
.metro-blue-4{
    background-color: #297E83;
}
.metro-red-1{
    background-color: #999;
}
.metro-red-2{
    background-color: #C9312C;
}
.metro-red-3{
    background-color: #D11141;
}
.metro-purple-1{
    background-color: #7C4199;
}
.metro-yellow-1{
    background-color: #FFC425;
}
.metro-blue-5{
    background-color: #034A8C;
}
.metro-yellow-2{
    background-color: #E59B18;
}
.metro-green-3{
    background-color: #006054;
}
.metro-blue-6{
    background-color: #44A5AC;
}
.metro-blue-7{
    background-color: #336797;
}
.metro-black-2{
    background-color: #3B3E45;
}
.metro-purple-3{
    background-color: #640F6C;
}
.metro-purple-2{
    background-color: #1D092C;
}
.metro-blue-8{
    background-color: #0C5FA1;
}
.metro-green-2{
    background-color: #999;
}
.metro-orange-2{
    background-color: #B84E00;
}
.metro-blue-9{
    background-color: #305B6E;
}
.metro-white{
    background-color: #ffffff;
}
.metro-blue-10{
    background-color: #ff9900;
}
.metro-yellow-3{
    background-color: #E59A1A;
}
.metro-pink-2{
    background-color: #F63150;
}
.metro-red-4{
    background-color: #CE0A0B;
}
.metro-orange-3{
    background-color: #BE4F3B;
}