#datalist{margin:auto;position:relative;width:400px;color:#000}#datalist-ul.active{display:block!important}#datalist-input{width:100%;height:54px;border-radius:5px;box-sizing:border-box;box-shadow:none;border:1px solid #ccc;outline:0}#datalist-input:focus{border:1px solid #000;outline:0}#datalist-ul{display:none;position:absolute;margin:0;padding:0;width:100%;max-height:400px;top:100%;left:0;list-style:none;background:#fff;overflow:hidden;overflow-y:auto;z-index:100;border:2px solid #e9ecdf;border-top:none}#datalist-ul li{display:block;text-align:left;padding:.8em 1em .8em 1em;color:#343a40;cursor:pointer}#datalist-ul li:hover{background:#007bb3;color:#fff}input[type=search]{color:unset!important;border-color:unset!important;outline:unset!important;box-shadow:unset!important}