.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.txt-red {
  color: var(--red) !important;
}

.availability_green {
  color: var(--green);
}

.availability_violet {
  color: var(--violet);
}

.availability_orange {
  color: var(--orange);
}

.availability_red {
  color: var(--red);
}

.link_blue {
  font-weight: 500;
  font-size: 13px;
  line-height: 120%;
  color: var(--blue);
}

.link_blue:disabled {
  color: var(--gray-dissabled);
  cursor: unset;
}

.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

.justify-center {
  display: flex;
  justify-content: center;
  align-content: center;
}

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

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

.relative-block {
  position: relative;
}

.grid-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media (min-width: 1280px) {
  .grid-block {
    grid-template-columns: repeat(3, 1fr);
  }
}