/** CARETS */
.caret-direction {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  margin-top: 7px;
  margin-right: 2px;
}

.caret-right {
  border-left: 5px solid;
}

.caret-left {
  border-right: 5px solid;
}

.caret-direction.caret-top {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid;
}

.caret-direction.caret-bottom {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid;
  margin-top: 10px;
}

.caret-large {
  border-bottom: 20px solid transparent !important;
  border-top: 20px solid transparent !important;
}

.caret-large-right {
  border-left: 20px solid;
}

.caret-large-left {
  border-right: 20px solid;
}

.caret-direction.disabled {
  opacity: 30%;
}