.sidebar-nav {
  font-weight: 500;
}
.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .metismenu {
  display: flex;
  flex-direction: column;
}

.sidebar-nav .metismenu > li {
  display: flex;
  flex-direction: column;
  position: relative;
}
.sidebar-nav .metismenu a {
  position: relative;
  display: block;
  color: #444;
  transition: all 0.3s ease-out;
  text-decoration: none; 
  font-weight: 600;
}

.sidebar-nav .metismenu ul  {
  margin: 0px 0px 0px 0px; 
}

.sidebar-nav .metismenu ul a {
  font-weight: normal; 
}

.sidebar-nav .metismenu ul ul a {
  font-weight: normal;
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {
  color: #003281;
  text-decoration: none;
}

.sidebar-nav .metismenu li ul li.active a{
  color: #003281;
}
.sidebar-nav .metismenu li ul li a{
  padding: 15px 30px 15px 20px;
  color: #888;
}
.sidebar-nav .metismenu > li > a{
  font-size: var(--font-f06); 
  font-weight: 600;
  padding: 20px 15px 20px 20px; 
  background: #e9eef2; border-radius: 10px; margin: 0px 0px 10px 0px;
}


.sidebar-nav .metismenu li ul li > a{
  background-image: linear-gradient(to right, rgba(209,209,209,1) 33%, rgba(209,209,209,0) 0%);
background-position: bottom;
background-size: 5px 1px;
background-repeat: repeat-x;
}
.sidebar-nav .metismenu li ul li:last-child > a{
  background-image: none;
background-size: 0;
}
.sidebar-nav .metismenu > li > ul{
  margin: -10px 0px 0px 0px;
}
.sidebar-nav .metismenu .mm-active > a {
  background: var(--color-c01);
  color: #fff;
}