@mixin scrollbar {
  /* begin mdb bootstrap scrollbar scss */
  .scrollbar-morpheus-den::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px $color-dark-gray7;
    background-color: $color-dark-gray7;
    @include border-radius(10px);
  }

  .scrollbar-morpheus-den::-webkit-scrollbar {
    width: 12px;
    background-color: $color-blue;
  }

  .scrollbar-morpheus-den::-webkit-scrollbar-thumb {
    @include border-radius(10px);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from($color-dark-gray2), to($color-blue));
    background-image: -webkit-linear-gradient(bottom, $color-dark-gray3 0%, $color-blue 100%);
    background-image: linear-gradient(to top, $color-dark-gray4 0%, $color-blue 100%);
  }

  .square::-webkit-scrollbar-track {
    border-radius: 0 !important;
  }

  .square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
  }

  .thin::-webkit-scrollbar {
    @include rem("width", 3px);
  }
  /* added styles for horizontal scrollbars */
  .horizontal::-webkit-scrollbar {
    @include rem("height", 12px);
  }

  .horizontal-thin::-webkit-scrollbar {
    @include rem("height", 5px);
  }
  /* end mdb bootstrap scrollbar scss */

  .text-no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
  }
}
