/* @override 
	http://sumosushibento.local/dojo/assets/css/dinesafe.css */







.bg-tint {
	background-color: #f5f6f7;

}
.bg-tint.rounded {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.text-RTL,
 .text-RTL * {
   direction: rtl;
   text-align: right !important;
   unicode-bidi: embed
 }

 .text-LTR,
 .text-LTR * {
   direction: ltr;
   text-align: left !important;
   unicode-bidi: embed
 }


div.menufloat {

	position: fixed;
	z-index: 3;
	background-color: #fff;
	padding: 3px 5px 5px;
	top: 0;
}
div#menucontents {
		position: relative;
}

div.item-tile {
		border-radius:18px;
}

div.item-tile-button {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	padding: 1px;
	position: absolute;
	width: 90%;
	overflow: hidden;
	bottom: -4px;
	background-color: rgba(0, 78, 139, 0.45);
	border-radius:40px;

}


 div.item-title {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	opacity: 1;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	position: relative;
	z-index: 2;
	display: block;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
	bottom: 0;
 	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.53);
 }



 .ani {
 	font-family: 'Open Sans', sans-serif !important;
	font-weight:300;
	font-size: 1.3rem!important;
	line-height: 2rem !important;
 	padding: 8px;
 	color: #7e7e7e !important;
 	margin-top: 25px;
 	border-bottom-style: none;
 }

span.requiredtxt {
	color: #00a6e3;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: normal;
}

	div.bgimage {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
	padding-right: 0;
	padding-left: 0;
	border: 5px solid #ffffff;
	border-radius: 12px;
	}



ul.nav.nav-pills li.nav-item.rounded-pill.bg-white.text-dark.border.border-1 {
	margin-right: 0px;
	margin-top: 4px;
	font-size: .70rem;
	padding-top: 0;
	padding-bottom: 0;
}
div.container-fluid.menu-item-container {
	margin: 0;
	padding: 0;
}
.bg-white,
.btn-white {
	color: #63686a;
	background-color: #ffffff!important;
}

.control-bar {
	display: block;
}
.btn-mini {
	font-size: 1.24rem;
	padding: 3px 12px;
	border: 1px solid #ededed;
	border-radius: 15px;
	height: 25px;
}
.btn-mini-rounded {
	 font-family: 'Open Sans', sans-serif !important;
	background-color: #0791e2;
	color: #ffffff !important;
	padding: 6px 18px;
	text-decoration: none;

	border: 1px solid #0481cb;
	border-radius:20px;
	position: relative;

	text-align: center;
}
.btn-mini-rounded:hover {
	 font-family: 'Open Sans', sans-serif !important;
	background-color: #0573b4;
	color: #ffffff !important;
	padding: 6px 18px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #0481cb;
	border-radius:20px;
	position: relative;
	text-align: center;
}

.wide-btn {
	display: block;
	width: 100%;
}


.a-font {
font-size: 1.5rem;
line-height: 1.2rem;
}
a.nav-link {
	color: #63686a;
	margin: 0;
	padding: 6px 12px;
	font-size: 1.1rem;
}
a.nav-link.rounded-pill.active {
	background-color: #6aa1dd;
}
a.nav-link.rounded-pill:hover {

	background-color: #6aa1dd;
	color: #fff;
}



.nav-link:focus,.nav-link:hover {
color:#63686a;
}
ul#hnav-items.nav.nav-pills.vam.dragger,
div#hnav.hnav ul.nav.nav-pills.vam.dragger {
	position: relative;
	display: inline-block;
	 white-space: nowrap;
	 overflow-x:auto;
	overflow-y: hidden;
  -webkit-overflow-scrolling: touch;

}


