.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: #5e5e5e;
}

.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: #00a2ff;
}
.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: #00a2ff;
}

.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: #00a2ff;
}

.mathide {
    display: none;
}

.matleftarrow {
    float: left;
    position: absolute;
    z-index: 3;
    margin-left: -38px;
    font-size: 2.2em;
    background-color: #FFFFFF;
    color: #5e5e5e;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}
.matrightarrow {
    float: right;
    position: absolute;
    z-index: 3;
    margin-left: 6px;
    font-size: 2em;
    background-color: #FFFFFF;
    color: #5e5e5e;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}

.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: #00a2ff;
    text-align: center;
    cursor: pointer;
}

.musterbutton {
    padding: 5px 5px 5px 5px;
    margin: 3px 0px;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #5e5e5e;
    width: 100%;
    color: #5e5e5e;
    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: #00a2ff;
}

.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;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100vh;
    max-height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    max-width: 820px;
    background-color: #fefefe;
    margin: 32px auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 96%; /* Could be more or less, depending on screen size */
    z-index: 9999; /* Sit on top */
}

/* The Close Button */
.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%; /* Width of the outside container */
    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: #5e5e5e;
    cursor: pointer;
}

.paslider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #5e5e5e;
    cursor: pointer;
}

/* ----------------------------------------------------- */

.imgBtnLeft {
    width: 36px; background-color: #5e5e5e; color: #FFFFFF; float: left;
    margin-left: -44px; border-radius: 5px; padding: 0px; font-size: 2.5em; text-align: center; border: 1px solid #5e5e5e;
    cursor: pointer;
}
.imgBtnRight {
    width: 36px; background-color: #5e5e5e; color: #FFFFFF; z-index: 3;
    position: absolute; right: -44px; border-radius: 5px; padding: 0px; font-size: 2.5em; text-align: center; border: 1px solid #5e5e5e;
    cursor: pointer;
}
.catBtnRight {
    width: 36px; margin-top: 0px; background-color: #5e5e5e; color: #FFFFFF; z-index: 3;
    position: absolute; right: -44px; border-radius: 5px; padding: 0px; font-size: 2em; text-align: center; border: 1px solid #5e5e5e;
    cursor: pointer;
}
.catBtnLeft {
    width: 36px; margin-top: 0px; background-color: #5e5e5e; color: #FFFFFF; float: left;
    margin-left: -44px; border-radius: 5px; padding: 0px; font-size: 2em; text-align: center; border: 1px solid #5e5e5e;
    cursor: pointer;
}

@media only screen and (max-width: 1480px) {
    .imgBtnLeft {
        display: none;
    }
    .imgBtnRight {
        display: none;
    }
    .catBtnRight {
        display: none;
    }
    .catBtnLeft {
        display: none;
    }
}