/* CSS Document */
:root
{
    --page-background: #ffffff;
    --order-background: #ffffff;
    --selected-background: #e7e7e7;
    
    --header-background: #e7e7e7;
    
    /* accent lines */
    --order-accent: #e7e7e7;
    
    /* global font sizes */
    --font-sm: 12px;
    --font-md: 15px;
    --font-lg: 17px;
    --font-xl: 24px;
    
    /* global font weights */
    --font-weight-normal : 300;
    --font-weight-medium : 400;
    --font-weight-heavy  : 600;
    
    --default-border-radius: 4px;
    --default-border-color: #e7e7e7;
    
    --default-error-background: #e00000;
    --default-error-text: #ffffff;
    
    --default-alert-background: #800000;
    --default-alert-text: #ffffff;
    
    --default-modal-background: #ffffff;
    --default-modal-border-radius: 16px;
    
    --default-subtle-text-color: #707070;
    --default-faint-text-color: #e0e0e0;
    --default-mid-text-color: #404040;
    --default-text-color: #000000;
    
    --default-header-color: #e7e7e7;
    --default-subheader-color: #f0f0f0;
    
    --theme-primary-color: #ffffff;
    --theme-button-color: #ffffff;
    --theme-button-text-color: #ffffff;
    
    --default-phone-screen-size: 900px;
    --default-laptop-screen-size: 996px;
    --default-desktop-screen-size: 1200px;
}

html 
{
  position: fixed;
  height: 100%;
  overflow: hidden;
}

body 
{
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: var( --page-background );
}

select 
{
    margin: 3px;
    background-color: white !important;
    border: 1px solid var( --default-subtle-text-color );
    color: var( --default-mid-text-color );
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    font-size: var( --font-md );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d0d0d0;
    opacity: 1; /* Firefox */
    font-size: var( --font-md );
}

.btn-theme { 
  color: var( --theme-button-text-color ); 
  background-color: var( --theme-button-color ); 
  border-color: var( --theme-button-color ); 
    border-radius: 24px;
} 
 
.btn-theme:hover, 
.btn-theme:focus, 
.btn-theme:active, 
.btn-theme.active, 
.open .dropdown-toggle.btn-theme { 
  color: var( --theme-button-text-color ); 
  background-color: var( --theme-button-color ); 
  border-color: var( --theme-button-color ); 
} 
 
.btn-theme:active, 
.btn-theme.active, 
.open .dropdown-toggle.btn-theme { 
  background-image: none; 
} 
 
.btn-theme.disabled, 
.btn-theme[disabled], 
fieldset[disabled] .btn-theme, 
.btn-theme.disabled:hover, 
.btn-theme[disabled]:hover, 
fieldset[disabled] .btn-theme:hover, 
.btn-theme.disabled:focus, 
.btn-theme[disabled]:focus, 
fieldset[disabled] .btn-theme:focus, 
.btn-theme.disabled:active, 
.btn-theme[disabled]:active, 
fieldset[disabled] .btn-theme:active, 
.btn-theme.disabled.active, 
.btn-theme[disabled].active, 
fieldset[disabled] .btn-theme.active { 
  background-color: var( --theme-button-color ); 
  border-color: var( --theme-button-color ); 
} 
 
.btn-theme .badge { 
  color: var( --theme-button-color );
  background-color: var( --theme-button-text-color ); 
}

.order-header-large
{
    font-weight: var(--font-weight-heavy);
    font-size: var(--font-lg );
}

.order-main-header
{
    min-height: 58px;;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--order-accent);
}

.modal-text-header
{
    font-size: var(--font-xl);
    font-weight: var( --font-weight-heavy );
    color: var( --default-text-color );
    padding-bottom: 8px;
}

.modal-text-small-header
{
    font-size: var(--font-sm);
    font-weight: var( --font-weight-medium );
    color: var( --default-text-color );
    padding-bottom: 4px;
}

.modal-text-medium-header
{
    font-size: var(--font-md );
    font-weight: var( --font-weight-medium );
    color: var( --default-text-color );
    padding-bottom: 4px;
}

.modal-text-large-header
{
    font-size: var(--font-lg );
    font-weight: var( --font-weight-medium );
    color: var( --default-text-color );
    padding-bottom: 4px;
}

.modal-text-small
{
    font-size: var(--font-sm);
    font-weight: var( --font-weight-normal );
    color: var( --default-text-color );
    padding-bottom: 4px;
}

.modal-text-medium
{
    font-size: var(--font-md );
    font-weight: var( --font-weight-normal );
    color: var( --default-text-color );
    padding-bottom: 4px;
}

.modal-table-data
{
    vertical-align: middle;
    text-align: left;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;    
}

.order-menu-item-container
{
    float: left; 
    margin: 0px; 
    padding: 8px; 
    height: 120px;
    width: 50%;
    display: inline
}

.order-menu-item-image
{
    height: 80px;
    max-height: 80px;
    max-width: 80px;
    min-width: 80px;
    border-radius: 4px;
    object-fit: cover;
}

.order-menu-item
{
    margin: 0px; 
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 12px;
    border: 1px solid var( --default-border-color ); 
    border-radius: 8px; 
    background-color: var( --page-background );
    height: 100%;
}

.order-menu-item:hover
{
    cursor:pointer;
    background-color: var( --selected-background );
}

.account-option-button
{
    width: 100%;
    height: 80px;
    border-radius: 8px;
    border: 2px solid var( --default-text-color);
    user-select: none;
    cursor: pointer;
    padding: 8px;
}

