.selectMenu{font-size:1em;position:relative}.selectMenu::after{content:"";background:url("/NCKUpp/res/assets/down_arrow_icon.svg") no-repeat 0 0/1em;width:1em;height:1em;position:absolute;top:0;bottom:0;right:.5em;margin:auto;pointer-events:none}.selectMenu>input{width:100%;cursor:pointer;padding:5px 1.5em 5px 5px;font-size:1em}.selectMenu>input.withClearBtn{padding-right:2.7em}.selectMenu>.clearBtn{width:1em;height:1em;position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;right:1.8em}.selectMenu>.content{background:#505050;width:100%;padding:10px;border-radius:5px;display:none;position:fixed;z-index:1;left:0;top:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 5px 10px 5px rgba(0,0,0,.4)}.selectMenu>.content.open{display:block}.selectMenu>.content>.searchBar{position:relative;margin-bottom:5px}.selectMenu>.content>.searchBar::before{content:"";background:url("/NCKUpp/res/assets/search_icon.svg") no-repeat 0 0/1em;position:absolute;width:1em;height:1em;top:0;bottom:0;left:10px;margin:auto;pointer-events:none}.selectMenu>.content>.searchBar>input{font-size:1em;width:100%;background:none;border-radius:5px;border:1px solid #b3b3b3;padding-left:35px}.selectMenu>.content>.items{max-height:200px;list-style-type:none;padding:0 5px 0 0;margin:0;overflow:auto}.selectMenu>.content>.items>.groupTitle{background:none;width:100%;font-size:.9em;padding:2px 0;display:block;border-radius:5px;text-align:left;cursor:pointer;box-shadow:none}.selectMenu>.content>.items>.groupTitle::before{content:"";background:url("/NCKUpp/res/assets/down_triangle_icon.svg") no-repeat 0 0/1em;width:1em;height:1em;display:inline-block;vertical-align:text-top;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transition:transform .1s;-o-transition:transform .1s;-ms-transition:transform .1s;-moz-transition:transform .1s;-webkit-transition:transform .1s}.selectMenu>.content>.items>.groupTitle.open::before{transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}.selectMenu>.content>.items>.groupTitle:focus{background:#676767}.selectMenu>.content>.items .group{list-style-type:none;padding:0 0 0 10px;display:none}.selectMenu>.content>.items .group.open{display:block}.selectMenu>.content>.items .item{font-size:1em;border-radius:5px;padding:2px 10px;cursor:pointer}.selectMenu>.content>.items .item:focus{background:#676767}.selectMenu>.content>.items .item.multi{padding:0}.selectMenu>.content>.items .item.multi>.checkbox{width:100%;padding:2px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;cursor:pointer}.selectMenu>.content>.items .item.hide,.selectMenu>.content>.items .groupTitle.hide{display:none}.selectMenu>.content>.items .item:hover,.selectMenu>.content>.items .groupTitle:hover{background:#676767}/*# sourceMappingURL=selectMenu.css.map */