/* To keep Footer always bottom: Body relative, min-height and after-element to prevent overlay */
body {
    min-height: 100vh;
    position: relative;
}

body::after {
    content: '';
    display: block;
    height: 220px; /* Set at least footer height to prevent overlay */
  }

.navbar-brand img {
    max-width: 50vw;
    max-height: 2ex;
    height: auto;
    width: auto;
}

.my-primary{
    color: white ;
    background-color: #1A4F30;
}

.my-primary:focus, .my-primary:hover{
    color: white ;
    background-color: #113721;
}

a  {
    color: #1A4F30 !important;
}
a:hover {
    color: #113721 !important;
}

label {
    font-weight: normal !important;
}

.login_logo {
    display: block;
    margin-left: auto;
    padding-top: 5%;
    margin-right: auto;
    margin-bottom: 2%;
    max-width: 100%;
}

.login_line {
    margin-inline: 10%;
}

.login_line > div:first-of-type {
    float: left;
}

.login_line > a:first-of-type {
    float: right;
}

@media screen and (max-width: 576px) {
    button.btn {
        width: 100% !important;
    }
}

.logout_text {
    margin-top: 20%;
}

.form-control:focus {
    border-color:  #1A4F30;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1A4F30;
}

.red {
    color: #782626;
}
.green {
    color: #32A852;
}

.mealplan__icon {
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.mealplan__x {
    background-image: url('../images/meaplan-x.svg');
}
.mealplan__check {
    background-image: url('../images/meaplan-check.svg');
}
.mealplan__bar {
    width: 30px;
    height: 6px;
    margin: 12px auto;
    background-color: #343a40;
    border-radius: 3px;
}
.mealplan__x-noted {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.mealplan__x-noted .mealplan__icon {
    margin: 0;
}
.mealplan__x-noted span {
    font-size: 25px;
    margin-left: 7px;
    color: #782626;
    line-height: 0;
}
.mealplan__legend-span {
    font-size: 20px;
    margin: 0 5px;
    color: #782626;
    line-height: 0;
}

table.orders .today {
    font-weight: bold;
}
table.orders thead tr.noborder td {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.parcelList table + h2 {
    margin-top: 3ex;
}
.parcelList #filter {
    margin-bottom: 3ex;
}

/* FOOTER */
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}