html body{
    font-family: "Open Sans", sans-serif ;
}
body .border-red{
    border: 1px solid #207723;
    background-color: #fff;
    border-bottom: 1px solid #207723;
}
.card-header.account h3{
    margin-bottom: 0;
    color: #207723;
}
.account-menu .menu-item.active{
    background-color: #207723;
    color: #fff;
}
.account-menu .menu-item{
    border: 1px solid #207723;
    margin-bottom: 10px;
    color: #207723;
    padding: 5px 10px 5px;
    font-size: 25px;
}
.track-order .sub-menu{
    background: #fffffff2;
}
.track-order .sub-menu a{
    color: #207723;
}
#product_window {
    position: fixed;
    left: 0;
    top: 75px;
    height: 100%;
    background: #ccc;
    padding: 1em;
}
#view_cart hr{
    border-top: 1px solid #043806;
}
#view_cart {
    position: fixed;
    right: 0;
    top: 0px;
    /*height: 100%;*/
    width: 395px;
    z-index: 2;
}

.cart-item-option {
    font-size: 0.8em;
    padding-left: 20px;
}

.cart-item-option-detail {
    border-radius: 2px;
    padding: 2px;
    margin: 1px;
    text-transform: capitalize;
}

.category-list-item {
    margin-top: 15px;
}

.box-list-item {
    color: #000;
}

.navbar-light .navbar-nav .nav-link:hover {
    border-bottom: 1px solid #043806;
}

.navbar-light .navbar-nav .nav-link {
    color: #207723 !important;
    font-weight: bold;
    font-size: large;
}

.navbar-light .navbar-nav .nav-link.btn-outline-danger:hover {
    border-color: #043806;
    background-color: #043806;
    color: #fff !important;
    ;
}

.navbar-light .navbar-nav .nav-link.btn-outline-danger {
    border-color: #207723;
    color: #207723;
    padding-left: 30px;
    padding-right: 30px;
}

ul.custom-menu li a {
    color: #207723;
}
ul.custom-menu li.active a:hover{
    color: #fff !important;
}
ul.custom-menu li.active a {
    color: #fff;
}

ul.custom-menu li {
    /*width: 60px;*/
    padding-left: 15px;
    padding-right: 15px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #207723;
    cursor: pointer;
    /*border-right: 1px solid #207723;*/
}

ul.custom-menu li:last-child {
    border-right: 0;
}

ul.custom-menu li.active {
    background-color: #207723;
    color: #fff;
}


a.load-product {
    color: #222;
    text-decoration: none;
}

#menu_content a {
    text-decoration: none;
}

#menu_content {
    /*border: 1px solid #dbdcdd;*/
    padding-top: 0 !important;
}

#footer {
    background-color: #0f0f0f;
    display: flex;
    justify-content: center;
    padding: 50px 20px 20px 20px;
}

#footer h3 {
    margin-bottom: 15px;
}

#footer a:hover {
    text-decoration: none;
}

#footer h3,
#footer p,
#footer a {
    color: #fff;
}

.checkout-ul {
    background-color: #207723;
    height: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

.checkout-ul li a {
    color: #fff;
}

.checkout-ul li {
    padding: 15px;
    color: #fff;
}

.checkout-ul li:nth-child(1) {
    width: 20%;
    border-right: 1px solid #fff;
}

.checkout-ul li:nth-child(2) {
    cursor: pointer;
}

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5ebec;
}

#app nav {
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
}

.list-picture {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-filter: drop-shadow(0px 5px 5px #222);
    filter: drop-shadow(0px 5px 5px #222);
    transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.list-picture:hover {
    webkit-transform: scale(1.06);
    transform: scale(1.06);
}

#exampleModalCenter .modal-body {
    padding: 2rem;
}

.modal-body button.close {
    position: absolute;
    right: 20px;
    top: 10px;
}

#OpenMapCenter .modal-footer{
    padding: 0;
}
#OpenMapCenter .modal-body button.close {
    position: absolute;
    right: -5px;
    top: -5px;
    opacity: 1;
}

.cover-img {
    background: no-repeat center;
    background-size: cover;
    height: 450px;
}

.cart_num {
    color: #ffffff;
    position: absolute;
    margin-left: -10px;
    font-size: 10px;
    margin-top: 2px;
}

.btn-brown {
    color: #fff !important;
    border-color: #207723 !important;
    background-color: #207723 !important;
}

.btn-brown:hover {
    background-color: #043806 !important;
    border-color: #043806 !important;
}

.btn-link.text-brown:hover {
    color: #207723;
}

.btn-link.text-brown,
.text-brown {
    color: #207723;
}

.text-brown-light {
    color: #207723;
}

input.custom-login:focus,input.custom-register:focus {
    color: #207723;
}

input.custom-login:hover,input.custom-register:hover {
    background: #ced4da;
}

