/* this css is 
/jquery/plugins/jquery-ui-multiselect-widget/jquery.multiselect-original.css 
merged with 
/emispro/css/jquery.multiselect.css */
/* !!! importnat note: ui-wrapper-multiselect was removed in the new theme, our custom multiselectcontainer became ui-wrapper-multiselect !!! */

/* multiselect */
.ui-multiselect {
    position: relative; /* added by dani in EMIS-7580 */
    width: 100%;  
    min-height: 2.462em; 
    height: auto;
    padding: 0.1em 2em 0.1em 0.6em;    
    text-align: left;
    font-weight: normal;
    /* color: #555;    
    background: #f5f8fa; or #fff 
    border: 1px solid #e0e3e8; or #cceff8 */
    color: #000;
    border: solid 1px #becbd3;
    /* background: #eaf5f7; commented in last search revamp EMIS-7870 */
    background: #f5f7f9;
}
.filter-wrap.bgr-ff .ui-multiselect { background: #fff; }
/* .multiselectb-wrap.multiselectb-lblue are functionally the same selects as new multiselects developed on serach, but needs to look same as simple selects (light blue arrow only) as on the new company and industry profiles */
.multiselectb-wrap.multiselectb-lblue .msb-button,
.selects-common .ui-multiselect {    
    width: auto;  
    min-height: 25px; 
    padding: 0.2em 1.615em 0.2em 0.5em;
    font-size: 1em;  /* added by dani in EMIS-7580 */
    font-weight: normal;
    color: #00b2dd;    
    border: 0;
    background: #fff;
}
/* coming from the new theme below */
.ui-multiselect .ui-multiselect-open { float: right; }
/* end of coming from the new theme */
.ui-multiselect-menu { 
/* the new theme
  z-index: 101; */
  width: auto;
  height: auto;
 
  display: none;
  padding: 3px;
  font-size: 1em;  /* added by dani in EMIS-7580 */
  position: absolute;
  z-index: 999; /* changed to be behind .ui-dialog, which z-index is 1003 */
  text-align: left;
}
/* to rename selects-common to .selects-wa (from width of the button set to auto) */
.selects-common .ui-multiselect { width: auto !important; }
/*.selects-common .ui-multiselect-menu { min-width: 100px;}*/
/* selects in main search revamp */
/* standard single or multiple select with menu 200% width, the default is 100%, example on search results page and in ECPR > financial statements page */
/* the fix below is not working without the wrapper around .ui-multiselect and .ui-multiselect-menu */ 
.select-w-200 .ui-multiselect-menu { width: 200% !important; }
.select-r-0 .ui-multiselect-menu { 
    left: auto !important;
    right: 0 !important; 
}
.select-r-0 .ui-multiselect-menu li { text-align: right; }  
.select-mw-100px .ui-multiselect-menu { min-width: 100px !important; }
.select-mw-120px .ui-multiselect-menu { min-width: 120px !important; }
.select-mw-150px .ui-multiselect-menu { min-width: 150px !important; }
.select-mw-200px .ui-multiselect-menu { min-width: 200px !important; }
.select-mw-250px .ui-multiselect-menu { min-width: 250px !important; }
.select-mxw-1000px .ui-multiselect-menu { max-width: 1000px !important; }
.mw-300px .ui-multiselect-menu { max-width: 300px; }
/* to change this to mxw-300px on all places? */
/* end of selects in main search revamp */

.ui-multiselect-checkboxes { /*    font-size: 1.17em;  added by dani in EMIS-7580 */ }
/* coming from the new theme below */
.ui-multiselect-menu.ui-multiselect-listbox {
  position: relative;
  z-index: 0;
}
/* end of coming from the new theme */
.ui-multiselect span,
.ui-multiselect .ui-icon {
  display: inline-block;
}
.ui-multiselect .ui-icon {
    position: absolute;
    top: 25%;
    right: 0.5em;
    vertical-align: middle;
    width: 1.333em;
    height: 1.333em;
    padding: 0.5em;
}
/* span-ui-icon-triangle-1-s.png in icons folder */
.ui-multiselect .ui-icon.ui-icon-triangle-1-s,
.ui-state-hover .ui-icon.ui-icon-triangle-1-s,
.ui-state-focus .ui-icon.ui-icon-triangle-1-s {     
    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAIVBMVEUAAAAbdbrb5/Dh6vG91ecvgcDr8PSKtthVmMqLt9iHtdgQ2nJbAAAAAXRSTlMAQObYZgAAADVJREFUCNdjSFICAjUGU0EgCGZgAVEODAwLBQXFGRgYOAQFG4AUc6CoAQMQOIowgAD7BAYGAKtNBW5s7sCOAAAAAElFTkSuQmCC) 50% 50% no-repeat; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTJDRTIwMzU1QUJCMTFFNUJENzVCQkJGQ0YzMTkxOEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTJDRTIwMzY1QUJCMTFFNUJENzVCQkJGQ0YzMTkxOEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MkNFMjAzMzVBQkIxMUU1QkQ3NUJCQkZDRjMxOTE4QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MkNFMjAzNDVBQkIxMUU1QkQ3NUJCQkZDRjMxOTE4QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKh8UsAAACGSURBVHjaVI+7FYAgDEUTjoOpLZ8FsMUVXAEGsbOycjoxIcDBFJCE95ILpuvJx3kDZJBAkLzdQy96CyroBZN31ETo8cvlSpuF3ayouAh6JpORl1yPYUuiyUGvyIVqY8qmzQ0midjFolMj6M9EWIzKGGVGFt3UIauRTbz7JQGjNrb2rU+AAQAjiyz9MlP6MQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}
