button.btn-color {
    background: var(--pine-dark);
    color: #fff;
}

#search-header .b_menu-open #p106 {
    background: var(--mint-light);
    border-radius: 8px;
}


.search-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 107px);


    .bs {
        box-shadow: var(--shadow-elevation-3);
    }    
}



#ssr-ac-container, #dashboardView-search, #j-ac-search, #searchcontainer-ac-s-container {
        
    button.btn-color {
        background: var(--pine-dark);
        color: #fff;
    }
    
    .ssr-ac-container {
        position: relative;
        width: 100%;
        transform: none;
    }

    button.btn-color {      
        border-radius: 50%;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50%);
        right: 4px;

        span {
            display: none;
        }

        &::after {
            font-family: 'Font Awesome 6 Pro';
            content: "\f002";
            font-size: 18px;
        }

        &:hover {
            background: var(--pine);
        }
    }

    .ac-s-container label {
        display: block;
        font-size: 14px;
        margin-left: 21px;

        &.active {
            margin-top: 0px;
        }
    }

    .focus {
        outline: 1px solid var(--pine-dark) !important;
        border-radius: 25px;

    }

    .ac-s-container>.ac-s-input-container {
        outline: 1px solid #949494;
    }

    .ac-s-container>.ac-s-input-container>input {
        background: #fff;
        padding: 0 21px;

        &+i {
            display: none;
        }
    }

    .ac-s-input-container.focus+.ac-s-result ul,
    .ac-s-input-container+.ac-s-result ul {
        border: none;
        margin-top: 14px !important;
        border-radius: 12px;
        background: #fff;
        box-shadow: var(--shadow-elevation-2);
        padding: 1px 10px !important;

        li {
            background: #fff;

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

            &:hover {
                background: var(--mint-light);
            }
        }
    }

    .fa-magnifying-glass:before {
        content: none;
    }
}