.modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.inline{display: inline}
.bgwhite{
    background: #FFFFFF;
}
.float-right{
    float: right;
}
.float-left{
    float: left;
}
.total_price{
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
}
.clear{
    clear: both;
}
.btn-circle{
    border-radius: 10px;
}
.button-special{
    font-weight: bold;
    border: 2px solid #00a157;
    color: #00a157;
    border-radius: 10px;
    padding: 7px 20px;
    text-decoration: none!important;
    cursor: pointer;
}
.button-special:hover{
    background: #00a157;
    color: #fff;
}

.btn-icon{
    text-decoration: none!important;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height:25px;
    border-radius: 50%;
    padding: 4px 5px;
    font-size: 15px;
    line-height: 15px;
}
.btn-icon:hover{
    background: #999;
    color: #fff;
}
.btn-delete:hover{
    background: #ff0000;
    color: #fff;
}

.btn-action{
    color: #0b0b0b;
    background: transparent;
    border: 1px solid #ccc;
}

.restaurantItem,
.restaurantPage,
.restaurantGroup,
.restaurantItem
{
    border: 1px dashed #ccc;
    padding: 10px;
    margin: 10px;
    position: relative;
}
.tool-actions{
    position: absolute;
    right: 10px;
    top: 20px;
}
.productItemInfo{
    position: relative;
    margin-right: 60px;
}
.productItem{
    border: 1px solid #ccc;
    border-left: 3px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 20px;
    position: relative;
}
.productItem .tool-actions {
    top: 10px;
}
 #restaurantWrap h4{
     margin: 10px 0;
 }
 .pointer{
     cursor: pointer;
 }


.restaurantTitle{position: relative;
    display: inline-block;
}
.lec_main_menu_content_menu .menu-item{
    display: inline-block;;
    position: relative;
}
.lec_main_menu_content_menu span.sub{
    display: block;
    font-family: 'Kristi', cursive ,Times,serif;
    font-style: italic;
    font-size: 42px;
    text-transform: none;
    top: 0;
    position: relative;
    color: #cfa670;
    letter-spacing: 0 !important;
    font-weight: normal;
    line-height: 50px;
    position: absolute;
    top: -15px;
    left: -38px;
}

.restaurantTitle  .sub{
    display: block;
    font-family: 'Kristi', cursive ,Times,serif;
    font-style: italic;
    font-size: 60px;
    text-transform: none;
    top: 0;
    position: relative;
    color: #cfa670;
    letter-spacing: 0 !important;
    font-weight: normal;
    line-height: 50px;
    position: absolute;
    top: -15px;
    left: -50px;
}
.restaurantTitle .head {
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -4px;
    color: #1a3853;
    margin-bottom: 10px;
}
.restaurantDescription{
    font-size: 16px!important;
    font-weight: normal!important;
}
.restaurant_page h3{
    text-align: center;
}
.add_to_cart{
    background: #fff;
    color: #ff4f05;
    text-decoration: none!important;
    display: inline-block;
}
.add_to_cart:hover{
    /*border: 1px solid #ccc;*/
}

.linkselect-link{
    background: #fff;
    color: #ff4f05;
    text-decoration: none!important;
    display: inline-block;
    padding: 0px 10px;
}

.linkselect-container{
    max-width: 200px!important;
}

a.linkselect-link:hover, a.linkselect-link-focus {
    color:#0d6aad!important;
    background-color: #fff!important;
    outline: 0!important;
    border: 0!important;
    border-radius: 5px;
}

.product_item{
    margin: 20px 0px;
}

.product_item .options .row, .product_item .options .col-5, .product_item .options .col-7 {
    margin: 0!important;
    padding: 0!important;
}

.product_item .product_description {
    font-style: italic;
    margin-right: 120px;
}

.menuAnchor{
    display: inline-block;
    top: -80px;
    left: 0;
    position: absolute;

}

.menu-small a:link{
    font-size: 1.5em!important;
}

#modal_add2cart_content .inner{
    margin: 5px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(213 213 213 / 50%) 0px 4px 4px 0px;
    padding: 10px 24px;
}

#modal_add2cart_content .description{
    padding: 10px 20px;
}

#modal_add2cart_content .bg{
    background: #EFEFEF;
    padding: 10px 20px;
}

#modal_add2cart_content h4{
    margin: 5px 20px 10px 10px;
}

#modal_add2cart_content .photo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 180px;
    border-bottom: 1px solid #ccc;
}

#modal_add2cart_content .description{
    border-bottom: 1px solid #ccc;
}

#modal_add2cart_content  .form-control {
    margin-bottom: 10px;
    border-radius: 0;
    height: 40px;
    margin-top: 10px;
}


.cart,.cart:link,cart:hover{
    position: absolute;
    width: 35px;
    height: 35px;
    display: inline-block;
    top: 25px;
    right: 115px;
    color: red!important;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}
.cart i{
    margin: 3px 3px;
    display: inline-block;
}

.cart .num{
    position: absolute;
    top: 5px;
    right: -9px;
    display: inline-block;
    font-weight: bold;
    border-radius: 50%;
}

.lec_second_step .cart{
    top: 10px;
}

.qty .count {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px ;
    width: 30px;
    height: 30px;
    text-align: center;
    background: rgb(197, 69, 49);
    margin-left: 10px;
    margin-right: 10px;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    color: rgb(197, 69, 49);
    border: 2px solid #C34336 ;
    line-height: 27px;
}
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    color: rgb(197, 69, 49);
    border: 2px solid #C34336 ;
}


.checkout_item .qty .count {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px;
    width: 40px;
    height: 25px;
    text-align: center;
    background: rgb(197, 69, 49);
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 6px;
}

