label.option:hover {
	background-color: #F5F5F0;
}

.ui-multiselect {
	padding: 2px 0 2px 4px;
	text-align: left;
	/* responsiveness */
	width: 100%;
	height: 100%;
	min-width: 20px;
	max-width: 100%;
	min-height: 26px;
	max-height: 100px;
	overflow: hidden;
}

/* Add ... in the end if the content is too big */
.ui-multiselect > span {
	height: 1.2em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

button.ui-multiselect > .fa,
button.ui-multiselect > .glyphicon,
button.ui-multiselect > .ui-icon {
	float: right;
	margin: 3px 5px 0 0;
}

.ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; }

.ui-multiselect-header { padding: 3px 4px;line-height: 18px; border-radius: 0;height: 29px; }
.ui-multiselect-header ul li { float: left; padding: 0 4px 0 0 }
.ui-multiselect-header a { text-decoration: none; line-height: 16px }
.ui-multiselect-header a:hover { text-decoration: underline }
.ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 }

.ui-multiselect-menu {
	 height: auto;
	 display: none; 
	 padding: 0; 
	 position: absolute;
	 z-index: 10; 
	 text-align: left;
	 /*min-width: 100%;*/
	 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-multiselect-menu.ui-multiselect-tableLayout { width: auto; }
.ui-multiselect-menu.ui-multiselect-tableLayout > .ui-multiselect-checkboxes { padding-right: 0px; }

.ui-multiselect-checkboxes .admin-table-layout input[type="checkbox"] {	margin-right: 0px !important; }
.ui-multiselect-checkboxes .admin-table-layout label { padding: 0px !important; }
.ui-multiselect-checkboxes .admin-table-layout tr td{cursor: pointer}
.ui-multiselect-checkboxes .admin-table-layout tr td:first-child, .ui-multiselect-checkboxes .admin-table-layout tr th:first-child { width: 20px; }

.ui-multiselect-checkboxes .admin-table-layout tr:hover, .ui-multiselect-checkboxes .admin-table-layout .ui-state-active{background-color:#F5F5F0;}
.ui-multiselect-checkboxes .multiselect-table tr:hover , .ui-multiselect-checkboxes .multiselect-table .ui-state-active{background-color:#D3D3D3;}

.ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; padding: 0; max-height: 290px; overflow-y: auto;overflow-x: hidden;min-width: 100%;}
.ui-multiselect-checkboxes label { font-weight: normal !important; cursor: default; display: block; border: 1px solid transparent;padding: 3px; }
.ui-multiselect-checkboxes label input { position: relative; top: 1px }
.ui-multiselect-checkboxes label span { width: auto; }
.ui-multiselect-checkboxes input[type="checkbox"] {	margin-right: 5px; }
.ui-multiselect-checkboxes li { clear: both; padding: 0; }
.ui-multiselect-checkboxes li label { margin: 0;padding-right: 20px; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { font-weight: bold; border-bottom: 1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border: none }

/* Multiselect filter plugin CSS */
.ui-multiselect-hasfilter ul { position: relative; top: 3px; float: right }
.ui-multiselect-filter { font-size: 0.9em;line-height: 16px; position: absolute;float: left; left: 2px;top: 2px; }
.ui-multiselect-filter input { width: 100%; font-size: 12px !important; margin-left: 0px; padding: 2px !important; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: border-box; }
.ui-multiselect-filter input.loading { background: url('../img/loading-small.gif') right center no-repeat !important; }
.ui-multiselect-single .ui-multiselect-filter { right: 2px; }
.ui-multiselect-multiple .ui-multiselect-filter { right: 60px;  }


/* --- Multiselect colors --- */

.ui-multiselect-checkboxes { background: #fff; }
.ui-multiselect-checkboxes label { background: none; border-width: 0 !important; }
.ui-multiselect-checkboxes label.ui-state-active { background: #F8EFC1 !important; }
/* --- Multiselect sortable --- */

.ui-multiselect-sortable {
	text-align: left;
}
.ui-multiselect-sortable-list { position: relative /* fixes bug in IE6/7 */; overflow-y: auto; display: block !important; }
.ui-multiselect-sortable-list label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; }
.ui-multiselect-sortable-list label input { position: relative; top: 1px; }
.ui-multiselect-sortable-list li { clear: both; padding: 1px 3px; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-sortable-list label { border: none }

.ui-multiselect-sortable-header { margin-bottom: 3px; padding: 3px 0 3px 4px; line-height: 16px }
.ui-multiselect-sortable-header ul { display: block !important}
.ui-multiselect-sortable-header ul li { float: left; padding: 0 10px 0 0 }
.ui-multiselect-sortable-header a { text-decoration: none; line-height: 16px }
.ui-multiselect-sortable-header a:hover { text-decoration: underline }
.ui-multiselect-sortable-header span.ui-icon { float: left }


/*Table layout*/

table.multiselect-table > tbody > tr > td , table.multiselect-table > thead > tr > th {
	padding: 1px;
	line-height: 18.2px;
	vertical-align: middle;
	font-size: 11.7px;
}
