.f13-life-groceries-meal-ingredients-container { border: 2px solid #aaa; padding: 10px; background: #f7f7f7; margin-bottom: 12px; min-height: 16px; }
.dark .f13-life-groceries-meal-ingredients-container { background: #333; }
.dark .f13-life-groceries-meal-ingredients-container input,
.dark .f13-life-groceries-meal-ingredients-container select { background: #323d4e !important;     }
.f13-life-groceries-meals-add-ingredient-button { border: 2px solid #aaa; padding: 10px; background: #ffffff; width: 100%; display: block; box-sizing: border-box; text-align: center; font-size: 0.8em; cursor: pointer; }
.dark .f13-life-groceries-meals-add-ingredient-button { background: #323d4e; }
.f13-life-groceries-meals-add-ingredient-button:hover { background: #efefff; }
#meal_ingredients .ingredient .remove_ingredient:before { float: right; content: "\f153"; font-family: "dashicons"; font-size: 1.1em; margin-top: -1px; cursor: pointer; color: #990000; }
.f13-life-groceries-search-container { position: absolute; background: #fff; width: calc(100% - 48px); border: 2px solid #aaa; border-top: 0; }
.f13-life-groceries-ingredient { padding: 5px; cursor: pointer; }
.f13-life-groceries-ingredient:hover { background: #f7f7f7; }
#meal_ingredients .ingredient { display: block; padding: 3px; border: 2px solid transparent; }
#meal_ingredients .ingredient:hover { background: #fff; border: 2px solid #aaa;}
#f13-life-groceries-lists-container { border: 1px solid #aaa; padding: 10px; }
.f13-life-groceries-lists-steps .f13-life-groceries-lists-step { width: 20%; display: inline-block; text-align: center; padding: 10px; box-sizing: border-box; border: 2px solid #aaa; border-left: 0px; font-weight: bold; background: #f7f7f7; color: #666; }
.dark .f13-life-groceries-lists-steps .f13-life-groceries-lists-step { background: #444; color: #fff; }
.f13-life-groceries-lists-steps:first-child { border-left: 2px solid #aaa; }
.f13-life-groceries-lists-steps .f13-life-groceries-lists-step-current { background: #eeffee; color: #222; }
.dark .f13-life-groceries-lists-steps .f13-life-groceries-lists-step-current { background: #006600; color: #fff; }
#f13-life-groceries-lists-container details { padding: 10px; background: #f7f7f7; border: 2px solid #aaa; margin-top: 10px; }
#f13-life-groceries-lists-container details summary { padding: 10px; margin: -10px; cursor: pointer; }
#f13-life-groceries-lists-container label { cursor: pointer; }
#f13-life-groceries-lists-container details div { padding: 10px; border-top: 1px solid #aaa; }
#f13-life-groceries-lists-container details div.first { margin-top: 10px; border-top: 0;}
#f13-life-groceries-lists-container h1 { font-size: 1.4em; margin: 15px 0px; color: #444; }
.dark #f13-life-groceries-lists-container details { background: #333; }
.dark #meal_ingredients { background: #333 !important; }

@media screen and (max-width: 730px) {
    .f13-life-groceries-lists-steps .f13-life-groceries-lists-step {
        display: none;
    }

    .f13-life-groceries-lists-steps .f13-life-groceries-lists-step-current {
        display: block;
        width: 100%;
        background: #f7f7f7;
    }
}