/**
Workaround for outated bootstrap 3.
*/
@media (min-width: 1400px) {
  .col-xl-1 {
    width: 8.33333%;
  }
  .col-xl-2 {
    width: 16.66667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.33333%;
  }
  .col-xl-5 {
    width: 41.66667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33333%;
  }
  .col-xl-8 {
    width: 66.66667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33333%;
  }
  .col-xl-11 {
    width: 91.66667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}

.col-xs-auto {
  width: auto;
  float: left;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.col-sm-auto {
  width: auto;
  float: left;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.col-md-auto {
  width: auto;
  float: left;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.col-lg-auto {
  width: auto;
  float: left;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.col-xl-auto {
  width: auto;
  float: left;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.col-auto {
  width: auto;
  margin: auto;
}

.row.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row.flex .col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.align-items-end {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-self {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self.start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self.end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self.end {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}