/* jQuery MultiSelect v0.9.12 — أساسيات العرض (بدون صورة switch.png) */
.ms-container {
  width: 100%;
  background: transparent;
}

.ms-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
  background: #fff;
  color: #555;
  float: left;
  width: 45%;
}

.ms-container .ms-selection {
  float: right;
}

.ms-container .ms-list {
  box-shadow: inset 0 1px 2px rgba(13, 74, 74, 0.05);
  transition: border 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid rgba(93, 150, 147, 0.22);
  border-radius: 0.55rem;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus {
  border-color: rgba(93, 150, 147, 0.55);
  box-shadow: inset 0 1px 2px rgba(13, 74, 74, 0.05), 0 0 0 3px rgba(93, 150, 147, 0.12);
  outline: none;
}

.ms-container ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container {
  width: 100%;
}

.ms-container .ms-optgroup-label {
  margin: 0;
  padding: 5px 0 0 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-bottom: 1px solid #eee;
  padding: 0.35rem 0.65rem;
  color: #444;
  font-size: 0.84rem;
  line-height: 1.4;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #5d9693;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
  cursor: default;
}

.ms-container .custom-header {
  padding: 0.45rem 0.55rem;
  font-size: 0.76rem;
  font-weight: 800;
  text-align: center;
  border-radius: 0.45rem 0.45rem 0 0;
}