/* TRIUMPHS */
.text-bold {
  font-weight: 600;
}

.text-italic {
  font-style: italic;
}

/* font sizes */
.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-20 {
  font-size: 20px;
}

.fs-36 {
  font-size: 36px;
}


.w-100 {
  width: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}


.pointer {
  cursor: pointer;
}

.strong {
  font-weight: bold !important;
}

.relative {
  position: relative;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-flow {
  flex-flow: row wrap;
}

.wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.flex-column {
  flex-direction: column;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.flex-center {
  align-items: center;
}

.flex-baseline {
  align-items: baseline;
}

.flex-start {
  align-items: flex-start;
}

.flex-right {
  justify-content: flex-end;
}

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

.hide {
  display: none;
}

.show {
  display: block;
}

.width-25 {
  width: 25%;
}

.width-50 {
  width: 50%;
}

.width-100 {
  width: 100%;
}

.width-250 {
  width: 250px;
}

.width-max {
  max-width: 1200px;
}

.height-100 {
  height: 100%;
}

.middle {
  vertical-align: middle;
}

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

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

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


.float-right {
  float: right;
}

.float-left {
  float: left;
}

/* MARGINS */
/* top */
.m-t-auto {
  margin-top: auto;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-20-negativo {
  margin-top: -20px;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-50 {
  margin-top: 50px;
}

/* bottom */
.m-b-8 {
  margin-bottom: 8px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-60 {
  margin-bottom: 60px;
}

/* right */
.m-r-auto {
  margin-right: auto;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-40 {
  margin-right: 40px;
}

/* left */
.m-l-auto {
  margin-left: auto;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-100 {
  margin-left: 100px;
}

/* PADDINGS */
/* top */
.p-t-3 {
  padding-top: 3px;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-40 {
  padding-top: 40px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-10 {
  padding-right: 10px;
}

/* right */
.p-r-40 {
  padding-right: 40px;
}

.p-r-0 {
  padding-right: 0px !important;
}