/*------------------------------------------------------------
SIMPLEBAR
====================================*/

/* Variables Custom */
$simplebar-size: 0.8rem;
$simplebar-padding: 0;
$simplebar-bg: $gray-100;
$simplebar-border-width: 0.1rem;
$simplebar-border-color: $gray-300;
$simplebar-border-radius: 0.4rem;

$simplebar-indicator-bg: $gray-400;
$simplebar-indicator-border-width: 0.1rem;
$simplebar-indicator-border-color: $simplebar-indicator-bg;
$simplebar-indicator-border-radius: 0.4rem;
/***************************************/

.simplebar-content-wrapper {
  padding-right: $simplebar-size;
}

.simplebar-track {
  background: $simplebar-bg;
  border: $simplebar-border-width solid $simplebar-border-color;
  border-radius: $simplebar-border-radius;
  &.simplebar-vertical {
    width: $simplebar-size;
    .simplebar-scrollbar:before {
      top: $simplebar-padding;
      bottom: $simplebar-padding;
    }
  }
  &.simplebar-horizontal {
    height: $simplebar-size;
    .simplebar-scrollbar {
      top: $simplebar-padding;
      &:before {
        top: $simplebar-padding;
        bottom: $simplebar-padding;
        left: $simplebar-padding;
        right: $simplebar-padding;
      }
    }
  }
}
.simplebar-scrollbar:before {
  left: $simplebar-padding;
  right: $simplebar-padding;
  background: $simplebar-indicator-bg;
  border: $simplebar-indicator-border-width solid $simplebar-indicator-border-color;
  border-radius: $simplebar-indicator-border-radius;
}
