.filter-listing.stm_dynamic_listing_filter {
overflow: hidden;
}
.filter-listing.stm_dynamic_listing_filter .tab-content {
background-color: var(--motors-bg-color);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects {
display: flex;
flex-wrap: wrap;
padding-bottom: 5px;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-select-col {
margin-bottom: 15px;
width: 25%;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects.hide-overflown-controls .stm-select-col.overflown {
display: none;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more {
flex-grow: 1;
flex-basis: 100%;
padding: 0 8px;
text-align: center;
}
@media (min-width: 768px) {
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more {
height: 0;
text-align: left;
}
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more .show-extra-fields {
display: inline-block;
margin: 5px 0 30px;
cursor: pointer;
border-bottom: 1px dotted;
transition: all 0.2s ease-in-out;
color: var(--motors-text-alpha-color);
line-height: 1.45;
}
@media (min-width: 768px) {
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more .show-extra-fields {
margin: 10px 0;
}
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more .show-extra-fields:hover {
color: var(--motors-contrast-text-color);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-show-more .show-extra-fields.open i {
transform: rotate(180deg);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap {
display: block;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap .file-wrap {
float: left;
width: 100%;
color: var(--motors-text-alpha-color);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap .file-wrap .input-file-holder {
display: block;
width: 100%;
font-weight: 400;
color: var(--motors-text-alpha-color);
font-size: 14px;
outline: none !important;
background-color: var(--motors-filter-inputs-color);
position: relative;
overflow: hidden;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap .file-wrap .input-file-holder span {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap .file-wrap .input-file-holder i {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .vmc-file-wrap .file-wrap .input-file-holder input[type=file] {
width: 100%;
opacity: 0;
height: 47px;
line-height: 47px;
padding: 0;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .file-name-wrap {
display: block;
width: 100%;
height: 47px;
line-height: 44px;
padding: 0 30px 0 21px;
font-weight: 400;
color: var(--motors-text-alpha-color);
border: 2px solid var(--motors-border-color);
font-size: 14px;
outline: none !important;
background-color: var(--motors-filter-inputs-color);
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .file-name-wrap i {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
cursor: pointer;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects input[type=number] {
-moz-appearance: textfield;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects input::-webkit-outer-spin-button,
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button[type=submit] {
margin-left: auto;
margin-right: 8px;
max-width: 190px;
width: 100%;
min-width: initial;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button.vmc-btn-submit {
float: right;
position: relative;
text-transform: none;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button.vmc-btn-submit i.fa-spinner {
display: none;
position: absolute;
top: 36%;
left: 46%;
animation: spin 2s linear infinite;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button.vmc-btn-submit.loading {
color: transparent !important;
}
.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button.vmc-btn-submit.loading i.fa-spinner {
display: block;
color: var(--motors-bg-color) !important;
}
.filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
border: none;
}
.filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li:not(:last-child) {
border: none;
}
.filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li:not(.active) {
background: var(--motors-bg-contrast);
}
.filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li.active {
background: var(--motors-bg-color);
}
@media (min-width: 768px) {
.filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav {
display: flex;
overflow-y: auto;
}
}
@media (max-width: 768px) {
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav {
display: flex;
overflow-y: auto;
}
}
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
width: auto;
min-width: none;
flex: none;
text-align: center;
}
@media (max-width: 767px) {
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
white-space: nowrap;
flex: 1;
}
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li a {
min-width: 55px;
padding: 15px 15px 12px;
font-size: 12px;
text-align: center;
}
}
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li:first-child {
border-left: none;
}
.elementor-widget-motors-listings-search-tabs .elementor-widget-container .filter-listing.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li:last-child {
border-right: none;
}