.x-mp-weeks-container {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.x-mp-week-container {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;

}

.x-mp-week-header {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.x-mp-week-footer {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.mp-days-container {
/*    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
    border-color: green;
*/
    /*display: flex;*/

    overflow: auto;
}


.mp-day-container {
    float: left;
    max-width: 18vw;
    min-width: 13vw;
}
@media (max-width: 1200px) {

    .mp-day-container {
        float: unset;
        max-width: unset;
        min-width: unset;
    }
}

.x-mp-day-header {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.x-mp-day-footer {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.x-mp-recipes-container {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.x-mp-recipe-container {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.xmp-recipe {
    margin: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}

.mp-week-separator {
    border-width: 5px;
}

.mp-duration-30m { background-color: #eae2b7 !important; }

.mp-duration-1h { background-color: #fcbf49 !important; }

.mp-duration-2h { background-color: #f77f00 !important; }

.mp-duration-p3h { background-color: #d62828 !important; }

#mp-recipes-table-container {
    overflow: auto;
}

#mp-recipe-edit-table-recipe-table{
    width: 400px;
    margin-bottom: 20px;
}

x#mp-recipe-edit-table-ingredients-table {
    width: 400px;
    margin-bottom: 20px;
}

.mp-recipe-edit-ingredients-td-used  {
    width: 50px;
}   

.mp-recipe-edit-ingredients-td-mount  {
    width: 50px;
}   

.mp-recipe-edit-ingredients-td-units  {
    width: 150px;
}   

.mp-recipe-edit-ingredients-td-optional  {
    width: 50px;
}   

/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-label-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -3.4em;
}

.custom-label-flipswitch.ui-flipswitch .ui-flipswitch-off {
    text-indent: 0.5em;
}

#mp-tooltip {
    background-color: lightyellow;
}

/*********************************   JQUERY MOBILE   */
.ui-btn-icon-notext {
    float: left;
}

.footer-button-left,
.footer-button-right {
    position: absolute;
    margin: 0;
    top: auto;
    bottom: 0.24em;
}
.footer-button-left {
    left: 0.4em;
}
.footer-button-right {
    right: 0.4em;
}

.ui-icon-protein:after {
    background-image: url("../../static/protein.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}
.ui-icon-dairy:after {
    background-image: url("../../static/dairy.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}

#custom-border-radius .ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}