.phone-inputs {display: flex; justify-content: space-between;}
.welcome-container select {background: none;}
.country-code-container {position: relative; width: 50%; height: 30px; padding: 0; border: 1px solid #ccc; transition: border linear 0.2s, box-shadow linear 0.2s; background: #e9e7e7; border-radius: 3px; box-sizing: border-box; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;}
.selected-country-code-value {position: absolute; top: 0; bottom: 0; left: 5px; right: 5px; line-height: 30px; z-index: 0; font-size: 13px; }
.country-code {box-sizing: border-box; width: 100%; padding: 0 5px; background: transparent; position: relative; z-index: 5; border: none;}
select[name="country-code"] {width: 100%; height: 30px; line-height: 18px; color: transparent; background-image: url('../images/phone_input_arrow.svg'); background-repeat: no-repeat; background-position: calc(100% - 6px) 50%; background-size: 7px;
 -webkit-appearance: none; outline: none; -moz-appearance: none;-ms-appearance: none; appearance: none;}
.country-code-placeholder {width: 100%; height: 100%; background-image: url('../images/phone_input_placeholder.svg'); background-repeat: no-repeat; background-position: left center; background-size: 14px;}
.country-code option {font-size: 14px; color: #000;}
.phone-inputs #phone {width: 50%; padding: 5px; background: #e9e7e7;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .country-code{font-size: 0; }
    .country-code option{font-size: 14px;} 
}