#mssSearchApplication {
    display: none;
}

#mssSearchHomeModule {
    position: relative;
    display: inline-block;
    width: 100%;
}

#mss-menu-container #mssSearchApplication {
    margin: 5px 10px;
}

#mssSearchApplication {
    margin: auto 10px;
}

#mss-header-search-input {
    min-width: 20vw;
    width: 20vw;
    max-width: 600px;
}

.mss-header-search-results {
    z-index: 99999;
    display: flex !important;
}

    .mss-header-search-results .dx-popup-content {
        height: auto !important;
        flex: 1;
        max-height: 70vh; /* equals to the 70% of the browser's window height */
    }

.mss-header-search-list-item::before {
    content: none;
}

.mss-header-search-list-item {
    display: flex;
    flex-direction: column;
    white-space: initial;
}

#mss-header-search-input {
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

#mss-header-search-input, .mss-header-search .dx-placeholder::before {
    padding: 2px 10px;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-autocomplete-popup-wrapper {
    z-index: 9999999999999999999999991 !important;
}

#mss-header-search-icon-img {
    position: absolute;
    left: 6px;
    top: 11px;
    z-index: 1;
    color: #444;
}

.mss-header-search-list-item a,
.mss-header-search-list-item a:visited,
.mss-header-search-list-item a:focus,
.mss-header-search-list-item a:hover {
    color: #9e0063;
}

#mss-header-search-autocomplete {
    padding-left: 20px;
    width: 100%;
}