ul.sidenav {
 list-style: none;
 margin: 0px;
 padding: 10px;
}

.sidenav a {
 text-decoration: none;
 color: #414141;
}

.sidenav .level2 a span, .sidenav .level3 a span {
 transition: all .2s ease-in-out;
 display: inline-block;
color: #000;
 font-family:'Roboto Slab', serif;
font-weight: 400;
}

.sidenav .level2 a:hover span, .sidenav .level3 a:hover span {
 margin-left: 9px;
 color: #FFF;
}


.sidenav li {
 display: block;
 clear: both;
}


ul.sidenav {

    padding: 25px;
}

.sidenav a {
 color: #2e2e2e;
 text-decoration: none;
 font-size: 16px;
 display: block;
 font-family: 'roboto', sans-serif;
 font-weight: 400;
 position: relative;
 line-height: 17px;
}



.sidenav .fa-circle:before {
 font-size: 10px !important;
 color: #a8c67f;
 margin-right: 4px;
 top: 50%;
 transition: all .2s ease-in-out;
 font: normal normal normal 14px/1 FontAwesome;
 position: absolute;
 left: -17px;
 margin-top: -5px;
}

.sidenav .level1 a {
 font-weight: 700;
 margin-top: 0px;
 display: inline;
 color: #0081C9;
 letter-spacing: 0.05em;
 text-transform: uppercase;
}


.sidenav li a:before {
  /* content: '';
    width: 0; height: 0; border-style: solid; 
    border-width: 3px 0 5px 6px; 
    border-color: transparent transparent transparent #007DA5;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -2px;*/

}





.sidenav .level2 a {
 margin-left: 10px;
}




#sidebar {
    /*background-color: #7D8114;
    border: 5px solid #979C1A;
    margin-top: 30px;*/
}


.sidenav .level2 a.fa.fa-circle:before {
 font-size: 8px;
 margin-right: 7px;
 position: relative;
 top: -3px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidenav .toggle {
 display: none;
}

.sidenav li.level1 {
    margin-bottom: 10px;
}

ul.sidenav .level1 a {
 font-size: 20px;
    position: relative;
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 color: #000;
 font-weight: 600;
 font-family:'Roboto Slab', serif;

}

.sidenav .level1 a:hover {
 opacity: 0.7;
}

.sidenav .level2 a span.fa.fa-caret-right {
  /*  position: absolute;
    top: 50%;
    left: -12px;
    font-size: 20px;
    margin-top: -10px;
 color: #ffffff;*/
display: none;
}

.sidenav .level3 a span.fa.fa-caret-right {
    position: absolute;
    top: 50%;
    left: -12px;
    font-size: 20px;
    margin-top: -10px;
    color: #ffffff;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidenav .level3 a:hover span.fa.fa-caret-right, .sidenav .level3.active a span.fa.fa-caret-right {
 color: #1f5d8a;
}

.sidenav .level2 a:hover span.fa.fa-caret-right, .sidenav .level2.active a span.fa.fa-caret-right {
 color: #1f5d8a;
}

.sidenav .level2 a {
 margin-top: 10px;
 margin-left: 5px;
 font-size: 15px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 position: relative;
display: inline-block;
}

.sidenav .level2 a span {
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 display: inline-block;
}

.sidenav .level2 a:hover, .sidenav .level2.active a {
 color: #335633;
}

.sidenav .level2.active a {
 font-weight: bold;
}

.sidenav li.level2 {
    margin-bottom: 5px;
}

.sidenav .level2 a.fa.fa-circle:hover:before {
 margin-right: 14px;
}

.sidenav .level3 a {
 margin-top: 5px;
 margin-left: 25px;
 font-size: 14px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 position: relative;
display: block;
}

@media screen and (max-width: 830px) {

 .sidenav .level2,  .sidenav .level3 { display: none; }

 .sidenav .level2.active { display: block; }

 .sidenav .level1.hideMobile { display: none; }


ul.sidenav .level1 a {
 color: #FFF;
 margin-left: 10px;
}



.sidenav .level2 a span, .sidenav .level3 a span {
 color: #fff;

}

 .sidenav .toggle { display: block; float: right; font-size: 23px; padding: 2px 4px 2px; color: #FFF; }

 ul.sidenav { padding: 10px 0px 0px 0px; }

 .sidenav li.level2.show, .sidenav li.level3.show { display: block; }

}

@media screen and (min-width: 831px) {

 .sidenav .level2 { display: block !important; }

}