.help-search {
    position: relative;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-right: 20px;
    margin-left: 4px;
    width: 253px;
    height: 37px;
    padding: 21px 25px;
    box-sizing: border-box;
    background: url("@{icons}search-grey.svg") 28px 14px no-repeat, url("@{icons}help-menu-search-bar.svg") 15px 3px no-repeat;
    background-size: 6%, 85%;
}

// All these !importants are needed until we change how the resets are defined in aspx
.help-search__input {
    position: absolute;
    width: 165px !important;
    border: none;
    margin-left: 0;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    padding: 0 0 10px 0;
    margin-top: -8px !important;

    &:focus {
        outline: none;
    }
}

.help-search__button {
    width: 25px !important;
    border: none !important;
    text-indent: -999em;
    background: transparent;
    background-size: 165px 660px;
    background-position: 12px -356px;
    background-image: none ;
    cursor: default ;
    z-index: @z-index-hidden;
}