.main_selector{
    width: 9.5rem;
}

.school_year_selector{
    width: 6.1875rem;
}

#kilometrovnik{
    text-align: center;
}

#kilometry tr td{
    height:1.25rem;
}

#kilometry .name_column{
    width:10rem;
}

#kilometry .kilometry_icon{
    float:left;
}

#kilometry .kilometry_name{
    text-align: left;
}

#kilometry .km_column{
    width:6.25rem;
}

#kilometry .graph_column{
    width:43.75rem;
}

#kilometry img{
    display:block;
    max-width:1.5rem;
    cursor:pointer;
    padding-right:0.2rem;
}


.km_table_wrapper{
    display:none;
    position:absolute;

    background:white;
    border-radius: 10px;
}

.km_table_wrapper .km_member_name{
    height:1.25rem;
    font-weight: bold;
}

.km_table{
    max-height: 25rem;
    overflow-y: scroll;
}

.km_table table{
    margin:0.3125rem;

    max-height:25rem;
    overflow-y:scroll;
}

.km_table_line_div{
    min-width: 11rem;
}

.km_action_name_div{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 10rem auto;
}

.km_action_date{
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: right;
}

.km_action_name{
    grid-column: 2/3;
    grid-row: 1/2;
    text-align:left;
}


@media screen and (max-width: 1100px) {
    #kilometry img{
        max-width: 2.5rem;
    }

    #kilometry .kilometry_name{
        line-height: 2.5rem;
    }
}