div.hnav {
  position: relative;
  z-index: 2;
  clear: both;
  width: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;

}
div.hnav .scroll {
 white-space: nowrap;
  overflow-x:auto;
	overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

ul.dragger::-webkit-scrollbar,
div.hnav .scroll::-webkit-scrollbar {
display: none;
overflow: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

div.hnav .vam {
  display: inline-block;
  vertical-align: middle;
}

div.hnav .nav {
  width: 100%;
}

div.hnav .nav-item {
  display: inline-block;
  vertical-align: middle;
}

.item-miniimage {
	float: left;
	position: relative;
	max-width: 120px;
	min-width: 120px;
	border: 0!important;
	border-radius: 12px!important;
	border-bottom-style: none;
	cursor: pointer;
	margin: 0;
}

li.list-group-item {
	margin: 0;
	padding: 0;
}

div.fw-bold.orderitemview {
	cursor: pointer;
}
div.MIContainerBox div.text-LTR.MI {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
}
img.formimgadjust {
	width: 23px;
}
ul.menucontents li{
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
}

ul.list-group.menu-list-items li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 10px 10px 15px;
}
div.menu-items {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px;
}

a.list-group-item.list-group-item-menu {
	border-top-style: hidden;
	border-radius:0;
}

.category-title {
	font-family: 'Oswald', sans-serif;
	font-weight:300;

	font-size: 3.8rem;
	margin-top: 1.8rem;
	text-transform: uppercase;
	color: #4976a8;
}

li.list-group-item.list-group-item-menu-id div.list-group-item-menu {
	padding-left: 20px;
	padding-top: 15px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}


li.list-group-item div.list-group-item.list-group-item-menu {
	border-top-style: none;
	border-style: none;
	border-bottom: 1px solid #e5e5e5;
}

span.item-description {
	font: 1.5rem/2.3rem 'Open Sans', sans-serif;
	font-weight: 300;
	height: 44px;
	overflow: hidden;
	display: block;
	margin-bottom: 4px;
}
span.item-description::after {
	content:"  …";
}
div.menu-item-info {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
div.menu-item-info span.badge.bg-light.rounded-pill.text-dark.float-end {
	float: right;
}
.item-price {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 1.3rem!important;
	line-height: 2.2rem !important;
	color: #8096ab;
}
div.modal-header button.btn-close {
	padding-top: 15px;
	padding-right: 15px;
}
div.modal-header h5.modal-title {
	font-size: 1.1rem;
	text-align: center;
	width: 100%;
}


.accordion-item {
	border-bottom-style: none;
}
 div.disclamer {
 	font-size: 1rem;
 	padding-top: 18px;
 }
div.specials-title,
div.welcome-title {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color: #6e6e6e;
}
.specials--title {
		border-top: 1px solid #e5e5e5;
		color: #262a2f!;
}
li#list-MonthlySpecials.list-group-item div.list-group-item.list-group-item-menu.bg-light {
	border-top: 1px solid #e5e5e5;
}

div.modifier_section {
	background-color: #ffffff;

	width: 100%;
}
div.optionTitle {
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 1px solid #ebebeb;
	color: #545454;
}
.screenprice {

	font-weight: 200;
	color: #525254;
}

div.scroll_container {
	max-height: calc(100vh - 30px);
	z-index: -2;
	overflow: scroll;
	border-radius: 12px;
	min-height:520px;
	perspective: 500px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
div.scroll_container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
div.scroll_container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



div.scrollcontainer {
	max-height: calc(100vh - 30px);
	z-index: -2;
	overflow: scroll;
	border-radius: 12px;
	min-height:100px;
	perspective: 500px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
div.scrollcontainer::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
div.scrollcontainer {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}





.btn-checkout {
	color: #ffffff;
	font-size: 1.6rem;
	border: 1px solid #69823e;
	margin: 10px auto 15px;
	background-color: #799648;
}
.btn-checkout:hover {
	color: #ffffff;
	background-color: #698142;
	border: 1px solid #799648;
}

textarea#selectednote.form-control {
	border-style: none;
	padding: 0 10px;
	font-size: 1.4rem;
	font-weight: 200;
	background-color: #f8f8f8;
}
.btn.btn-lite {
	background-color: #e7e7e7;
	border: 1px solid #d9d6d6;
	color: #737373;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
	--bs-offcanvas-width: 500px;
	--bs-offcanvas-height: 30vh;
	--bs-offcanvas-padding-x: 1rem;
	--bs-offcanvas-padding-y: 1rem;
	--bs-offcanvas-color: ;
	--bs-offcanvas-bg: #fff;
	--bs-offcanvas-border-width: 1px;
	--bs-offcanvas-border-color: var(--bs-border-color-translucent);
	--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}


.cart-fixed-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.14);
}


