h1 {margin: 0 auto;
    text-align: center;}
ul li:hover, ul li:active{background-color: green;}
label.flex-grow{margin: 0 0 0 10px;}
input{max-width: 100%;}
.form-floating-group {
    padding: 0;
}
.input-group > .form-floating-group:nth-child(n) > input{
    border-radius: 0;
}
.input-group > .form-floating-group:first-child > input, .input-group > :first-child{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.input-group > .form-floating-group:last-child > input, .input-group > :last-child{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
footer{
    align-items: center;
    text-align: center;
    padding: 3px;
    background-color: darkslategrey;
    color: white;}
.accordion-body {
    padding: 1rem 0.5rem;
}
.alert{margin: 0.5rem;}
.btn-kids, .bg-kids, .btn-darkbue{
    color: white;
    background-color: darkblue;}
.btn-kids:hover, .bg-kids:hover, .btn-darkbue:hover{
    color: white;
    background-color: rgb(0, 0, 199);
}
.btn-milkfree{
    color: black;
    background-color: white;
    border: 1px solid;}
.bg-milkfree{
    color: black;
    background-color: white;}
.btn-glutenfree, .bg-glutenfree{
    color: white;
    background-color: #8a6d3b;}
.btn-red, .bg-red{
    color: white;
    background-color: red;}
.btn-vegan, .bg-vegan{
    color: white;
    background-color: #2b542c;}
.btn-veggie, .bg-veggie{
    color: white;
    background-color: #4cae4c;}
.btn-yellow, .bg-yellow{
    color: black;
    background-color: yellow;}
.color-blue{color:blue}
.color-white{color: white;}
.event_recipe_items{padding: 0;}
.event_recipe_item_name, .recipe_item_name{
    color: blue;
    width: 100%;
    min-height: 3rem;
    height:100%}
.order_item_status_yellow, .order_item_status_yellow:disabled{
    background-color: yellow;
}
.order_item_qty_delivered_expected_more, .order_item_qty_delivered_expected_more:disabled{
    background-color: orange;
}
.order_item_status_passed, .order_item_status_passed:disabled,
.order_item_status_checked, .order_item_status_checked:disabled,
.order_item_qty_delivered_expected, .order_item_qty_delivered_expected:disabled{
    background-color: limegreen;
}
.order_item_qty_delivered_expected_between, .order_item_qty_delivered_expected_between:disabled{
    background-color: lightgreen;
}
.order_item_status_check_failed, .order_item_status_check_failed:disabled,
.order_item_qty_delivered_expected_less, .order_item_qty_delivered_expected_less:disabled{
    background-color: red;
}
.order_item_status_delivered, .order_item_status_delivered:disabled{
    background-color: cadetblue;
}
.returnable_bocal, .returnable_bocal:disabled{
    background-color: palegreen;
}
.returnable_sac, .returnable_sac:disabled{
    background-color: sandybrown;
}
.align-flexend{
    align-self: flex-end;
}
.flex-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;}
.flex-grow{flex-grow: 1;}
.flex-shrink{flex-shrink: 3;}
.stretch-all{width: 100%; height: 95%;}
.stretch-all-100{width: 100%; height: 100%;}
.stretch{align-items: stretch;}
.row{margin: 0;
    padding: 0;}
.width-100{ width: 100%;}
.width-50{ width: 50%;}
.form-switch{display: flex;}
.form-control.background-lightgreen, .allergen_container:hover, .form-switch:hover{background-color: lightgreen;}
.background-success{background-color: limegreen;}
.background-info{background-color: aqua;}
.background-secondary{background-color: darkgray}
.background-green{background-color: green}
.background-light{background-color: greenyellow}
.background-warning{background-color: orange}
.background-danger{background-color: red;}
.form-control.background-black{color: white;
    background-color: black;}
.form-control.background-white{color: black;
    background-color: white;}
.form-control.background-dark:disabled{background-color: mediumseagreen;}
.form-floating > .note-editor{
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    padding: 1.625rem 0.625rem 0.75rem 0.75rem;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.form-floating > .note-editor.disabled{background-color : #e9ecef;}
.text{mso-number-format:"\@";/*force text*/}