.navbar-nav > li > a {
    font-size: 16px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    margin-left: 25px;
}
.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
   }
.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f107'; }
.sidebar .nav-item .nav-link,
.topbar .nav-item .nav-link {
  position: relative; }
  .sidebar .nav-item .nav-link .badge-counter,
  .topbar .nav-item .nav-link .badge-counter {
    position: absolute;
    transform: scale(0.7);
    transform-origin: top right;
    right: .25rem;
    margin-top: -.25rem; }
  .sidebar .nav-item .nav-link .img-profile,
  .topbar .nav-item .nav-link .img-profile {
    height: 2rem;
    width: 2rem; }

.topbar {
  height: 4.375rem; }
  .topbar #sidebarToggleTop {
    height: 2.5rem;
    width: 2.5rem; }
    .topbar #sidebarToggleTop:hover {
      background-color: #eaecf4; }
    .topbar #sidebarToggleTop:active {
      background-color: #dddfeb; }
  .topbar .navbar-search {
    width: 25rem; }
    .topbar .navbar-search input {
      font-size: 0.85rem; }
  .topbar .topbar-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem; }
  .topbar .nav-item .nav-link {
    height: 4.375rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem; }
    .topbar .nav-item .nav-link:focus {
      outline: none; }
  .topbar .nav-item:focus {
    outline: none; }
  .topbar .dropdown {
    position: static; }
    .topbar .dropdown .dropdown-menu {
      width: calc(100% - 1.5rem);
      right: 0.75rem; }
  .topbar .dropdown-list {
    padding: 0;
    border: none;
    overflow: hidden; }
    .topbar .dropdown-list .dropdown-header {
      background-color: #E98323;
      border: 1px solid #E98323;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      color: #fff; }
    .topbar .dropdown-list .dropdown-item {
      white-space: normal;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border-left: 1px solid #e3e6f0;
      border-right: 1px solid #e3e6f0;
      border-bottom: 1px solid #e3e6f0;
      line-height: 1.3rem; }
      .topbar .dropdown-list .dropdown-item .dropdown-list-image {
        position: relative;
        height: 2.5rem;
        width: 2.5rem; }
        .topbar .dropdown-list .dropdown-item .dropdown-list-image img {
          height: 2.5rem;
          width: 2.5rem; }
        .topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
          background-color: #eaecf4;
          height: 0.75rem;
          width: 0.75rem;
          border-radius: 100%;
          position: absolute;
          bottom: 0;
          right: 0;
          border: 0.125rem solid #fff; }
      .topbar .dropdown-list .dropdown-item .text-truncate {
        max-width: 10rem; }
      .topbar .dropdown-list .dropdown-item:active {
        background-color: #eaecf4;
        color: #3a3b45; }
  @media (min-width: 576px) {
    .topbar .dropdown {
      position: relative; }
      .topbar .dropdown .dropdown-menu {
        width: auto;
        right: 0; }
    .topbar .dropdown-list {
      width: 20rem !important; }
      .topbar .dropdown-list .dropdown-item .text-truncate {
        max-width: 13.375rem; } }

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: #d1d3e2; }
  .topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #b7b9cc; }
  .topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
    color: #858796; }

.sidebar {
  width: 6.5rem;
  background-color: #015A6C; }
  
  .sidebar .nav-item,
  div.nav-item {
    position: relative; 
    /*margin-bottom: 20px;*/
    width: 100%;
    display: flex;
    align-items: center;
}

    div.nav-item > a {
    font-size: 16px;
    color: #fff;
    font-family: 'Lato', sans-serif;
 
  }

    div.nav-item.small {
        min-height: 35px;
        border-top: 1px solid #dee2e6 !important;
    }

        div.nav-item.small:hover {
            background: rgba(0,125,252,0.3) !important
        }

    .sidebar .nav-item img,
    div.nav-item img {
        height: 35px;
        width: 35px;
    }
    .sidebar .nav-item:last-child {
      margin-bottom: 1rem; }
    .sidebar .nav-item .nav-link {
      text-align: center;
      padding: 0.75rem 1rem;
      width: 6.5rem; }
      .sidebar .nav-item .nav-link span {
        font-size: 0.65rem;
        display: block; }
    .sidebar .nav-item.active .nav-link {
      font-weight: 700; }
    .sidebar .nav-item .collapse {
      position: absolute;
      left: calc(6.5rem + 1.5rem / 2);
      z-index: 1;
      top: 2px; }
      .sidebar .nav-item .collapse .collapse-inner {
        border-radius: 0.35rem;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15); }
    .sidebar .nav-item .collapsing {
      display: none;
      transition: none; }
    .sidebar .nav-item .collapse .collapse-inner,
    .sidebar .nav-item .collapsing .collapse-inner {
      padding: .5rem 0;
      min-width: 10rem;
      font-size: 0.85rem;
      margin: 0 0 1rem 0; }
      .sidebar .nav-item .collapse .collapse-inner .collapse-header,
      .sidebar .nav-item .collapsing .collapse-inner .collapse-header {
        margin: 0;
        white-space: nowrap;
        padding: .5rem 1.5rem;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 0.65rem;
        color: #b7b9cc; }
      .sidebar .nav-item .collapse .collapse-inner .collapse-item,
      .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
        padding: 0.5rem 1rem;
        margin: 0 0.5rem;
        display: block;
        color: #3a3b45;
        text-decoration: none;
        border-radius: 0.35rem;
        white-space: nowrap; }
        .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
        .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
          background-color: #eaecf4; }
        .sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
        .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
          background-color: #dddfeb; }
        .sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
        .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
          color: #E98323;
          font-weight: 700; }
  .sidebar .small-logo {
    display: none; }
  .sidebar .big-logo {
    display: flex; }
  .sidebar.toggled {
    width: 0 !important;
    overflow: hidden; }
    .sidebar.toggled #sidebarToggle::after {
      content: '\f105';
     
      margin-left: 0.25rem; }
    .sidebar.toggled .small-logo {
      display: flex; }
    .sidebar.toggled .big-logo {
      display: none; }
  .sidebar .sidebar-brand {
    height: 4.375rem;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 800;
    padding: 1.5rem 1rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    z-index: 1; }
    .sidebar .sidebar-brand .sidebar-brand-icon i {
      font-size: 2rem; }
    .sidebar .sidebar-brand .sidebar-brand-text {
      display: none; }
  .sidebar hr.sidebar-divider {
    margin: 0 1rem 1rem; }
  .sidebar .sidebar-heading {
    text-align: center;
    padding: 0 1rem;
    font-weight: 800;
    font-size: 0.65rem; }