input.custom-login,input.custom-register {
    border: 0;
    border-bottom: 1px solid #ced4da;
    font-size: 25px;
    color: #207723;
}
a.btn-secondary{
    color: #641013;
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}
a.btn-secondary:hover{
    color: #641013;
    background-color: #bbbbbb;
    border-color: #bbbbbb;
}

.card-header.bg-brown{
    background-color: #043806;
    color: #fff;
}
.item-lists{
    padding-left: 0;
}
.update-data .item-group,.item-lists,.item-list{
    list-style: none;
}
.update-data .item-group .item .fas{
    font-size: 10px;
    cursor: pointer;
}
.update-data .item-group{
    margin-bottom: 0;
}
.update-data .item-group .item{
    float: left;
    padding: 5px;
}
.update-data .item-group .item.remove{
    padding-left: 10px;
}
.update-data .item-group .item.data input{
    width: 30px;
    text-align: center;
    border: 0;
    color: #207723;
}
#menu_content .card{
    border: 0;
}
.card-body{
    background-color: #ddffde8c;
}

.hero-product{
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
}
.hero-product::before {
    content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
    background-color: rgba(255, 255, 255, 0.6);
}
.box-list-item .content{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #207723;
    margin-top: -111px;
    z-index: 1;
    background: #00000085;
}
.box-list-item .content:hover{
     background-color: #f3e9e9;
}
.rest-name{
    background: rgba(255, 255, 255, 0.4);
    height: 90px;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #207723;
}
.new_adress{
    display: none;
}

#menu_content .confirm_page{
    padding: 15px;
}

.contact-list,.choose-time-box-detail{
    padding: 10px 10px 10px 20px;
    border: 1px solid #dadada;
    background: #fff;
}

h4.title,h5.title,td.title{
    color: #207723;
}

.table.table-order{
    background-color: #eee;
}
.table.table-order thead tr{
    background-color: #e0e0e0;
}
.table.table-order tfoot tr td{
    background-color: #fff;
    padding: 0;
}
.list-style-none{
    list-style: none;
}

.hidden{
    display: none !important;
}
.choose-time-box ul li{
    margin-top: 5px;
}
.choose-time-box{
    display: none;
    padding: 20px;
}
.choose-time-box .list-group .btn-light.btn-choose-time.active{
    color: #fff !important;
    background-color: #207723;
    border-color: #207723;
}
.f25-w800{
    font-weight: 800;
    font-size: 25px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    background-color: #207723 !important;
}
.table-condensed a{
    color: #207723;
}
.table-condensed a:hover{
    color: #207723;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background-color: #207723 !important;
    border-color: #207723 !important;
}
.table-condensed .btn-primary{
    background-color: #207723 !important;
    border-color: #207723 !important;
}
.bootstrap-datetimepicker-widget table td.active.today:before{
     border-bottom-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.today:before{
    border-bottom-color: #207723 !important;
}

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -5px;
    left: -1px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #043806;
    transform: translate(1.5px, 2.5px);
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -5px;
    left: -1px;
    position: relative;
    background-color: #043806;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #ffffff;
    transform: translate(1.5px, 2.5px);
}

input[type=checkbox] {
    cursor: pointer;
    font-size: 12px;
    visibility: hidden;
    transform: scale(1.5);
    margin-right: 15px;
}

input[type=checkbox]:after {
    content: " ";
    background-color: #fff;
    display: inline-block;
    color: #043806;
    width: 14px;
    height: 14px;
    visibility: visible;
    border: 1px solid #043806;
    padding: 0 3px;
    margin: 2px 0;
    box-shadow: 0 0 15px 0 #f7edee, 0 0 2px 0 #f7edee;
}

input[type=checkbox]:checked:after {
    content: "\2714";
    display: unset;
    font-weight: bold;
}
input.under-bottom-hover{
    background: transparent;
    border: 0;
    margin: 10px 0;
}
input.under-bottom-hover:focus{
    border: 0;
    outline: none;
    border-bottom: 1px solid #207723;
}
input.under-bottom-hover:hover{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #207723;
    margin: 10px 0;
}
.cursor-pointer{
    cursor: pointer;
}
.text-icon{
    color: #207723!important;
}
.text-name{
    color: #207723!important;
    font-weight: 700;
}
.text-email{
    color: #722020!important;
    font-weight: 700;
}
.text-phone{
    color: #363737!important;
}
.text-address{
    color: #207723!important;
}
/*a:hover{
    color: #207723!important;
}*/
#menu_content h3,#menu_content h2, .login-form h2,header a h2{
    color: #207723;
}
#menu_content h2.title,#product_content h2.title,h4.title, h5.title, td.title{
    color: #207723;
}
.log-out{
    color: #207723;
}
.log-out:hover{
    color: #207723;
}
.account-menu a.active:hover{
    color: #fff!important;
}
.login-bg-customer{
    background: #207723;
    display: flex;
    align-items: center;
    justify-content: center;
}
#menu_content .text-danger, .toggle-view_cart .text-danger{
    color: #207723!important;
}
#product_content .text-danger,#view_cart .text-danger{
    color: #207723!important;
}

