.sidebar-dark-primary{
  background-color: #6A9C97 !important;
}
.sidebar a {
  color: #FFFFFF !important;
}
.brand-link{
  background-color: #10727c !important;
}

#sidebar ul {
  background: #6A9C97 !important;
}

#sidebar ul li a {
  border-bottom: 1px solid #10727c !important;
  color: #ffffff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
  background: rgba(16, 114, 124, 0.31) !important;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
  background: rgba(16, 114, 124, 0.31) !important;
}


.sidebar-dropdown {
  >a:after {
    font-family: "Font Awesome 5 Free";
       //content: "\f105";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 14px;

  }
  .sidebar-submenu {
    overflow: hidden;
    ul {
      padding: 5px 0;
    }
    li {
      padding-left: 25px;
      font-size: 15px;
      a {
        &:before {
          // content: "\f111";
          font-family: "Font Awesome 5 Free";
          font-weight: 400;
          font-style: normal;
          display: inline-block;
          text-align: center;
          text-decoration: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin-right: 10px;
          font-size: 8px;
        }
      }
    }
  }


    &.active>a:after {
    transform: rotate(90deg);
    right: 15px;

  }
}