#sidebarToggle {
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  cursor: pointer; }
  #sidebarToggle::after {
    font-weight: 900;
    content: '\f104';
    
    margin-right: 0.1rem;
    color: #38b2ac;
    background-color: transparent; }
  #sidebarToggle:hover {
    text-decoration: none; }
  #sidebarToggle:focus {
    outline: none; }

@media (min-width: 768px) {
  .sidebar {
    width: 300px !important; }
    .sidebar .nav-item .collapse {
      position: relative;
      left: 0;
      z-index: 1;
      top: 0;
      animation: none; }
      .sidebar .nav-item .collapse .collapse-inner {
        border-radius: 0;
        box-shadow: none; }
    .sidebar .nav-item .collapsing {
      display: block;
      transition: height 0.15s ease; }
    .sidebar .nav-item .collapse,
    .sidebar .nav-item .collapsing {
      margin: 0 1rem; }
    .sidebar .nav-item .nav-link {
      display: block;
      width: 100%;
      text-align: left;
      padding: 1rem;
      width: 14rem; }
      .sidebar .nav-item .nav-link i {
        font-size: 0.85rem;
        margin-right: 0.25rem; }
      .sidebar .nav-item .nav-link span {
        font-size: 0.85rem;
        display: inline; 
        margin-left: 5px;
        margin-top: 2px;
      }
      .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\f107';
       }
      .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
        content: '\f105'; }
    .sidebar .sidebar-brand .sidebar-brand-icon i {
      font-size: 2rem; }
    .sidebar .sidebar-brand .sidebar-brand-text {
      display: inline; }
    .sidebar .sidebar-heading {
      text-align: left; }
    .sidebar.toggled {
      overflow: visible;
      width: 6.5rem !important; }
      .sidebar.toggled .nav-item .collapse {
        position: absolute;
        left: calc(6.5rem + 1.5rem / 2);
        z-index: 1;
        top: 2px;
        animation-name: growIn;
        animation-duration: 200ms;
        animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1); }
        .sidebar.toggled .nav-item .collapse .collapse-inner {
          box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
          border-radius: 0.35rem; }
      .sidebar.toggled .nav-item .collapsing {
        display: none;
        transition: none; }
      .sidebar.toggled .nav-item .collapse,
      .sidebar.toggled .nav-item .collapsing {
        margin: 0; }
      .sidebar.toggled .nav-item:last-child {
        margin-bottom: 1rem; }
      .sidebar.toggled .nav-item .nav-link {
        text-align: center;
        padding: 0.75rem 1rem;
        width: 6.5rem; }
        .sidebar.toggled .nav-item .nav-link span {
          font-size: 0.65rem;
          display: block; }
        .sidebar.toggled .nav-item .nav-link i {
          margin-right: 0; }
        .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
          display: none; }
      .sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
        font-size: 2rem; }
      .sidebar.toggled .sidebar-brand .sidebar-brand-text {
        display: none; }
      .sidebar.toggled .sidebar-heading {
        text-align: center; } }
