.input-wrapper {
     position: relative;
     display: inline-block;
     width: auto;
     max-width: 400px;
     /* antes 300px */
 }

 .input-wrapper input {
     width: 100%;
     padding-right: 30px;
     /* espacio para el icono */
 }

 .input-wrapper .info-icon {
     position: absolute;
     right: 8px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 14px;
     color: #888;
     pointer-events: none;
 }

 .input-error input {
     border: 2px solid #e74c3c;
     /* background-color: #fdecea; */
 }

 .field-error input,
 .field-error select {
     /*border: 1px solid red !important;*/
     border: 2px solid #e74c3c;
 }

 .error-message {
     color: #e74c3c;
     font-size: 12px;
     margin-top: 2px;
 }