.country_code_input{
  display:flex;
  align-items: center;
  width: 65.5%;
}

.country_code_input input{
  width:100% !important;
  box-sizing: border-box;
}

.country_code input[type="radio"]{
  display:none;
}

.country_code{
  float:left;
  height:27px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  margin-right: 5px;
  width:120px;
  display:flex;
  position:relative;
  cursor: pointer;
}

.arrow-down {
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid black;
}


.selected_country{
  display:flex;
  color:black;
  align-items: center;
  z-index: 1;
  width:100%;
}

.selected_country .country_code_flag{
  width:20px;
  margin:0 10px 0 3px;
  box-shadow: 1px 1px 2px black;
}

.selected_country .country_code_value{
font-size: 13px;
}



.dropdown_country{
  position:absolute;
  top:100%;
  left:-1%;
  width:100%;
  z-index: 1;
  display:none;
}


.country_code_option{
  display:flex !important;
  align-items: center;
  background: white;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width:150% !important;
  padding:8px 0;
  cursor:pointer;
  height:100% !important;
  color:black !important;
}

.country_code_value{
  color:black !important;
}


.country_code_option:hover{
  background: #74a2e3;
}

.country_code_option .country_code_flag{
  width:35px;
  margin-left: 10px;
  box-shadow: 1px 1px 2px black;
}

.country_code_option .country_code_value{
font-size: 15px;
  margin-left: 10px;
}