.menu-header
{
    font-size: var( --font-lg );
    font-weight: var( --font-weight-heavy );
    background-color: var( --theme-button-color );
    color: var( --theme-button-text-color );
    border-radius: var( --default-border-radius );
    /* box-shadow: 2px 2px 6px 0px #d3d3d3; */
    padding: 8px;
    margin-bottom: 16px;
    margin-top: 16px;
    cursor: pointer;
}

.menu-subheader
{
    font-size: var( --font-sm );
    font-weight: var( --font-weight-medium );    
}

.menu-category-header
{
    font-size: var( --font-size-lg );
    font-weight: var( --font-weight-heavy );
    padding-bottom: 4px;
    border-bottom: 4px solid var( --theme-primary-color );
    margin-bottom: 16px;
    margin-top: 16px;
}

.shopping-cart
{
    vertical-align: top; 
    height: 100%; 
    width: 30%; 
    padding-top: 16px; 
    padding-left: 16px;
}

.shopping-cart-container
{
    margin: 0px; 
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid var( --default-border-color ); 
    border-radius: 8px; 
    background-color: var( --page-background );
}

.shopping-cart-header
{
    padding-left: 8px; 
    font-weight: var( --font-weight-medium ); 
    font-size: var( --font-lg );
}

.shopping-cart-item-table
{
    width: 95%;
}

.modal-overlay
{
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: RGB( 0,0,0, 0.2 );
    user-select: none;
}

.modal-spinner-overlay
{
    z-index: 4000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: RGB( 0,0,0, 0.1 );
    border-radius: var( --default-modal-border-radius );
}

.menu-responsive-modal-dialog
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);    
}

.menu-modal-dialog
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);    
}

.shopping-cart-modal
{
	width: 500px;
	height: 50%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 2000;
}

.shopping-cart-modal-container
{
}
.shopping-cart-modal-container::-webkit-scrollbar {
  display: none;
}

.shopping-cart-tipbutton
{
    width: 25%;
    height: 48px;
    text-align: center;
    background-color: var( --page-background );
    vertical-align: middle;
    font-size: var( --font-sm );
    font-weight: var( --font-weight-normal );
    color: var( --theme-button-color  );
    padding-left: 4px;
    padding-right: 4px;    
}

.shopping-cart-tipbuttonitem
{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var( --theme-button-color );
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    user-select: none;
    cursor: pointer;
}

.shopping-cart-tipbuttonitem-selected
{
    background-color: var( --theme-button-color );
    color: var( --theme-button-text-color );
}

.menu-edit-item-modal-backup
{
	width: 500px;
	height: 50%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-edit-item-modal
{
	width: 500px;
	height: 60%;
    max-height: 700px;
    min-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
    transition: height 0.5s ease-out;
}

.menu-checkout-modal-container
{
    padding-left: 16px;
    padding-right: 16px;
}

.menu-checkout-modal
{
	width: 500px;
	height: 70%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-ordertype-modal-container
{
    padding-left: 16px;
    padding-right: 16px;
}

.menu-ordertype-modal
{
	width: 500px;
	height: 60%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-ordercomplete-modal-container
{
    padding-left: 16px;
    padding-right: 16px;
}

.menu-ordercomplete-modal
{
	width: 400px;
	height: 60%;
    max-height: 750px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-address-modal-container
{
    padding-left: 16px;
    padding-right: 16px;
}

.menu-address-modal
{
	width: 500px;
	height: 70%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 4000;
}

.menu-custom-tip-modal
{
	width: 400px;
	height: 50%;
    max-height: 200px;
    max-width: 90%;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-coupon-modal
{
	width: 400px;
	height: 50%;
    max-height: 300px;
    max-width: 90%;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-paymentselection-modal
{
	width: 400px;
	height: 70%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-login-modal
{
	width: 400px;
	height: 70%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-createaccount-modal
{
	width: 400px;
	height: 70%;
    max-height: 700px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-addpayment-modal
{
	width: 500px;
	height: 50%;
    max-height: 500px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-addgiftcard-modal
{
	width: 500px;
	height: 50%;
    max-height: 300px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-guestcheckout-modal
{
	width: 500px;
	height: 50%;
    max-height: 500px;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-generic-modal
{
	width: 400px;
	height: 50%;
    max-height: 250px;
    max-width: 90%;
	background-color: var(--default-modal-background );
	border: 1px solid var( --default-border-color );
	border-radius: var( --default-modal-border-radius );
	padding: 8px 8px 8px 8px;
    box-shadow: 2px 2px 8px 0px #d3d3d3;
    z-index: 3000;
}

.menu-edit-item-modal-container
{
    padding-left: 16px;
    padding-right: 16px;
}
.xmenu-edit-item-modal-container::-webkit-scrollbar {
  display: none;
}

.shoppingcartitemdetail
{
    
}

.order-type-button
{
    width: 25%;
    height: 32px;
    text-align: center;
    background-color: var( --page-background );
    vertical-align: middle;
    font-size: var( --font-sm );
    font-weight: var( --font-weight-normal );
    color: var( --theme-button-color  );
    padding-left: 4px;
    padding-right: 4px;    
}

.order-type-buttonitem
{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var( --theme-button-color );
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    user-select: none;
    cursor: pointer;
}

.order-type-buttonitem-selected
{
    background-color: var( --theme-button-color );
    color: var( --theme-button-text-color );
}

.modal-button-close
{
    height: 32px;
    width: 32px;
    padding-right: 8px;
    padding-bottom: 8px;
    text-align: right;
    cursor: pointer;
    background-size: contain;
    background: url( data:image/png;base64,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 );
}

/* master container holding menu/cart */
#idContainer
    {
        width: 60%;
    }
    
/* menu container */
#idMenu
    {
        width: 70%;
    }

/* shopping cart container */
#idCart
    {
        width: 40%;
    }

/* bottom of page cart button */
#idCartButton
{
    display: none;
}