.upercase {
	text-transform: uppercase !important;
}

.lowercase {
	text-transform: lowercase !important;
}

.capitalize {
	text-transform: capitalize !important;
}

.first-letter {
  text-transform: lowercase !important;
}

.first-letter::first-letter {
  text-transform: uppercase !important;
}

.alert-violet{
  color: #4D0080;
  background-color: #CC80FF;
  border-color: #9900FF;
}

.alert-okay:hover {
  background-color: #2929CC !important;
}

.text-violet {
  color: #9900FF !important;
} 

.text-orange {
  color: #FD996B !important;
} 

.text-pink {
    color: #F792A4 !important;
  }

.text-pink-light {
    color: #F7C3CD !important;
  }
.bg-yellow-light {
    background-color: #FFF3D3 !important;
  }
.bg-blue-light {
    background-color: #D3E7FF !important;
  }

.input-group-text {
    background-color: #F7C3CD !important;
    border: none !important;
}

.bg-violet {
  background-color: #9900FF !important;
}

.btn-violet {
  background-color: #9900FF !important;
  border-color: #F792A4 !important;
  color: white;
}

.btn-success {
  background-color: #689999 !important;
  border-color: #689999 !important;
}

.border-orange {
  border-color: #FD996B !important;
}

.bg-orange-light {
  background-color: #FCAF8B !important;
}

.bg-orange {
  background-color: #FD996B !important;
}

.bg-orange-dark {
  background-color: #F2824E !important;
}

.nav-link {
  color: #F2824E;
}

.nav-link:hover {
  color: #F792A4;
  font-weight: bold;
}

.nav-tabs .nav-link {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color:  #FFF;
  background-color: #FD996B;
  border-color: #dee2e6;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .product-card-height {
    max-height: 20rem !important;
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) !important;
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) !important;
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) !important;
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) !important;
  }
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) !important;
  }
  h3, .h3 {
    font-size: calc(1.3rem + 0.75vw) !important;
  }
  h4, .h4 {
    font-size: calc(1.275rem + 0.7vw) !important;
  }
  legend {
    font-size: calc(1.275rem + 0.3vw) !important;
  }
  h5, .h5 {
    font-size: calc(1.25rem + 0.65vw) !important;
  }
  h6, .h6 {
    font-size: calc(1.15rem + 0.5vw) !important;
  }
  .h7 {
    font-size: calc(1rem + 0.25vw) !important;
  }
  .h8 {
    font-size: calc(0.8rem + 0.15vw) !important;
  }
  /*Subtítulos*/
  .h9 {
    font-size: calc(0.7rem + 0.125vw) !important;
  }
  /*Texto simple*/
  p, .p1, ul, li, label, input, select, datalist, textarea {    
    font-size: calc(0.6rem + 0.1vw) !important;
  }

  /*Texto ligeramente más pequeño*/
  .p2 .text-warning {
    font-size: calc(0.5rem + 0.5vw) !important;
  }

  .text-warning {
    margin-top: -0.5rem;
  }
}