@charset "utf-8";
/* CSS Document */
/***********************************/
/*        PORTING FORM             */
/***********************************/
.porting_form input[type="radio"]{
	outline:none !important;
	border-color:var(--e-global-color-4a6a849) !important;
	vertical-align:middle;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-o-box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 1px;
}
.porting_form input[type="radio"]:after{
	
    content: "";
		opacity: 0;
		display: block;
		right: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
    background:var(--e-global-color-primary);
}


/***********************************/
/*        ORDER FORM               */
/***********************************/
.one_line_div{
     display: flex;
    align-items: center;
    margin: 10px 0px;
}
.one_line_div select,
.wave_multi_input{
    border-radius: 5px!important;
    outline: none !important;
    border:3px solid #D9D9D9 !important;
    min-width:250px !important;
    padding:3px!important; 
    max-width: 250px;
    
}
.choose_esim_sim svg{
    fill:#007CD7;
    height:30px;
    pointer-events: none;
}
.choose_esim_sim.active svg{
    fill:white;
    height:30px;
}
.choose_esim_sim{
    height: 40px;
    width:100px;
    border:2px solid #007CD7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Assistant';
    text-wrap:nowrap;
    color:#007CD7;
    margin:0px 5px;
    cursor: pointer;
    transition: .3s all;
    
}
.line_counter{
    color:#007CD7;
    font-family: 'Assistant';
    font-weight: bold;
    font-size: 20px;
    padding-left:20px; 
}
.choose_esim_sim.active{
    height: 42px;
    width:105px;
    color:white;
    background-color: #007CD7;
    cursor: default;
    
}
.choose_esim_sim span:first-child{
    width:40px;
    display: inline-flex;
    pointer-events: none;
}
.choose_esim_sim span:last-child{
    width:60px;
    display: inline-flex;
    justify-content: center;
    pointer-events: none;
}
.choose_esim_sim.active span:first-child{
    width:42px;
    display: inline-flex;
}
.choose_esim_sim.active span:last-child{
    width:63px;
    display: inline-flex;
    justify-content: center;
}

.esim_sim{
    display: flex;
    align-items: center;
}

.wave_multi_button{
    border:2px solid #007CD7;
    background-color: #007CD7 !important;
    font-family: 'Assistant';
    color:white;
    outline:none !important;
    border-radius:30px;
    padding:5px 10px;
    margin: 10px 0px 10px 10px;
}
.wave_multi_button:hover{
    
    background-color: white !important;
    
    color:#007CD7;
    
}