@import "colors";
@import "constants";

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clearfix {
  clear: both;
}

.center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.hidden {
  display: none;
}

.width-100 {
  width: 100%;
}

.empty-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0;
}

.empty-text-details {
  margin-bottom: 60px;
  text-align: center;

  .empty-text + & {
    margin-top: -50px;
  }
}

.highlighted {
  background: $orange-bg;
  color: $black;
}



.mt-1 {
  margin-top: $default-spacer;
}

.mt-2 {
  margin-top: 2 * $default-spacer;
}

.mt-3 {
  margin-top: 3 * $default-spacer;
}

.mt-4 {
  margin-top: 4 * $default-spacer;
}

.mt-8 {
  margin-top: 8 * $default-spacer;
}

.mb-1 {
  margin-bottom: $default-spacer;
}

.mb-2 {
  margin-bottom: 2 * $default-spacer;
}

.mb-3 {
  margin-bottom: 3 * $default-spacer;
}

.mb-4 {
  margin-bottom: 4 * $default-spacer;
}

.mb-8 {
  margin-bottom: 8 * $default-spacer;
}

.pt-1 {
  padding-top: $default-spacer;
}

.pt-2 {
  padding-top: 2 * $default-spacer;
}

.pt-3 {
  padding-top: 3 * $default-spacer;
}

.pt-4 {
  padding-top: 4 * $default-spacer;
}

.pt-8 {
  padding-top: 8 * $default-spacer;
}

.pb-1 {
  padding-bottom: $default-spacer;
}

.pb-2 {
  padding-bottom: 2 * $default-spacer;
}

.pb-3 {
  padding-bottom: 3 * $default-spacer;
}

.pb-4 {
  padding-bottom: 4 * $default-spacer;
}

.pb-8 {
  padding-bottom: 8 * $default-spacer;
}