/** @author zhixin wen <wenzhixin2010@gmail.com> */
.ms-parent { display: inline-block; position: relative; vertical-align: middle; }
.ms-choice { display: block; width: 263px !important; height: 30px; padding: 0; overflow: hidden; cursor: pointer; border:1px solid #d6dce8; text-align: left; white-space: nowrap; line-height: 26px; color: #333; text-decoration: none; /*background-color: #fff;*/ background-color: #f8f8f8; font-size:12px; /*Mac OS select css fix*/ 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: solid 0px #d6dce8!important; outline: #d6dce8 solid 1px; outline-offset: -1px; }
.ms-choice.disabled { background-color: #f8f8f8; background-image: none; border: 1px solid #ddd; cursor: default; }
.ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; }
.ms-choice > span.placeholder { color: #333; }
.ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('multiple-select.png') left top no-repeat; }
.ms-choice > div.open { background: url('multiple-select.png') right top no-repeat; }
.semantic_words_input .ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('multiple-select-job.png') left top no-repeat; }
.semantic_words_input .ms-choice > div.open { background: url('multiple-select-job.png') right top no-repeat; }
.ms-drop { width: 263px !important; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; /*z-index: 1000;*/ z-index: 998; background: #fff; color: #000; border:1px solid #d6dce8; }
.ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); }
.ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); margin-top: -220px; max-height: 290px; /* design fix issue */ }
.ms-search { display: inline-block; /*margin: 0;*/ margin:3px 0 0; /* design fix issue */ min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; }
.ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border:1px solid #d6dce8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); font-size:12px;}
.ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin:5px 0; /*padding: 5px 8px;*/ }
.ms-select-all label { color:#4285F4; padding:2px 7px; min-width:108px; width:108px !important }
.ms-select-all { color:#4285F4; min-width:150px !important }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; clear:both; float:left; /*padding:2px 7px;*/ margin-top:0;}
.ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.multiple { display: block; float: left; min-width:180px; /*width:265px !important*/ }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { width: 100%; padding:2px 7px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; margin-top:0; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type="checkbox"] { vertical-align: top; margin-top:2px; margin-right:5px; }
.ms-drop .ms-no-results { display: none; }
.shared-groups .ms-drop ul > li.multiple,.shared-groups .ms-drop ul > li.multiple label{ width:100% !important;}
.shared-groups .ms-drop ul > li.multiple{padding-left: 10px !important;}
.shared-groups .ms-drop ul > li.ms-select-all{  margin-left: -7px;}
  
.shared-groups .ms-drop ul{padding-left:10px;}

.ms-drop .ms-no-results{padding: 0 10px; font-size:12px;}