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