.scroll {
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom: 13px;
}
.scroll::-webkit-scrollbar {
width: 12px;
visibility: hidden;
}
.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 4px;
visibility: hidden;
}
.scroll:hover::-webkit-scrollbar-track {
visibility: visible;
}
.scroll::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
visibility: hidden;
}
.scroll:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.m-one-header {
border-radius: 3px;
}
.mnav-item {
padding: 12px 16px 13px;
background-color: #EEEEEE;
border: 1px solid #999999;
}
.mnav-item a {
color: #000000;
}
.mnav-thumb {
padding: 0px 2px 0px 1px;
}
.cmstyle {
font-size: 10px;
color: #AAAAAA;
padding: 2px;
}
.mactive {
padding: 12px 16px 13px;
border: 1px solid #666666;
background-color: #ff7100;
}
.mactive a {
color: #FFFFFF;
}
* {
box-sizing: border-box;
}
.mvertical-align-middle {
width: 100%;
}
.mnav-item, mnav-thumb,
.mvertical-align-middle {
display: inline-block;
vertical-align: middle;
}
.matbox {
padding: 5px 3px 5px 3px;
margin: 3px 0px;
font-size: 12px;
border: 1px solid #999999;
width: 100%;
color: #0e3345;
cursor: pointer;
}
.matactive {
color: #FFFFFF;
background-color: #ff7100;
}
.colbox {
padding: 5px 3px 5px 3px;
margin: 3px 0px;
font-size: 12px;
border: 1px solid #999999;
width: 100%;
cursor: pointer;
}
.colactive {
color: #FFFFFF;
background-color: #ff7100;
}
.mathide {
display: none;
}
.basketbutton {
padding: 5px 5px 5px 5px;
margin: 3px 0px;
font-size: 14px;
font-weight: bold;
border: 1px solid #666666;
width: 100%;
color: #FFFFFF;
background-color: #ff7100;
text-align: center;
cursor: pointer;
}
.musterbutton {
padding: 5px 5px 5px 5px;
margin: 3px 0px;
font-size: 11px;
font-weight: normal;
border: 1px solid #284156;
width: 100%;
color: #284156;
background-color: transparent;
text-align: center;
cursor: pointer;
}
.platecount {
padding: 5px 5px 5px 5px;
margin: 3px 10px 3px 0px;
font-size: 14px;
border: 1px solid #666666;
min-width: 40px;
max-width: 50px;
text-align: center;
float: left;
cursor: pointer;
}
.plateactive {
color: #FFFFFF;
background-color: #ff7100;
}
.verticalImage3 {
text-align: center;
max-width: 33.3%;
display: inline-block;
white-space: nowrap;
}
.verticalImage2 {
text-align: center;
max-width: 49.5%;
display: inline-block;
white-space: nowrap;
}
.verticalImage1 {
text-align: center;
max-width: 99%;
display: inline-block;
white-space: nowrap;
}
.myPlate3 {
}
.makerRadio {
float: left;
margin-top: 6px;
}
.makerLabel {
white-space: nowrap;
clear: both;
}
.pricebox {
border: 1px solid black;
background-color: #FFFFFF;
} .modal {
display: none; position: fixed; z-index: 9999; left: 0;
top: 0;
width: 100%; height: 100vh;
max-height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
max-width: 820px;
background-color: #fefefe;
margin: 32px auto; padding: 20px;
border: 1px solid #888;
width: 96%; z-index: 9999; } .close {
color: #aaa;
float: right;
margin-top: -12px;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.paslidecontainer {
width: 100%; text-align: center;
}
.paslider {
-webkit-appearance: none;
width: 80%;
height: 20px;
border-radius: 3px;
background: #d3d3d3;
outline: none;
opacity: 0.8;
}
.paslider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #284156;
cursor: pointer;
}
.paslider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #284156;
cursor: pointer;
} .imgBtnLeft {
width: 36px; background-color: #0e3345; color: #FFFFFF; float: left;
margin-left: -44px; border-radius: 5px; padding: 10px; font-size: 3em; text-align: center; border: 1px solid #0e3345;
cursor: pointer;
}
.imgBtnRight {
width: 36px; background-color: #0e3345; color: #FFFFFF; z-index: 3;
position: absolute; right: -44px; border-radius: 5px; padding: 10px; font-size: 3em; text-align: center; border: 1px solid #0e3345;
cursor: pointer;
}
.catBtnRight {
width: 36px; margin-top: 2px; background-color: #0e3345; color: #FFFFFF; z-index: 3;
position: absolute; right: -44px; border-radius: 5px; padding: 3px; font-size: 2em; text-align: center; border: 1px solid #0e3345;
cursor: pointer;
}
.catBtnLeft {
width: 36px; margin-top: 2px; background-color: #0e3345; color: #FFFFFF; float: left;
margin-left: -44px; border-radius: 5px; padding: 3px; font-size: 2em; text-align: center; border: 1px solid #0e3345;
cursor: pointer;
}
@media only screen and (max-width: 1480px) {
.imgBtnLeft {
display: none;
}
.imgBtnRight {
display: none;
}
.catBtnRight {
display: none;
}
.catBtnLeft {
display: none;
}
}