.checkout {
	position: relative;
	bottom: 0;
	width: 100%;
}
.no-border {
	border-style: none!important;
}


div.footer.minifooter {
	position: fixed;
	width: 100%;
	margin: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	z-index: 10;
}


 div.foot-info {
 	max-width: 500px;
 	min-width: 325px;
 	padding: 10px;
 	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 	margin-right: auto;
	margin-left: auto;
 }

body.modal-open div.footer.minifooter {
 padding-right: 15px !important;
 }


div.footer.minifooter a.btn.btn-view {
	font-size: 1.5rem;
	position: relative;
}


div.footer.minifooter a.btn.btn-view
span#itemcount{
	color: #799648;
	float: left;
	padding-left: 5px;
	background-color: #ebf0e1;
		padding: 2px 10px;
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 1.2rem;
	border-radius: 3px;
}

div.footer.minifooter a.btn.btn-view
span#carttotal {
	color: #799648;
	float: right;
	margin-right: 5px;
	background-color: #ebf0e1;
	padding: 2px 10px;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 1.2rem;
	border-radius: 3px;
}
div.co-title {
	font-size: 1.2rem;
	padding-bottom: 4px;
}
h4#offcanvasCartLabel.offcanvas-title {
	padding-top: 4px;
}


div#offcanvasCart.offcanvas.offcanvas-end div.offcanvas-header {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
	z-index: 1;
}


div#offcanvasCart.offcanvas.offcanvas-end div.offcanvas-body {
	margin-bottom: 118px;
}
/* ==================== table format =================== */

    .table {
	  font-family: 'Open Sans', sans-serif !important;
      display: flex;
      flex-flow: column nowrap;
      font-size: .8rem;
      line-height: 2rem;
      border-bottom: 1px solid #d8d8d8;
      /*text-align: left;*/
      padding:0;
      margin:0;

    }

    .th {
      display: none;
      font-weight: 700;
      background-color: #f2f2f2;
    }

    .th > .td {
      white-space: normal;
      justify-content: center;
    }

    .tr {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;

    }


    .td {
      display: flex;
      flex-flow: row nowrap;
      flex-grow: 1;
      flex-basis: 0;
      padding: 0.8em;
      word-break: break-word;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0px;
      white-space: nowrap;
      border-bottom: 1px solid #ededed;

    }


.td.cart_total.text-normal {
	font-weight: normal;
	font-style: normal;
}

/* ==================== table format =================== */






div.dojo-toast {
	position: relative;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
	text-align: center;
	z-index: 12000;
	font-size: 1.6rem;
	margin-top: 5px;
	border-radius: 12px;
}

div.dojo-toast-body {
	min-height: 40px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 12000;

}

div.dojo-toast-container {
	clear: both;
	width: 100%;
	position: fixed !important;
	min-height: 40px;
	z-index: 12000;
}

div.dojo-toast.align-items-center.text-white.border-0.fade.show {
	min-height: 40px;
}





.carttable {
	font-size: 1.5rem;
	font-family: 'Open Sans', sans-serif !important;
	margin-top: 12px;
	background-color: #ffffff;
}
.cart_quantity.td {
	color: #69a0dd;
	font-weight: 600;
	font-size: 1.6rem;
}

.cart_title.td {

}

.cart_price.td {

}

 div.cart_price.td ul.cartlist li.cart_discount {
 	text-align: right;
 	color: #1a8cf8;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: normal;
	font-style: normal;
 }


