.h1{font-size: 1.2em}
h2{font-size: 1.1em}
h3{font-size: 1em}
body{background-color: #ededed}
.indexDiv{
    border-radius: 10px;
    background-image: url("/icons/bmw.webp");
    background-image: -webkit-image-set(url("/icons/bmw.webp") type("image/webp"),url("/icons/bmw.jpg") type("image/jpeg"));
    background-image: image-set(url("/icons/bmw.webp") type("image/webp"),url("/icons/bmw.jpg") type("image/jpeg"))
}
.h6{font-size: 14px}
.f17{font-size: 17px}
.form-control, .form-select{border-color: gray}
.form-select:focus, .form-control:focus, .custom-file:focus{box-shadow: none;border-color: gray;outline: 1px solid gray}
.btn:focus{box-shadow: none}
.countryHeight{height: 38px;}
.iconbox{border-bottom: 1px solid grey;}
.iconbox.active{background-color: white;border-bottom: none;border-right: 1px solid grey;border-left: 1px solid grey;}
.iconbox.carbox{border-top-left-radius: 15px;border-left: none;}
.iconbox.truckbox{border-top-right-radius: 15px;border-right: none;}
.rev-check-input+label:before, input[type="checkbox"]+label:before{
    content: '';
    border: 1px solid grey;
    border-radius: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    margin-top: 0.25em;
    vertical-align: -2px;
    background-color: white}
.rev-check-input:checked+label:before, input[type="checkbox"]:checked+label:before{
    background-image: url('/icons/check.svg');
    background-repeat: no-repeat;
    background-position: center;
    outline: 1px solid grey;
    background-size: 30px;
    border-radius: 4px;color: white}
.dropdown-menu{max-height: 400px;overflow-y: auto}
.btn{
    border-radius: 8px;
    text-transform: uppercase;
    vertical-align: bottom;
    border: 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%), 0 2px 5px 0 rgb(0 0 0 / 10%);
    font-weight: 500;
    padding: 0.625rem 1.5rem 0.5rem;
    font-size: .75rem;
    line-height: 1.5}
/*.btn-warning{color: #fff;background-color: #df9402}
.btn-success{color: #fff;background-color: teal}
.btn-danger{color: #fff;background-color: #f93154}
.btn-primary{color: #fff;background-color: #1266f1}*/
.btn-group-sm>.btn, .btn-sm{padding: 0.25rem 0.5rem;border-radius: 0.2rem}
.big{position: relative;display: inline-block}
.big .iconDel{position: absolute;display: block;top: 22px;right: 22px;z-index: 100;width: 20px;height: 20px}
.big .iconDrag{position: absolute;display: block;top: 22px;right: 45px;z-index: 100;width: 20px;height: 20px}
.big{width: auto;height: 136px}
.img-div{position: relative;height: 300px}
.img-counter{position: absolute;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);color: white}
.imgItems{width:100%;height:100%;object-fit: cover;margin: auto;}
@media only screen and (min-width: 576px){
    .img-div{height: 200px}
}
.nav{border-color: darkgrey !important}
.dropdown-item:hover{background-color: teal;color: white}
.mod-color{background-color: #d1e7dd}
.bigImgDiv img{max-height: 500px;border-radius: 10px;margin: 1px}
.indexItem{display: inline-block;height: 190px;width: 220px;overflow: hidden;border: 1px solid darkgrey}
.otherCar{display: inline-block;height: auto;width: 250px;overflow: hidden}
.cursor{cursor: pointer}
.prev, .next{
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.3);
    user-select: none;-webkit-user-select: none}
.next{right: 0;border-radius: 3px 0 0 3px}
.prev:hover,.next:hover{background-color: rgba(0, 0, 0, 0.6)}
.modal-footer, .car-footer{display: block;overflow: hidden !important;border-radius: 10px;margin: 1px}
.tumbs-div{display: block;white-space: nowrap;justify-content: center}
.countryInput{border-bottom-right-radius: 0 !important;border-top-right-radius: 0 !important;height: 38px}
picture.imgPage, picture.imgModal{display: none}
picture.active{display: block}
picture.tumbPage, picture.tumbModal{
    border-radius: 12px;
    display: inline-block;
    height: auto;
    width: 80px;
    max-height: 90px;
    opacity: 0.8;
    overflow: hidden;
    vertical-align: middle}
picture.tumbPage.active, picture.tumbPage:hover{opacity: 1;border: 3px solid green}
picture.tumbModal.active, picture.tumbModal:hover{opacity: 1;border: 3px solid greenyellow}