.checkout_item .qty{
    z-index: 1!important;
    position: relative;
}
.checkout_item .text-right{
    z-index: 0!important;
    position: relative;
}
.checkout_item .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 25px;
    height: 25px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    color: rgb(197, 69, 49);
    border: 2px solid #C34336 ;
    line-height: 20px;
}
.checkout_item  .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 25px;
    height: 25px;
    font: 30px/1 Arial,sans-serif;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    color: rgb(197, 69, 49);
    border: 2px solid #C34336 ;
}

.totalWrap{
    margin-top: 20px;
    padding-top: 10px;
    border-top:2px solid #ccc;
}

#modal_add2cart_content  .price{
     font-weight: bold;
    font-size: 1.2em;
 }
.qty input{
    border: 0!important;
    width: 2%;
    border-radius: 50%;
}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.qty input:disabled{
    background-color:white;
}


.checkOutPanel{
    position: fixed;
    width: 100%;
    max-width: 450px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #ccc;
    z-index: 9999;
    top: 0;
    left: 0;
}

/* check out*/
.move-to-left #lec_content,
.move-to-left header,
.move-to-left footer {
    padding-left: 400px;
}
.move-to-left  .lec_slide_txt,
.move-to-left  .lec_slide_subtitle{
    left: 70%;
}
.move-to-left  .lec_scroll_down {
    display: none;
}
#lec_page {
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    -ms-transition: transform .7s ease-in-out;
    -o-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}

.sidebar {
    height: 100%;
    width: 400px;
    position: fixed;
    top: 0;
    z-index: 999;
    right: 0;
    background-color: #ffffcc;
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    -ms-transition: transform .7s ease-in-out;
    -o-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}
.sidebar .close{right:20px; position: absolute;}
.sidebar .inner{
    border: 1px solid #ccc;
    background: #fff;
    margin: 10px 10px 10px 20px;
    padding: 20px 10px;
    border-radius: 10px;
}
.sidebar .header h3{
    margin: 10px;
}
.sidebar .header{
    position: fixed;
    width: 400px;
    top: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #ffffcc;
    z-index: 3;
}
.sidebar .footerFix{
    position: fixed;
    width: 400px;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #ffffcc;
    z-index: 3;
}
.sidebar .footerCart{
    margin-top: 20px;
}
.sidebar .contentCart {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 65px;
    padding-bottom: 60px;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    z-index: 1;
}
.sidebar .checkout_user{
    position: relative;
}
.sidebar .edit_customer{
    position: absolute;
    top: 0;
    right: 0;
}
.checkout_item .name{font-weight: bold;}
.checkout_item blockquote {
    border: 0px!important;
    margin: 0.5em 5px;
    padding: 0.2em 5px;
    quotes: "\201C""\201D""\2018""\2019";
    font-size: 1em;
}
.checkout_item blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
}
.checkout_item blockquote p {
    display: inline;
}


.checkout_item  .item{
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
}
.sidebar .checkout_user .form-control{
    height: 40px;
    margin-bottom: 15px;
}
.checkout_item .item:last-child{
    border: 0px;
}
.sidebar .totalWrap{
    font-weight: bold;
}

.hidden-xs {
    display: none;
}

.middle {
    margin: 0 auto;
}

.input_error {
    border: 1px solid #ff0000!important;
}

.space-header{
    background: #000;
    clear: both;
    height: 80px;
    position: relative;
}

.move-to-left {
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    -o-transform: translateX(-400px);
    transform: translateX(-400px);
}


.bar-style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.bar-style-2::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.bar-style-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

/*
 *  STYLE 3
 */

.bar-style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.bar-style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.bar-style-3::-webkit-scrollbar-thumb
{
    background-color: #000000;
}

/*
 *  STYLE 4
 */

.bar-style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.bar-style-4::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.bar-style-4::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
}

.product_item_line{
    padding: 5px 0;
}
.product_item_head_line{
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
}

.product_thumb{
    float: left;
}
.restaurant_page h2,
.restaurant_page h3 {
    position: relative;
}
.restaurant_page h2::after {
    content: " ";
    display: inline-block;
    width: 300px;
    height: 30px;
    bottom: -40px;
    left: 50%;
    margin-left: -150px;
    background: url("../images/line.png") no-repeat;
    position: absolute;
}
.restaurant_page h3::after {
    content: " ";
    display: inline-block;
    width: 70px;
    height: 10px;
    bottom: -10px;
    left: 50%;
    margin-left: -35px;
    border-bottom: 3px solid #FCA629;
    position: absolute;
}

.chat_order_item,
.chat_order_item:hover{
    display: inline-block;
    margin: 3px;
    border-radius: 5px;
    padding: 0px 7px;
    background: #0d6aad!important;
    color: #fff!important;
    cursor: pointer;
}


@media (max-width:768px){
    .bodyFixed{
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .restaurant_page h2 {
        margin-top: 30px;
    }

    .restaurant_page h3 {
        margin-top: 30px;
    }

    .product_item{
        border-top: 1px dotted #ccc;
        padding-top: 10px;
    }

    .product_item .line {
        display: table;
        width: 100%;
        background: none;
    }
    .product_item .line .item_ref,
    .product_item .line .product_name,
    .product_item .line .float-right{
        display: table-cell;
        vertical-align: top;
    }
    .product_item .line .float-right{
        white-space: nowrap;
    }

    .restaurantTitle  .sub{
        font-size: 40px;
        top: -15px;
        left: -30px;
    }
    .restaurantTitle .head {
        font-size: 40px;
    }

    .hidden-sm{
        display: none;
    }

    .cart {
        top:10px;
    }

    .sidebar {
        height: 100%;
        width: 100%;
    }
}

@media (max-width:500px){
    .lec_logo i{
        display: none;
    }

    .cart, .cart:link{
        top: 10px;
    }
}