/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/
.ui-dropdownchecklist { color: black; }
.ui-state-hover, 
.ui-state-active { }

.ui-dropdownchecklist-dropcontainer { background-color: #fff; border: 1px solid #999; }
.ui-dropdownchecklist-item { }
.ui-state-hover { }
.ui-state-disabled label { color: #ccc; }
.ui-dropdownchecklist-group { font-weight: bold; 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: 0px; }

.ui-dropdownchecklist-selector { border: 1px solid #b4b6b9 !important; background: #fff; box-shadow: 0 0 18px rgba(0,0,0,.14) inset; position: relative; }
.ui-dropdownchecklist-selector { padding: 2px 22px 2px 5px; font-size: 0px; }
.ui-dropdownchecklist-selector:after { content: '\f0dd'; display: block; width: 24px; background: #d2d3d4; position: absolute; top: 0; right: 0; bottom: 0; color: #949494; font-family: 'FontAwesome'; font-size: 20px; text-align: center; line-height: 1; cursor: pointer; }

.ui-dropdownchecklist-text { font-size: medium; text-overflow: ellipsis; }
.ui-dropdownchecklist-group { padding: 1px 2px 2px 2px; }