.cart_total.td {
	font-weight: 600;
	font-size: 1.8rem;

}
.cart_total span,
.cart_total.td span,
.cart_price.td span {
	/*color: #606456;*/
	color: #4b89a5;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 1.2rem;
	line-height: 2.2rem;
	font-weight: normal;
	font-style: normal;
}

.strong {
	font-weight: 700;
}

span.remove_item {
	margin-right: 10px;
}

.icon_spacer {
	width: 16px;
	height: 16px;
}

 ul.cartlist {
 list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
 }
ul.cartlist li.cart_title {
font-family: 'Open Sans', sans-serif !important;
font-weight: 500;
}
ul.cartlist li.cart_options span {
	display: block;
	font-size: 1.3rem;
	color: #5e8a9e;
	padding-left: 8px;
	font-weight: 300;
}
.text-note {
	font-size: 1.3rem;
	color: #5e8a9e;
	font-weight: 300;
}

.inline {
	display: inline-block;
}

div.note_panel {
	position: relative;
	margin-left: -10px;
	margin-top: -50px;
	margin-right: -10px;
}

textarea#ordernote.form-control {
	border-style: none;
	padding: 5px 10px;
	font-size: 1.4rem;
	font-weight: 200;
	background-color: #f8f8f8;
}

div.text-start.tr.discounted {
	background-color: #e8f4ec;
	padding-top: 5px;
}
div.text-start.tr.discounted li.cart_title{
	color: #278a45;
}
div.text-start.tr.discounted li.cart_options{
	color: #1a8cf8;
	font-weight:200;
	font-size: 1.3rem;

}
 div.cart_title.td ul.cartlist li.cart_options {
		color: #1a8cf8;
	font-weight:200;
	font-size: 1.3rem;
}

p.fineprint {
	font-size: 1.2rem;
	line-height: 1.5rem!important;
	color: #666666;
	margin-bottom: 0;
	margin-top: 5px;
}



.show {
	opacity: 1;
  transition: opacity 800ms;
}
.hide {
  opacity: 0;
  transition: opacity 800ms;
}


.pop_model {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	padding: 0;
	overflow: auto;
	z-index: 98;
}
.pop_modal_bg {
	z-index: 101;
	width: 100%;
	height: 100px;
	min-height: 100vh;
	min-width: 100vh;
	background-color: rgba(0, 0, 0, 0.45);
	position: relative;

}


 .pop_model_container {
 	position: absolute;
 	top: 0;
 	left: 0;
 	 display: flex;
 	 align-items: center;
 	 justify-content: center;
 	 width: 100%;
 	 height: 60%;
 	z-index: 110;
 }
.pop_model_content {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.33);
	overflow: auto;
	border-radius: 18px;
	background-color: #ffffff;
	min-width: 350px;
	max-width: 450px;
	padding: 20px;
	opacity: 1;
	z-index: 115;
}



/* ================== tablets ==================== */
@media (min-width: 768px) {


div.special-menu-items div.item-miniimage,
div.special-menu-items div.bgimage {
	max-width: 165px!important;
	min-width: 165px!important;
	border-bottom: 1px solid #e5e5e5;
}
div.menu-items.special-menu-items {
	border-bottom: 1px none #e5e5e5;
}

div.specials-title {
border-bottom: 1px solid #e5e5e5;
}

/*li#list-MonthlySpecials.list-group-item .category-title {
	text-align: center;
}*/

div.col-12.specials-title.pt-2 {
	border-bottom: 1px none #e5e5e5;
}
.col-12.col-md-6.col-xl-4.menu-items{

	border-left: 1px solid #f5f5f5;

}

}

@media (min-width: 1200px) {

div.special-menu-items div.item-miniimage,
div.special-menu-items div.bgimage {
	max-width: 200px!important;
	min-width: 200px!important;

}



}
.wait {cursor: wait;}
.not-allowed {cursor: not-allowed;}
.progress {cursor: progress;}
.pointer {cursor: pointer;}
