.stm-orange {
color: #ffb129;
}
.stm-inventory-items-per-page-wrap {
margin-top: 12px;
text-align: right;
}
.stm-inventory-items-per-page-wrap .stm_label {
position: relative;
top: 4px;
margin-right: 10px;
font-size: 12px;
color: var(--motors-text-alpha-color);
text-transform: uppercase;
}
.stm-inventory-items-per-page-wrap .stm_per_page {
position: relative;
display: inline-block;
width: 59px;
height: 32px;
vertical-align: top;
border: 1px solid var(--motors-border-color);
}
.stm-inventory-items-per-page-wrap .stm_per_page.active {
border: 1px solid var(--motors-border-color);
}
.stm-inventory-items-per-page-wrap .stm_per_page:after {
content: "\f107";
position: absolute;
display: block;
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-style: normal;
font-size: inherit;
text-rendering: auto;
transform: translate(0, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 0;
right: 0;
padding-right: 9px;
height: 100%;
width: 23px;
line-height: 30px;
cursor: pointer;
z-index: 999;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
padding: 32px 0 0 0;
list-style: none;
height: 32px;
z-index: 20;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul.activated {
height: initial;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul.activated li {
opacity: 1;
visibility: visible;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul li {
width: 100%;
margin-bottom: 0;
text-align: right;
line-height: 32px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul li a {
padding-right: 0;
display: block;
font-size: 13px;
color: var(--motors-contract-text-color);
background: var(--motors-bg-contrast);
text-decoration: none !important;
text-align: center;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul li a:hover {
background: var(--motors-accent-color);
}
.stm-inventory-items-per-page-wrap .stm_per_page ul li.active {
position: absolute;
top: 1px;
left: 0;
padding-top: 0;
padding-bottom: 0;
width: 100%;
height: 30px;
line-height: 30px;
opacity: 1;
visibility: visible;
}
.stm-inventory-items-per-page-wrap .stm_per_page ul li.active a {
padding-right: 29px;
background: transparent;
text-align: right;
cursor: default;
color: var(--motors-contract-text-alpha-color);
}
.stm-inventory-items-per-page-wrap.left-mode {
margin: 0 15px;
padding: 30px 0 0;
border-top: 1px solid var(--motors-border-color);
text-align: right;
}