سلام. وقتتون بخیر
تو CSS اسم کلاس رو اشتباه نوشتید، کلاس right-side دارید تو HTML ولی تو CSS نوشتید rightg-side.
مورد بعدی این که به span::after پوزیشن absolute دادید ولی والد positionedای ندارید پس نسبت به کل صفحه جای‌گذاری می‌شه. 
bottom: 50px باعث می‌شه خط pseudo-element از زیر input جدا شن؛ اگر خط زیرین می‌خواین، باید bottom: 0 باشه.
دو تا نکته:
1. سلکتور * رو دوبار تکرار کردید، ترجیحا این کارو نکنید.
2. اگر عرض خط باید فقط به اندازه‌ی input باشه، به‌جای left:0; right:0; می‌تونین width: 100% بذارین و padding‌های افقی .input-groups رو با input هماهنگ کنید.