.showmenu_container {
    border-radius: 30px 80px;
}

.category_icons {
    width: 20px;
    height: 20px;
}

.edit_category_icons {
    width: 3vw;
    height: 3vw;
}

.category_icon_add {
    width: 2vw;
    height: 2vw;
}

.category_buttons, .cat_button_text, .cat_button_text_selected {
    background: none;
    margin: 0;
}

.allergen_buttons {
    color: white;
    border-radius: 50%;
    font-size: 2.4vw;
}

.allergens_body {
    padding-bottom: 90vh;
}

.allergens_colour_hdr, .allergens_char_hdr, .allergens_desc_hdr, .allergens_remove_hdr,
.allergens_colour_col, .allergens_char_col, .allergens_desc_col, .allergens_remove_col,
.item_allergens_active_hdr, .item_allergens_active_col, .item_allergens_allergy_hdr,
.item_allergens_allergy_col, .item_allergens_desc_hdr, .item_allergens_desc_col {
    font-size: 3vw;
    text-align: center;
}

.allergens_remove_hdr, .allergens_remove_col {
    width: 15%;
}

.allergens_colour_hdr, .allergens_colour_col {
    width: 20%;
}

.allergens_char_hdr, .allergens_char_col {
    width: 10%;
}

.allergens_desc_hdr, .allergens_desc_col {
    width: 55%;
}

.item_allergens_active_hdr, .item_allergens_active_col {
    width: 30%;
    text-align: right;
}

.item_allergens_allergy_hdr, .item_allergens_allergy_col {
    width: 20%;
}

.item_allergens_desc_hdr, .item_allergens_desc_col {
    width: 50%;
    text-align: left;
}

.item_allergens_active_col input{
    margin-right: 8%;
    width: 2vw;
    height: 2vw;
}

.item_allergens_allergy_col p {
    border-radius: 50%;
    width: 5vw;
    margin: 0 0 0 35%;
}

.item_allergens_desc_col p {
    margin: 0 0 0 5%;
}

.item_allergen {
    border-radius: 50%;
    margin: 0 auto;
    font-size: 1.5vmax;
    height: 2vmax;
    width: 25%;
    text-align: center;
    padding: 0.2vmax 0.5vmax;
    border: 3px solid white;
}

.item_allergen_search {
    border-radius: 50%;
    margin: 0 50%;
    font-size: 1.5vmax;
    height: 2vmax;
    width: 100%;
    text-align: center;
    padding: 0.2vmax 0.5vmax;
}

.item_allergens_allergy_hdr, .item_allergens_allergy_col, 
.item_allergens_desc_hdr, .item_allergens_desc_col {
    font-size: 3vw;
    text-align: center;
}

.item_allergens_allergy_hdr, .item_allergens_allergy_col {
    width: 20%;
}

.item_allergens_desc_hdr, .item_allergens_desc_col {
    width: 50%;
    text-align: left;
}

.item_allergens_allergy_col p {
    border-radius: 50%;
    width: 5vw;
    margin: 0 0 0 35%;
}

.item_allergens_desc_col p {
    margin: 0 0 0 5%;
}

.allergen_row {
    margin-bottom: 15px;
}

.allergens_colour_col input {
    width: 90%;
    height: 3vw;
}

.allergens_char_col input {
    width: 50%;
    font-size: 3vw;
    text-align: center;
}

.allergens_active_col input {
    margin-left: 15%;
    margin-top: 2%;
    width: 2vw;
    height: 2vw;
}

.allergens_desc_col input {
    width: 95%;
    height: 3vw;
    font-size: 2vw;
}

.allergens_colour {
    text-align: right;
}

.allergens_character {
    font-size: 3vw;
    border-radius: 50%;
    text-align: center;
    width: 5vw;
}

.allergen_delete_button {
    background: none;
}

.allergen_delete_button img {
    width: 3vw;
    height: 3vw;
}

.allergen_add_button img {
    width: 4vw;
    height: 4vw;
}

.update_allergens {
    text-align: center;
    margin-top: 20px;
}

.update_allergens button {
    font-size: 5vw;
}

.cat_button_text, .cat_button_text_selected {
    width: 100%;
}

.cat_button_text:focus, .cat_button_text_selected:focus {
    outline: none;
}

.column_header {
    text-align: center;
}

.column_header_text {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.category_list, .category_list_selected {
    /*width: 30%;*/
    padding: 0;
    border-radius: 8px;
    height: 5vmax;
}

.cat_checkboxes_list {
    margin: 0 5px 0 0;
    list-style-type: none;
    padding-inline-start: 0;
 }

 .select_all_checkbox {
     padding-bottom: 10px;
 }

 .other_checkbox {
     padding-top: 10px;
 }

 .input_checkbox, .cat_checkboxes {
    width: 20px;
 }

 .choose_new_cats, .choose_new_items {
     width: 50%;
     display: none;
 }

 .add_cat_button, .add_item_button {
     text-align: center;
 }

 .input_new_cat, .input_new_item {
     text-align: right;
     width: 10%;
 }

.new_input {
    width: 80%;
}

.back_button {
    display: none;
    padding: 3px 10px;
    margin-right: 10px;
}

.cat_header, .item_header {
    padding-top: 0;
    padding-bottom: 0;
}

.cat_header, .cats {
    width: 25%;
}

.item_header {
    width: 73%;
    margin-left: 2%;
}

.cats, .items {
    margin-top: 10px;
    overflow-y: scroll;
    padding-bottom: 5vh;
}

.items_for_cat {
    margin-bottom: 10px;
}

.spacer {
    height: 3px;
}

.big_spacer {
    height: 15px;
}

.item_number {
    width: 10%;
    text-align: center;
}

.item_ticket_printer {
    margin-left: 10px;
    background-color: white;
}

.item_ticket_printer img {
    width: 40px;
}

.item_info {
    margin-bottom: 10px;
}

.existing_extras_extra {
    padding: 5px;
}

.existing_extras_extra {
    border: 1px solid black;
}

.existing_extras {
    border-top: 1px solid black;
}

.cost_input {
    width: 60px;
}

.edit_cats_width {
    width: 5px;
}

.edit_cats_input {
    width: 80%;
    margin: 0 10%;
    font-size: medium;
}

.edit_cats_input_title {
    font-size: large;
}

.edit_cats_hide {
    height: 30px;
}

.custom_col1 {
    width: 21%;
}

.custom_col2 {
    width: 37%;
}

.custom_col3 {
    width: 16%;
}

.custom_col4 {
    width: 20%;
}

.custom_col5 {
    width: 6%;
}

.custom_col5 input {
    margin: 0;
    text-align: center;
    border-radius: 3px;
}

.custom_num_input {
    width: 50px;
}

.add_items {
    width: 40%;
}

.item_edit {
    width: 40px;
}