#vindecoder_widget.disabled {
position: relative;
}
#vindecoder_widget.disabled::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255, .4);
z-index: 9;
}
#vindecoder_widget .vindecoder_widget__form {
display: flex;
margin-bottom: 10px;
position: relative;
width: max-content;
}
#vindecoder_widget .vindecoder_widget__form input[type=text] {
width: 370px;
height: 40px;
border-radius: 4px;
border: 1px solid #BBBBBB;
margin-right: 8px;
background: #fff;
padding: 10px 12px;
font-weight: 400;
font-family: 'Monsterrat', sans-serif;
font-size: 14px;
line-height: 20px;
color: rgba(0,0,0, 1);
}
#vindecoder_widget .vindecoder_widget__form input:focus {
outline: none;
border: 2px solid rgba(0, 0, 0, 1);
background: #fff;
}
#vindecoder_widget .vindecoder_widget__form input::placeholder {
font-weight: 400;
font-family: 'Monsterrat', sans-serif;
font-size: 14px;
line-height: 20px;
color: rgba(0,0,0, 0.4);
}
#vindecoder_widget .vindecoder_widget__form button {
background: rgba(255, 206, 62, 1);
border-radius: 4px;
padding: 10px 32px;
border: none;
font-weight: 600;
font-family: 'Monsterrat', sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
color: rgba(0,0,0, 1);
box-shadow: none;
}
#vindecoder_widget .vindecoder_widget__form button:hover {
color: rgba(0,0,0, 1);
background: rgba(255, 206, 62, 0.8);
}
#vindecoder_widget .vindecoder_widget__form button[disabled] {
opacity: .4;
}
#vindecoder_widget .vindecoder_widget_try_vin {
font-weight: 600;
font-family: 'Monsterrat', sans-serif;
font-size: 13px;
line-height: 16px;
color: rgba(51, 51, 51, 1);
text-decoration: underline;
}
#vindecoder_widget .vindecoder_widget_loading {
background: url(//robertsonshino.com/wp-content/plugins/motors-car-dealership-classified-listings-pro/addons/VinDecoder/assets/img/loading.svg) no-repeat center top / contain;
width: 21px;
height: 21px;
position: absolute;
top: 9.5px;
right: -38px;
animation: l23 2s ease-in-out 0s infinite;
}
@keyframes l23 {
100% {transform: rotate(360deg)}
}
#vindecoder_result {
margin-top: 37px;
}
.vindecoder_result_item_title {
margin-bottom: 16px;
border-bottom: 4px solid rgba(35, 38, 40, 1);
}
.vindecoder_result_item_title h5 {
margin-bottom: 12px;
font-weight: 700;
color: rgba(35, 38, 40, 1);
font-size: 18px;
line-height: 24px;
}
#vindecoder_result .stm-single-car-listing-data table.inner-table tr td.label-td {
font-size: 12px;
font-weight: 500;
vertical-align: bottom;
white-space: normal;
}
#vindecoder_result .stm-single-car-listing-data table.inner-table tr td.heading-font {
font-size: 13px;
font-weight: 600;
color: #232628;
white-space: normal;
}
#vindecoder_error {
font-size: 16px;
font-weight: 600;
text-align: center;
color: #e12020;
}
.stm-single-car-listing-data table.stm-table-main {
margin: -13px 0 15px;
}
.stm-single-car-listing-data table.stm-table-main > tbody > tr {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.stm-single-car-listing-data table.stm-table-main > tbody > tr {
display: table-row;
flex-direction: unset;
}
}
@media (min-width: 768px) {
.stm-single-car-listing-data table.stm-table-main > tbody > tr:last-child td {
border: 0;
}
}
.stm-single-car-listing-data table.stm-table-main > tbody > tr > td,
.stm-single-car-listing-data table.stm-table-main > tbody > tr > th {
padding: 13px 0 14px;
width: 100%;
}
.stm-single-car-listing-data table.stm-table-main tbody tr th,
.stm-single-car-listing-data table.stm-table-main tbody tr td {
background-color: transparent !important;
}
@media (min-width: 768px) {
.stm-single-car-listing-data table.stm-table-main > tbody > tr > td {
width: unset;
}
}
.stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td {
width: 30px;
border: 0;
display: none;
}
@media (min-width: 768px) {
.stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td {
display: block;
}
}
.stm-single-car-listing-data table.stm-table-main > tbody > tr > td.divider-td:last-child {
display: none;
}
.stm-single-car-listing-data table.inner-table {
margin-bottom: 0;
table-layout: fixed;
}
.stm-single-car-listing-data table.inner-table tr td {
border: 0;
padding: 0;
vertical-align: middle;
}
.stm-single-car-listing-data table.inner-table tr td i {
display: inline-block;
position: relative;
top: 3px;
font-size: 16px;
min-width: 33px;
padding-right: 5px;
text-align: center;
vertical-align: top;
max-height: 22px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-body_type {
font-size: 11px;
top: 5px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-hashtag {
font-size: 13px;
top: 4px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-icon-engine_fill {
font-size: 18px;
top: 1px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-icon-time {
font-size: 18px;
top: 1px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-icon-drive_2 {
font-size: 18px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-icon-key {
top: 2px;
font-size: 19px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-icon-transmission_fill {
font-size: 17px;
}
.stm-single-car-listing-data table.inner-table tr td i.stm-service-icon-vin_check {
font-size: 18px;
}
.stm-single-car-listing-data table.inner-table tr td.heading-font {
padding-left: 10px;
color: #222;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stm-single-car-listing-data table.inner-table tr td.heading-font a {
letter-spacing: -1px;
word-spacing: 2px;
}
.stm-single-car-listing-data table.inner-table tr td.label-td {
padding-right: 5px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
#vindecoder_result .stm-single-car-listing-data table.inner-table tr td.heading-font {
font-size: 12px;
}
.wpb_wrapper #vindecoder_widget .vindecoder_widget__form input[type=text] {
width: 100%;
}
#vindecoder_widget .vindecoder_widget_loading {
right: 7px;
}
}