.part-title{
    margin-top: 25px;
    font-size: 18px;
}

.categories{
    /*display: block;*/
    display: none;
    clear: both;
    overflow:auto;
}
@media screen and (min-width: 992px) {
    .categories{
        margin-top: 25px;
        position: fixed;
        display: block;
        clear: both;
        overflow:auto;
    }
}

.categoriesList{
    display: none;
}
@media screen and (min-width: 992px) {
    .categoriesList{
        display: block;
        overflow: auto;
        margin-left: -40px;
    }
}

.categoriesDropdown{
    display: block;
    overflow: auto;
}
@media screen and (min-width: 992px) {
    .categoriesDropdown{
        display: none;
    }
}

.items-of-category{
    display: block;
    clear: both;
    overflow:auto;
}

.items-of-category-header{
    /*cursor: pointer;*/
    margin-top: 30px;
}

.item{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px solid #C0C0C0;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    /*float: left; this breaks the category header when using anchor*/
    width: 100%;
}

.description{
    display: block;
    overflow:auto;
    max-width: 310px;
    white-space: pre-wrap;
}

.item-detail-description{
    white-space: pre-wrap;
}

.one-col{
    display: block;
    overflow: auto;
    width: 100%;
}

.element-title{
    font-weight: bold;
}

.ingredient-title{
    display: block;
    overflow: auto;
    font-weight: bold;
    margin:15px 0 10px 0;
}

.item-subselection-row-left{
    display: block;
    margin-left: 15px;
    overflow: auto;
    float: left;
}

.item-subselection-row-right{
    display: block;
    overflow: auto;
    float: right;
}

.item-subselection-row-comment{
    display: block;
    overflow: auto;
    float: left;
    max-width: 330px;
}

.item-col-left{
    display:block;
    /*
    display: flex;
    display: -ms-flexbox;
    align-items: stretch;*/
    float:left;
}

.item-col-left-hidden{
    display:none;
    /*
    display: flex;
    display: -ms-flexbox;
    align-items: stretch;*/
    float:left;
}

.item-col-right{
    display: flex;
    display: -ms-flexbox;
    padding-left: 10px;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}

.item-title{
    color:#000000;
    font-weight: bold;
}

.flex-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bold {
    font-weight: bold;
}

.price{
    font-weight: bold;
    color: #956b41;
}

.cart-buttons-panel{
    display: flex;
    align-items: stretch;
    margin-left: 10px;
}

.remove-from-cart-btn{
    align-items: stretch;
    width: 30px;
    float: left;
    cursor: pointer;
}

.count{
    align-items: stretch;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 5px;
    width: 24px;
    text-align: center;
}

.add-to-cart-btn{
    align-items: stretch;
    width: 30px;
    float: right;
    cursor: pointer;
}

.selection_add_to_cart{
    margin-top: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #ff302e;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.selection_add_to_cart:disabled{
    margin-top: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    border: none;
    text-transform: uppercase;
}

.item-subselection-group{
    display: block;
    list-style-type: none;
    padding-left: 10px;
    margin-top: -20px;
}

.spicy-level-selection-group{
    display: block;
    list-style-type: none;
    padding-left: 10px;
    margin-top: -25px;
}

.spicy-level-selection-group-nocart{
    display: inline-block;
    list-style-type: none;
    padding-left: 10px;
}

.selection-group-col-left{
    display: inline-block;
    vertical-align: top;
}

.selection-group-col-right{
    display: inline-block;
    padding-left: 5px;
}

.comment-box{
    margin-top: 10px;
    width:100%;
}

.cart{
    display: block;
    margin-top:25px;
    clear: both;
    overflow:auto;
}
@media screen and (min-width: 992px) {
    .cart{
        position: inherit;
        display: block;
        clear: both;
        overflow:auto;
        max-width:420px;
    }
}

.cart-container{
    margin-top: 10px;
}

.cart-flex-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.empty_cart_btn{
    margin-left: 20px;
    padding: 0px 10px 0px 10px;
    background-color: #ff302e;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.empty_cart_btn:disabled{
    margin-left: 20px;
    padding: 0px 10px 0px 10px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    border: none;
    text-transform: uppercase;
}

.checkout_btn{
    margin-bottom: 10px;
    display: block;
    overflow: auto;
    padding: 5px 10px 5px 10px;
    background-color: #ff302e;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: center;
    text-transform: uppercase;
}

