#formFilters .container {
    max-width: fit-content;
}

#formFilters .container-input.filter.is_not_empty {
    width: 10vh;
} 

#formFilters .container-input.filter.active {
    width: 8vh;
}


#tableMain {
    max-width: min(calc(1vh * 65), calc(1vw * 90));
}

#tableMain tbody tr td.display_order, #tableMain thead tr th.display_order {
    width: 5vh;
    min-width: 5vh;
}
#tableMain tbody tr td.product_category, #tableMain thead tr th.product_category {
    width: 15vh;
    min-width: 15vh;
}
#tableMain tbody tr td.name, #tableMain thead tr th.name {
    width: 15vh;
    min-width: 15vh;
}
#tableMain thead tr th.has_variations, #tableMain tbody tr td.has_variations {
    width: 5vh;
    min-width: 5vh;
}
#tableMain tbody tr td.access_level, #tableMain thead tr th.access_level {
    width: 7vh;
    min-width: 7vh;
}
#tableMain tbody tr td.active, #tableMain thead tr th.active {
    width: 5vh;
    min-width: 5vh;
}

td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {
    border: 2px solid var(--border-colour);
    border-radius: 0.5vh;
}

#tableMain tbody tr td table thead tr th.id_variation_type, #tableMain tbody tr td table tbody tr td.id_variation_type, #tableMain tbody tr td table thead tr th.id_variation, #tableMain tbody tr td table tbody tr td.id_variation {
    width: 47.5%;
}