#site-content{
    margin-top: 64px;
}

#site-footer{
    margin-top: 32px;
}

.ingredient-label { width:210px; text-align: left; color:black; }


.order_selected
{
    background-color: #999;
    color: #fff;
}

.nota_num {
    padding: 12px 0px;
    display: block;
    font-size: 1.5rem;
}

.p-half {
    padding-right: 0px !important;
    padding-left: 3px !important;
}

.m-half {
    margin-right: -7px !important;
    margin-left: 3px !important;
}

.checkbox-22 {
    width: 22px;
    height: 22px;
}

.fs-12 { font-size:12px; }
.fs-16 { font-size:16px; }
.fs-18 { font-size:18px; }
.fs-24 { font-size:24px; }
.fs-36 { font-size:36px; }

.p-0 { padding: 0px; }
.pt-0 { padding-top: 0px; }
.pb-0 { padding-bottom: 0px; }
.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }

.p-1 { padding: 1px; }
.pt-1 { padding-top: 1px; }
.pb-1 { padding-bottom: 1px; }
.pl-1 { padding-left: 1px; }
.pr-1 { padding-right: 1px; }

.p-2 { padding: 2px; }
.pt-2 { padding-top: 2px; }
.pb-2 { padding-bottom: 2px; }
.pl-2 { padding-left: 2px; }
.pr-2 { padding-right: 2px; }

.p-3 { padding: 3px; }
.pt-3 { padding-top: 3px; }
.pb-3 { padding-bottom: 3px; }
.pl-3 { padding-left: 3px; }
.pr-3 { padding-right: 3px; }

.p-4 { padding: 4px; }
.pt-4 { padding-top: 4px; }
.pb-4 { padding-bottom: 4px; }
.pl-4 { padding-left: 4px; }
.pr-4 { padding-right: 4px; }

.p-5 { padding: 5px; }
.pt-5 { padding-top: 5px; }
.pb-5 { padding-bottom: 5px; }
.pl-5 { padding-left: 5px; }
.pr-5 { padding-right: 5px; }

.p-6 { padding: 6px; }
.pt-6 { padding-top: 6px; }
.pb-6 { padding-bottom: 6px; }
.pl-6 { padding-left: 6px; }
.pr-6 { padding-right: 6px; }

.p-7 { padding: 7px; }
.pt-7 { padding-top: 7px; }
.pb-7 { padding-bottom: 7px; }
.pl-7 { padding-left: 7px; }
.pr-7 { padding-right: 7px; }

/* -- */

.m-0 { margin: 0px; }
.mt-0 { margin-top: 0px; }
.mb-0 { margin-bottom: 0px; }
.ml-0 { margin-left: 0px; }
.mr-0 { margin-right: 0px; }

.m-1 { margin: 1px -1px 1px 1px; }
.mt-1 { margin-top: 1px; }
.mb-1 { margin-bottom: 1px; }
.ml-1 { margin-left: 1px; }
.mr-1 { margin-right: 1px; }

.m-2 { margin: 2px -2px 2px 2px; }
.mt-2 { margin-top: 2px; }
.mb-2 { margin-bottom: 2px; }
.ml-2 { margin-left: 2px; }
.mr-2 { margin-right: 2px; }

.m-3 { margin: 3px -3px 3px 3px; }
.mt-3 { margin-top: 3px; }
.mb-3 { margin-bottom: 3px; }
.ml-3 { margin-left: 3px; }
.mr-3 { margin-right: 3px; }

.m-4 { margin: 4px -4px 4px 4px; }
.mt-4 { margin-top: 4px; }
.mb-4 { margin-bottom: 4px; }
.ml-4 { margin-left: 4px; }
.mr-4 { margin-right: 4px; }

.m-5 { margin: 5px -5px 5px 5px; }
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }
.ml-5 { margin-left: 5px; }
.mr-5 { margin-right: 5px; }

.m-6 { margin: 6px -6px 6px 6px; }
.mt-6 { margin-top: 6px; }
.mb-6 { margin-bottom: 6px; }
.ml-6 { margin-left: 6px; }
.mr-6 { margin-right: 6px; }

.m-7 { margin: 7px -7px 7px 7px; }
.mt-7 { margin-top: 7px; }
.mb-7 { margin-bottom: 7px; }
.ml-7 { margin-left: 7px; }
.mr-7 { margin-right: 7px; }

/* -- */

.calendar {
    display: flex;
    flex-flow: column;
}
.calendar .header .month-year {
    font-size: 20px;
    font-weight: bold;
    color: #636e73;
    padding: 20px 0;
}
.calendar .days {
    display: flex;
    flex-flow: wrap;
}
.calendar .days .day_name {
    width: calc(100% / 7);
    border-right: 1px solid #2c7aca;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #448cd6;
}
.calendar .days .day_name:nth-child(7) {
    border: none;
}
.calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 8px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 80px;
}
.calendar .days .day_num span {
    display: inline-flex;
    width: 30px;
    font-size: 16px;
}
.calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}
.calendar .days .day_num .event.green {
    background-color: #51ce57;
}
.calendar .days .day_num .event.blue {
    background-color: #518fce;
}
.calendar .days .day_num .event.red {
    background-color: #ce5151;
}
.calendar .days .day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
    font-size: 14px;
}
.calendar .days .day_num.selected {
    background-color: #f1f2f3;
    cursor: inherit;
}