%defaultTransition {
  @include transition(0.3s);
}

%userSelect {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

%appearance {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

%defaultBoxShadow {
  @include boxShadow(0 5px 8px rgba(0, 0, 0, 0.2))
}

%formStyles {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  direction: rtl;
  font-family: 'sahel';
  border: 1px solid transparent;
  background: #fff;
  @include borderRadius(2px);
}

%maxHeightText {
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;

  //line-height: 1.2em;
}