.search-main {


    .bs {
       box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }


}

.btn-color:focus {
    outline: #fff solid 1px;
    outline-offset: -2px;
}

#search-header #innercontainer .menu #p108 a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.search-result.tile {
    color: #000!important;
}


#footer {
    margin-top: var(--pad-sec-y-lg);
   
}


#ssr-ac-container, #ssr-ac-container.focus,
#dashboardView-search,
#j-ac-search,
#searchcontainer-ac-s-container,
#searchcontainer,
#sv-search-pane-ac-s-container {

    button.btn-color {
        background-color: var(--cl-button);
        border: none;
        padding: 0 10px;
        top: 5px;
        bottom: 5px;
        right: 5px;
        height: auto;
        border-radius: 50px;

        span {
            text-transform: capitalize;
            font-family: "interstate", sans-serif;
            font-size: var(--font-size-md);
            font-weight: 600;
            display: flex;
            align-items: center;
            font-size: 16px;


            &::after {
                font-family: "Font Awesome 6 Pro";
                content: none;
                font-size: 26px;
                position: absolute;
                right: 7px;
            }
        }

        &:hover {
            background-color: var(--cl-button-hover);
        }

        @media screen and (min-width: 407px) {
             
            span {
                padding-right: 38px;

                &::after {
                    content: "\f138";
                }

            }
        }

    }




    .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;
        margin: 0;
        margin-top: -1px;
        border: 1px solid #949494;
        border-top: none;

        li {
            background: #fff;

            a span.direct-link {
                color: var(--cl-link);
            }

            &:hover {
                background: var(--section-bg);
            }
        }
    }
}