/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


button#sfwd_cats-order-by_ms, button#sfwd_credit-order-by_ms {
    background: none;
    background-color: var(--bb-content-background-color);
    background-image: url(../images/svg/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    font-size: 14px;
    height: 36px;
    margin-right: 12px;
    color: var(--bb-body-text-color);
    border: 1px solid var(--bb-content-border-color);
}

button#sfwd_cats-order-by_ms:hover, button#sfwd_credit-order-by_ms:hover {
    background: none;
    background-color: var(--bb-content-background-color);
    color: var(--bb-body-text-color);
    border: 1px solid var(--bb-content-border-color);
    background-image: url(../images/svg/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 1rem center;
}

button#sfwd_cats-order-by_ms .ui-icon, button#sfwd_credit-order-by_ms .ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}

button#sfwd_cats-order-by_ms .ui-state-hover .ui-icon, button#sfwd_credit-order-by_ms .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: none;
}

button#sfwd_cats-order-by_ms span, button#sfwd_credit-order-by_ms span {
    margin-left: 10px;
}

.ui-multiselect-checkboxes label {
    font-size: 14px;
}

.ui-multiselect-checkboxes label span {
    margin-left: 5px;
    vertical-align: middle;
}

.ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: #222;
}

.ui-corner-all {
    border-radius: 4px;
}

.sortby_select select{
    margin-right: 0px !important;
}

.sortby_arrow{
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.margin-bottom-5{
    margin-bottom: 5px !important;
}

.case_right_ads_container{
    margin-bottom: 10px;
    padding: 10px;
    background-color: var(--bb-content-background-color);
    box-shadow: 0 32px 54px 0 rgba(0,0,0,.1);
    border-radius: var(--bb-block-radius);
    border: 0;
}

.lms-right-sidebar-wrapper {
    background-color: var(--bb-body-background-color);
    box-shadow: inset -36px 0 40px -32px rgba(0,0,0,.05);
    -webkit-transition: margin-left .2s ease,margin-right .2s ease;
    transition: margin-left .2s ease,margin-right .2s ease;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: -webkit-calc(100vh - 76px);
    min-height: calc(100vh - 76px);
    max-width: 320px;
    padding: 10px !important;
}