/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/


/* MH: CSS update 2023 */
.ui-dropdownchecklist {
    font-size: 1em;
    color: #000;
}

/* MH: CSS update 2023 */
.ui-dropdownchecklist-selector {
    height: 23px;
    border-radius:3px;
    border:1px solid #cacaca !important;
    
    font-weight: 500;
    /* background:linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); */
    background: #fefefe;
}

.ui-state-hover, .ui-state-active {border-color: #5794bf;}

/* MH: CSS update 2023 */
.ui-dropdownchecklist-dropcontainer {
    margin-top:3px;
    xborder:1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius:4px;
    background-color: #fff;
    padding:11px 7px 7px 3px;
    box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.18) !important;
}

.ui-dropdownchecklist-dropcontainer div {border:0px !important;}
.ui-dropdownchecklist-item label{display:inline;margin-top:0px;}
.ui-dropdownchecklist-item input {margin:2px 10px 0 5px;}
.ui-dropdownchecklist-item{ background:#fff !important;border:0px;color:#333 !important;}

/*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;}

/* MH CSS update 2023 */
.ui-dropdownchecklist-selector {
    line-height:17px;
    padding:3px 1px 0px 9px;
    font-size: 0px;
    border:none !important; 
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 79%,#e5e5e5 100%) !important;
    cursor: pointer;
}

.ui-dropdownchecklist-text {font-size: 12px; line-height: 18px;}

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