.searchHelpIcon {
    float: left;
    font-size: 20px;
    margin: 0px;
    padding: 0px
}

.magicSearchInput {
    float: left;
    margin-right: 1px;
}

.magicSearchResult {
    border:1px solid #808080;
    position: absolute;
    z-index: 6;
    background: #fff;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 100%;
    min-height: 200px;
    margin-top: 35px;
    min-width: 80%;
    align-self: start;
}

.magicSearchResult .groupWrapper div.groupOpt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: antiquewhite;
    color: #777;
    font-weight: bold;
    padding: 5px;
}
.magicSearchResult .groupWrapper div.mergedProduct {
    background: #f1b44c;
}

.magicSearchResult .groupWrapper div.groupOpt span {
    justify-self: start;
    align-self: center;
}

.magicSearchResult .groupWrapper div.groupOpt button {
    justify-self: end;
}

.magicSearchClose {
    font-size: 28px;
    color: red;
    margin: 0px;
    padding: 0px;
    display: inline-flex;
}

.searchResultLine {
    display:grid;
    grid-template-columns:auto minmax(0px, 250px) ;
    align-items: center;
    padding: 10px 5px 10px 5px;

}

.magicSearchResult a, .magicSearchResult a:hover {
    display:block;
    padding: 5px;
    transition: .7s;
    text-decoration: none;
    color: #777;
}

.magicSearchResult .searchResultLine:hover {
    background-color: #c7ddf0;
}

.searchResultLine:nth-child(2n+1) {
    background-color: #f2f4f7;
}

.searchResultLine div i.fa-check {
    color: green;
}

.searchFavorite{
    color: #dec600;
    background: black;
    padding: 3px;
}

.mergedProd {
    background-color: #a8d5e3;
    padding-left: 40px;
}

.mergedProd:nth-child(2n+1) {
    background-color: #b6c7e3;
}

.mergedProd a{
    color:#777;
}

.magicSearchResult .magicSearchLoaderImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}