#overlay {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top:0; bottom:0; left:0; right:0;
    display: none;
    z-index: 1000;
}
#exampleModal {
    position: absolute !important; height: auto !important;
    opacity: 1;
    width: 62%; margin-left: 19%;
}
#exampleModal .modal-dialog { margin-top: 60px; /*box-shadow: 1px 1px 20px 20000px rgba(0, 0, 0, 0.2);*/ }
#qs { margin-bottom: 20px; }
#qs-data div:hover {
    background: #ccc;
}
.searched-article {
    font-size:15px;
    color: var(--blue);
    margin-bottom: 10px;
    cursor: pointer;
}
.searched-article div {
    font-size:12px;
    font-weight: normal;
    color: #333;
}
.search-icon-bg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGlkPSJHbHlwaCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNy40MTQsMjQuNTg2bC01LjA3Ny01LjA3N0MyMy4zODYsMTcuOTI4LDI0LDE2LjAzNSwyNCwxNGMwLTUuNTE0LTQuNDg2LTEwLTEwLTEwUzQsOC40ODYsNCwxNCAgczQuNDg2LDEwLDEwLDEwYzIuMDM1LDAsMy45MjgtMC42MTQsNS41MDktMS42NjNsNS4wNzcsNS4wNzdjMC43OCwwLjc4MSwyLjA0OCwwLjc4MSwyLjgyOCwwICBDMjguMTk1LDI2LjYzMywyOC4xOTUsMjUuMzY3LDI3LjQxNCwyNC41ODZ6IE03LDE0YzAtMy44NiwzLjE0LTcsNy03czcsMy4xNCw3LDdzLTMuMTQsNy03LDdTNywxNy44Niw3LDE0eiIgaWQ9IlhNTElEXzIyM18iLz48L3N2Zz4=);
}
.search-icon {
    width:20px;
    height: 20px;
}