@CHARSET "UTF-8";.eventlist form{display:flex}.eventlist form>div{flex:0 0 50%}.eventlist form INPUT[name="evt_keyword"]{border:0;padding:5px;background:none;outline:none;max-width:100%;width:300px;margin:3px}.eventlist form .kwd_wrap{border:1px solid #ccc;border-radius:20px;xposition:relative;xmax-width:50%;display:inline-block;position:relative;padding-right:20px;box-sizing:border-box}.eventlist form .kwd_wrap A.clear{content:"x";display:block;position:absolute;right:5px;top:2px;bottom:0;color:#ccc;font-weight:700;text-decoration:none}.eventlist form .evt_period{text-align:right;display:inline-block}.eventlist form .evt_period>label{padding:3px 30px;background:#aaa;font-weight:700;color:#fff;font-size:12px;display:inline-block;border-radius:10px;text-align:center;margin:0 5px;cursor:pointer}.eventlist form .evt_period>label.selected{background:red}.eventlist form .evt_period INPUT{display:none}.eventlist #list{margin-top:20px}.eventlist .noresults{width:200px;margin:0 auto;padding:10px;background:#ddd;color:#777;font-weight:700;text-align:center;border-radius:20px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset!important}@media only screen and (max-width:500px){.eventlist form{flex-direction:column-reverse}.eventlist form .evt_period{display:flex;margin-bottom:20px}}