.search-main {
    background: var(--section-bg) !important;
    max-width: 1398px;
    margin: 0 auto;

    .bs {
        box-shadow: var(--shadow-elevation-3);
    }

    .br.tile {
        border-radius: 0;
    }
}

.btn-color:focus {
    outline: #fff solid 1px;
    outline-offset: -2px;
}

#search-header #innercontainer .menu #p105 a {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: var(--cl-accent);
}

#search-header #innercontainer .menu.b_menu-open #p105 a {
    color: #fff;
}


#footer {
    margin-top: var(--pad-sec-y-lg);
    border-top: var(--pad-sec-y-lg) solid #fff;
}


#ssr-ac-container,
#dashboardView-search,
#j-ac-search,
#searchcontainer-ac-s-container,
#searchcontainer,
#sv-search-pane-ac-s-container {

    button.btn-color {
        background: var(--cl-default);
        color: #fff;
        padding: 0 12px;

        

        span {
            font-family: "Fira Sans", sans-serif;
            font-size: var(--font-size-md);
            font-weight: 400;
            text-transform: capitalize;
        }

          &:hover {
            background: var(--cl-default);
        }
    }

    .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: 16px;
        margin-top: 15px;
        
        &.active {
            margin-top: -3px;
            font-size: 12px;
        }
    }

    .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(--cl-accent);
            }

            &:hover {
                background: var(--section-bg);
            }
        }
    }
}