/**
 * Text overflow with linear gradient
 */

.text-overflow-hidden {
  overflow: hidden;
  position: relative;
  height: 18px;
}

.text-overflow-hidden:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 25%;
  height: 18px;
  top: 0;
  right: 0;
  background-image: -webkit-linear-gradient(right, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
  background-image: -moz-linear-gradient(right, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
  background-image: -ms-linear-gradient(right, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
  background-image: -o-linear-gradient(right, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
  background-image: linear-gradient(to left, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));
}

/**
 * Icon toggle on collapse
 */

.arrow-toggle .arrow-collapse-down,
.arrow-toggle.collapsed .arrow-collapse-up {
    display: inline-block;
}

.arrow-toggle .arrow-collapse-up,
.arrow-toggle.collapsed .arrow-collapse-down {
    display: none;
}

/**
 * Multiple striped bars in progress bar
 */

.progress .bar-striped {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*
  Moment capitalize only first letter
*/

.moment-capitalize:first-letter {
  text-transform: capitalize;
}