.log-out{
    color: #207723;
}
.log-out:hover{
    color: #207723;
}
header .btn{
    border-radius: 1.25rem;
}
.under-bg {
    background: #207723;
    height: 50px;
    width: 100%;
}
#menu_content .open_hours-bg h2{
    color: #fff;
    font-size: 3rem;
}
.bg_cover_image img{
    -webkit-filter: drop-shadow(0px 5px 5px #222);
    filter: drop-shadow(0px 5px 5px #222);
}
#facebookAppIframeModels .modal-dialog {
    max-width: 1000px;
}
#facebookAppIframeModels button.close{
    position: absolute;
    top: 0px;
    right: -80px;
    background: #fff;
    padding: 10px 25px;
}
header{
    position: fixed;
    height: 80px;
    width: 100%;
    background: #0000004a;
    z-index: 2;
    display: flex;
    align-items: center;
}

.navbar-brand .title{
    color: #fff;
}
header .row .col-4{
    display: flex;
    align-items: center;
}
header .custom-menu{
    margin-bottom: 0;
}
header .nav-item .btn{
    padding-right: 35px;
    padding-left: 35px;
}
.btn-brown-dark{
    color: #fff !important;
    border-color: #207723 !important;
    background-color: #207723 !important;
}
.toggle-view_cart .text-danger {
    color: #207723!important;
}
#product_content{
    background-color: #96cc76;
}
.open_hours-bg{
    background-color: #207723;
    padding: 40px 0;
    font-size: 1.5rem;
    color: #fff;
}
/* .category-item{
    list-style: none;
    display: inline-block;
    background-color: #207723;
    margin-bottom: 0;
    padding-left: 0;
    float: left;
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
} */
.category-item.dropdown-toggle{
    /* list-style: none; */
    /* width: 100%; */
    /* display: block; */
    background-color: #207723;
    text-align: left;
    color: #ffffff;
    padding: 5px 25px;
    font-size: 25px;
    border-radius: 25px;
}
.category-item.dropdown-toggle:hover{
    color: #ffffff;
}
.category-item .cate-item.active{
    background-color: #207723;
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
    display: block;
}

.category-item .cate-item.selected:last-child{
    background-color: #207723;
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
}
.category-item .cate-item.selected{
    background-color: #207723;
}
.category-item .cate-item:hover{
    background-color: #207723;
}
/* .category-item .cate-item{ 
    padding: 10px;
    display: none;
    cursor: pointer;
    color: #fff;
    font-size: 25px;
    border-right: 1px solid #207723;
    padding-left: 30px;
    padding-right: 30px;
} */
.category-items .dropdown-item.active,.category-items .dropdown-item:active{
    background-color: #043806;
    color: #fff;
}
.category-items .dropdown-item:focus, .category-items .dropdown-item:hover{
    background-color: #043806;
}
.category-items .dropdown-menu.show{
    background-color: #207723;
    padding-top: 0;
    padding-bottom: 0;
}
.category-items .dropdown-item.cate-item{
    padding: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 25px;
    border-right: 1px solid #207723;
    padding-left: 30px;
    padding-right: 30px;
}
/* .category-item:hover > .cate-item{
    display: block;
} */
.category-item .cate-item:first-child,.category-item .cate-item:last-child{
    border-right:0;
}
.category-item .cate-item:last-child:hover{
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
}
.cate-main{
    padding: 20px;
    padding-bottom: 0;
}
.cate-main button{
    /* float: left; */
    border-radius: 1.25rem;
    display: inline-block;
}
.btn.btn-danger {
    color: #fff;
    background-color: #207723;
    border-color: #207723;
}
@media only screen and (max-width: 768px) {
    .col-xs-6.category-list-item{
        width: 50%;
    }
    #product-search{
        padding-right: 0;
        padding-left: 0;
    }
    #product-search .img-div.list-picture{
        height: 150px !important;
    }
    body #product-search h3.cat-name{
        font-size: 1.1rem;
    }
    body #product-search p.price{
        margin-bottom: 0;
    }
    #product-search .box-list-item .content{
        margin-top: -75px;
        padding: 5px 10px;
    }
    #product-search .box-list-item{
        padding: 10px !important;
    }
    #product-search .category-list-item {
        margin-top: 0;
    }
    body #product-search h3.cat-name {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    body .titlespacing {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    body .category-items .category-item, body .category-items .dropdown-menu.show {
        width: 100%;
        border-radius: 0;
        top: -4px !important;
        border: 0;
    }
    body .category-items .category-item.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        float: right;
        margin-top: 15px;
    }
    body  .category-item .cate-item.active {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cate-main .col-md-12{
        padding-left: 0;
        padding-right: 0;
    }
  }