html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* body header : Defined in front-office-menu Page */

body main {
    height: 87%;
    margin: 0px;
    padding: 0px;
}

/* body footer Defined in front-office-foot Page */


.DivRootContainerKindOfOrderPage, .DivContainerKindOfOrder {
    height: 100%;
    min-width: 300px;
    min-height: 500px;
}

.DivRootContainerKindOfOrderPage {
    display: table;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .middle {
    display: table-cell;
    vertical-align: middle;
  }
  

.DivOnlineOrderTitle {
    text-align: center;
}
.DivOnlineOrderTitle .HeaderTitle {
    font-size: 1.6rem;
    color: rgb(6, 132, 255);
}
.DivOnlineOrderTitle .SpanDiscountInfo {
    font-size: 1.5rem;
    font-weight: bold;
    color: red;
}
.DivOnlineOrderTitle .DivDiscountPeriod {
    font-size: 1.3rem;
    color: rgb(70, 69, 176);
    font-weight: bold;
}
.DivOnlineOrderTitle .DivSlogan {
    color: blueviolet;
}


.DivCommonKindofOrdersBtn {
    text-align: center;
    margin-top: 4%;
}

.DivContainerDelivery .DeliveryLabelBtn {
    padding: 16px 8px;
    border-radius: 10px;
    background-color: rgba(30, 117, 4, 0.986);
    color: rgb(241, 217, 184);
    margin-bottom: 46px;
}
.DivContainerDelivery .DeliveryLabelBtn:hover {
    background-color: rgb(0, 132, 255);
    color: rgb(255, 255, 255);
}
.DeliveryLabelBtn .DivDeliveryTitle {
    font-size: 1.1rem;
    font-weight: bold;
}
.DeliveryLabelBtn .DivNewLineDelivery {
    margin: 6px 0px;
}
.DeliveryLabelBtn .DeliverySubmitBtn{
    display: none;
}


.DivContainerCollection {
    margin-bottom: 4%;
}
.DivContainerCollection .CollectionLabelBtn {
    padding: 6px 20px;
    border-radius: 10px;
    background-color: rgba(30, 117, 4, 0.986); 
    color: rgb(241, 217, 184);
}
.DivContainerCollection .CollectionLabelBtn:hover {
    background-color: rgb(0, 132, 255);
    color: rgb(255, 255, 255);
}
.CollectionLabelBtn .DivCollectionTitle {
    font-size: 1.1rem;
    font-weight: bold;
}
.DivContainerCollection .CollectionSubmitBtn{
    display: none;
}


.DivClosingTimeBlock {
    margin-top: 4%;
    margin-bottom: 4%;
}
.DivClosingInfo {
    width: 240px;
    padding: 2px;
    margin: auto;
    border-radius: 10px;
    text-align: center;
    background-color: rgb(255, 60, 150);
    font-size: 1.1em;
    font-weight: 610;
}
.SpanOpeningHoursBlock {
    color: rgb(255, 255, 255);
}


.DivInfo {
    text-align: center;
    font-size: 1.29rem;
}
.DivInfo .DivPhone {
    color: rgba(7, 81, 218, 0.904);
}
.DivInfo .DivPhone a  {
    color: rgba(241, 20, 12, 0.87);
}
.DivInfo .OpeningHeadline {
    color: rgba(7, 81, 218, 0.904);
    font-size: 1rem;
}
.DivInfo .SpanOpeningDays {
    color: rgba(7, 81, 218, 0.904);
}
.DivInfo .SpanOpeningHours {
    color: rgba(241, 20, 12, 0.87);
}


@media screen and (min-width:300px) and (max-width:900px)
{
    .DivOnlineOrderTitle .HeaderTitle {
        font-size: 1.2rem !important;
    }
    /* .DivOnlineOrderTitle .SpanDiscountInfo {
        font-size: 1.1rem;
    }
    .DivOnlineOrderTitle .DivDiscountPeriod {
        font-size: 1rem !important;
    } */
    .DivCommonKindofOrdersBtn {
        margin: 10% 0%;
    }
    .DivContainerDelivery .DeliveryLabelBtn {
        margin-bottom: 6% !important;
    }
    .DivClosingTimeBlock {
        margin-top: 8%;
        margin-bottom: 8%;
    }
    .DivInfo {
        font-size: 1rem !important;
    }
    .DivInfo .DivPhone {
        padding-top: 0% !important;
        color: rgba(7, 81, 218, 0.904);
    }
}