#route-name {
    background-color: black;
    border-radius: 4px;
    padding: 5px;
    font-size: 31px;
    font-weight: 10;
}



#bus-features {
    display: flex;
    text-overflow: clip;
    overflow: hidden;
    margin: 3px;
    background-color: rgb(0, 255, 255);
    border-radius: 6px;
    padding: 5px;
    color: rgb(0, 0, 0);
}

#service-start {
    display: flex;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    margin: 3px;
    background-color: rgb(0, 177, 44);
    border-radius: 6px;
    padding: 5px;
    color: rgb(0, 0, 0);
}

#service-end {
    display: flex;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    margin: 3px;
    background-color: rgb(203, 122, 0);
    border-radius: 6px;
    padding: 5px;
    color: rgb(0, 0, 0);
}

#service-total {
    display: flex;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    margin: 3px;
    background-color: rgb(197, 197, 0);
    border-radius: 6px;
    padding: 5px;
    color: rgb(0, 0, 0);
}

#bus-info-area {
    display: flex;
    font-size: 1rem;
    background-color: black;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px;
    font-weight: 10;
    line-height: 50px;
    color: white;
    font-weight: 600;
    gap: 8px; 
}

#bus-info-area b {
    font-weight: 300 !important;
    content: ""
}

#bus-id-input {
    font-size: 23px;
    height: 3vh;
    width: 20vw;
    border: 2px solid black;
    border-radius: 4px;
}

#bus-id-input-text {
    font-size: 23px;
}

#picture {
    width: 40%;
    height: 40%;
}