/* .multiselectb-wrap.multiselectb-lblue are functionally the same selects as new multiselects developed on serach, but needs to look same as simple selects (light blue arrow only) as on the new company and industry profiles */
.multiselectb-wrap.multiselectb-lblue .msb-button .msb-button-arrow,
.selects-common .ui-multiselect .ui-icon.ui-icon-triangle-1-s,
.selects-common .ui-state-hover .ui-icon.ui-icon-triangle-1-s,
.selects-common .ui-state-focus .ui-icon.ui-icon-triangle-1-s {   
    top: 15%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGBAMAAAD9IJlFAAAAGFBMVEUAAAAAsd0Asd0AstwAstwAr98Ar98Ast38seZyAAAAB3RSTlMAgPDAYCAQtUm/PQAAACRJREFUCNdjMC8vN2AILy8PYGAsL2RgYFNXY2BgcHcAEowMDABgcQSv2CyNrQAAAABJRU5ErkJggg==) 50% 50% no-repeat; }
.ui-multiselect-header {
/* the new theme */
  display: block;
  position: relative;
  width: auto; 
  
  margin-bottom: 3px;
  padding: 3px;
  /* background: #ecf6f7;  added by dani in EMIS-7580, commented in last search revamp EMIS-7870 */
  /* font-weight: bold;  added by dani in EMIS-7580, commented in last search revamp EMIS-7870 */
  /* background: #ecf6f7;  */
  font-weight: normal;
  background: #f5f7f9;
}
.selects-common .ui-multiselect-header {
  font-weight: normal; /* added by dani in EMIS-7580 */
}
.ui-multiselect-header ul {
  font-size: 0.9em;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
  list-style: none;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header .ui-icon {
  float: left;
}
.ui-multiselect-header .ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-checkboxes {
  /* the new theme */
  display: block;
  position: relative;
  width: auto;
  /* border: 0;
  padding: 4px 0 8px;  */
  
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 175px !important;
/*  -webkit-overflow-scrolling: touch;
  height: auto !important; */
}
/* in the old theme 
.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
  list-style: none;
}*/
/* .ui-multiselect-optgroup-label became .ui-multiselect-optgroup */
.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
  clear: both;
  font-size: 0.9em;
  list-style: none;
  padding-right: 3px;
  
  text-align: left;
  font-weight: normal;
  border-bottom: 0;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 2px 3px;
  text-indent: 0;
  font-weight: normal;
  /* font-weight: bold; removed in last search revamp */
  /* added by dani as per the new design */
}
.selects-common .ui-multiselect-checkboxes label {
  font-weight: normal; /* added by dani as per the new design */  
}
.labels-nowrap .ui-multiselect-checkboxes label {
  white-space: normal;
}
.ui-multiselect-checkboxes input {
/*  position: relative;
  top: 1px;*/
  margin: 0 0.333em 0 0;
}
/* coming from the new theme below */
.ui-multiselect-checkboxes img {
  height: 30px;
  vertical-align: middle;
  margin-right: 3px;
}
/* end of coming from the new theme */
.ui-multiselect-checkboxes .ui-multiselect-optgroup {
  text-align: center;
  /* font-weight: bold; as per the new design */
/*  border-bottom: 1px solid #acacac;*/
  border-bottom: 0;
}
.ui-multiselect-checkboxes .ui-multiselect-optgroup a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
  border-bottom: 1px solid #acacac;
  color: #1a4963; /* added by dani */
  font-weight: bold; /* added by dani */
}
.selects-common .ui-multiselect-checkboxes .ui-multiselect-optgroup a {
  color: #00b2dd; /* added by dani */
  font-weight: normal; /* added by dani */
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.dir-rtl .ui-multiselect-single .ui-multiselect-checkboxes input {
  left: auto;
  right: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 2px 3px !important;
  text-indent: 0 !important;
}
/* coming from the new theme below */
.ui-multiselect-grouplabel {
  border-bottom: 1px solid;
  display: block;
  /* font-weight: bold; as per the new design */
  margin: 1px 0;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}
.ui-multiselect-selectable {
  cursor: pointer;
}
.ui-multiselect-optgroup > ul {
  padding: 3px;
}
.ui-multiselect-columns {
  display: inline-block;
  vertical-align: top;
}
.ui-multiselect-collapser {
  float: left;
  padding: 0 1px;
  margin: 0;
}
.ui-multiselect-collapsed > ul {
  display: none;
}
.ui-multiselect.ui-multiselect-nowrap {
  white-space: nowrap;
}
.ui-multiselect.ui-multiselect-nowrap > span {
  display: inline-block;
}
.ui-multiselect-checkboxes.ui-multiselect-nowrap li,
.ui-multiselect-checkboxes.ui-multiselect-nowrap a {
  white-space: nowrap;
}
.ui-multiselect-measure > .ui-multiselect-header,
.ui-multiselect-measure > .ui-multiselect-checkboxes {
  float: left;
}
.ui-multiselect-measure > .ui-multiselect-checkboxes {
  margin: 4px;
  overflow-y: scroll;
}
.ui-multiselect-resize {
  border: 2px dotted #00f;
}

@media print {
  .ui-multiselect-menu {
    display: none;
  }
}
/* end of coming from the new theme */

