/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
	border: none;
}
.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
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0px;
}
.ui-dropdownchecklist-text {
	padding: 0px;
	font-size: 14px;
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	width: 100% !important;
}
label.ui-dropdownchecklist-text{
	color:#333;
	margin-bottom:2px
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
	float: none;
	width: auto;
	margin-right: 13px;
	height: auto;
	margin-top:0px;
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}
#ddcl-s6 .ui-state-default{
	width: 155px !important;	
}
#ddcl-s7 .ui-state-default{
	width: 308px !important;	
}
#ddcl-s8 .ui-state-default{
	width: 67vh !important;	
}

@media (max-height: 899px), (max-width: 1599px) {
#ddcl-s6 .ui-state-default {
    width: 118px !important;
}
#ddcl-s7 .ui-state-default {
    width: 227px !important;
}

#ddcl-s8 .ui-state-default {
    width: 63vh !important;
}
}