.vertical-dashboard {
  background-color: #182619;
  color: white;
}

.vertical-dashboard a {
  color: white;
}

.vertical-dashboard a:hover, .vertical-dashboard a:focus, .vertical-dashboard a:visited, .vertical-dashboard a:active {
  color: white;
}

.vertical-dashboard .header {
  /* heading */
  background-color: #b3e3b3;
}

.vertical-dashboard .items {
  /* Items */
}

.vertical-dashboard .items > li {
  background: #182619 linear-gradient(180deg, #182619 0%, #111b10 100%);
}

.vertical-dashboard .items > li:hover > a {
  /* a tag hover */
  background: #b3e3b3;
}

.vertical-dashboard .items > li:hover > a .counter {
  /* counter hover */
  color: white;
  box-shadow: 0 1px 0 #85b984, inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.vertical-dashboard .items > li > a {
  color: white;
}

.vertical-dashboard .items > li > a:before, .vertical-dashboard .items > li > a:after {
  background-color: #203025;
}

.vertical-dashboard .items > li > a:after {
  background-color: #010100;
}

.vertical-dashboard .items > li > a i.fa {
  /* Icons */
  color: rgba(255, 255, 255, 0.8);
}

.vertical-dashboard .search-bar {
  /* search bar */
  background: #182619 linear-gradient(180deg, #182619 0%, #111b10 100%);
}

.vertical-dashboard .search-bar:before, .vertical-dashboard .search-bar:after {
  background-color: #203025;
}

.vertical-dashboard .search-bar:after {
  background-color: #010100;
}

.vertical-dashboard .search-bar input[type=search] {
  background-color: white;
}

.vertical-dashboard .search-bar i.fa {
  color: #081108;
}

.vertical-dashboard .counter {
  /* Counter */
  background-color: #070b08;
  color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 #365538, inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.vertical-dashboard a.button {
  /* Button */
  background: #b3e3b3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.vertical-dashboard a.button:hover, .vertical-dashboard a.button:active {
  background: #75af74;
}

.vertical-dashboard .sub-menu {
  /*======================== Sub menu */
  background: #091f09;
}

.vertical-dashboard .sub-menu a:hover {
  background: #7ca37c;
}

.vertical-dashboard .sub-menu .sub-menu {
  /* second level sub menu */
  border-top-color: #091e09;
  border-bottom-color: #091e09;
}

.vertical-dashboard .mobileButton {
  /* mobile view button */
}

@media screen and (max-width: 767px) {
  .vertical-dashboard .mobileButton:hover {
    background: #6baa6a;
  }
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover > .ps-scrollbar-x-rail:hover,
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x,
.ps-container:hover > .ps-scrollbar-y-rail:hover,
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #b3e3b3;
}