<style>
#gh-my-orders_filter {
    float: left;
}

.modal {
    overflow-y: auto;
}
#SearchFilters {
    width: calc(100% - 145px);
}

td.details-control.add-spinner:after, .outbounddelivery.add-spinner:after, .child-data.add-spinner:after {
    display: inline-block !important;
    font: normal normal normal 24px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 2s infinite linear !important;
    content: "\f021" !important;
    color: var(--primaryColor) !important;
    background: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 4px;
}

.child-data.add-spinner:after {
    margin-left: 4px;
}

tr.shown > td.details-control.add-spinner:after {
    display: inline-block !important;
    font: normal normal normal 24px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-animation: fa-spin 2s infinite linear !important;
    animation: fa-spin 2s infinite linear !important;
    content: "\f021" !important;
    color: var(--white) !important;
    background: none !important;
    width: 16px !important;
    height: 16px !important;
}
@media (max-width: 767px) {
    #gh-my-orders_filter > label {
        text-align: left;
    }
}

@media (max-width: 767px) and (min-width: 565px) {
    .filter-by-lbl {
        width: 79px !important;
    }
}


</style>
