.ss-wrapper {
   overflow: hidden;
   width: 110%; // blbne zobrazeni pri zoom out
   height: 100%;
   position: relative;
   z-index: 1;
   float: left;
   margin-left: -18px;
   //margin-right: -1px;
}

.ss-content {
   height: 100%;
   width: 100%;
   padding: 3px 10px 0 5px;
   position: relative;
   right: -18px;
   overflow: auto;
   box-sizing: border-box;
}

.ss-scroll {
   position: relative;
   background: #868995;
   width: 4px;
   top: 0;
   z-index: 2;
   cursor: pointer;
   right: -4px;
   opacity: 1;
   @include transition(opacity .3s);

   &:hover {
      background: darken(#868995, 10%);
   }
}

.ss-container {
   position: relative;
   margin-top: -3px;
   margin-left: -5px;

   &::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      display: block;
      width: 4px;
      background: $border-light;
      @include transition(background .3s);
   }
}

.ss-hidden {
   //height: auto;

   &::after {
      background: #fff;
      @include transition(background .3s);
   }

   .ss-scroll {
      opacity: 0;
      pointer-events: none;
      @include transition(opacity .3s);
   }
}

.ss-grabbed {
   -o-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

