/* Asigno el color a los contenedores y el borde */

.opa-container-horizonta {
  font-family: Arial, sans-serif;
  width: 130%;
  background-color: #fff;
}

/* Cambio de los bordes a las cajas de texto */
.inputClass {
  border: 1px none #d0d5dd !important;
  background-color: #f2f4f7 !important;
  color: #101828 !important;
  border-radius: .5rem !important;
  height: auto;
  min-height: 2.75rem !important;
  margin-bottom: 0 !important;
  padding: .5rem .875rem !important;
  font-family: Lato, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  transition: all .3s !important;
  box-shadow: 0 1px 2px #1018280d !important;
}

/* Se ajusta el tamaño de la felcha del selector*/
.opa-select-widget svg {
  width: 0.5em !important; /* Ajusta el ancho según sea necesario */
  padding-top: 9px;
}

.field-text {
  color: #1d2939;
  margin-bottom: 9px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}


/*Formato al contenedor de firma*/
.opa-signature {
  border-radius: 7px;
}