.sidebar-nav {
}
.sidebar-nav ul {
  margin: 0;
  list-style: none;
  padding: 20px;

  background-color: #fff;
    box-shadow: 0 1px 73px rgba(40, 40, 40, 0.15);
    border-radius: 2px;
    position: relative;
}
.sidebar-nav ul:before {
      content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    background: linear-gradient(to right, rgba(245,165,38,1) 0%,rgba(234,84,19,1) 100%);
}
.sidebar-nav ul h3{
  margin: 5px 0 10px 0;
  padding: 0px;
  font-size: var(--font-s07);
  font-weight: 600;
  color: #283168;
}

.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;
  padding: 12px;
  color: #666;
  transition: all 0.3s ease-out;
  text-decoration: none;
  font-size: var(--font-s03);
}

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

.sidebar-nav .metismenu ul a {
  padding: 5px 10px 5px 0px; line-height: 1.5; font-size: var(--font-s03);
  color: #666;
  position: relative;
}
.sidebar-nav .metismenu ul a:hover {
}
.sidebar-nav .metismenu ul ul a {
  padding: 5px 15px 5px 45px; 
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {
  color: #eb5f15;
  text-decoration: none;
}
.sidebar-nav .metismenu a:hover:before{
  content: "";
    margin: 0px 0 0px 0px;
    width: 13px;
    height: 10px;
    display: block;
    background: url(../images/right-arrow-orange.png) no-repeat center center;
    background-size: 100% auto;
    z-index: 2;
    position: absolute;
    right: 8px; top: 20px;
}

.sidebar-nav .metismenu li ul li.active a{
  color: #eb5f15; 
}

.sidebar-nav .metismenu > li > a{
    background-repeat: repeat-x;
    background-position: left top;
    border: 0;
   
    border-top: 1px solid #f4f4f4;
    font-weight: 600;
}
.sidebar-nav .metismenu > li > ul{
  margin: -5px 0px 10px 0px; 
}
.sidebar-nav .metismenu .mm-active {
  background: linear-gradient(to right, rgba(234,84,19,1) 0%,rgba(245,165,38,1) 100%);
  border-radius: 4px;
}

.sidebar-nav .metismenu .mm-active > a {
  color: #fff;
}
.sidebar-nav .metismenu .mm-active > a:hover:before{
  display: none;
}