diet-web-ui/projects/cdk/src/ingredient/ingredient-preview/ingredient-preview.component.less

.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;

    .meal {
        position: relative;
        min-height: 200px;
        padding-bottom: 42px;

        .total {
            position: absolute;
            bottom: 0;

            .td {
                background-color: #fffbe6 !important;
            }
        }
    }

    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;

        }
    }

    tbody {
        td {
            vertical-align: top;
            border: 1px solid #e8e8e8;
        }
    }

    .food-item {
        &:not(.placeholder) {
            &:hover .td {
                background-color: #a8b0c238;
            }
        }

    }

    // .menu-food {
    //     ul li {
    //         &:last-child {
    //             margin-bottom: 42px;
    //         }
    //     }
    // }

    .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;
    }
}