::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.legenda .icon_star {
    font-size: 12px !important;
    vertical-align: text-top !important;
}

.button {
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    color: white !important;
}

.btn {
    white-space: normal;
}

input[type=radio] {
    position: relative !important;
}

th, td {
    text-align: center !important;
    font-size: 16px !important;
}

tr td:first-child {
    text-align: left !important;
}

DIV.cssRetailerData DIV.cssWithGreyBackground.cssRetailerContactArea {
    padding-bottom: 1em;
}

.cssRetailerContactArea p {
    margin-bottom: 0px;
}

DIV.cssRetailerData A.cssButtonGotoOfferRequest {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.logo img {
    background-color: #003a7d;
    padding: 16px;
}

.navigation .button {
    padding: 15px 30px;
}

img.distributerLogo {
    max-width: 200px !important;
    margin: 15px;
}

.carousel .carousel-item img {
    max-height: 300px;
    width: auto !important;
    margin: auto;
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}

.servis-box {
    padding: 10px 16px;
    width: auto;
    color: #fff;
    transform-origin: bottom right;
    position: fixed;
    top: 20px;
    right: 0px;
    transform: rotate(-90deg);
    margin: 0px;
}

.show {
    opacity: 1;
}

.modal-dialog {
    margin-top: 140px;
}

.modal-header .close {
    margin-top: -1rem;
}

.modal {
    background-color: rgba(0, 58, 125, 0.7);
}

.modal-dialog {
    min-width: initial !important;
}

.modal-content {
    min-height: 300px !important;
}

@media screen and (max-width: 1400px) {
    .biger-h2-centerlized, .titel_box, .titel_box * {
        font-size: 30px;
        padding: 12px !important;
    }
}

@media only screen and (max-width: 1100px) {
    table {
        margin-bottom: 0px;
    }
    table * {
        font-size: 14px !important;
    }
    DIV.cssRetailerData DIV.cssWithGreyBackground {
        overflow-x: auto !important;
    }
    tbody th, tbody td {
        padding: 0px;
    }
    thead th, thead td, tfoot th, tfoot td {
        padding: 4px;
    }
    tr td:first-child {
        min-width: 100px;
    }
    DIV.cssRetailerData DIV.cssWithGreyBackground.cssRetailerContactArea {
        padding-bottom: 0em;
    }
    DIV.cssRetailerData DIV.cssWithGreyBackground.tableArea {
        padding-top: 0em;
    }
}

@media screen and (max-width: 600px) {
    
    .button {
        font-size: 16px;
        padding: 10px 20px;
    }
    
    .navigation .button {
        font-size: 14px;
        padding: 8px 16px;
    }
    
    .biger-h2-centerlized, .titel_box * {
        font-size: 21px !important;
    }
    
    label {
        line-height: 1;
        margin-bottom: 6px;
        font-size: 0.8rem;
        font-weight: 200;
    }
    
    h2, .h2 {
        font-size: 1.2rem;
        font-weight: 300;
    }
    
    p, p.cssHint {
        font-size: 0.9rem;
        line-height: 1.2;
    }
    
}