.resturant-header {
    background: #B89F5F;
}

.resturant-nav-top{
    margin:0px !important;
    color:white;
}

.resturant-nav-top-item {
    margin:2px !important;
    padding:0px !important;
    color:white;
    display:inline-block !important;
}

.resturant-nav-top-link {
    margin:0px !important;
    padding:0px !important;
}

.resturant-nav-top-select{
    background-color: transparent;
    float:right;
}


.resturant-nav-top-select option{
    background-color: #B89F5F;
}

.navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}

.resturnant-navbar-brand{
    padding:0px !important;
}

.resturant-nav-main-link {
    color:white;
    font-size:18px;
}

.resturant-nav-main-item{
    margin-left:0px;
    padding-bottom:0px;
}

#navbarCollspaseBtn{
    padding-right:0px;
    margin-right:0px;
}

#logonxsimg{
    width:40px;
    height:20px;
}

#navbarMainMenu{
    /*position:fixed;*/
    z-index:99;
    /*position:absolute;*/
    /*background:white;*/
    right:0px;
}

#resturant_searchtxt {
    height: 50px;
}

#resturant_searchbtn {
    height: 50px;
    background:#FF8000;
    color:white;
    border: 0;
     box-shadow:none;
     border-radius: 0px;
}

.resturant-next{
    margin-bottom:5px; 
    width:100px; 
    background: #FF8000; 
    border: 10px solid #FF8000; 
    font-family: sans-serif; 
    font-size: 13px; 
    line-height: 1.1; 
    text-align: center; 
    vertical-align:central; 
    text-decoration: none; 
    display: inline-block; 
    border-radius: 3px; 
    font-weight: bold;
}
.shopname{
    font-size: 24px;
    font-weight:bold;
}

.shopaddress{
    font-size: 16px;
}

.shophours {
    font-size: 20px;
}

.miniorder {
    color:red;
}

.resturant-page {
    width:10px;
    height:30px;
}

.resturant-page-text {
    color:#FF8000;
    float:right;
    margin-top:-15px;
    margin-right:20px;
    font-size:20px;
}

#footer {
    color: #fff;
    background: #2e2e2e;
    height: 100px;
}

#footer ul > li {
    display: inline-block;
    margin-left: 15px;
}

body {
    font-family: Calibri !important;
}

/* second page , company/index */
.left-recommend{
    list-style:none;
    background:#F5F5F5;
    padding-left:10px;
    padding-right:10px;
}

.left-recommend-item{
    height:40px;
    font-size:18px;
    line-height:40px;
    text-align:left;
    vertical-align:central;
    border-bottom: 1px dashed black;
    text-align:center;
}

.left-recommend-item-first{
    height:86px;
    text-align:center;
}

.left-mini-order{
    color:#A60202;
    font-size:20px;
    margin-top:10px;
}

.left-all-openhours{
    font-size:18px;
}

.btn-booking{
    background: #FA9318;
    color: #FFFFFF;
    font-size:20px;
    width: 150px;
}

.btn-order{
    background: #FFFFFF;
    color: #FA9318;
    font-size:20px;
    border:2px solid;
    width: 150px;
}

#all-orders{
    border: 1px solid #B3B3B3;
}

.menu-row{
    border-bottom: 1px solid #B3B3B3;
    font-weight: bold;
    background: #FAFAFA;
}

a>.recommend-title {
    text-decoration: none;
    text-decoration-color:none;
    color:white;
}

.recommend-title{
    font-size:20px;
    margin-left:10px;
}

.order-block{
    background:#FFFFFF;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    border-left:1px dashed #000000;
    border-right:1px dashed #000000;
    padding:10px;
}
/*.order-block-sm{
    background:#FFFFFF;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding:10px;
    width:100%;
    height:220px;
}*/
/*
.order-img{
    width:230px;
    height:150px;
}

*/

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.textOnlyMenuRow{
    background: white;
    display:flex;
}

.textOnlyInfo {
    flex-grow: 1;
    flex-basis: 50%;
    font-size: 1rem;
    font-weight: 500;
}

.textOnlyPrice {

}

.textOnly-order-title{
    text-align:left;
    overflow:hidden;
    font-size: 2rem;
    font-weight: 500;
}

.textOnly-order-abstract{
    text-align:left;
    height:75px;
    overflow:hidden;
    font-size: 1.5rem;
    font-weight: 500;
}


.order-price{
    text-align:left;
    font-size: 20px;
    line-height:20px;
    overflow:hidden;
    z-index:500;
}

.order-price-txtonly{
    text-align:left;
    /*font-size: 20px;
    line-height:20px;*/
    overflow:hidden;
    z-index:500;
    padding-top:20px;
}


.order-title{
    height:40px;
    text-align:left;
    font-size: 20px;
    line-height:20px;
    overflow:hidden;
}

.order-title-sm{
    height:20px;
    text-align:left;
    font-size: 20px;
    line-height:20px;
    overflow:hidden;
}

.order-abstract{
    text-align:left;
    height:75px;
    overflow:hidden;
}

.order-abstract-sm{
    text-align:left;
    height:60px;
    overflow:hidden;
}

