.header {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}


.menu-table {
    // width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e8e8e8;

    thead {
        .table-day-row {
            display: flex;

            border-bottom: 1px solid #fafafa;

            .td {
                flex: 1;
                padding: 10px;
                border-right: 1px solid #fafafa;

                &:first-child {
                    flex: 0 0 420px;
                }

                &:last-child {
                    border-right: none;

                }
            }
        }

        th {


            .td {
                background-color: transparent;
                border-right: 1px solid #fafafa;
                background-color: #13c2c2;
            }

            border-right: 1px solid #fafafa;
            background-color: #13c2c2;
            color: #fff;

        }
    }


    .table-herder-ages {
        display: flex;

        .td {
            &:last-child {
                border-right: none;
            }
        }
    }

    .dish-name {
        width: 240px;
    }

    .food-name {
        width: 180px;
    }

    .td {
        height: 100%;
        padding: 10px;
        background-color: #fafafa;
    }

    .age-range {
        // display: inline-block;
        width: 150px;
        // background-color: #fafafa;
        font-weight: bold;
    }
}