/********* Flags Id ********/

.bootstrap-select.btn-group .dropdown-toggle .filter-option{ width: 16px;}
.bootstrap-select > .dropdown-toggle{ width: auto; padding: 0; border: none; background: none; border-radius: 0; font-size: .85rem;}
.bootstrap-select > .dropdown-toggle:focus{ outline: none !important;}
.bootstrap-select .show > .dropdown-menu {display: block;}
.bootstrap-select .hidden {display: none !important;}
.bootstrap-select .dropdown-menu {
  font-size: 14px;
}
.bootstrap-select .dropdown-menu > li > a {
  display: flex;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  /*white-space: nowrap;*/
  text-decoration: none;
}
.bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  white-space: normal;
}
.bootstrap-select .dropdown-toggle::after { vertical-align: 7px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 30px; margin-top: 10px;}
.bootstrap-select.form-control{ padding-top: 11px;}
.bootstrap-select.btn-group .dropdown-menu{ max-height: 320px !important; min-width: 330px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15); border: none;}
.bootstrap-select .inline-flag{ margin-top: 3px;}

@media (max-width: 480px){
	.bootstrap-select.btn-group .dropdown-menu{ min-width: 240px;}
}