/* transitions */
.animationHidden {
  opacity: 0
}

.animationActive.fadeinDown {
  -webkit-animation: fadeInDown 450ms ease-in-out; /* Chrome, Safari, Opera */
  animation: fadeInDown 450ms ease-in-out;
}
.animationActive.fadeinUp {
  -webkit-animation: fadeInUp 450ms ease-in-out; /* Chrome, Safari, Opera */
  animation: fadeInUp 450ms ease-in-out;
}
.animationActive.fadeInLeft {
  -webkit-animation: fadeInLeft 450ms ease-in-out; /* Chrome, Safari, Opera */
  animation: fadeInLeft 450ms ease-in-out;
}
.animationActive.fadeInRight {
  -webkit-animation: fadeInRight 450ms ease-in-out; /* Chrome, Safari, Opera */
  animation: fadeInRight 450ms ease-in-out;
}
.animationActive.fadeIn {
  -webkit-animation: fadeIn 450ms ease-in-out;
  animation: fadeIn 450ms ease-in-out;
}

.tooltipActive.fadeIn {
  -webkit-animation: fadeIn 450ms ease-in-out;
  animation: fadeIn 450ms ease-in-out;
}


/* Bootstrap like helpers */
.text-left {
  text-align: left;
}
.text-right: {
  text-align: right;
}
.word-break-all {
  word-spacing: 100vw;
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}

@media only screen and (max-width: 768px) {
  .sm-h3 {
    font-size: 2rem;
  }
  .sm-py-3 {
    padding-top: 3rem !important; 
    padding-bottom: 3rem !important;
  }
  .sm-pb-3 {
    padding-bottom: 3rem !important;
  }
}


.d-none {
  display: none;
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}

.row {
  flex-flow: row;
}


@media only screen and (min-width: 768px) {
  .d-xs-none {
    display: none;
  }
  .d-xs-block {
    display: block;
  }
  .d-xs-flex {
    display: flex;
  }
}

@media only screen and (min-width: 1168px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-flex {
    display: flex;
  }
}