metro4/build/css/third-party/select2.css

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

/*
 * Metro 4 Components Library v4.2.38  (https://metroui.org.ua)
 * Copyright 2019 Sergey Pimenov
 * Licensed under MIT
 */
.select2-container .selection .select2-selection--single {
  height: 36px;
  border: 1px #d9d9d9 solid;
}
.select2-container .selection .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.select2-container .selection .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.select2-container .selection .select2-selection--multiple {
  min-height: 36px;
  border: 1px #d9d9d9 solid;
}
.select2-container .selection .select2-selection--multiple .select2-selection__rendered {
  display: block;
}
.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border-radius: 0;
  background-color: #f8f8f8;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}
.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  margin-top: 0;
}
.select2-container .select2-selection,
.select2-container .select2-dropdown {
  border-radius: 0;
}
.select2 .selection .select2-selection--single,
.select2 .selection .select2-selection--multiple {
  outline: none;
}
.select2 .selection .select2-selection--single:hover,
.select2 .selection .select2-selection--multiple:hover {
  border-color: #c0c0c0;
}
.select2 .selection .select2-selection--single:focus,
.select2 .selection .select2-selection--multiple:focus,
.select2 .selection .select2-selection--single.focused,
.select2 .selection .select2-selection--multiple.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
          box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
}
.select2 .selection .select2-selection--single:disabled,
.select2 .selection .select2-selection--multiple:disabled,
.select2 .selection .select2-selection--single.disabled,
.select2 .selection .select2-selection--multiple.disabled {
  pointer-events: none;
  border-color: #ebebeb;
  background-color: #e9e9e9;
}