body {
    font-family: 'Roboto', sans-serif;
    min-height: 100%;
}

html {
    height: 100%;
}

.appointment_free {
    background-color: #77DD77 !important;
}

.appointment_busy {
    background-color: #FF6961 !important;
}

.breadcrumb-item.active {
    font-weight: bold;
}

input[type="radio"]:checked ~ label {
    background-color: #f1e72d;
}

.vehicle_img {
    width: 60px;
    height: 25px;
    object-fit: contain;
}

.operation_img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.vehicle_img_big {
    width: 80px;
    height: 50px;
    object-fit: contain;
}

.operation_img_big {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.fill-screen-img {
    max-height: 100vh; /* A kép nem lehet nagyobb, mint a képernyő magassága */
    max-width: 100vw; /* A kép nem lehet szélesebb, mint a képernyő */
    width: auto; /* Az arányokat megtartja */
    height: auto; /* Az arányokat megtartja */
    display: block; /* Inline margókat elkerül */
    margin: auto; /* Ha kisebb a kép, középre igazítja */
}