.order-comment{
    clear:both;
}

.modal_btn{
    margin-left: 20px;
    padding: 5px 15px 5px 15px;
    background-color: #ff302e;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.cartitem{
    border-bottom: 1px solid #C0C0C0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    float: left;
    width: 100%;
}

.cartitem-title{
    color:#000000;
    font-weight: bold;
}

.cartitem-price{
    margin-left: 15px;
    min-width: 35px;
    text-align: right;
}

.cart-row-left{
    display: block;
    overflow: auto;
    float: left;
}

.cart-row-right{
    display: block;
    /*overflow: auto;*/ /* causes horizontal scrollbar for long item name */
    float: right;
}

.pickup-delivery-group{
    display: block;
    list-style-type: none;
}

.pickup-delivery-group-left{
    overflow: auto;
    display: inline-block;
    vertical-align: top;
}

.pickup-delivery-group-right{
    overflow: auto;
    display: inline-block;
    padding-left: 5px;
}

.delivery-zone{
    overflow: auto;
    display: inline-block;
    margin-left: 24px;
}

.radio-btn-label{
    font-weight: bold;
    vertical-align: top;
    margin-left: 10px;
}

.delivery-price{
    vertical-align: top;
    margin-left: 5px;
}

.delivery-info{
    margin-left: 20px;
}

.category{
    cursor: pointer;
    display: block;
    list-style-type: none;
    margin-top:10px;
}

.itemDetail{
    display: block;
    border-bottom: 1px solid #C0C0C0;
    overflow: auto;
    float: left;
    width: 100%;
}

.itemDetail-row-left{
    margin: 10px 0 10px 0;
    display: block;
    overflow: auto;
    float: left;
}

.allergen-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.allergen{
    flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.allergen-box{
    display: block;
    overflow: auto;
    width: 100%;
    text-align: center;
    padding: 3px;
}

/* Used in offset anchor in the menu page */
:target:before {
    content:"";
    display:block;
    height:80px;        /* fixed header height */
    margin:-80px 0 0;   /* negative fixed header height */
}

.save-btn {
    padding: 5px 10px 5px 10px;
    background-color: #ff302e;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}
.save-btn:disabled{
    padding: 5px 10px 5px 10px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    border: none;
    text-transform: uppercase;
}

.loading-overlay {
    display: none;
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
}

.variant{
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.addedSubselections{
    list-style-type: none;
}

.addedSubselections li {
    overflow: auto;
    display: block;
    border: 1px solid #CCCCCC;
    margin-top: 5px;
    margin-right: 35px;
    padding:5px;

}

.subselection-text{
   /* border: solid 1px red;*/
    overflow: auto;
    display: block;
    float: left;
    padding-top:5px;
}

.subselection-remove{
    /*border: solid 1px blue;*/
    overflow: auto;
    display: block;
    float: right;
}

.multiple-checkbox{
    overflow: auto;
    display: block;
    margin-left: 20px;
    font-weight: normal;
}

.openinghours-day{
    width:70px;
}

.closingday{
    color:red;
}


/*** Image Slider ***/
.slider-loading{
    position:absolute;
    top:0px;left:0px;
    background:url('../images/slider/loading.gif') no-repeat 50% 50%;
    background-color:rgba(0, 0, 0, 0.7);
}
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    /*background: url('../images/slider/b05.png') no-repeat;*/ /*Should customize look and feel */
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora031 {display:block;position:absolute;cursor:pointer;}
.jssora031 .a {fill:#fff;}
.jssora031:hover {opacity:.8;}
.jssora031.jssora031dn {opacity:.5;}
.jssora031.jssora031ds { opacity: .3; pointer-events: none; }
/*** End Of Image Slider ***/


.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
       * /!\ By using this feature, you force the header and footer to be placed
       * in an absolute position. You must handle by yourself the margin of the
       * content.
       */
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    /* change bg color below */
    /* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
    /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}

.btn-center {
    text-align: center
}

.button{
    margin: 50px 0;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-primary {
    background-color: #ff302e
}

/* Part button adds button that are too small in Bootstrap 3, unless this font-change is applied. */
.button .btn-large {
    font-size: 20px;
}

.deliveryDaysText {
    max-width: 420px;
    color: #412210;
}

.privacy  {
    cursor: pointer;
    color: #956b41;
    text-decoration: none;
}

.changeTime{
    background-color: #ff302e;
    color: #FFFFFF;
}