#searchText {
    width: 100%;
    height: 30px;
    border-radius: 25px;
}

#searchButton {
    position: absolute;
    right: 18px;
    top: 8.5px;
    border-radius: 28px;
    height: 28px;
    z-index: 2;
    text-align: center;
    font-size: 12px;
    color: black;
}

@media screen and (max-width:701px) {
    #iframepage {
        height: 100%;
        overflow-y: scroll;
    }
}

.spinner {
    width: 110%;
    margin-left: -15px;
    text-align: center;
    background-color: #EDEDED;
}

.spinner>div {
    width: 18px;
    height: 18px;
    margin-top: 100px;
    background-color: #6FDBE8;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.iframe-row {
    background-color: transparent;
}
#iframepage {
    border: none;
    width: 100%;
    min-height: 900px;
    background: transparent;
}

.iframe-container {
    width: 100%;
    overflow: hidden;
}


.groupsearcher-search-wrapper,
.groupsearcher-sidebar-search-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.groupsearcher-search-wrapper .form-group,
.groupsearcher-search-wrapper .mb-3 {
    margin-bottom: 0;
}

.groupsearcher-search-text,
.groupsearcher-sidebar-search-text {
    width: 100%;
    height: 35px;
    min-height: 35px;
    border-radius: 25px;
    padding-right: 52px;
    line-height: 35px;
}

.groupsearcher-search-button {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    z-index: 3;
}
.groupsearcher-search-button i {
    margin: 0;
    line-height: 1;
}

.groupsearcher-sidebar-search-button {
    position: absolute;
    right: 7px;
    top: 4px;
    z-index: 2;
    border-radius: 28px;
    min-height: 28px;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 701px) {
    #iframepage {
        height: 100%;
        overflow-y: scroll;
    }
}

.spinner {
    width: 100%;
    text-align: center;
    background-color: #ededed;
}

.spinner > div {
    width: 18px;
    height: 18px;
    margin-top: 100px;
    background-color: #6fdbe8;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.iframe-row {
    background-color: #ededed;
}