:root{
 --width-flag: 40px;  
}

.country-select img {
  width: var(--width-flag);
  height: auto
}
.country-select .dropdown-toggle {
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}
.country-select .dropdown-toggle::after {
  display: none;
}
.country-select .dropdown-toggle:hover {
  opacity: 0.6;
}
.country-select .btn {
  padding: 0 0 0 5px
}
ul.dropdown-menu.flags {
  top:var(--width-flag);
  right: 0;
  min-width: calc(var(--width-flag)*3 + var(--width-flag)/1.5);
  padding: calc(var(--width-flag)/6)  ;
  border-radius: 0;
   background-color: rgba(240,240,240,1.00)
}

ul.flags li {
  display: inline-block;
  margin:0 0 3px 0
}
ul.flags li img {
  margin:0;
}

[dir="rtl"] ul.dropdown-menu.flags {
   left: 0; 
   right: auto
}