/*
Copyright 16 Jan 2020 - Little Fire Digital Ltd
-----------------------------------------------------------------------
Reuse and modification by permission only
*/
/* 
	Created on : 16 Jan 2020, 17:36:12
	Author     : simon
	Compyright     : Little Fire Digital Ltd  16 Jan 2020
*/

.input_row_phonenumber .cssInput {
	position: relative;
	padding-bottom: 3px;
}

.input_row_phonenumber .dialcode_select {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background-color: #fff;
}

.input_row_phonenumber.dialcode_selecting .dialcode_select {
	display: inline-block;
}

.input_row_phonenumber input {
	float: left;
}

.input_row_phonenumber .dialcode_preview {
	width: 4.5em;
	margin-right: .2em;
}
.input_row_phonenumber .text_input {
	width: calc( 100% - 5.5em );
}


.input_row_phonenumber.has_button .text_input {
	width: calc( 80% - 5.5em );
}


.input_row_phonenumber.dialcode_selecting .dialcode_preview,
.input_row_phonenumber.dialcode_selecting .text_input {
	pointer-events: none;
	opacity: .2;
}