/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px #999; font-size: 0.8em; border-radius: 3px; }

.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; font-family: SegoeUI; font-size: 11px; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; border-bottom-left-radius: 3px; }
.ui-multiselect ul.selected li { overflow: hidden; }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:right; border-left: 1px solid #999; font-family: SegoeUI; font-size: 11px; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; border-bottom-right-radius: 3px; }
.ui-multiselect ul.available li { padding-left: 10px; overflow: hidden; }

.ui-multiselect .ui-state-default { border: none; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 13px; margin-bottom: 0px; font-family: SegoeUI; font-weight:normal; }
 
.ui-multiselect .add-all { float: right; padding: 0px 3px;}
.ui-multiselect .remove-all { float: right; padding: 0px 3px 0px 0px;}
.ui-multiselect .search::-ms-clear { display: none; }
.ui-multiselect .count { float: left; padding: 0px 0px 0px 3px; }

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { float:left; height: 14px; padding: 0px; opacity: 1; margin: 1px; width: 100px; font-family: SegoeUI; font-size: 12px; }

/*Added by Herman Raath*/
.ui-multiselect .connected-list { z-index: 1;  }

.ui-multiselect div.selected .actions { border-top-left-radius:3px; }

.ui-multiselect.ui-state-minimized .ui-widget-header { margin-bottom: 0px; cursor:pointer; }
.ui-multiselect.ui-state-minimized div.selected .actions { border-radius:3px }

.ui-multiselect div.available .actions { border-top-right-radius:3px;}

.ui-multiselect span.drop-arrow { display:none; }
.ui-multiselect.ui-state-minimized span.drop-arrow { display:block; margin-top: 2px; position:absolute; right:3px;  }


/*Enable pop-out of dialog without causing problems when the page is scrolled*/
div.ui-multiselect-wrapper { display:inline;height:25px;float: left;}
/*.vtab_content div.ui-multiselect-wrapper { position:absolute; }*/

/* In dialog, if the multiselect is not minimized, then show with an absolute position */
.dialog div.ui-multiselect-wrapper:not(.ui-state-minimized) { position:absolute; }


div.ui-multiselect-spacer { display:none; }
/*.vtab_content div.ui-multiselect-spacer { position:relative;margin-top:25px;display:block; }*/
.dialog div.ui-multiselect-spacer { position:relative;margin-top:25px;display:block; }