#searchWrapper {
    min-height: 1400px;
}
.overlay {
    position: fixed;
    height: 100%; 
    width: 100%;
    top: 0;
    right: 0;  
    bottom: 0;
    left: 0;
    display: none;
}
.overlay a {
    color: var(--main-color);
    text-decoration: none;
}
.popup-help {
    max-width: 600px;
    width: 80%;
    height: 60vh;
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    overflow: hidden;
    border: 2px solid var(--main-color);
/*  font-family: 'Source Sans Pro', sans-serif; */
}
.popup-help .head {
    color: white;
    padding: 20px;
    background: var(--main-color);
}
.popup-help .head h2 {
    color: white;
    display: inline;
}
.popup-help .head div {
    color: white;
}
.popup-help .head a {
    color: white;
    font-weight: bold;
}
.popup-help .body {
    padding: 20px;
    height: 100%;
    overflow: auto;
}
.popup-help div {
    color: black;
    margin-bottom: 5px;
}
.popup-help li {
    color: black;
}
.popup-help td {
    color: black;
    padding-right: 3px;
}
.popup-help h3 {
    padding: 0;
    font-weight: bold;
}
.popup-help .title {
    display: inline;
}
.popup-help h2 {
    padding: 10px 0 0;
    font-size: 1.2em;
    color: var(--main-color);
}
.popup-help ul {
    list-style-type: disc;
    padding-inline-start: 40px;
}
.popup-help .info {
    display: inline;
    margin-left: 30px;
}
.popup-help .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    color: #00ceff;
    border: 2px solid white;
}
.popup-feedback {
    max-width: 500px;
    width: 80%;
    position: relative;
    background: #fff;
    margin: 150px auto;
    border: 2px solid var(--main-color);
}
.popup-feedback .head {
    color: white;
    padding: 20px;
    background: var(--main-color);
}
.popup-feedback .head h2 {
    color: white;
}
.popup-feedback .body {
    padding: 20px;
    overflow: auto;
}
.popup-feedback div {
    color: black;
}
.popup-feedback .title {
    display: inline;
}
.popup-feedback .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    color: white;
    border: 2px solid white;
}

.popup-save-query {
    max-width: 500px;
    width: 80%;
    position: relative;
    background: #fff;
    margin: 150px auto;
    border: 2px solid var(--main-color);
}
.popup-save-query .head {
    color: white;
    padding: 20px;
    background: var(--main-color);
}
.popup-save-query .head h2 {
    color: white;
}
.popup-save-query .body {
    padding: 20px;
    overflow: auto;
}
.popup-save-query div {
    color: black;
}
.popup-save-query .title {
    display: inline;
}
.popup-save-query .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    color: white;
    border: 2px solid white;
}

.popup-export {
    max-width: 500px;
    width: 80%;
    position: relative;
    background: #fff;
    margin: 150px auto;
    border: 2px solid var(--main-color);
}
.popup-export .head {
    color: white;
    padding: 20px;
    background: var(--main-color);
}
.popup-export .head h2 {
    color: white;
}
.popup-export .body {
    padding: 20px;
    overflow: auto;
}
.popup-export div {
    color: black;
}
.popup-export .title {
    display: inline;
}
.popup-export .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    color: white;
    border: 2px solid white;
}

.popup-data-providers {
    width: 90%;
    height: 100%;
    position: relative;
    bottom: 6px;
    background: #fff;
    margin: auto;
    border: 2px solid var(--main-color);
}
.popup-data-providers .head {
    color: white;
    padding: 20px;
    background: var(--main-color);
}
.popup-data-providers .head h2 {
    color: white;
}
.popup-data-providers .body .text {
    padding: 20px;
}
#data-providers {
    overflow: auto;
    height: 100%;
}
.popup-data-providers div {
    color: black;
}
.popup-data-providers .title {
    display: inline;
}
.popup-data-providers .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    color: white;
    border: 2px solid white;
}