.search-main,
.autocomplete-container {
    background-color: var(--secondary) !important;
}

.search-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 95px);

    .bs {
        box-shadow: var(--shadow-elevation-3);
    }

    .br.tile {
        border-radius: 0;
    }
}

#ssr-ac-container,
#dashboardView-search,
#j-ac-search,
#searchcontainer-ac-s-container,
#searchcontainer,
#sv-search-pane-ac-s-container {

    button.btn-color {
        background: var(--magenta);
        color: #fff;
        padding: 0 12px;
        top: 3px;
        bottom: 3px;
        right: 3px;
        height: auto;
        

        span {
            font-family: "Bolder bold", sans-serif;
            font-size: var(--font-size-md);
            font-weight: 400;
            text-transform: capitalize;
        }

          &:hover {
            background: var(--magenta);
        }
    }

    .br-large,
    .br-large.focus,
    .br {
        border-radius: 0;
    }

    .ssr-ac-container {
        position: relative;
        width: 100%;
        transform: none;
    }



    .ac-s-container label {
        display: block;
        font-size: 14px;
        
        

        &.active {
            margin-top: 0px;
        }
    }

    .ac-s-container>.ac-s-input-container {
        outline: none;
        border: 1px solid #949494;
    }

    .ac-s-container>.ac-s-input-container.focus {
        outline: 0;
    }

    .ac-s-container>.ac-s-input-container>input {
        background: #fff;
    }

    .ac-s-input-container.focus+.ac-s-result ul,
    .ac-s-input-container+.ac-s-result ul {
        background: #fff;
        box-shadow: var(--shadow-elevation-2);
        margin: 0;
        margin-top: -1px;
        border: 1px solid #949494;
        border-top: none;

        li {
            background: #fff;

            a span.direct-link {
                color: var(--primary);
            }

            &:hover {
                background-color: var(--color-soft-green-01);
            }
        }
    }
}