@import url("../auctionslive_commercial_widget_1/style.css");
@import url("../apollo_v2/style.css");

img#theImg {
    max-width: 100%;
    padding: 0 15px;
    margin-top: 1rem;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*#auctioneer_filter,*/
/*#past_auctioneer_filter*/


:where(#searchResults,#pastSearchResults):empty::after{
    content: 'No results found';
    padding-left: 15px;
}

#mainWidgetContainer .heading-part,
#mainWidgetContainer .col-sm-12.col-md-4.search-part{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.bootstrap-select .dropdown-menu.show {
    background: #ffffff !important;
    padding: 0;
}
.bootstrap-select .dropdown-item.active{
    background: #47ab68 !important;
}
.bootstrap-select .dropdown-menu li a:active,
.bootstrap-select .dropdown-menu li a:hover{
    background: #47ab68d4;
    color: white
}

.bootstrap-select > .dropdown-toggle{
    border-radius: 12px !important;
}

:where(#searchResults,#pastSearchResults):empty::after{
    content: 'No results found';
    padding-left: 15px;
}

:where(
#auctioneer_filter,
#past_auctioneer_filter
):empty {
    width: 20%;
    height: 38px;
}

:where(
#auctioneer_filter,
#past_auctioneer_filter
):empty {
    height: 48px;
    color: #ffffff;
    border-radius: 12px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(#cbd5e0 48px, transparent 0);
    background-repeat: repeat-y;
    background-size: 50px 48px, 100% 290px;
    background-position: -20% 0, left 0px top 0px;
    animation: animate 2s infinite;
}

@keyframes animate {
    to {
        background-position: 120% 0, left 0px top 0px;
    }
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    line-height: 38px !important;
    display: flex;
    align-items: center;
}


@media (max-width: 992px) {
    .dropdown.bootstrap-select,
    .searchForm{
        width: 100%;
    }
    #mainWidgetContainer .col-sm-12.col-md-4.search-part{
        justify-content: center !important;
    }

    #mainWidgetContainer .heading-part, #mainWidgetContainer .col-sm-12.col-md-4.search-part {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        flex-wrap: wrap;
        padding: 0.5rem 0;
        justify-content: center !important;
    }

    #mainWidgetContainer .heading-part, #mainWidgetContainer .col-sm-12.col-md-4.search-part > *{
        width: 95%
    }
}

.input-group.input-group-sm .form-control{
    height: 48px !important;
}
.dropdown.bootstrap-select{
    width: 30%;
}
.searchForm{
    width: 68%;
}
#mainWidgetContainer .col-sm-12.col-md-4.search-part{
    justify-content: flex-end;
}

#status-field div.text-center{
    background: #47ab68 !important;
    color: white !important;
    font-size: 13px !important;
}