/*ESTILOS PARA EL INPUT DE LA CONTRASEÑA */
/* Este elemento debe tener "position: relative" */
div.is-relative{
    max-width: 100%;
    position: relative;
  }
  
  /* El icono debe ser "position: absolute"
  * Ademas le damos un "display: block" y lo posicionamos */
.icon{
  position: absolute;
  display: block;
  bottom: .5rem;
  right: 1rem;
  
  user-select: none;
  cursor: pointer;
}

/*Estilos para el responsive del boton de descuentos*/
@media screen and (max-width: 900px){
  .discountProduct{
    margin-left: -100%;
  }
}
@media screen and (max-width: 600px){
  .discountProduct{
    margin-left: -160%;
  }
}
@media screen and (min-width: 1200px){
  .discountProduct{
    margin-left: -140%;
  }
}
@media screen and (min-width: 1300px){
  .discountProduct{
    margin-left: -100%;
  }
}
@media screen and (min-width: 1800px){
  .discountProduct{
    margin-left: -0% !important;
  }
}

/*Estilo para el select de select2*/
.select2-container{
  width: 200px !important;
}

.form-control{
  height: 36px; /*COLOCAMOS EL TAMAÑO 36PX DE ALTO PARA QUE NO QUEDE MAS PEQUEÑO*/
}

.select2-container{
  width: 100% !important;
}