.minict_wrapper{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#888888; background:#fff; position:relative; width:100%; height:36px; border:1px solid #DDDDDD; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .minict_wrapper *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .minict_wrapper.disabled{ background:#f5f5f5; text-shadow:0 1px 0 #fff; } .minict_wrapper.disabled span{ color:#888888 !important; } .minict_wrapper:after{ content:"\25BC"; display:block; position:absolute; height:36px; width:33px; width:2.1rem; top:0; right:0; font-size:14px; line-height:36px;; text-align:center; color:#888888; } .minict_wrapper.active:after{ content:"\25B2"; } .minict_wrapper.disabled:after{ color:#888888; } .minict_wrapper span{ display:block; border:0; outline:none; background:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#888888; font-size:14px; height:36px; line-height:36px; padding:0 53px 0 6px; cursor:default; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .minict_wrapper span:empty:before{ content:attr(data-placeholder); color:#888888; line-height:36px; } .minict_wrapper ul{ display:none; list-style:none; padding:0; margin:0 -1px; position:absolute; width:100%; width:-webkit-calc(100% + 2px); width:-moz-calc(100% + 2px); width:calc(100% + 2px); border:1px solid #DDDDDD; border-top:1px solid #f9f9f9; border-bottom-left-radius:3px; border-bottom-right-radius:3px; top:36px; left:0; max-height:350px; max-height:22rem; overflow-y:auto; z-index:999999; } .minict_wrapper ul li{ list-style:none; font-size:14px; padding:0 10px; padding:0 0.7rem; cursor:pointer; background:#fff; height:36px; line-height:36px; } .minict_wrapper ul li:hover{ background:#fcfcfc; color:#888888; } .minict_wrapper ul li.minict_group{ color:#888888; background:#f6f6f6; font-weight:bold; cursor:default; } .minict_wrapper ul li.minict_empty{ display:none; background:#fff !important; color:#888888; text-align:center; font-size:14px; height:36px; line-height:36px; } .minict_wrapper ul li.disabled{ cursor:default; background:#fff !important; color:#888888; } .minict_wrapper ul li.selected{ color:#888888; background:#f8f9f9; } .minict_wrapper ul li.highlighted{ color:#888888; background:#819a9a; } .minict_wrapper ul li.hidden{ display:none } .minict_wrapper .minict_reset{ color:#888888; bottom:0; display:none; font-size:14px; line-height:36px; position:absolute; right:35px; right:2.2rem; text-align:center; top:0; text-decoration:none; width:20px; width:1.2rem; -webkit-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out; } .minict_wrapper .minict_reset:hover{ color:#888888; -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; } .minict_wrapper .minict_reset:active{ color:#888888; } .minict_wrapper.disabled .minict_reset{ display:none; } .minict_wrapper.bubble{ -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05); background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f9f9f9)); background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%); background:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%); background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%); background:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%); } .minict_wrapper.bubble:hover{ border-color:#DDDDDD; } .minict_wrapper.bubble:after{ border-left:1px solid #DDDDDD; -webkit-box-shadow:inset 1px 0px 0px 0px #fff; box-shadow:inset 1px 0px 0px 0px #fff; height:2.05rem; } .minict_wrapper.bubble ul{ top:2.7rem; -webkit-box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25); box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25); border-radius:6px; overflow:visible; } .minict_wrapper.bubble ul:before{ position:absolute; top:-11px; left:19px; content:"."; color:transparent; width:0px; height:0px; border-style:solid; border-width:0 11px 11px 11px; border-color:transparent transparent #DDDDDD transparent; } .minict_wrapper.bubble ul:after{ position:absolute; top:-10px; left:20px; content:"."; color:transparent; width:0px; height:0px; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #ffffff transparent; } .minict_wrapper.bubble ul li.minict_first{ border-top-left-radius:6px; border-top-right-radius:6px; } .minict_wrapper.bubble ul li.minict_last{ border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .minict_wrapper.bubble .minict_reset{ width:30px; }