.phone-input-group{margin-bottom:1rem;.country-select {width: 40%; margin-right: 10px;} #phone-number {width: 60%;} // Placeholder styles only for input field input::placeholder {color: #999999; opacity: .4;} // For older browsers - only for input input::-webkit-input-placeholder {color: #999999; opacity: .4;} input:-moz-placeholder {color: #999999; opacity: .4;} input::-moz-placeholder {color: #999999; opacity: .4;} input:-ms-input-placeholder {color: #999999; opacity: .4;} // Input and select normal text color input,select {color: #333333;} // Only fade placeholder on input focus input:focus {&::placeholder {opacity: .4;}}}.invalid-phone{border-color:#dc3545}.country-flag{margin-right:5px;font-size:1.2em}