.sidebar-light .sidebar-brand {
  color: #6e707e; }
.sidebar-light hr.sidebar-divider {
  border-top: 1px solid #eaecf4; }
.sidebar-light .sidebar-heading {
  color: #b7b9cc; }
.sidebar-light .nav-item .nav-link {
  color: #858796; }
  .sidebar-light .nav-item .nav-link i {
    color: #d1d3e2; }
  .sidebar-light .nav-item .nav-link:active, .sidebar-light .nav-item .nav-link:focus, .sidebar-light .nav-item .nav-link:hover {
    color: #6e707e; }
    .sidebar-light .nav-item .nav-link:active i, .sidebar-light .nav-item .nav-link:focus i, .sidebar-light .nav-item .nav-link:hover i {
      color: #6e707e; }
  .sidebar-light .nav-item .nav-link[data-toggle="collapse"]::after {
    color: #b7b9cc; }
.sidebar-light .nav-item.active .nav-link {
  color: #6e707e; }
  .sidebar-light .nav-item.active .nav-link i {
    color: #6e707e; }
.sidebar-light #sidebarToggle {
  background-color: #eaecf4; }
  .sidebar-light #sidebarToggle::after {
    color: #b7b9cc; }
  .sidebar-light #sidebarToggle:hover {
    background-color: #dddfeb; }

.sidebar-dark .sidebar-brand {
  color: #fff; }
.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15); }
.sidebar-dark .sidebar-heading {
  color: rgba(255, 255, 255, 0.4); }
.sidebar-dark .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8); }
  .sidebar-dark .nav-item .nav-link i {
    color: rgba(255, 255, 255, 0.3); }
  .sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
    color: #fff; }
    .sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
      color: #fff; }
  .sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
    color: rgba(255, 255, 255, 0.5); }
.sidebar-dark .nav-item.active .nav-link {
  color: #fff; 
  display: inline-flex;
}
  .sidebar-dark .nav-item.active .nav-link i {
    color: #fff; }
.sidebar-dark #sidebarToggle {
  background-color: rgba(255, 255, 255, 0.2); }
  .sidebar-dark #sidebarToggle::after {
    color: rgba(255, 255, 255, 0.5); }
  .sidebar-dark #sidebarToggle:hover {
    background-color: rgba(255, 255, 255, 0.25); }
.sidebar-dark.toggled #sidebarToggle::after {
  color: rgba(255, 255, 255, 0.5); }

  /*.v-application nav a {
    color: #fff!important;
}*/

.is-mini.nav-item img, div.is-mini.nav-item img {
  height: auto!important;
  width: 100%!important;
}