/* Look in form_style.css if something appears is missing. */


.chosen-select {
    height: 34px !important;
}


/*
 * Many to many chooser
 **/

.m2m {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 2px;
  margin-top: 0px;
}
.m2m div {
  margin-top: 0px;
  clear:none;
}
.m2m .chosen, .m2m .choices {
  display: block;
  width: 47%;
  overflow: hidden;
}
.m2m .newly_chosen,.m2m  .newly_unchosen {
  background-color: #fcc;
}
.m2m .disabled {
  background-color: #ccc;
}
.m2m .hidden {
  display: none;
}
.m2m .chosen {
  float: left;
}
.m2m .choices {
  float: right;
}

.m2m table {
  overflow: auto;
  margin-top: 0px;
  background-color: #ecf3fd;
  border-top: 2px #394c7f solid;
  border-left: 2px #394c7f solid;
  border-bottom: 2px #bfcafd solid;
  border-right: 2px #bfcafd solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.m2m table tr {
  cursor: pointer;
}
.m2m table tr:hover {
  background: #e2af2b;
}
.m2m table tr td {
  color: #000;
  padding-left: 0.2em;
}


.m2m ul {
  list-style: none;
  overflow: auto;
  background-color: #ecf3fd;
  border-top: 2px #394c7f solid;
  border-left: 2px #394c7f solid;
  border-bottom: 2px #bfcafd solid;
  border-right: 2px #bfcafd solid;
  padding-left: 0em;
  margin-left: 0em;
}
.m2m ul li {
  padding-left: 0.2em;
  cursor: pointer;
}
.m2m ul li:hover {
  background: #e2af2b;
}