.flag{width:40px;height:22px;} /* The width of select is 50px; */
.ms-dd  input[type=text]{display:none !important;} /* not to display the input field */

.flag.ar {background: url(https://flagcdn.com/ae.svg) no-repeat center center;background-size: cover;}
.flag.en{background:url(https://flagcdn.com/us.svg)   no-repeat center center;background-size: cover;}
.flag.sp{background:url(https://flagcdn.com/es.svg)   no-repeat center center;background-size: cover;}
.flag.fr{background:url(https://flagcdn.com/fr.svg)   no-repeat center center;background-size: cover;}
.flag.ge{background:url(https://flagcdn.com/de.svg)   no-repeat center center;background-size: cover;}
.flag.ru{background:url(https://flagcdn.com/ru.svg)   no-repeat center center;background-size: cover;}
 
 
 
     
.ms-pr{position:relative; margin-bottom:15px;}
.ms-dd:focus-visible{outline:none;outline-width:0}
.ms-dd{background:#fff;display:inline-block;font-family:Sans-Serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;width:60%}
.ms-dd button:focus,.ms-dd input:focus,.ms-dd select:focus,.ms-dd textarea:focus{outline:none}.ms-dd .ms-value-input{border:0;left:22px;position:absolute;top:10px;width:60%}
.ms-dd .ms-dd-header{border:1px solid #ccc;border-bottom:none;cursor:pointer;min-height:35px;position:relative;width:100%}
.ms-dd .ms-dd-header .option-selected{color:#000;display:block;overflow:hidden;padding:10px 22px 10px 10px;pointer-events:none}
.ms-dd .ms-dd-header a{display:block}
.ms-dd .ms-dd-header .ms-list-counter,.ms-dd .ms-dd-header input[type=checkbox]{display:none}
.ms-dd .ms-dd-header .ms-header-counter{color:#0e76a8;font-weight:400}
.ms-dd .ms-dd-header .ms-filter-box{border-bottom:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:6px 10px}

 
.ms-dd .ms-dd-header .ms-filter-box input,.ms-dd .ms-dd-header .ms-filter-box input:focus,.ms-dd .ms-dd-header .ms-filter-box input:focus-visible{border:1px solid #000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:22px;padding-left:6px;width:100%}
.ms-dd .ms-dd-header .ms-filter-box input:focus-visible{outline:1px solid transparent}
.ms-dd .ms-dd-option-image,.ms-dd .ms-dd-selected-img{margin-right:5px;max-width:64px;vertical-align:middle}
.ms-dd .ms-dd-arrow{height:0;margin-top:-3px;position:absolute;right:10px;top:60%;width:0}
.ms-dd .ms-dd-arrow.ms-dd-pointer-down{border:5px solid transparent;border-top-color:#000}
.ms-dd .ms-dd-arrow.ms-dd-pointer-up{border:5px solid transparent;border-bottom-color:#000;margin-top:-8px}
.ms-dd .ms-options{background:#fff;border:1px solid #ccc;border-top:none;display:none;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;width:100%;z-index:9999}



.ms-dd .ms-list-option,.ms-dd .ms-optgroup ul .ms-list-option{align-items:center;border-bottom:1px solid #ddd;color:#333;cursor:pointer;display:flex;justify-content:flex-start;overflow:hidden;padding:10px;position:relative;text-decoration:none}
.ms-dd .ms-list-option input[type=checkbox],.ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox]{margin-right:5px;vertical-align:middle}
.ms-dd .ms-list-option:last-child,.ms-dd .ms-optgroup ul .ms-list-option:last-child{border-bottom:none}
.ms-dd .ms-list-option:hover,.ms-dd .ms-optgroup ul .ms-list-option:hover{background:#f0f0f0;color:#000}

.ms-dd .ms-list-option.option-selected,.ms-dd .ms-optgroup ul .ms-list-option.option-selected{background:#fff}
  


.ms-dd .ms-list-option.ico-align-right .ms-dd-option-image,.ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img,.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image,.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img{order:2}
.ms-dd .ms-list-option.disabled,.ms-dd .ms-list-option:disabled,.ms-dd .ms-optgroup ul .ms-list-option.disabled,.ms-dd .ms-optgroup ul .ms-list-option:disabled{cursor:default;opacity:.4}
.ms-dd .ms-list-option .ms-dd-desc,.ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc{color:#aaa;display:block;font-weight:400;line-height:1.5em;overflow:hidden;text-shadow:0 1px .5px #fff}
.ms-dd .ms-header-middle-content,.ms-dd .ms-middle{display:flex;justify-content:flex-start;width:100%}.ms-dd.disabled,.ms-dd:disabled{cursor:default;opacity:.4;pointer-events:none}
.ms-dd .ms-optgroup-padding{font-weight:700;padding:10px 10px 0}.ms-dd .ms-optgroup{display:block}
.ms-dd .ms-optgroup:hover{background:#f0f0f0;color:#000}.ms-dd .ms-optgroup ul{margin:0;padding:0}
.ms-dd .ms-optgroup ul .ms-list-option{padding-left:22px}.ms-dd .ms-optgroup ul:last-child{border-bottom:1px solid #ddd}.ms-dd .ms-dd-option-content{width:100%}:focus{outline:none}