/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/
.ui-dropdownchecklist {
  /* font-size: xx-small; */
  font-size: small;
  color: black;
}
.ui-dropdownchecklist-selector {
  /* height: 20px; */
  height: 35px;
  border: 1px solid #ddd;
  background: #fff;
}
.ui-state-hover,
.ui-state-active {
  border-color: #5794bf;
}
.ui-dropdownchecklist-dropcontainer {
  background-color: #fff;
  border: 1px solid #999;
  overflow-x: hidden;
}
.ui-dropdownchecklist-item {
  padding: 2px;
}
.ui-dropdownchecklist-item input {
  margin: 0px !important;
}
.ui-state-hover {
  background-color: #39f;
}
.ui-state-disabled label {
  color: #ccc;
}

.ui-dropdownchecklist-group {
  font-style: italic;
}
.ui-dropdownchecklist-indent {
  padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper {
  vertical-align: middle;
  /* font-size: small; */
  font-size: xx-small;
}
.ui-dropdownchecklist-selector {
  padding: 8px;
  /* font-size: small; */
  /* padding: 1px 2px 2px 2px; */
  font-size: xx-small;
}
.ui-dropdownchecklist-text {
  font-size: xx-small;
  /* font-size: small; */
  margin-left: 8px;
  /* line-height: 20px; */
}
.ui-dropdownchecklist-group {
  /* padding: 1px 2px 2px 2px; */
  padding: 5px;
}