.countrycode-field {
  display: flex;
}

.countrycode-field .dropdown,
.countrycode-field .dropdown2,
.countrycode-field .dropdown3 {
  position: relative;
  width: 120px;
  font-family: sans-serif;
}

.countrycode-field .dropdown-selected,
.countrycode-field .dropdown-selected2,
.countrycode-field .dropdown-selected3 {
     border-right: 1px solid #ddd;
  padding: 10px 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.countrycode-field .dropdown-selected{

 background-color: #f3f3f3;
  border-radius: 5px 0 0 5px;
}

.rv-contact-section .rvcrow .contact-form .form-group .form-control.mobile_code {
    border-radius: 0 5px 5px 0;
}
.form-group .form-control.mobile_code {
    border-radius: 0 3px 3px 0 !important;
}
.countrycode-field.countrycode-2 .dropdown-selected,
.countrycode-field.countrycode-2 .dropdown-selected2,
.countrycode-field.countrycode-2 .dropdown-selected3 {
  height: 38px;
}

.countrycode-field .dropdown-list,
.countrycode-field .dropdown-list2,
.countrycode-field .dropdown-list3 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 10;
  width: 250px;
}

.countrycode-field .dropdown-item,
.countrycode-field .dropdown-item2,
.countrycode-field .dropdown-item3 {
    padding: 10px;
    display: flex;
    align-items: baseline;
    cursor: pointer;
    text-align: left;
}

.countrycode-field .dropdown-item:hover,
.countrycode-field .dropdown-item2:hover,
.countrycode-field .dropdown-item3:hover {
  background-color: #f0f0f0;
}

.countrycode-field .dropdown-item img,
.countrycode-field .dropdown-item2 img,
.countrycode-field .dropdown-item3 img {
  width: 20px;
  margin-right: 10px;
}