#modalContent {
  bottom: calc(30% + env(safe-area-inset-bottom)) !important;
}
#cartItem{
  top: calc(65px + env(safe-area-inset-top));
}

#orderType{
  bottom: calc(50% + env(safe-area-inset-bottom)) !important;
}
#cartItem .shadow-bg{
  bottom: 0;
}

button.cart-btn.btn.btn-light.text-muted.mx-1 {
  padding: 2px 10px;
  border-radius: 5px
}
.local .affix-cart.d-lg-block {display: none !important;}
.form-control{
  border-radius: 10px !important;
  min-height: 53px !important;
}
.form-select{
  border-radius: 10px !important;
  min-height: 53px !important;
}
.menu-detail{
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
#page-wrapper{
  padding-bottom: 25px !important;
}
.theme-dark .nav-categories .nav-link, .theme-dark .nav-categories .nav .navbar > li > a, .theme-dark .nav .nav-categories .navbar > li > a {
  color: #ffffff;
}
.theme-dark .nav-link.active {
  color: #4a89dc !important;
}
.btn.btn-light{
  background: #ffffff;
  color: #000000 !important;
}
.btn.btn-light.active{
  background: #5292e2;
  color: #ffffff !important;
}
#coupon-form .form-control {
  border-radius: 10px 0px 0px 10px !important;
}
#modalContent .form-control {
  border-radius: 0px 0px 0px 0px !important;
}
#menu-main .dropdown-menu{
  box-shadow: none !important;
}
.profile .d-flex{
  justify-content: center !important;
  align-items: center !important;
}
.header-toggle{
  border-radius: 20px;
  background: gray;
  padding: 5px;
  display: flex;
  flex-direction: row-reverse;
}
.head-order-btn.active{
  border-radius: 20px;
  background: #ffffff !important;

}
.head-order-btn{
  padding: 0px 20px;
  color: #ffffff !important;
  width: 50%;
  border-radius: 20px;
  text-align: center;

}
.head-order-btn strong{
  color: #ffffff !important;
}
.head-order-btn.active strong{
  color: #000000 !important;
}
.text-reset.name-image.text-left ul.list-unstyled.small{
padding-left: 45px !important;
}