.item_price {
    width: 100%;
    text-align: left;
    color: #f0812b;
    font-size: 30px;
    font-family: "ProximaNovaSoft-Bold";
    float:left;
}

.item_price_text{
    margin-top:5px;
    height:30px;
}

.item_price span {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    color: #f0812b;
    font-size: 14px;
}

.order-state {
    font-family: sans-serif; 
    font-size: 16px; 
    text-align: left; 
    float:left;
    height:24px;
}

.order-btn{
    float:right;
    color:#ffffff;
    background:#f0812b;
    font-size:16px;
}

.nav-head-container{
    padding-right: 0px;

}

.image-container {
    position: relative;
}
.image-container .after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width:100%;
    background: rgba(128, 131, 133, .5);
}

.resturant-nav-top-item-menu{
    color:white;
    font-size:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}

.dropdown-login-xs {
    top:40px;
    right:0px;
    left:auto;
    overflow:visible;
}

.rate{
    float : right;
    margin-right : 5px;
}

.rate-sm{
    margin-right : 5px;
    height:20px;
}

.right-block{
    float:right;
    width:50%;
    text-align:left;
}

.left-block {
    float:left;
    width:50%;
}

.order-img-sm{
    width:300px;
    height:180px;
}

#stickdiv1{
    height:100%;
    overflow-y:auto;
}

.stick {
    -webkit-transform: translate3d(0,0,0);
    position: fixed;
    top: 0;
    z-index:10000;
    background : white;
    margin-top:0px !important;
    padding-left:0px;
    width:inherit;
}

.sticktopbar {
    -webkit-transform: translate3d(0,0,0);
    position: fixed;
    top: 0;
    z-index:10000;
    background : white;
    margin-top:0px !important;
    padding-left:0px;
   
}

.stickdiv111{
    z-index:10000;
    background:white;
}

.recommend-title{

}

.recommend-dropdown{
    display: inline-block;
    float: right; 
    padding-right: 20px;
    position: relative;
}

#recommend-dropdown-sm{
    margin-left:-50px;
    width:200px;
    overflow-y: auto;
}

.recommend-sm{
    background:#f0812b;
    color:white;
    line-height:50px;
    margin-top:10px;
}

.shop-title-sm{
    color: white;
    font-weight:bold;
    font-size: 30px;
    padding-bottom: 10px;
    padding-top:10px;
    padding-left:0px;
}

.shop-addr-sm{
    color: white;
    font-size: 16px;
    padding-left:0px;
}

#resturant-head-icon{
    /*float:left;*/
}

#resturant-head-addr{
    /*float:left;*/
    margin-left:10px;
    /*z-index:-999;*/
}

#resturant-menu{
    overflow:hidden;
}

.resturant-nav-top-item-xs{
    font-size:20px;
    color:white;
}

.resturant-nav-top-select>option{
    background:white;
    color:black;
}

#upper-header{
    width:100%;
    display:flex;
    flex-wrap: nowrap;
}

.resturant-back-sm{
    background: #9E8852;
    vertical-align:central;
    margin-left:-15px;
}

.resturant-back-item{
    display:inline-block;
    font-size: 25px;
    vertical-align:middle;
    padding-left:5px;
    margin-top:0px !important;
}

#xs-bar{
    padding-right:10px;
}

#resturant-back-sm-openhours{
    color:white;
    padding-left:0px;
    padding-right:0px;
}

#resturant-back-sm-miniorder{
    color:#B30000;
    padding-right:0px;
    font-size:22px;
    line-height:50px;
}

.modelradio{
    visibility:hidden;
}

.modelradio + .modelradiolbl {
    background-image: url('../images/untick.png') ;
    background-size: 16px;
    width:16px;
    height:16px;
}

.modelradio:checked + .modelradiolbl {
    background-image: url('../images/tick.png');
    background-size: 16px;
    width:16px;
    height:16px;
}

.modelradio:disabled + .modelradiolbl {
    background-image: url('../images/disabled_checkbox.png');
    background-size: 16px;
    width:16px;
    height:16px;
}


#modeltable > tbody > tr > td {
    padding : 10px;
}

.ui-dialog{
    z-index:20000;
}

.top-bar-order{
}

.SquareButton{
    width:100px; 
    height:100px;
    background: #FF8000; 
    border: 30px solid #FF8000; 
    font-family: sans-serif; 
    font-size: 16px; 
    line-height: 1.1; 
    text-align: center; 
    vertical-align:central; 
    text-decoration: none; 
    display: inline-block; 
    border-radius: 3px; 
    font-weight: bold;
}

@media (max-width:750px ){
    .resturant-nav-main-link{
        color:black;
        background:white;
    }
}

@media (min-width: 750px) {
   .collapse {
       display: none !important;
   }
}

@media only screen and (max-width: 750px) {
.navbar-collapse, .in {background-color: #B89F5F;}
.navbar-collapse ul li a, .in ul li a {color: white;}
.navbar-collapse ul li a:hover, .in ul li a:hover {color: #23527c; background:#eee;}
}

@media (max-width: 750px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        /*float: none;*/
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}