/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/
.ui-dropdownchecklist {font-size: 1em;color: #000;}
.ui-dropdownchecklist-selector {height: 20px;border-radius:3px;border:none;color:#555;}
.ui-state-hover, .ui-state-active {border-color: #5794bf;}

.ui-dropdownchecklist-dropcontainer {background-color: #fff;border: 1px solid #ddd;padding:5px 7px;box-shadow:0 4px 8px rgba(0,0,0,0.5);}
.ui-dropdownchecklist-dropcontainer div {border:0px !important;}
.ui-dropdownchecklist-item label{display:inline;margin-top:3px;}
.ui-dropdownchecklist-item input {margin:2px 10px 0 5px;}
.ui-dropdownchecklist-item{background:#fff !important;border:0px;}

/*removed, was causing strange behavior and doesn't see to be used
.ui-state-hover {background-color: #39f;}
*/

.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 {padding:3px 1px 0px 9px;font-size: 0px;border:1px solid #aaa}

.ui-dropdownchecklist-text {font-size: 11px;/* line-height: 20px; */}

.ui-dropdownchecklist-group {padding: 1px 2px 2px 2px;}