@charset "utf-8";

:root {
	--vre-important: #9D261D;
	--vre-invalid: #BB1111;
	--vre-info: #2A69B8;
	--vre-warning: #FF7000;
	--vre-material: #5264AE;
}

.vrseparatorcflong {
	font-size: 10px !important;	
}

.vrinvalid {
	color: var(--vre-important) !important;
}
.vrrequiredfield {
	border-color: var(--vre-required) !important;
}
.vrrequired {
	color: var(--vre-required) !important;
}
iframe.vrinvalid {
	border: 1px solid var(--vre-required);
}

.ui-widget-content {
	z-index: 10000;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
div.ui-tooltip p {
	font-size: 90%;
	margin: 0;
}

.tooltip p:first-child {
	margin-top: 0;
}
.tooltip p:last-child {
	margin-bottom: 0;
}

a.no-underline,
a.no-underline:hover {
	text-decoration: none !important;
}

.break-word {
	word-break: break-all;
	word-wrap: break-word;
}

img.vr-opt-flag {
	/* height: 16px !important; */
	/* width: 16px !important; */
	padding-right: 10px;
	/* vertical-align: middle; */
	transform: translateY(15%);
}

.tooltip {
	z-index: 999999 !important;
}

.vrbookcontinuebuttoncont {
	display: inline-block;
	width: 100%;
}

.vrformfieldset {
	border:1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);

	padding: 22px;
}
.vrformfieldset legend, .vrordertitlediv {
	font-size: 1.4em;
}
.vrformfieldset label  {
	float:left;
}
.vrformfieldset .vrsearchinputdiv {
	padding: 13px 2px;
	border-bottom: 1px dotted var(--vre-palette-background-border-color);
}
.vrformfieldset .vrsearchinputdiv:not(.actions-field) {
	display: flex;
}
.vrformfieldset .vrsearchinputlabel, 
.vrordercomponentsdiv .vrorderinputdiv .vrorderlabel {
	font-size: 18px;
	min-width: 10%;
	display: inline-block;
	margin: 7px 15px 0 0;
}
.vrformfieldset .vrsearchinputdiv:last-of-type {
	border:0;
}
/*.vrsearchinputdiv button#vre-find-table-btn {
	font-size: 18px;
}*/
button#vre-find-table-btn, input.vrresultbookbutton, 
.vrresultfalsehintdiv a, .vrresultbookbuttonfind,
button#vre-search-showtable-btn, button#vre-search-continue-btn,
button.vrordersubmit {
	float: right;
}
.vryourtablediv {
	margin: 15px 0 0 0;
}
.vryourtablediv {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.vryourtablediv .vrresultbookbuttonfind {
	float: none;
}
#vrchooseroomsp {
	display: inline-block;
	float: left;
	margin: 7px 12px 0 0;
}
#vrchooseroomdiv {
	min-width: 175px;
	margin: 0 0 10px 0;
}
#vrchooseroomdiv .vre-select-wrapper {
	display: inline-flex;
}
.vrsearchentryinput{
	position: relative;
	display: inline-block;
}
.vrsearchentryinput input, .vrtkdatetimeinput input {
	overflow: hidden;
	min-width: 80px;
	position: relative;
}
.vre-calendar-wrapper {
	position: relative;
	display: inline-block;
}
.vre-calendar-wrapper:before {
	position: absolute;
	right: 12px;
	top: 8px;
	font-family: "Font Awesome 6 Free";
	content: "\f073";
	font-size: 16px;
	z-index: 1;
}
.vrreservationform input[type="text"], .vrreservationform select {
	min-width: 174px;
}
.vrsearchoptgrouphour {
	padding: 5px;
}
.vrsearchentryselect optgroup {
	color: var(--vre-palette-text-secondary-color);
}
.vrsearchentryselect optgroup:before {
	content: attr(label);
	display: block;
	text-align: left;
	font-style: normal;
	border-bottom:1px dotted var(--vre-palette-background-border-color);
	padding: 0 0 3px;
	margin: 0 0 3px;
}
.vrstepbardiv {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}
.vrstepbardiv > div {
	flex-basis: 25%;
}
.vrstepbardiv .vrstep-inner {
	padding: 20px 0;
	position: relative;
	text-align: center;
}
.vrstepbardiv .vrstep-inner a:hover {
	color: inherit;
}
.vrstepbardiv .vrsteptitle {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	background: var(--vre-palette-background-primary-color);
	border: 2px solid var(--vre-palette-background-border-color);
	border-radius: 50%;
	line-height: 28px;
	font-size: 14px;
}
.vrstepbardiv .vrstep .vrstep-inner {
	position: relative;
}
.vrstepbardiv .vrstep .vrstep-inner:after {
	content: "";
	top: 35%;
	right: -40%;
	position: absolute;
	width: 82%;
	height: 2px;
	background: var(--vre-palette-background-border-color);
	opacity: 0.7;
}
.vrstepbardiv .vrstep:last-child .vrstep-inner:after {
	position: relative;
}
.vrstepbardiv .vrstepsubtitle {
	font-size: 14px;
	display: block;
	margin-top: 6px;
}
.vrstepbardiv .vrstep .vrsteptitle {
	position: relative;
	z-index: 1;
}
.vrstepbardiv .vrstepactive .vrstep-inner:after {
	background: var(--vre-button-primary-background);
}
.vrstepbardiv .vrstepactive.step-current .vrstep-inner:after {
	background: var(--vre-palette-background-border-color);
}
.vrstepbardiv .vrstepactive .vrsteptitle {
	background: var(--vre-button-primary-background);
	border: 2px solid var(--vre-button-primary-background);
	color: var(--vre-button-primary-color);
}
.vrresultsummarydiv {
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 10px 20px;
	margin: 0 0 30px 0;
}
.vrresultsummarydiv.confirmation {
	margin: 20px 0;
}
#vrresform .vrresultsummarydiv {
	margin: 0 0 15px 0;
}
.vrresultsummarydiv .vrresultsuminnerdiv {
	border-bottom: 1px dotted var(--vre-palette-background-border-color);
	padding: 10px 0;
}
.vrresultsummarydiv .vrresultsuminnerdiv:last-of-type {
	border:0;
}
.vrresultsummarydiv .vrresultsumlabelsp {
	font-size:16px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.vrresultsummarydiv .vrresultsumvaluesp {
	display: inline-block;
	font-size:18px;
}
.vrresultbookdiv {
	display: inline-block;
	width: 100%;
	font-size:16px;
	text-align: center;
	margin: 10px 0 25px;
	font-weight: bold;
}
.vrresultbookdiv span {
	display: inline-block;
	padding: 10px;
	border:1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vrfault {
	color: var(--vre-important);
}
.vrsuccess {
	color: var(--vre-button-success-background);
}
.vrresulttruehintsdiv {
	display: inline-block;
	width: 100%;
	margin: 10px 0 30px;
 }
.vrresultbookotherwisediv, .vrresultbooktrydiv {
	font-size: 18px;
}
.vrbookingouterdiv {
	margin: 10px 0 0 0; 
}
.vrbookingborderdiv {
	padding: 10px 10px 15px;
	border:1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vrhintsouterdiv, .vrresultbookotherwisediv {
	text-align: center;
}
#vrbooktabselsp {
	font-size: 14px;
	border:2px solid var(--vre-palette-background-border-color);
	border-radius: 10px;
	padding: 15px 30px 15px 35px;
	display: inline-block;
	position: relative;
}
#vrbooktabselsp:after {
	background: url(images/tableconfirm.png) left center no-repeat;
	content: "";
	position: absolute;
	width: 49px;
	height: 49px;
	left: -19px;
}
#vrchooseroomouterdiv {
	margin:20px 0 0 0;
}
.vrresulthintsdiv, .vrresultdisabledhintsdiv {
	display: inline-block;
	position: relative;
}
.vrcouponcodediv {
	border: 2px dashed var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 20px;
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.vrcouponcodediv .vrheading3 {
	display: inline-block;
	margin: 0;
	font-size: 16px;
}
.vrcouponcodediv .vrcouponcodetext {
	margin: 0 10px;
	flex: 1;
}
.vrcouponcodesubmit {
	cursor: pointer;
}
#vrpayform {
	margin-top: 15px;
}
#vrlegendsharedtablediv {
	background: url(images/sharedtableicon.png) left center no-repeat;
	padding:10px 0 10px 33px;
	display: inline-block;
	float: right;
}
.vrordercomponentsdiv {
	margin: 10px 0 0 0;
	display: inline-block;
	width: 100%;
}
.vrordercomponentsdiv .vrorderinputdiv .vrordertypediv {
	margin-top: 5px;
	float: left;
}
.vrordercomponentsdiv .vrorderinputdiv {
	width: 100%;
	display: inline-block;
	margin: 5px 0 12px;
}
.vrorderinputdiv button {
	float: left;
	margin-left: 0;
}
.vrordercomponentsdiv .vrorderinputdiv .vrorderlabel {
	font-size: 18px;
	min-width: 18%;
	display: inline-block;
	margin: 0 15px 0 0;
	float: none;
}
.vrorderinputdiv .vrordertypediv label {
	display: inline-block;
	margin-left:5px;
}
.vrordercomponentsdiv .vrorderinputdiv .vrorderlabel {
	margin-top:0;
}
.vreorder-backbox {
	margin-bottom: 15px;
}
.vrordercontentinfo {
	font-size: 16px;
	line-height: 1.5em;
}
.vrorderboxcontent {
	padding: 45px 50px;
	position: relative;
	margin: 0 0 28px 0;
	background: var(--vre-palette-background-secondary-color);
}
.vrorderboxcontent h3.vrorderheader {
	display: inline-block;
	padding: 0;
	color: var(--vre-button-primary-background) !important;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 27px;
	margin-bottom: 20px;
}

.vrtdspecialday a {
    border-color: var(--vre-button-danger-border-color) !important;
    background: var(--vre-button-danger-background) !important;
    color: var(--vre-button-danger-color) !important;
}

.vrmenusfieldsdiv {
	border:2px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 10px;
	display: flex;
	align-items: center;
	width: 100%;
}
.vrmenusfieldsdiv div {
	float: left;
	display: inline-block;
	margin-right: 4px;
}
.vrmenusfieldsdiv label {
	display: inline-block;
	margin: 8px 10px 0 0;
	float: left;
}
.vrmenufielddatediv {
	position: relative;
}
body.contentpane {
	padding: 0;
	margin: 0;
}
#vrroomdescriptionactiondiv{
	margin-bottom: 10px;
}

#vrparserpreviewtop, #vrparserpreviewbody, #vrparserpreviewbottom {
	margin: 0 auto;
}
.vrtkstartnotediv {
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 10px 20px;
	margin-bottom: 20px;
}
.vrtkstartnotediv > *:first-child {
	margin-top: 0;
}
.vrtkstartnotediv > *:last-child {
	margin-bottom: 0;
}
.vrtkitemsdiv {
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 20px;
	margin: 20px 0 10px 0;
}
.vrtkitemsofmenudiv {
	margin: 0 0 20px 0;
}
.vrtkitemsdiv .vrtkmenuheader .vrtkmenutitlediv {
	font-size: 30px;
	color: var(--vre-button-primary-background);
	border-bottom: 1px dotted var(--vre-palette-background-border-color);
	padding: 0 0 5px 0;
}
.vrtkitemsdiv .vrtkmenuheader .vrtkmenudescdiv {
	margin: 5px 0 0 0;
}
.vrtkitemsdiv .vrtksingleitemdiv {
	border-bottom: 1px dotted var(--vre-palette-background-border-color);
	padding: 10px 0 10px 0;
	margin: 0 0 5px 0;
	display: inline-block;
	width: 100%;
}
.vrtkitemsdiv .vrtksingleitemdiv:last-of-type {
	border:0;
}
.vrtkitemsdiv .vrtkitemleftdiv {
	width: 65%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
}
.vrtkitemsdiv .vrtkitemvardiv {
	width: 35%;
	float: left;
	display: grid;
}
.vrtkitemsdiv .vrtkitemimagediv {
	float: left;
	margin: 0 0 5px;
}
@media screen and (min-width: 780px) {
	.vrtkitemsdiv .vrtk-menu-outer.list-layout .vrtkitemimagediv {
		max-width: 256px;
	}
}
.vrtkitemsdiv .vrtkitemimagediv img {
	display: block;
	border-radius: var(--vre-palette-background-border-radius);
}
.vrtkitemsdiv .vrtkiteminfodiv {
	flex: 1;
	margin-right: 10px;
	min-width: 200px;
}
.vrtkitemsdiv .vrtkiteminfodiv .vrtkitemdescsp {
	margin-top: 5px;
}
.vrtkitemsdiv .vrtkiteminfodiv span {
	display: block;
	padding: 0 15px 0 0;
}
.vrtkitemsdiv .vrtkiteminfodiv .vrtkitemnamesp {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	word-break: break-word;
}
.vrtkitemsdiv .vrtksinglevar {
	width: 100%;
	padding: 9px 0 8px;
	border-bottom:1px dotted var(--vre-palette-background-border-color);
	position: relative;
	display: flex;
}
.vrtkitemsdiv .vrtksinglevar.multi-vars {
	align-items: center;
}
.vrtkitemsdiv .vrtksinglevar:last-of-type {
	border: 0;
}
.vrtkitemsdiv .vrtksinglevar span {
	display: inline-block;
	float: left;
}
.vrtkitemsdiv .vrtksinglevar .vrtkvarfloatrdiv {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
}
.vrtkitemsdiv .vrtksinglevar .vrtkvarnamesp {
	font-size: 14px;
	padding: 5px 0;
	font-weight: bold;
	max-width: 52%;
	word-break: break-word;
}
.vrtkitemsdiv .vrtksinglevar .vrtkvarpricesp {
	font-size: 20px;
	font-weight: bold;
}
.vrtkitemsdiv .vrtksinglevar .vrtkvaraddbuttondiv {
	display: inline-block;
	float: left;
	margin: 0 0 0 5px;
}
.vrtkvarfloatrdiv .vrtk-itemprice-stroke {
	margin-right: 5px;
}
.vrtkitemsdiv .vrtksinglevar .vrtkvaraddbuttondiv .vrtkvaraddbutton {
	background: transparent;
	border:0;
	cursor: pointer;
	padding: 0px 0px 0px 10px;
	font-size: 22px;
	color: var(--vre-button-success-background);
}
.vrtkitemsdiv .vrtksinglevar .vrtkvaraddbuttondiv .vrtkvaraddbutton:hover {
	color: var(--vre-button-success-hover-icon-color);
}
.vrtkitemsdiv .vrtksinglevar .vrtkvaraddbuttondiv .vrtkvaraddbutton:focus, .vrtkitemsdiv .vrtksinglevar .vrtkvaraddbuttondiv .vrtkvaraddbutton:active {
	color: var(--vre-button-success-active-background);
}
.vrtkgotopaydiv {
	display: inline-block;
	width: 100%;
	text-align: right;
}
.vrtkgotopaydiv a {
	display: inline-block;
}
.vrtkconfcartoneitemrow {
	padding: 10px;
	width: 100%;
	display: inline-block;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	margin: 5px 0;
}
.vrtk-confcart-item-main {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 4px;
	width: 100%;
}
.vrtkconfcartoneitemrow .vrtkconfcartleftrow {
	flex: 1;
}
.vrtk-confcart-item-details {
	background: var(--vre-palette-background-secondary-color);
	margin:7px 0 0;
}
.vrtk-confcart-item-details .vrtk-confcart-item-toppings {
	padding: 7px 10px;
}
.vrtk-confcart-item-details .vrtk-confcart-item-toppings + .vrtk-confcart-notes {
	border-top: 1px solid var(--vre-palette-background-border-color);
}
.vrtk-confcart-item-details .vrtk-confcart-notes {
	padding: 10px;
	font-style: italic;
	font-size: 0.9em;
}
.vrtkconfcartoneitemrow .vrtkconfcartleftrow span {
	display: inline-block;
}
.vrtkconfcartoneitemrow .vrtkconfcartleftrow .vrtk-confcart-topping {
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}
.vrtkconfcartoneitemrow .vrtkconfcartleftrow .vrtkconfcartenamesp {
	font-weight: bold;
	line-height: 1.3em;
}
.vrtkconfcartoneitemrow .vrtkconfcartleftrow .vrtkconfcartonamesp, .vrtk-confcart-topping {
	font-size: .8em;
	padding:0;
}
.vrtkconfcartoneitemrow .vrtkconfcartrightrow .vrtkconfcartpricesp {
	padding-left: 10px;
	font-weight: bold;
	margin: 0;
}
.vrtkconfcartoneitemrow .vrtkconfcartrightrow span {
	display: inline-block;
	float: left;
}

.vrtkconfcartoneitemrow .vrtkconfcartrightrow span.vrtkconfcartremovesp {
	padding: 0 0 0 8px;
	margin: -2px 0 0;
	float: right;
}
.vrtkconfcartremovesp a {
	color: var(--vre-button-danger-background);
	font-size: 16px;
	margin-top: 5px;
}
.vrtkconfcartremovesp a:hover {
	color: var(--vre-button-danger-hover-icon-color);
}
.vrtkaddmoreitemsdiv {
	width: 100%;
	display: inline-block;
	padding: 3px 0;
	margin: 6px 0 0 0;
}
.vrtkaddmoreitemsdiv {
	margin: -19px 0 20px;
}
.vrtkdeliveryservicediv {
	display: inline-block;
	margin: 0;
	padding: 0 10px 10px;
}
.vrtkdeliveryradiodiv > span {
	text-align: center;
	display: inline-block;
	background: var(--vre-palette-background-secondary-color);
	padding: 15px;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	margin: 5px 5px 5px 0;
}
.vrtkdeliveryradiodiv > span > input {
	margin: 0 5px 0 0;
}
.vrtkdeliverytitlediv {
	color: var(--vre-button-primary-background);
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.vrtk-service-dt-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 20px 0;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 20px;
}
.vrtk-service-dt-wrapper > div {
	flex: 1;
}
.vrtkdatetimediv {
	margin: 0 0 0 0;
	float: left;
}
.vrtkdatetimediv fieldset {
	padding: 0;
}
.vrtkdatetimediv .vrtkdatetimeinputdiv {
	float: left;
	margin: 0 0 10px;
}
.vrtkdatetimediv .vrtkdatetimeinputdiv .vrtkdatetimeinputlabel {
	display: block;
	margin: 0 0 5px 0;
}
.vrtkdatetimediv .vrtk-date-box {
	margin-right: 10px;
}
.vrtkdatetimeerrmessdiv {
	width: 100%;
	float: none;
	color: var(--vre-important);
	font-size: 16px;
	text-align: center;
	display: inline-block;
	margin: 15px 0 0 0;
}
.vrtkdeliveryservicediv {
	display: inline-block;
	float: left;
	margin-left: 20px;
}

.vrloginradiobox {
	padding: 0 0 20px;
	border-radius: var(--vre-palette-background-border-radius);
	margin: 0 0 10px 0;
}
.vrloginradiosp {
	cursor: pointer;
	margin: 0 10px 0 0;
	background: var(--vre-palette-background-secondary-color);
	padding: 6px 10px;
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-palette-background-border-color);
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.vrloginradiosp:hover {
	background: transparent;
	border: 1px solid var(--vre-palette-background-border-color);
}
.vrloginradiosp label {
	display: inline-block;
	cursor: pointer;
}
.vrloginfieldsdiv .vrloginsplabel {
	min-width: 170px;
	display: inline-block;
	margin: 11px 0 0;
	float: left;
}
.vrloginblock, .vrloginform, .vrregisterblock .vrloginfieldsdiv {
	margin:0 0 15px;
}
.vrloginblock, .vrregisterblock {
	padding: 30px;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vrloginfieldsdiv .login-fields-rem {
	margin-top: 15px;
}
.vr-login-footer-links {
	margin-top: 20px;
}
.vrloginfield {
	margin: 10px 0 0 0;
}
.vrordererrordiv {
	/*margin-bottom: 30px;*/
	font-size: 14px;
	color: var(--vre-important);
}
.vrmenuslistcont {
	margin: 15px 0 0 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.vrmenuslistcont .vrmenublock {
	flex-basis: calc(100% / 3 - 8px);
	margin: 4px;
	float: left;
	display: inline-block;
	border-radius: var(--vre-palette-background-border-radius);
	background: var(--vre-palette-background-secondary-color);
	border: 1px solid var(--vre-palette-background-border-color);
}
.vrmenuslistcont .vrmenublock .vrmenublock-menu {
	padding: 8px;
}
.vrmenuslistcont .vrmenublock .vrmenublockimage img {
	width: 100%;
}
.vrmenuslistcont .vrmenublock .vrmenublockname {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 10px 0 10px;
}
.vrmenuslistcont .vrmenublock .vrmenublockdesc {
	padding: 10px;
}
.vrmenuslistcont .vrmenublock .vrmenublockdesc > p:first-child {
	margin-top: 0;
}
.vrmenuslistcont .vrmenublock .vrmenublockdesc > p:last-child {
	margin-bottom: 0;
}
.vrmenuslistcont .vrmenublock .vrmenublockshifts {
	border-radius: 3px;
	font-size: 11px; 
	padding: 4px;
	margin: 0px 0 10px 2px;
}
.vrmenuslistcont .vrmenublock .vrmenublockworkshname {
	display: inline-block;
	background: var(--vre-palette-background-border-color);
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 3px 6px;
	margin: 3px;
	position: relative;
	cursor: pointer;
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.vrmenuslistcont .vrmenublock .vrmenublockworksh .vrmenublockworkhighlight {
	background: var(--vre-palette-text-secondary-color);
	color: var(--vre-palette-background-primary-color);
	border: 1px solid var(--vre-palette-text-secondary-color);
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.vrmenuslistcont .vrmenublock .vrmenublockworksh {
	position: relative;
	display: inline-block;
}
.vrmenuslistcont .vrmenublock .vrmenublockworkshtime {
	opacity: 0;
	padding: 2px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: -30px;
	background: var(--vre-palette-text-secondary-color);
	color: var(--vre-palette-background-primary-color);
	border-radius: var(--vre-palette-background-border-radius);
	min-width: 150px;
	text-align: center;
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s; 
}
.vrmenuslistcont .vrmenublock .vrmenublockworkexploded {
	opacity: 1;
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.vrmenu-detailshead {
	display: inline-block;
	padding: 22px 28px;
}
.vrmenu-detailshead h2 {
	margin: 0 0 20px;
	padding: 17px 0 17px 10px;
	position: relative;
	text-align: center;
	font-size: 2em;
}
.vrmenu-detailshead .vrmenu-detailsheadsub {
	width: 100%;
	display: inline-block;
}
.vrmenu-detailsheadsub .vrmenu-detailsheadsubimage,
.vrmenu-detailssectionsubimage {
	float: left;
	display: inline-block;
	max-width: 20%;
}
.vrmenu-detailsheadsub .vrmenu-detailsheadsubimage img,
.vrmenu-detailssectionsubimage img {
	width: 100%;
	border-radius: 10px;
	padding: 2px;
}
.vrmenu-detailsheadsub .vrmenu-detailsheadsubdesc:not(:only-of-type),
.vrmenu-detailssectionsub .vrmenu-detailssectionsubdesc:not(:only-of-type) {
	float: left;
	display: inline-block;
	padding: 0 0 0 20px;
	width: 77%;
}

.vrmenu-detailslist {
	padding: 0 26px;
	margin: 20px 0 0;
}
.vrmenu-detailssection > h3 {
	padding: 17px 0 10px 0;
	position: relative;
	color: var(--vre-palette-text-primary-color);
	display: table;
	margin: 0 auto 20px;
	width: auto;
	border-bottom: 1px solid var(--vre-palette-text-primary-color);
}
.vrmenu-detailssection {
	margin: 35px 0 0 0;
}
.vrmenu-detailssectionsub {
	width: 100%;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 10px;
	box-sizing: border-box;
}
.vrmenu-detailsprodlist {
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	overflow: hidden;
}
.vrmenu-detailsprod {
	display: flex;
	width: 100%;
}
.vrmenu-detailsprodsub {
	padding: 10px;
	width: 100%;
	display: inline-block;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft {
	float: left;
	width: 75%;
	display: inline-block;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft .vrmenu-detailsprodsubimage {
	width: 20%;
	float: left;
	display: inline-block;
}
.vrmenu-detailsprod h4 {
	font-size: 1.2em;
	color: var(--vre-palette-text-primary-color);
	padding:0;
	margin: 0 0 5px;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft .vrmenu-detailsprodsubimage a {
	display: inline-block;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft .vrmenu-detailsprodsubimage img {
	border-radius: 10px;
	padding: 2px;
	width: 100%;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft .vr-menudetailsprodsubnamedesc {
	width: 76%;
	float: left;
	display: inline-block;
	padding: 0 0 0 20px;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubleft .vr-menudetailsprodmain {
	display: flex;
	align-items: start;
	gap: 0 10px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.vrmenu-detailsprodsub .vrmenu-detailsprodsubright {
	min-width: 25%;
	max-width: 25%;
	float: right;
}
.vrmenu-detailsprod-optionslist {
	display: inline-block;
	padding: 0;
	width: 100%;
}
.vrmenu-detailsprod-option {
	display: inline-block;
	width: 100%;
	padding: 2px 0;
}
.vrmenu-detailsprod-option > div {
	display: inline-block;
}
.vrmenu-detailsprod-option .option-name {
	float: left;
	padding: 0 8px 0 0;
}
.vrmenu-detailsprod-option .option-price {
	float: right;
	font-size: 18px;
	padding: 0 15px 0 0;
}
.vrmenu-detailsprodlist > div:nth-child(2n+1) {
	background: var(--vre-palette-background-secondary-color);
}
.vrmenu-detailsprod:not(:last-child) {
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.vrmenu-detailsprodsubprice {
	display: inline-block;
	padding: 3px;
	float: right;
}
.vrmenu-detailsprodsubpricesp {
	display: inline-block;
	font-size: 18px;
	padding: 6px 15px;
}
.vrsearchmenutitle {
	text-align: center;
	font-size: 18px;
	margin: 15px 0;
	color: var(--vre-palette-text-primary-color);
}
.vrsearchmenulist {
	display: inline-block;
	width: 100%;
}
.vrsearchmenudetails {
	margin: 3px;
	width: 24%;
	float: left;
	display: inline-block;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vrsearchmenuinnerdetails {
	padding: 10px;
}
.vrsearchmenuimage img {
	width: 100%;
}
.vrsearchmenuname {
	font-size: 16px;
	margin-top: 6px;
}
.vrsearchmenuname .menu-cost {
	float: right;
}
.vrsearchmenuinnerdetails .menu-cost-sub {
	margin-left: 5px;
}
.vrsearchmenuname .menu-radio-sel {
	float: right;
}
.vrsearchmenufootleft {
	background: url(images/people_ico.png) left 3px no-repeat;
	padding: 0 0 0 20px;
	display: inline-block;
}
.vrsearchmenufoot {
	margin: 5px 0 0 0;
}
.vrsearchmenufootright {
	float: right;
	display: inline-block;
}
.vrsearchmenufootright i {
	font-size: 20px;
}
.vrsearchmenufootright .vrsearchmenuaddlink {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.vrsearchmenufootright > a {
	width: 20px;
	height: 20px;
	display: inline-block;
}
.vrsearchmenufootright .vrsearchlinkdisabled {
	opacity: 0.5;
	cursor: default;
}
.vrsearchmenucont {
	margin:15px 0 0 0;
}
.vryourmenusdiv {
	margin: 20px 0 10px;
	font-size: 16px;
	text-align: center;
}
.vryourmenusdiv > span {
	border:1px solid var(--vre-palette-background-border-color);
	display: inline-block;
	padding: 10px 20px;
	border-radius: var(--vre-palette-background-border-radius);
}
.vryourmenusdiv > .vrbookmenunopeople {
	border: 1px solid var(--vre-important);
}
.vryourmenusdiv > .vrbookmenuokpeople {
	border: 1px solid var(--vre-button-success-background);
}

.vrmenu-sectionsbar {
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	border-top: 1px solid var(--vre-palette-background-border-color);
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 16px;
	top: -1px;
	position: sticky;
	background: var(--vre-palette-background-primary-color);
	z-index: 9;
}
.vrmenu-sectionsbar a,
.vrmenu-sectionsbar a:hover,
.vrmenu-sectionsbar a:active,
.vrmenu-sectionsbar a:visited {
	text-decoration: none;
}
.vrmenu-sectionsbar > span {
	border-right: 1px solid var(--vre-palette-background-border-color);
	display: inline-block;
	padding: 0 10px;
	margin: 4px 0;
	white-space: nowrap;
}
.vrmenu-sectionsbar > span:last-child {
	border: 0;
}
.vrmenu-sectionsbar::-webkit-scrollbar {
  display: none;
}
.vrmenu-sectionsbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.vrmenu-sectionsbar.orderdishes-page {
	margin-bottom: 20px;
}
.vrmenu-sectionlight {
	color: var(--vre-palette-text-primary-color) !important;
	cursor: default;
}
#vrbooknoselsp {
	padding: 10px 20px;
	font-size: 14px;
	border:1px solid var(--vre-important);
	border-radius: var(--vre-palette-background-border-radius);
}
.vr-cancreason-err {
	margin-bottom: 5px;
	color: var(--vre-important);
}
.vroversighthead, .vrfront-manage-titlediv {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 10px;
}
.vre-map-svg-wrapper .svg-scrollable {
	border-color: var(--vre-palette-background-border-color) !important;
}
#vrmapinputsdiv #vrselectedroomdiv {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
#vrsearchinputdiv > div {
	margin: 4px 8px 4px 0;
	float: left;
	display: inline-block;
}
#vrsearchinputdiv .vre-calendar-wrapper {
	display: inline-block;
}
#vrsearchinputdiv > div input {
	width: auto;
	min-width: inherit;
}
#vrsearchinputdiv > div label {
	display: inline-block;
}
#vrsearchinputdiv > div .vre-select-wrapper {
	display: inline-block;
}
#vrsearchinputdiv > div select {
	margin-top: 0;
	height: auto;
}
.vrfront-manage-actionsdiv {
	display: inline-flex;
	gap: 10px;
	width: 100%;
	margin: 10px 0 20px;
	align-items: center;
	flex-wrap: wrap;
}
.vrfront-manage-actionsdiv > div input, .vrfront-manage-actionsdiv > div button {
	cursor: pointer;
	padding: 7px 14px;
	font-size: 16px;
}
.vrfront-manage-actionsdiv.filters-bar {
	margin-top: 0;
}
.vrfront-manage-actionsdiv:not(.filters-bar) + .vrfront-manage-actionsdiv.filters-bar {
	margin-top: -12px;
}
.vrfront-manage-btn.move-right {
	flex: 1;
	display: inline-flex;
	gap: 10px;
	justify-content: end;
}
#vrdatefilterdiv {
	position: relative;
}
.vrfront-manage-form .vre-select-wrapper {
	display: inline-flex;
}
.vrfront-manage-form .control-custom-field .control-label label {
	font-weight: bold;
}
.vrfront-manage-actionsdiv > div .vr-calendar-icon, .vrfront-manage-form .hasDatepicker {
	position: relative;
}
.vrfront-manage-actionsdiv > div .vre-select-wrapper {
	margin-top: 4px;
}
.vrfront-manage-form input.hasDatepicker {
	padding: 8px;
	margin: 0;
	width: 290px;
	font-size: inherit;
}
.vrfront-manage-form input {
	padding: 8px;
	margin: 0;
	width: 290px;
	border: 1px solid var(--vre-palette-background-border-color);
}
.vrfront-manage-form .vre-select-wrapper .vre-select {
    min-width: 290px;
}
.vrfront-manage-form td {
	padding: 2px 0;
}

#vrselectedroomdiv {
	width: 100%;
	display: inline-block;
}
#vrmapinputsdiv {
	margin: 0 0 10px 0;
}
#vrsearchinputdiv input,
#vrsearchinputdiv select {
	padding: 9px 5px;
	-webkit-appearance: none
}
#vrsearchinputdiv {
	float: left;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 20px;
	width: 100%;
	background: var(--vre-palette-background-secondary-color);
	margin: 10px 0;
}
.vreditres-row-block {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	padding: 3px 0 10px;
	border-bottom:1px dotted var(--vre-palette-background-border-color);
}
.vreditres-row-block:last-child {
	border:0;
}
.vreditres-row-block span {
	float: left;
	display: inline-block;
	margin: 5px 0 0 0;
}
.vreditres-row-block .vreditres-row-code img {
	width: 25px;
	height: auto;
}
.vroversight-current-details {
	width: 100%;
	display: inline-block;
}
.vroversight-current-details > span {
	display: inline-block;
	padding: 5px 5px 5px 26px;
	margin: 0 10px 0 0;
	font-size: 12px;
	background: var(--vre-palette-background-secondary-color);
	border-radius: var(--vre-palette-background-border-radius);
	position: relative;
}
.vroversight-current-details > span:before {
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 14px;
}
.vroversight-nowlink-div {
	display: inline-block;
}
.vroversight-nowlink-div a {
	padding: 4px 20px !important;
}
.vroversight-current-details .vroversight-current-date:before {
	content: "\f073";
}
.vroversight-current-details .vroversight-current-time:before {
	content: "\f017";
}
.vroversight-current-details .vroversight-current-people:before {
	content: "\f183\f183";
}

/* overlay modal */
.vr-overlay {
	position: fixed;
	background-color: rgba(35, 35, 35, 0.79);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}
.vr-modal-box {
	width: 90%;
	max-width: 960px;
	height: calc(100vh - 40px);
	background: none repeat scroll 0 0 var(--vre-palette-background-primary-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 15px 0;
	position: absolute;
	margin-top: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.vr-modal-head {
	width: 100%;
	height: auto !important;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	padding: 0 15px 5px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vr-modal-head-title {
	display: inline-block;
	float: left;
	margin: 0;
	font-size: 20px;
	width: calc(100% - 28px);
}
.vr-modal-head-title h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 !important;
}
.vr-modal-head-dismiss {
	display: inline-block;
	float: right;
	margin-right: 5px;
	font-size: 28px;
	line-height: 22px;
}
.vr-modal-head-dismiss a {
	color: var(--vre-palette-text-primary-color);
	opacity: 0.6;
	text-decoration: none !important;
}
.vr-modal-head-dismiss a:hover {
	opacity: 1;
	text-decoration: none !important;
}

/* for buttons out of modal */

.vr-modal-body {
	height: calc(100% - 140px);
	overflow: scroll;
	padding: 15px;
}
#vrupselloverlay .vr-modal-body {
	height: calc(100% - 90px);
}

/* take-away add item modal: product details */

.vrtk-additem-product {
	display: flex;
	gap: 10px;
	align-items: start;
}
.vrtk-additem-product .additem-product-image {
	width: 128px;
	height: 128px;
}
.vrtk-additem-product .additem-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--vre-palette-background-border-radius);
}
.vrtk-additem-product .additem-product-text {
	flex: 1;
}
.vrtk-additem-product .additem-product-text .additem-product-title {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 6px;
}
.vrtk-additem-product .additem-product-text .additem-product-title .additem-product-name {
	font-weight: 600;
	font-size: 1.15em;
	margin-bottom: 5px;
}
.vrtk-additem-product .additem-product-text .additem-product-description {
	font-size: 0.95em;
}
.vrtk-additem-product .additem-product-text .additem-product-description > *:first-child {
	margin-top: 0;
}
.vrtk-additem-product .additem-product-text .additem-product-description > *:last-child {
	margin-bottom: 0;
}

/******/

.vr-modal-overlay-loading {
	text-align: center;
	margin-top: 30%;
}
.vrtk-additem-container {
	display: inline-block;
	width: 100%;
}
.vrtk-additem-quantity-box {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.vrtk-additem-quantity-box-inner {
	width: auto;
	display: inline-block;
}
.vrtk-additem-quantity-box .quantity-label {
	float: left;
	padding: 10px 0 0;
	font-size: 16px;
}
.vrtk-additem-quantity-box .quantity-actions {
	display: flex;
	padding: 0;
	overflow: hidden;
}
.vrtk-additem-quantity-box .quantity-actions > a {
	flex-basis: 40px;
	padding: 2px 10px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	text-decoration: none;
}
.vrtk-additem-quantity-box .quantity-actions > a i {
	align-self: center;
}
.vrtk-additem-quantity-box .quantity-actions .vrtk-action-remove {
	border-radius: var(--vre-button-default-border-radius) 0 0 var(--vre-button-default-border-radius);
}
.vrtk-additem-quantity-box .quantity-actions .vrtk-action-add {
	border-radius: 0 var(--vre-button-default-border-radius) var(--vre-button-default-border-radius) 0;
}
.vrtk-additem-quantity-box .quantity-actions input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
	font-size: 14px;
	text-align: center;
	border: var(--vre-button-default-border-width) solid var(--vre-button-secondary-border-color);
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	width: 90px;
	min-height: 30px;
}
.vrtk-additem-quantity-box .quantity-actions input:focus {
	border-color: var(--vre-button-secondary-hover-border-color);
	outline: none;
	outline-width: 0;
}
.vrtk-additem-notes-field textarea:focus {
	border: 1px solid var(--vre-palette-background-border-color);
	outline: none;
	outline-width: 0;
}
.vrtk-additem-middle {
	width: 100%;
	display: inline-block;
	margin: 15px 0 10px;
}
.vrtk-additem-notes-box {
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vrtk-additem-notes-title {
	font-size: 16px;
	padding:10px;
	cursor: pointer;
}
.vrtk-additem-notes-field {
	border-top:1px solid var(--vre-palette-background-border-color);
	padding: 10px;
}
.vrtk-additem-notes-info {
	padding: 0 0 5px 0;
}
.vrtk-additem-notes-field textarea {
	min-height: 100px;
	width: 100%;
	resize: vertical;
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 10px;
}
.vrtk-additem-groups-container {
	width: 100%;
	display: inline-block;
}
.vrtk-additem-groups-container .vrtk-additem-group-box {
	width: calc(50% - 5px);
	border-radius: var(--vre-palette-background-border-radius);
	border:1px solid var(--vre-palette-background-border-color);
	padding:10px;
	margin: 5px 0; 
	box-sizing:border-box;
	float: left;
}
.vrtk-additem-groups-container .vrtk-additem-group-box:nth-child(odd) {
	float: left;
}
.vrtk-additem-groups-container .vrtk-additem-group-box:nth-child(even) {
	float: right;
}
.vrtk-additem-group-title {
	font-size: 16px;
	margin: 0 0 5px;
	display: inline-block;
}
.vrtk-additem-groups-container .vrtk-additem-group-box input {
	margin: 0 5px 0 0;
}
.vrtk-additem-group-fields {
	display: inline-block;
	width: 100%;
}
.vrtk-group-multiple {
	display: inline-block;
	float: left;
	width: 49%;
}
.vrtk-additem-group-topping.use-quantity {
	width: 100%;
}
.vrtk-group-single {
	display: inline-block;
	width: 100%;
}
.vrtk-additem-topping-price {
	float: right;
	margin: 0 22px 0 0;
	display: inline-block;
}
.vrtk-additem-topping-units {
	float: right;
}
.vrtk-additem-topping-units[data-units=""],
.vrtk-additem-topping-units[data-units="0"] {
	display: none;
}
.vrtk-additem-topping-units a.disabled {
	opacity: 0.6;
	cursor: default;
}
.vrtk-additem-topping-field {
	display: inline-block;
	float: left;
}
.vrtk-additem-topping-field label {
	display: inline-block;
	margin: 0;
}
.vrorderinfo {
	padding: 3px 0;
}
.vrtk-order-food {
	margin: 15px 0;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	padding: 0 0 10px 0;
}
.restaurant-menus .vrtk-order-food:last-child {
	border-bottom: 0;
}
.vrtk-order-food-details {
	width: 100%;
	display: inline-block;
}
.vrtk-order-food-details > div {
	display: inline-block;
}
.vrtk-order-food-details-left {
	float: left;
}
.vrtk-order-food-details-right {
	float: right;
}
.vrtk-order-food-details {
	font-size: 18px;
}
.vrtk-order-food-details-quantity {
	margin: 0 10px 0 0; 
	font-size: 0.8em;
}
.vrtk-order-food-details-price {
	min-width: 100px;
	text-align: right;
	display: inline-block;
}
.vrtk-order-food-middle, .vrtk-order-food-notes {
	margin: 5px 0 5px 20px;
	font-size: 0.8em;
}
.vrtk-order-food-notes {
	background: var(--vre-palette-background-primary-color);
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 10px;
}
.vrtk-order-food-group-toppings {
	font-style: italic;
}
.vr-disable-selection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.orderinfo-label {
	width: 200px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
.orderinfo-value {
	display: inline-block;
	vertical-align: top;
}
.vrorder-grand-total {
	text-align: right;
	font-size: 1.1em;
}
.vrorder-grand-total .red {
	color: var(--vre-important);
}
.vrorder-grand-total .total-discount {
	margin-bottom: 20px;
}
.vrorder-grand-total .grand-total {
	font-size: 1.1em;
	margin-top: 10px;
	font-weight: bold;
}
.vrorder-grand-total .amount {
	min-width: 80px;
	text-align: right;
	display: inline-block;
}

/* takeaway menu attributes */
.vrtk-attributes-legend {
	background: var(--vre-palette-background-secondary-color);
	border-radius: var(--vre-palette-background-border-radius);
	margin-top: 10px;
	padding: 6px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 15px;
}
.vrtk-attribute-box {
	display: flex;
	align-items: center;
	width: auto !important;
	gap: 0 4px;
}
.food-attribute + .food-attribute {
    margin-left: 4px
}
/* cart confirm total */
.vrtk-confcart-fullcost-details {
	text-align: right;
	font-size: 14px;
	margin: 7px 0;
	padding: 1px 4px;
}
.vrtk-confcart-fullcost-details .fullcost-amount {
	float: right;
	min-width: 60px;
	margin-left: 10px;
	font-weight: bold;
}
.vrtk-confcart-fullcost-details.discount ,
.vrtk-confcart-fullcost-details.taxes  {
	font-size: 12px;
	color: var(--vre-important);
}
.vrtk-confcart-fullcost-details.grand-total {
	border-top: 1px solid var(--vre-palette-background-border-color);
	padding: 4px;
	font-size: 20px;
	display: inline-block;
	width: 100%;
}
.vrtk-confcart-fullcost-details.net s {
	margin-right: 10px;
	font-size: 12px;
}
.vrtk-confcart-fullcost-details.gratuity {
	background: var(--vre-palette-background-secondary-color);
	display: inline-block;
	padding: 10px;
	float: right;
}
.vrtk-confcart-fullcost-details.gratuity .fullcost-amount {
	font-weight: bold;
}
.vrtk-confcart-fullcost-details.gratuity .gratuity-inline-form {
	margin-top: 5px;
}
.gratuity-inline-form .vre-select-wrapper {
	margin-top: 5px;
}
.gratuity-inline-form select {
	min-width: 100%;
	width: 100%;
	height: 33px;
}
.vrtkconfcartpricesp-full {
	display: inline-block;
	margin: 0 0 0 5px;
}

.gratuity-inline-form input {
	width: 100px;
	text-align: right;
}

.vrtk-confcart-fullcost-details.gratuity .gratuity-inline-form input, .vrtk-confcart-fullcost-details.gratuity .gratuity-inline-form .vre-select-wrapper {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}

/* all orders page */
.vr-allorders-userhead {
	margin-bottom: 15px;
}
.vr-allorders-userleft {
	display: inline-block;
}
.vr-allorders-userright {
	display: inline-block;
	float: right;
}
.vr-allorders-box, .vr-allorders-void {
	margin: 30px 0;
}
.vr-allorders-list {
	text-align: center;
	margin-top: 10px;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	overflow: hidden;
}
.vr-allorders-list.spacer {
	margin-top: 20px;
}
.vr-allorders-singlerow {
	width: 100%;
	display: inline-block;
	padding: 10px;	
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.vr-allorders-head {
	background: var(--vre-palette-background-secondary-color);
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.vr-allorders-singlerow:last-child {
	border-bottom: 0;
}
.vr-allorders-column .vr-icon-idgroup {
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	margin-left: 14px;
	float: right;
	margin-right: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: -5px;
}
.vr-allorders-head a {
	font-weight: bold;
	text-decoration: none;
}
.vr-allorders-head i {
	margin-left: 5px;
}
.vr-allorders-singlerow .td-secondary {
	font-size: .8em;
	color: var(--vre-palette-text-secondary-color);
}
.vr-allorders-singlerow .vre-select-wrapper {
	display: inline-block;
}
.vr-allorders-singlerow .vre-select-wrapper .vre-select {
	height: 28px;
	line-height: 14px;
}
.vr-allorders-column {
	display: inline-block;
	float: left;
	margin: 5px 0 0;
}
.vr-allorders-column img {
	max-height: 32px;
}
.vr-allorders-void {
	text-align: center;
	font-size: 14px;
}
.vrfront-manage-form .form-horizontal {
	background: var(--vre-palette-background-secondary-color);
	padding: 20px 30px;
}
.vrfront-manage-form .form-horizontal .control-group  {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
}
.vrfront-manage-form .form-horizontal .control-group .control-label {
	flex-basis: 180px;
	margin-top: 8px;
}
.vrfront-manage-form .form-horizontal .control-group .control-label b {
	font-weight: normal;
	margin-bottom: 3px;
}
.vrfront-manage-form .form-horizontal .control-group textarea {
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	width: 290px;
}
.vrfront-manage-form .form-horizontal .control-group input[type="tel"] {
	width: 290px;
}
.vr-allorders-sublogin {
	font-size: 12px;
	margin: 10px 0 0;
}

/* dashboard box */

.vrdash-container {
	padding: 10px 0; 
}
.vrdash-scrollable {
	overflow: hidden;
	overflow-x: scroll;
}
.vrdash-tab-head  {
	display: inline-block;
	margin: 10px 0 15px 0;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	overflow: hidden;
}
.vr-incoming-table td {
	padding: 5px;
}
.vrdash-tab-button {
	float: left;
	display: inline-block;
	font-size: 13px;
}
.vrdash-tab-button a {
	padding: 10px 20px;
	background: var(--vre-palette-background-primary-color);
	color: var(--vre-palette-text-primary-color);
	text-decoration: none;
}
.vrdash-tab-button a strong {
	font-size: 18px;
}
.vrdash-tab-button a:hover {
	text-decoration: none !important;
}
.vrdash-tab-button a {
	border-right: 1px solid var(--vre-palette-background-border-color);
	cursor: pointer;
	display: inline-block;
	float: left;
}
.vrdash-tab-button:last-child a {
	border-right: 0;
	cursor: pointer;
	display: inline-block;
	float: left;
}
.vrdash-tab-button a.active {
	background: var(--vre-palette-background-secondary-color);
	cursor: default;
}

#vroversightform .vr-dash-section {
	margin-top: 50px;
}
.widget-floating-box.top-right {
	display: inline-block;
	width: auto;
	float: right;
	margin-top: 20px;
}
.badge {
	padding-left: 9px;
	padding-right: 9px;
	border-radius: 9px;
}
.badge-important {
	background-color: var(--vre-button-danger-background);
	color: var(--vre-button-danger-color);
}
.badge-info {
	background-color: var(--vre-info);
	color: #fff;
}
.badge-success {
	background-color: var(--vre-button-success-background);
	color: var(--vre-button-success-color);
}

/* dashboard restaurant */

.vr-dash-roomcont-table {
	overflow: hidden; 
	overflow-x: scroll;
}
.vr-dash-roomcont-title {
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0 0;
}
.vr-dash-roomcont-title > div {
	display: inline-block;
}
.vr-dash-roomcont-title .title-left {
	float: left;
}
.vr-dash-roomcont-title .title-right {
	float: right;
}
.vr-dashboard-overview-table {
	width: 100%;
	border-collapse: collapse;
}
.vr-dashboard-overview-table th {
	font-size: 12px;
	background: var(--vre-palette-background-secondary-color);
	padding: 12px;
}
.vr-dashboard-overview-table td:first-child {
	background: var(--vre-palette-background-secondary-color);
	font-weight: bold;
	text-align: center;
	min-width: 120px;
	border-left: 0 !important;
	position: sticky;
    left: -1px;
}
.vr-dashboard-overview-table td.first {
	border-left: 0 !important;
}
.vr-dashboard-overview-table td {
	border-top: 1px solid var(--vre-palette-background-primary-color);
	border-left: 1px solid var(--vre-palette-background-primary-color);
	border-top: 1px solid var(--vre-palette-background-border-color);
	border-left: 1px solid var(--vre-palette-background-border-color);
	padding: 0;
	height: 48px;
	text-align: center;
	vertical-align: middle;
}
.vr-dashboard-overview-table td.first-cell {
	
}
.vr-dashboard-overview-table td.contiguous-cell {
	border-left: 0 !important;
}
.vr-dashboard-overview-table td.green {
	background: #38c870 !important;
}
.vr-dashboard-overview-table td img {
	width: 30px;
	height: auto;
	margin: 0;
}
.vr-dashboard-overview-table td.orange {
	background: #e9b82c !important;
}
.vr-dashboard-overview-table td.red {
	background: #e94b37 !important;
}
.vr-dashboard-overview-table td.red.closure, 
.vr-dashboard-overview-table td.closure-tmp {
	background: #a32514 !important;
}
.vr-dashboard-overview-table td.red.closure .td-primary,
.vr-dashboard-overview-table td.red.closure .vrrescodelink {
	color: var(--vre-palette-background-primary-color);
}
.vr-dashboard-overview-table tbody tr td:not(:first-child):hover {
	background: #dceef7;
}
.vr-dashboard-overview-table a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
.vr-dashboard-overview-table .vr-sight-cal-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--vre-palette-text-primary-color);
}
.vr-dashboard-overview-table a.vr-sight-cal-box > * {
	padding: 0 5px;
}
.vr-dashboard-overview-table .vr-sight-cal-box .td-primary {
	font-size: 13px;
	font-family: Arial, Tahoma, Sans-Serif;
}
.vr-dashboard-overview-table .vr-sight-cal-box .td-pull-right {
	float: right;
}
.vrdash-tab-pane .more-details-handle {
	margin-left: 10px;
}
.vrdash-tab-pane .dash-item-record {
	margin: 8px 0; 
}
.vrdash-tab-pane .dash-item-record:last-child {
	margin-bottom:0;
}
.dash-table-wrapper .vre-select-wrapper {
	display: inline-block;
}
.dash-table-wrapper .vrrescodelink {
	margin: 8px 0px 0 16px;
}
.dash-table-wrapper .vrrescodelink img {
	max-height: 32px;
	margin-top: 0;
}
.dash-table-wrapper a {
	text-decoration: none;
}
.vrfront-search-toolbar .select2-container .select2-choice,
.vrfront-manage-form .select2-container .select2-choice {
	height: 40px;
	line-height: 40px;
}
.vrfront-search-toolbar .select2-container .select2-choice .select2-arrow b,
.vrfront-manage-form .select2-container .select2-choice .select2-arrow b,
.vrfront-search-toolbar .select2-container .select2-choice .select2-search-choice-close,
.vrfront-manage-form .select2-container .select2-choice .select2-search-choice-close {
	margin-top: 6px;
}

/* end dashboard */

.vrtk-menus-filter-head {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2px 10px;
	flex-wrap: wrap;
}

.vrtk-filter-secondary {
	display: flex;
	align-items: start;
	gap: 6px;
}
.vrtk-filter-secondary .vrtk-menus-date-block > label {
	display: block;
}
.vrtk-filter-secondary .vrtk-menus-date-block select {
	width: 100%;
}

.vrtk-menus-filter-date {
	width: 100%;
	padding: 8px 0;
	text-indent: 10px;
	font-size: 1em;
	border:0;
	outline: none;
	border-radius: var(--vre-palette-background-border-radius);
	position: relative;

	appearence: none;
	-moz-appearence: none;
	-webkit-appearence: none;
	border: none;
}
input[type="text"].vrtk-menus-filter-date {
	padding-right: 20px;
	padding-left: 0;
}
.vrtk-menus-filter-date:focus {
	outline: none;
}
.vrtk-menus-filter-date.enabled {
	cursor: pointer;
}
.vrtk-menusubtitle-notactive {
	font-size: 18px;
	opacity: 0.7;
}
.vrtkmenutitlediv.disabled {
	color: var(--vre-palette-text-disabled-color) !important;
}
/* confirmation task */
.vr-confirmpage {
	/*width: 99%;*/
	border: 2px solid;
	border-radius: var(--vre-palette-background-border-radius);
	text-align: center;
	/* text-transform: uppercase; */
	font-size: 16px;
	font-weight: bold;
	padding: 25px 10px;
}
.vr-confirmpage.order-error {
	border-color: var(--vre-button-danger-border-color);
}
.vr-confirmpage.order-notice {
	border-color: var(--vre-warning);
}
.vr-confirmpage.order-good {
	border-color: var(--vre-button-success-border-color);
}
.vrloginwarning {
	border-radius: var(--vre-palette-background-border-radius);
	border:2px solid var(--vre-palette-background-border-color);
	padding: 20px;
	text-align: center;
}
.vrloginwarningtext {
	font-size: 16px;
	margin: 0 0 10px 0;
}
.vr-livemap-rcont {
	position: relative;
}
.vr-livemap-rbox {
	position: relative;
}
.vr-livemap-rtitle a {
	display: inline-block;
	position: relative;
	border-radius: var(--vre-palette-background-border-radius);
	border:1px solid var(--vre-palette-background-border-color);
	padding: 5px;
	padding: 8px 40px 8px 12px;
	background: var(--vre-palette-background-primary-color);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}
.vr-livemap-rtitle a::after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: 8px;
	top: 19px;
	vertical-align: middle;
	width: 0;
	color: var(--vre-palette-background-border-color);
}
.vr-livemap-modal {
	background: var(--vre-palette-background-primary-color);
	border: 2px solid var(--vre-button-primary-background);
	position: absolute;
	border-radius: var(--vre-palette-background-border-radius);
	right: 0;
	min-width: 250px;
	margin: 12px 0 0;
	z-index: 1000;
}
.vr-livemap-modal::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent var(--vre-button-primary-background) transparent;
	position: absolute;
	top: -9px;
	right: 50px;
	content: "";
}
.vr-livemap-modal ul {
	margin: 0;
	padding: 0;
}
.vr-livemap-modal ul li {
	padding: 10px;
	margin: 0;
	list-style-type: none;
}
.vr-livemap-modal ul li a {
	display: block;
	text-decoration: none;
}
.vr-livemap-modal ul li:hover {
	background: var(--vre-palette-background-secondary-color);
}
.vr-livemap-modal ul li.separator {
	border-bottom:1px solid var(--vre-palette-background-border-color);
}

/* takeaway message box */
.vr-toast-wrapper {
	position: fixed;
	width: 400px;
	left: 50%;
	bottom: -10px;
	transform: translate(-50%, 100%);
	z-index: 100;

	transition: 0.4s ease all;
	-moz-transition: 0.4s ease all;
	-webkit-transition: 0.4s ease all;
}
.vr-toast-wrapper.toast-slide-in {
	transform: translate(-50%, 0%);
	bottom: 10px;
}

/* shake effect */

.vr-toast-wrapper.vr-do-shake {
	animation: vr-shake-animation 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(-50%, 0, 0) !important;
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes vr-shake-animation {
	10%, 90% {
		transform: translate3d(-50.5%, 0, 0);
	}

	20%, 80% {
		transform: translate3d(-49%, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-52%, 0, 0);
	}

	40%, 60% {
		transform: translate3d(-48%, 0, 0);
	}
}

/* custom fields  */

.vrseparatorcf {
	font-size: 20px;
	padding: 8px 0;
}
.vrseparatorcf.long {
	font-size: 14px;
}

.control-custom-field {
	margin-bottom: 10px;
	max-width: 400px;
}
.control-custom-field .control-description > p:last-of-type {
	margin-bottom: 0;
}

/* custom fields (DEFAULT) */

.custom-fields-default input[type="text"],
.custom-fields-default input[type="password"],
.custom-fields-default input[type="email"],
.custom-fields-default input[type="tel"],
.custom-fields-default input[type="number"],
.custom-fields-default select.vr-cf-select {
	width: 100%;
}
.custom-fields-default .iti {
	display: block;
}

/* custom fields (MATERIAL) */

.custom-fields-material {
	padding-top: 20px;
}
.custom-fields-material .cf-control {
	margin-bottom: 30px;
}
.custom-fields-material .cf-control .cf-value {
	position: relative;
	display: inline-block;
}
.custom-fields-material .cf-description {
	margin-top: 6px;
	font-size: small;
}
.custom-fields-material .cf-description > p:first-child {
	margin-top: 0;
}
.custom-fields-material .cf-description > p:last-child {
	margin-bottom: 0;
}
.custom-fields-material .vrinput, .custom-fields-material .vrtextarea {
	font-size: 18px;
	height: auto;
	padding: 10px 10px 10px 5px;
	margin-bottom: 0;
	display: block;
	width: 300px !important;
	border: none;
	background: transparent;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	border-radius: 0;
	box-sizing: border-box;
	line-height: normal;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.custom-fields-material .vrinput:focus, .custom-fields-material .vrtextarea:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.custom-fields-material .vr-cf-select {
	width: 300px;
	min-width: 300px;
}
.custom-fields-material .vrtextarea {
	color: inherit;
	font-family: inherit;
	font-size: 15px;
}
.custom-fields-material .vrinput:focus, .custom-fields-material .vrtextarea:focus { 
	outline:none;
}
.custom-fields-material div .cf-label {
	color: var(--vre-palette-text-secondary-color);
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	top: 15px;
	width: 200px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.custom-fields-material div .cf-label.inline {
	position: initial;
}
.custom-fields-material .cf-control.control-phone .iti--allow-dropdown ~ .cf-label:not(.focus) {
	left: 48px;
}
.custom-fields-material .cf-control.control-phone .iti:not(.iti--allow-dropdown) .iti__flag-container {
	/* hide flag when dial code selection is disabled */
	display: none;
}

.custom-fields-material .vrtk-address-response {
	margin: -10px 0 30px 0;
}

/* end custom fields style */

.vrcustomfields .control-captcha {
	margin-bottom: 20px;
}

.vre-family-check {
	margin-bottom: 10px;
}
.vre-family-check input[type="checkbox"] {
	margin-right: 4px;
} 
/*.vre-family-check, .custom-fields-material .vr-cf-checkbox-wrap .cf-value {
	display: flex;
	align-items: baseline;
}*/
.vre-family-check label, .vr-cf-checkbox-wrap label {
	float: inherit;
	flex: 1;
}

/* active state */
.custom-fields-material .vrinput:focus ~ .cf-label,
.custom-fields-material .vrinput.has-value ~ .cf-label,
.custom-fields-material .vrtextarea:focus ~ .cf-label,
.custom-fields-material .vrtextarea.has-value ~ .cf-label,
.custom-fields-material .cf-label.focus,
.custom-fields-material .cf-label.inline {
  /*top: -20px;*/
  top: -14px;
  font-size: 14px;
  color: var(--vre-material);
}
.custom-fields-material .cf-highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
.custom-fields-material .cf-bar {
	position: relative;
	display: block;
	width: 100%;
}
.custom-fields-material .cf-bar:before, .custom-fields-material .cf-bar:after 	{
  content: '';
  height: 2px; 
  width: 0;
  bottom: 0px; 
  position: absolute;
  background: var(--vre-material); 
  transition: 0.2s ease all; 
  -moz-transition: 0.2s ease all; 
  -webkit-transition: 0.2s ease all;
}
.custom-fields-material .cf-bar:before {
  left: 50%;
}
.custom-fields-material .cf-bar:after {
  right: 50%; 
}
.custom-fields-material .vrinput:focus ~ .cf-bar:before,
.custom-fields-material .vrinput:focus ~ .cf-bar:after,
.custom-fields-material .vrtextarea:focus ~ .cf-bar:before,
.custom-fields-material .vrtextarea:focus ~ .cf-bar:after,
.custom-fields-material .cf-bar.focus:before,
.custom-fields-material .cf-bar.focus:after {
	width: 50%;
}
.cf-value .vr-phones-select .select2-choice:focus, .cf-value .vr-phones-select .select2-choice:active {
	box-shadow: none;
}
.cf-value .vr-phones-select .select2-arrow {
	display: none !important;	
}

.custom-fields-material .cf-dropdown .cf-label {
	position: relative;
	display: block;
	top: auto;
	margin-bottom:7px;
}
.custom-fields-material div .cf-value .vr-phones-select {
	margin-top: -3px;
}
.custom-fields-material div span.cf-label.top {
	vertical-align: top;
}
.custom-fields-material .vrseparatorcf {
	margin: -20px 0 20px;
	display: block;
}

.vrtk-address-response {
	margin: 5px 0 0;
	font-weight: bold;
}
.vrtk-address-response.fail {
	color: var(--vre-important);
}

/* takeaway item */

.vrtk-itemdet-category {
	margin-bottom: 7px;
}
.vrtk-itemdet-category a {
	font-weight: bold;
}
.vrtk-itemdet-category .arrow-separator {
	margin: 0 2px;
}

.vrtk-itemdet-prod-head {
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	margin-bottom: 10px;
}
.vrtk-itemdet-prod-head .tk-title .vrtk-item-date-block {
	display: inline-block;
	float: right;
	cursor: pointer;
}
.vrtk-itemdet-prod-head .tk-subtitle-notactive {
	font-size: 18px;
	color: var(--vre-palette-text-disabled-color);
}
.vrtk-itemdet-prod-head .tk-attributes {
	display: inline-block;
	margin-left: 10px;
}

.vrtk-itemdet-prod-body .tk-left {
	vertical-align: top;
	display: inline-block;
	width: 40%;
	margin-right: 15px;
}
.vrtk-itemdet-prod-body .tk-right {
	vertical-align: top;
	display: inline-block;
	width: calc(59% - 15px);
}

.vrtk-itemdet-prod-body .tk-left .tk-image {
	margin-bottom: 15px;
}
.vrtk-itemdet-prod-body .tk-left .tk-image img {
	max-width: 100%;
}

.vrtk-itemdet-prod-body .tk-left .tk-variations {
	margin-bottom: 25px;
}
.vrtk-itemdet-prod-body .tk-left .tk-variations .tk-label {
	margin-bottom: 3px;
	font-size: 18px;
}

.vrtk-itemdet-prod-body .tk-left .tk-toppings-groups .tk-label {
	margin-bottom: 3px;
	font-size: 16px;
}
.vrtk-itemdet-prod-body .tk-left .tk-toppings-groups .tk-topping-wrapper {
	margin-bottom: 10px;
}
.vrtk-itemdet-prod-body .tk-left .tk-toppings-groups .tk-topping-wrapper .tk-topping-fields-cont {
	width: 80%;
}
.vrtk-itemdet-prod-body .tk-left .tk-toppings-groups .tk-topping-wrapper .tk-topping-fields-cont .tk-topping-field {
	margin-bottom: 3px;
}
.vrtk-itemdet-prod-body .tk-left .tk-toppings-groups .tk-topping-wrapper .tk-topping-fields-cont .tk-topping-field .tk-topping-rate {
	float: right;
	margin-right: 10px;
}

.vrtk-itemdet-prod-body .vre-select-wrapper {
	display: inline-flex;
}

.vrtk-itemdet-prod-body .tk-right .tk-cart-summary {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	display: inline-block;
	width: 100%;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-cart-summary-inner {
	width: 70%;
	margin: 0 auto;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-cart-summary-inner .tk-price {
	padding: 5px 20px;
	margin-bottom: 6px;
	font-size: 32px;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-cart-summary-inner .tk-add-cart {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-cart-summary-inner .tk-add-cart .vrtk-additem-quantity-box {
	width: auto;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-cart-summary-inner .tk-add-cart button {
	width: 100%;
	min-height: 36px;
	/*font-size: 14px;*/
	margin: 0 0 0 10px;
	line-height: normal;
}

.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-ordernow {
	width: 70%;
	margin: 10px auto;
	text-align: center;
}
.vrtk-itemdet-prod-body .tk-right .tk-cart-summary .tk-ordernow a {
	width: 100%;
}

.vrtk-itemdet-prod-body .tk-right .tk-description {
	padding: 15px 10px;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}

.vrtk-itemdet-prod-body .tk-right .tk-special-notes {
	padding: 15px 10px;
}
.vrtk-itemdet-prod-body .tk-right .tk-special-notes .tk-notes-title {
	font-size: 16px;
}
.vrtk-itemdet-prod-body .tk-right .tk-special-notes .tk-notes-field {
	padding: 10px 0;
}
.vrtk-itemdet-prod-body .tk-right .tk-special-notes .tk-notes-field .tk-notes-info {
	padding: 0 0 5px 0;
}
.vrtk-itemdet-prod-body .tk-right .tk-special-notes .tk-notes-field textarea {
	min-height: 100px;
	width: 100%;
	resize: vertical;
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 10px;
}

/* quick reviews */

.vr-reviews-quickwrapper {
	margin-top: 20px;
}

.vr-reviews-quickwrapper .rv-reviews-quickstats {
	margin: 10px 0;
}
.vr-reviews-quickwrapper .rv-reviews-quickstats .rv-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 4px;
}
.vr-reviews-quickwrapper .rv-reviews-quickstats .rv-top .rv-average-stars i {
	color: #e7c138;
	font-size: 24px;
}

.vr-reviews-quickwrapper .rv-reviews-quickstats .rv-top .rv-count-reviews {
	margin-left: 10px;
	flex: 1;
	white-space: nowrap;
}
.vr-reviews-quickwrapper .rv-reviews-quickstats .rv-see-all {
	margin: 15px 0;
}

.vr-reviews-quickwrapper .rv-reviews-quickstats .rv-average-ratings {
	font-size: 14px;
}

.vr-reviews-quicklist .review-block {
	padding: 10px 0;
}
.vr-reviews-quicklist .review-block .rv-top {
	padding: 10px;
	background-color: var(--vre-palette-background-secondary-color);
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up {
	height: 28px;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-rating,
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-title {
	float: left;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-lang {
	float: right;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-rating img {
	width: 20px;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-rating i {
	color: #e7c138;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-up .rv-title {
	font-weight: bold;
	font-size: 16px;
	margin-left: 20px;
}
.vr-reviews-quicklist .review-block .rv-top .rv-head-down .rv-verified {
	margin-top: 5px;
	font-size: smaller;
	color: #ef6a29;
}
.vr-reviews-quicklist .review-block .rv-middle {
	padding: 10px;
	background-color: var(--vre-palette-background-secondary-color);
	border-top: 1px solid var(--vre-palette-background-border-color);
}

/* full reviews list */
.vr-reviews-toolbar {
	height: 40px;
}
.vr-reviews-toolbar .rv-toolbar-field > div {
	display: inline-block;
}
.vr-reviews-toolbar .rv-toolbar-field.left {
	float: left;
}
.vr-reviews-toolbar .rv-toolbar-field.right {
	float: right;
}
.vr-reviews-toolbar .rv-toolbar-field .rv-toolbar-field-label {
	margin-right: 10px;
}

.vr-reviews-counts {
	margin: 15px 0;
}
.vr-reviews-counts .rv-rating-count-box {
	height: 24px;
}
.vr-reviews-counts .rv-rating-count-box > div {
	float: left;
}
.vr-reviews-counts .rv-rating-count-box .rv-rating-title {
	width: 60px;
}
.vr-reviews-counts .rv-rating-count-box .rv-rating-progress {
	width: 150px;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	height: 16px;
	margin: 0 10px;
	overflow: hidden;
}
.vr-reviews-counts .rv-rating-count-box .rv-rating-progress .rv-rating-bar {
	background-image: linear-gradient(rgb(251, 212, 65), rgb(215, 176, 49));
	height: 100%;
	width: 0%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

/* new review form */
.vr-new-review-wrapper {
	padding: 20px 0;
	width: 100%;
	border-top: 1px solid var(--vre-palette-background-border-color);
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	margin: 15px 0;
}

/*
.vr-new-review-wrapper .rv-new-field .rv-new-field-label {
	font-weight: bold;
	margin-bottom: 5px;
}
.vr-new-review-wrapper .rv-new-field .rv-new-field-value input {
	margin: 0;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: 3px;
	background: var(--vre-palette-background-primary-color);
	padding: 8px 3px 8px 5px;
}
.vr-new-review-wrapper .rv-new-top {
	margin-bottom: 20px;
}
.vr-new-review-wrapper .rv-new-top .rv-new-field {
	display: inline-block;
	margin-right: 50px;
	vertical-align: top;
}
.vr-new-review-wrapper .rv-new-middle .rv-new-field .rv-new-field-value {
	display: inline-block;
	width: 80%;
}
.vr-new-review-wrapper .rv-new-middle textarea {
	width: 100%;
	height: 120px;
	max-width: 100%;
	max-height: 300px;

	background: none repeat scroll 0 0 var(--vre-palette-background-primary-color);
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: 3px;
	padding: 5px;
	resize: vertical;
}
*/

#vrcfreviewusername-control, #vrcfreviewusermail-control,
#vrcfreviewtitle-control, #vrcfreviewrating-control {
	display: inline-block;
	width: calc(50% - 8px);
}
#vrcfreviewusername-control,
#vrcfreviewtitle-control,
#vrcfreviewcomment-control {
	float: left;
}
#vrcfreviewusermail-control,
#vrcfreviewrating-control {
	float: right;
}

.vr-new-review-wrapper .rv-comment-descr {
	display: inline-block;
	width: 100%;
}
.vr-new-review-wrapper .rv-new-charsleft {
	float: left;
}
.vr-new-review-wrapper .rv-new-minchars {
	float: right;
}
.vr-new-review-wrapper .rv-new-charsleft,
.vr-new-review-wrapper .rv-new-minchars {
	font-size: 12px;
	color: var(--vre-palette-text-secondary-color);
}
.vr-new-review-wrapper #vrcommentchars,
.vr-new-review-wrapper #vrcommentminchars {
	font-weight: bold;
}
.vr-new-review-wrapper .vr-ratingstar-box {
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.vr-new-review-wrapper .rating-nostar {
	background: url(images/rating-star-no.png) left center no-repeat;
}
.vr-new-review-wrapper .rating-hoverstar {
	background: url(images/rating-star.png) left center no-repeat;
	opacity: 0.5;
}
.vr-new-review-wrapper .rating-yesstar {
	background: url(images/rating-star.png) left center no-repeat;
}
.vr-new-review-wrapper #vr-newrating-desc {
	float: left;
	margin: 4px 0 0 20px;
}
.vr-new-review-wrapper .rv-new-submit {
	margin-top: 15px;
}

/* review submit form : default */

.vr-new-review-wrapper.custom-fields-default .control-custom-field {
	max-width: 100%;
}
.vr-new-review-wrapper.custom-fields-default #vrcfreviewcomment-control {
	width: 100%;
}
.vr-new-review-wrapper.custom-fields-default #vrcfreview_gdpr-control {
	display: inline-block;
	width: 100%;
}
.vr-new-review-wrapper.custom-fields-default .review-rating-stars {
	margin-top: 4px;
}

/* review submit form : material */

.vr-new-review-wrapper.custom-fields-material {
	padding-top: 30px;
}
.vr-new-review-wrapper.custom-fields-material .cf-control {
	max-width: 100%;
}
.vr-new-review-wrapper.custom-fields-material #vrcfreviewrating-control .cf-label {
	margin-top: -14px;
	margin-bottom: 10px;
}
.vr-new-review-wrapper.custom-fields-material #vrcfreviewcomment-control {
	width: 100%;
	margin-top: -10px;
	margin-bottom: 10px;
}
.vr-new-review-wrapper.custom-fields-material .cf-control .cf-value,
.vr-new-review-wrapper.custom-fields-material .cf-control .cf-value input:not([type="checkbox"]),
.vr-new-review-wrapper.custom-fields-material .cf-control .cf-value textarea {
	width: 100% !important;
	max-width: 100% !important;
}

/* all orders */
.vr-allorders-switch-tabs {
	display: flex;
	flex-wrap: wrap;
}
.vr-allorders-switch-tabs .switch-box {
	border: 1px solid var(--vre-palette-background-border-color);	
	border-left: 0;
	text-align: center;
}
.vr-allorders-switch-tabs .switch-box:first-child {
	border-left: 1px solid var(--vre-palette-background-border-color);
    border-radius: var(--vre-palette-background-border-radius) 0 0 var(--vre-palette-background-border-radius);
}
.vr-allorders-switch-tabs .switch-box:last-child {
    border-radius: 0 var(--vre-palette-background-border-radius) var(--vre-palette-background-border-radius) 0;
}
.vr-allorders-switch-tabs .switch-box.active {
	background-color: var(--vre-palette-background-secondary-color);
}
.vr-allorders-switch-tabs .switch-box a {
	text-decoration: none;
	padding: 15px 25px;
	display: inline-flex;
}
.vr-allorders-switch-tabs .switch-box.active a {
	cursor: default;
}

.vr-allorders-tinylist .list-order-bar {
	padding: 15px 0;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.vr-allorders-tinylist .list-order-bar:last-child {
	border-bottom: 0;
}
.vr-allorders-tinylist .list-order-bar > div {
	display: inline-block;
	float: left;
}
.vr-allorders-tinylist .list-order-bar .order-oid {
	border: 2px solid var(--vre-palette-text-secondary-color);
	border-radius: var(--vre-button-default-border-radius);
	padding: 10px 10px;
	color: var(--vre-palette-text-secondary-color);
	font-size: 12px;
	font-weight: 500;
	margin-top: 3px;
	width: 70px;
	text-align: center;
}
.vr-allorders-tinylist .list-order-bar .order-summary {
	width: 45%;
	padding: 3px 0 0 25px;
}
.vr-allorders-tinylist .list-order-bar .order-summary .summary-status {
	font-size: 15px;
	font-weight: 500;
}
.vr-allorders-tinylist .list-order-bar .order-summary .summary-service {
	font-size: 13px;
	margin-top: 3px;
	color: var(--vre-palette-text-secondary-color);
}
.vr-allorders-tinylist .list-order-bar .order-purchase {
	width: 20%;
}
.vr-allorders-tinylist .list-order-bar .order-purchase .purchase-date {
	font-size: 14px;
	font-weight: 500;
	text-align: right;
}
.vr-allorders-tinylist .list-order-bar .order-purchase .purchase-price {
	font-size: 14px;
	color: var(--vre-palette-text-secondary-color);
	font-weight: 400;
	margin-top: 3px;
	text-align: right;
}
.vr-allorders-tinylist .list-order-bar .order-view-button {
	width: 20%;
	float: right;
	text-align: right;
}
/*
.vr-allorders-tinylist .list-order-bar .order-view-button a {
	border: 2px solid #6c9bb5;
	padding: 10px 20px;
	text-align: center;
	color: #6c9bb5;
	display: inline-block;
	text-decoration: none;
}
.vr-allorders-tinylist .list-order-bar .order-view-button a:hover {
	color: var(--vre-palette-background-primary-color);
	background-color: #6c9bb5;
}
.vr-allorders-tinylist .list-order-bar .order-view-button a {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;	
}
.vr-allorders-tinylist .list-order-bar .order-view-button a:hover {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;	
}
*/

/* track order */

.vr-trackorder-wrapper {
	width: 100%;
	padding: 10px 0;
}
.vr-trackorder-day-head {
	padding: 10px 0;
	border-top: 1px solid var(--vre-palette-background-border-color);
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.vr-trackorder-status {
	padding: 10px 0;
}
.vr-trackorder-status .vr-trackorder-status-time {
	width: 80px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	float: left;
	margin-top: 1px;
}
.vr-trackorder-status .vr-trackorder-status-details {
	display: inline-block;
	font-size: 14px;
	width: 50%;
}
.vr-trackorder-status .vr-trackorder-status-ago {
	margin: 0 10px 0 30px;
	display: inline-block;
	font-size: small;
	font-style: italic;
	float: right;
}

/* payment form */

.vr-payments-list {
	/*width: 90%;*/
	margin-bottom: 20px;
}

.vr-payments-list .vr-payment-wrapper {
	border: 1px solid var(--vre-palette-background-border-color);
	border-bottom: 0;
}
.vr-payments-list .vr-payment-wrapper:first-of-type {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px;
}
.vr-payments-list .vr-payment-wrapper:last-child {
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.vr-payments-list .vr-payment-wrapper label {
	display: inline-block;
}

.vr-payments-list .vr-payment-wrapper i {
	margin-left: 10px;
}
.vr-payments-list .vr-payment-wrapper i {
	margin: 10px 5px 0 0;
	float: left;
}
.vr-payments-list .vr-payment-wrapper label {
	font-size: 16px;
	display: inline-block;
}
.vr-payments-list .vr-payment-wrapper input {
	display: inline-block;
}

.vr-payments-list .vr-payment-wrapper .vr-payment-title {
	padding: 10px;
}
.vr-payments-list .vr-payment-wrapper .vr-payment-description {
	padding: 10px;
	border-top: 1px solid var(--vre-palette-background-border-color);
}
.vr-payments-list .vr-payment-wrapper .vr-payment-title input {
	margin: 10px;
	float: left;
}
.vr-payments-list .vr-payment-title-label img {
	float: left;
}
.vr-payments-list .vr-payment-title-label span {
	display: inline-block;
	float: left;
	margin: 5px;
}

/* order summary payment position */

.vr-payment-position-top {
	margin-bottom: 30px;
}

/* operator edit bill */

.vrfront-list-wrapper {
	min-height: 300px;
}

.vrfront-menu-block {
	margin: 5px;
	background: var(--vre-button-secondary-background);
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-button-secondary-border-color);
	overflow: hidden;
}
.vrfront-menu-block.active {
	border: 1px solid var(--vre-button-primary-border-color);
}
.vrfront-menu-block, .vrfront-section-block, .vrfront-product-block {
	width: 23%;
	display: inline-block;
	vertical-align: top;
}
.vrfront-editbill-menus {
	width: 75%;
	display: inline-block;
	vertical-align: top;
	margin: 20px 10px 0 0;
}
.vrfront-editbill-menus .menu-title {
	padding: 10px;
}
.vrfront-menu-block .menu-image img, .vrfront-section-block .section-image img, 
.vrfront-product-block .product-image img {
	width: 100%;
}
.vrfront-food-summary {
	width: 24%;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0;
	background: var(--vre-palette-background-secondary-color);
	padding: 10px;
	float: right;
	border-radius: var(--vre-palette-background-border-radius);
}
.vrfront-food-list .food-details {
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	padding: 5px 0;
	display: flex;
	gap: 4px;
	width: 100%;
}
.vrfront-food-list .food-details:last-child {
	border: 0;
}
.vrfront-food-list .food-details .food-details-left {
	font-size: 1em;
	margin-bottom: 3px;
	flex: 1;
}
.vrfront-food-list .food-details .food-details-right {
	text-align: right;
	white-space: nowrap;
}
.vrfront-food-list .food-cost-total {
	text-align: right;
	font-size: 1.1em;
	margin-top: 8px;
}
.vrfront-food-list .food-details .food-price {
	font-weight: bold;
}
.vrfront-food-list .food-details .food-remove {
	display: inline-block;
	margin-left: 5px;
}
.vrfront-food-list .food-details .food-remove a {
	color: var(--vre-button-danger-background);
}
.vrfront-food-list .food-details .food-remove a:hover {
	color: var(--vre-button-danger-hover-icon-color);
}
.vrfront-food-list .food-details .food-variation-name {
	margin-left: 8px;
}
.vrfront-menu-block.ghost {
	width: 128px;
	height: 100px;
	vertical-align: top;
	border: 2px dashed var(--vre-button-secondary-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	color: var(--vre-button-secondary-color);
	font-size: 32px;
	line-height: initial;
}
.vrfront-menu-block.ghost i {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
}
.vrfront-menu-block.ghost:hover {
	background: var(--vre-button-secondary-hover-background);
	border-color: var(--vre-button-secondary-hover-border-color);
	color: var(--vre-button-secondary-hover-color);
}
.vrfront-menu-sections {
	margin-top: 10px;
	border-top: 2px dashed var(--vre-palette-background-border-color);
	padding-top: 10px;
}
.vrfront-section-block {
	background: var(--vre-button-secondary-background);
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-button-secondary-border-color);
	margin: 5px;
	overflow: hidden;
}
.vrfront-section-block.active {
	border: 1px solid var(--vre-button-primary-border-color);
}
.vrfront-editbill-menus .menu-title, .vrfront-section-block .section-title, .vrfront-product-block .product-title {
	padding: 10px;
}
.vrfront-section-block .section-image, .vrfront-product-block .product-image {
	height: 84px; 
	overflow: hidden;
}
.vrfront-section-products {
	margin-top: 10px;
	border-top: 2px dashed var(--vre-palette-background-border-color);
	padding: 10px;
	text-align: center;
}
.vrfront-product-block {
	margin: 5px;
	background: var(--vre-button-secondary-background);
	border-radius: var(--vre-palette-background-border-radius);
	border: 1px solid var(--vre-button-secondary-border-color);
}
.vrfront-product-block.active {
	border: 1px solid var(--vre-button-primary-border-color);
}
.vrfront-product-block .product-title {
	text-align: center;
}
#vr-product-details {
	margin-top: 20px;
	background: var(--vre-palette-background-secondary-color);
	border-radius: var(--vre-palette-background-border-radius);
	padding: 0 0 10px 0;
}
#vr-product-details > * {
	padding-left: 20px;
	padding-right: 20px; 
}
#vr-product-details > div:first-child {
	padding-top: 20px;
}
#vr-product-details h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#vr-product-details .vrfront-field {
	margin: 8px 0;
}
#vr-product-details .field-label  {
	width: 20%;
	display: inline-block;
	vertical-align: top;
}
#vr-product-details .field-value textarea {
	border:1px solid var(--vre-palette-background-border-color);
	padding: 10px;
}
#vr-product-details .vrfront-field:last-of-type .field-label {
	width: auto;
}
#vr-product-details .vrfront-field .currency, .vrfront-manage-form .currency {
	display: inline-block;
	position: relative;
}
#vr-product-details .vrfront-field input {
	min-width: 174px;
}
#vr-product-details .vrfront-field .currency span {
	position: absolute;
	top: 6px;
	left: 8px;
}
.vrfront-manage-form .currency span {
	position: absolute;
	top: 9px;
	left: 8px;
	color: var(--vre-palette-text-secondary-color);
}
#vr-product-details .vrfront-field input[type="number"], .vrfront-manage-form input[type="number"] {
	text-align: right;
}
#vr-product-details .vrfront-field .field-value {
	display: inline-block;
}
#vr-product-details .vrfront-field .vre-select {
	min-width: 174px;
}
.vrfront-manage-form .vre-select-wrapper .vre-select {
	margin-top: 0;
}
.vrfront-manage-form .vre-select-wrapper .dropdown-short, #vrsearchinputdiv .dropdown-short {
	min-width: inherit;
	padding-right: 20px;
}

/* loading overlay */

.vr-loading-overlay.lock {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(63, 63, 63, 0.80);
	z-index: 10000;
}
.vr-loading-box {
	background: url('./images/loading.gif');
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.vr-loading-box-message {
	position: absolute;
	top: 30%;
	left: 50%;
	color: var(--vre-palette-background-primary-color);
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: bolder;
	border: 1px solid var(--vre-palette-background-primary-color);
	padding: 10px 20px;
}

/* 1.7.4 */
.vrmenu-print-btn {
	float: right;
}
.vrmenu-print-btn i.fa-print {
	font-size: 32px;
}
.dash-table-wrapper {
	overflow: hidden;
	overflow-x: scroll;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.dash-table-wrapper table {
	width: 100%;
}
.dash-table-wrapper table th {
	padding: 10px;
	background: var(--vre-palette-background-secondary-color);
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.dash-table-wrapper table td {
	padding: 10px;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.dash-table-wrapper table tr:last-child td {
	border-bottom: 0;
}
.dash-table-wrapper table td .td-primary {
	font-weight: bold;
}
.dash-table-wrapper table td .td-secondary {
	font-size: .8em;
	color: var(--vre-palette-text-secondary-color);
}
.dash-table-wrapper table .badge {
	padding: 4px 5px;
	border-radius: 2px;
}
.dash-table-wrapper table .actions-group {
	margin-left: 10px;
}

.map-table-inspector .reservation-operator-wrapper .vre-select {
	min-width: inherit;
	width: 100%;
}

/* order dishes */

.vre-order-dishes-wrapper .vre-order-dishes-menu-selection .vre-order-dishes-menu-picker {
	display: inline-block;
	width: calc(33% - 10px);
	margin: 5px;
	vertical-align: top;
	border: 1px solid var(--vre-palette-background-border-color);
	cursor: pointer;
}
.vre-order-dishes-wrapper .vre-order-dishes-menu-selection .vre-order-dishes-menu-picker:hover,
.vre-order-dishes-wrapper .vre-order-dishes-menu-selection .vre-order-dishes-menu-picker.active {
	border-color: var(--vre-button-primary-border-color);
}
.vre-order-dishes-menu-picker .order-menu-title {
	padding: 10px;
}
.vre-order-dishes-menus {
	margin-top: 30px;
}
.vre-order-dishes-menu .dishes-menu-description,
.vre-order-dishes-section .dishes-section-description {
	color: var(--vre-palette-text-secondary-color);
	font-size: .9em;
}
.vre-order-dishes-products {
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.vre-order-dishes-product-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.vre-order-dishes-products .vre-order-dishes-product {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 5px);
	margin: 5px 0;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	box-shadow: 0 0 5px rgba(0,0,0,.05);
	padding: 10px;
	min-height: 110px;
}
.vre-order-dishes-products .vre-order-dishes-product.clickable {
	cursor: pointer;
	transition: box-shadow .3s ease-in-out;
}
.vre-order-dishes-products .vre-order-dishes-product.clickable:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-text {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-text:not(:only-of-type) {
	width: calc(100% - 100px);
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-image {
    display: inline-block;
    width: 96px;
    height: 96px;
    background-position: center center;
    background-size: cover;
    border-radius: var(--vre-palette-background-border-radius);
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-description {
	font-size: .9em;
	margin-bottom: 30px;
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-main {
	display: flex;
	align-items: start;
	gap: 0 10px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-name {
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 1.1em;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vre-order-dishes-products .vre-order-dishes-product .dishes-product-price {
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 500;
}

/* order dishes cart */

.vre-order-dishes-cart {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	width: 400px;
	padding: 10px 5px;
}
.vre-order-dishes-cart .dishes-cart-minified {
	padding: 14px 20px !important;
	width: 100%;
	font-size: 16px !important;
	position: relative;
}
/* add a background layout to prevent transparency issues with certain styles */
.vre-order-dishes-cart .dishes-cart-minified:before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--vre-palette-background-primary-color);
	z-index: -1;
}	
.vre-order-dishes-cart .dishes-cart-minified i {
	position: absolute;
	left: var(--vre-button-default-padding-horizontal);
	top: 50%;
	transform: translateY(-50%);
}
.vre-order-dishes-cart .dishes-cart-collapsed {
	background: var(--vre-palette-background-secondary-color);
	border: 1px solid var(--vre-palette-background-border-color);
	border-bottom: 0;
	border-radius: var(--vre-button-default-border-radius) var(--vre-button-default-border-radius) 0 0;
	padding: 10px 10px 14px 10px;
	margin-bottom: -4px;
	display: none;
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-items {
	overflow-y: scroll;
	max-height: calc(100vh - 170px);
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 8px 0;
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-quantity {
	width: 10%;
	color: var(--vre-palette-text-secondary-color);
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-name {
	width: calc(65% - 20px);
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-price {
	width: 25%;
	text-align: right;
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-delete {
	width: 20px;
	text-align: right;
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-delete {
	color: var(--vre-button-danger-background);
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-delete:hover {
	color: var(--vre-button-danger-hover-icon-color);
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-name > span {
	display: block;
}
.vre-order-dishes-cart .dishes-cart-collapsed .dishes-cart-item-row .dish-item-name .varname {
	font-size: smaller;
	color: var(--vre-palette-text-secondary-color);
}
.vre-order-dishes-cart .dishes-transmit-wrapper {
	padding: 0px 5px;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
}
.vre-order-dishes-cart .dishes-transmit-wrapper button {
	flex: 1;
	margin: 0 2px;
	word-wrap: break-word;
}
.vre-order-dishes-cart .dishes-transmit-wrapper button#vre-closebill-btn {
	max-width: calc(50% - 4px);
}

/* add dish overlay */

#vrdishoverlay .vr-modal-box {
	max-width: 640px;
}
#vrdishoverlay .dish-overlay-item-details {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 10px;
	margin-bottom: 10px;
}
#vrdishoverlay .dish-overlay-item-image {
	display: inline-block;
	width: 128px;
	height: 128px;
	background-position: center center;
	background-size: cover;
	border-radius: var(--vre-palette-background-border-radius);
}
#vrdishoverlay .dish-overlay-item-text:not(:only-of-type) {
	width: calc(100% - 140px);
}
#vrdishoverlay .dish-overlay-item-text .dish-overlay-item-main {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 0 10px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
#vrdishoverlay .dish-overlay-item-text .dish-overlay-item-name {
	font-size: 1.1em;
	font-weight: bold;
}
#vrdishoverlay .dish-overlay-item-text .dish-overlay-item-description {
	font-size: 0.95em;
}
#vrdishoverlay .dish-overlay-item-text .dish-overlay-item-description > *:first-child {
	margin-top: 0;
}
#vrdishoverlay .dish-overlay-item-text .dish-overlay-item-description > *:last-child {
	margin-bottom: 0;
}

#vrdishoverlay .vrtk-additem-notes-box {
	margin-bottom: 10px;
}

#vrdishoverlay .vrtk-additem-variations-box {
	margin-bottom: 10px;
}
#vrdishoverlay .vrtk-additem-variations-box p {
	margin: 0 0 5px 0;
}
#vrdishoverlay .vrtk-additem-variations-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#vrdishoverlay .vrtk-additem-variations-box li {
	margin-left: 4px;
}
#vrdishoverlay .vrtk-additem-variations-box li .var-charge {
	float: right;
	font-weight: bold;
}

#vrpaymentoverlay .vrtk-ceil-tip {
	display: inline-block;
	margin-left: 10px;
}

.vr-modal-body .dish-item-overlay-footer {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	padding: 10px 10px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	box-shadow: 0 -2px 1px var(--vre-palette-background-secondary-color);
	background: var(--vre-palette-background-primary-color);
}
.vr-modal-body .dish-item-overlay-footer button[data-role] {
	padding: 10px 4px !important;
}
.vr-modal-body .dish-item-overlay-footer button[data-role="save"] {
	flex: calc(70% - 5px);
	font-weight: 600;
}
.vr-modal-body .dish-item-overlay-footer button[data-role="close"] {
	flex: calc(30% - 5px);
}

.vrdash-container.kitchen {
	display: flex;
	width: 100%;
}
.vr-kitchen-wall {
    background-color: var(--vre-palette-background-secondary-color);
    border: 1px solid var(--vre-palette-background-border-color);
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    flex: 1;
}
.vr-kitchen-wall .kitchen-wall-block-wrap {
    width: calc(100% / 3 - 10px);
    margin: 5px;
}
.vr-kitchen-wall .kitchen-wall-block {
    border: 1px solid var(--vre-palette-background-border-color);
    background-color: var(--vre-palette-background-primary-color);
    color: var(--vre-palette-text-primary-color);
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-head {
    border-bottom: 1px solid var(--vre-palette-background-border-color);
    background-color: #e2e2e2;
    color: #000;
    display: flex;
    justify-content: space-between;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-head .block-head-text {
    padding: 5px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-head .block-head-text .block-head-table {
	display: inline-flex;
	gap: 4px;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-head .block-head-room {
    font-weight: 500;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-head .block-head-actions {
    text-align: right;
    border-left: 1px solid var(--vre-palette-background-border-color);
    margin-left: 5px;
    padding: 5px 10px;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .dishes-serving-number-separator {
	padding: 5px 10px;
	background-color: #efefef;
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid var(--vre-palette-background-border-color);
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 5px;
    border-bottom: 1px solid var(--vre-palette-background-border-color);
    min-height: 24px;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-quantity {
    width: 32px;
    text-align: center;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-main {
    flex: 1;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-name {
    font-weight: bold;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-notes {
    font-size: smaller;
    font-style: italic;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-code {
    width: 32px;
    text-align: center;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-code a,
.vr-kitchen-wall .kitchen-wall-block a.vrrescodelink.order {
	text-decoration: none;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish:last-child {
    border-bottom: 0;
}
.vr-kitchen-wall .kitchen-wall-block .wall-block-list .block-list-dish .list-dish-code .vrrescodelink img,
.vr-kitchen-wall .kitchen-wall-block .vrrescodelink.order img {
	height: 28px;
}
.vr-kitchen-waitlist {
    width: 260px;
    border: 1px solid var(--vre-palette-background-border-color);
    border-left: 0;
    background: var(--vre-palette-background-primary-color);
    color: var(--vre-palette-text-primary-color);
}
.vr-kitchen-waitlist .kitchen-waitlist-head {
    padding: 10px;
    border-bottom: 1px solid var(--vre-palette-background-border-color);
    background: #e2e2e2;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-title {
    padding: 5px;
    border-bottom: 1px solid var(--vre-palette-background-border-color);
    background-color: #efefef;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-title .waitlist-group-table {
	display: inline-flex;
	gap: 4px;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-title .waitlist-group-room {
    font-weight: 500;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-dish {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid var(--vre-palette-background-border-color);
    min-height: 24px;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-dish .waitlist-group-dish-quantity {
    width: 32px;
    text-align: center;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-dish .waitlist-group-dish-name {
    font-weight: bold;
    flex: 1;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-dish .waitlist-group-dish-code {
    width: 32px;
    text-align: center;
}
.vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-dish .waitlist-group-dish-code .vrrescodelink img {
    height: 28px;
}
.vr-kitchen-waitlist .waitlist-group-dish:last-child {
    border-bottom: 0;
}
.vr-kitchen-no-result {
	border: 1px solid #ffd90f;
	background: var(--vre-palette-background-primary-color)fcc;
	padding: 10px;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	box-sizing: border-box;
}

.vrpaymentnotes p:last-child {
	margin-bottom: 0;
}

@media print {
	.vrmenu-print-btn, .vrmenu-sectionsbar {
		display: none;
	}
	.vrmenu-detailsprodlist, .vrmenu-detailsprod {
		border: 0 !important;
		background: var(--vre-palette-background-primary-color) !important;
	}
	.vrmenu-detailsheadsubimage, .vrmenu-detailssectionsubimage, .vrmenu-detailsprodsubimage {
		float: none !important;
		display: block !important;
	}
	.vrmenu-detailsheadsubdesc, .vrmenu-detailssectionsubdesc, .vr-menudetailsprodsubnamedesc {
		padding-left: 0px !important;
		display: block;
		width: 100% !important;
	}
}

/* hack needed to prevent extra-page printing on Chrome */
@media print and (-webkit-min-device-pixel-ratio: 0) {
	html, body {
		border: 1px solid white;
		height: 99%;
		page-break-after: avoid;
		page-break-before: avoid;
	}
}

.vr-confirm-h3 {
	margin: 0 0 15px 0;
}

i.ok {
	color: var(--vre-button-success-background);
}
i.no {
	color: var(--vre-important);
}
i.warn {
	color: var(--vre-warning);
}

/* loading animation */
.vr-loading-tmpl .spinner {
	width: 40px;
	height: 40px;
	position: relative;
	/*margin: 20px auto 10px auto;*/
}
.vr-loading-tmpl .spinner.size2x {
	width: 80px;
	height: 80px;
}
.vr-loading-tmpl .time-actions .loading-target .spinner {
	margin: 0 10px 0 0;
}
.vr-loading-tmpl .opb-time-slot-extra .loading-target .spinner {
	margin: 0 auto 5px auto;
}

.vr-loading-tmpl .double-bounce1,
.vr-loading-tmpl .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #3d618f;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: vr-sk-bounce 2.0s infinite ease-in-out;
	animation: vr-sk-bounce 2.0s infinite ease-in-out;
}
.vr-loading-tmpl .spinner.dark .double-bounce1,
.vr-loading-tmpl .spinner.dark .double-bounce2 {
	background-color: #082c5b;
}

.vr-loading-tmpl .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes vr-sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes vr-sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* manage reservation */
#rooms-maps-wrapper {
	position: relative;
}
#rooms-maps-wrapper .loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3339;
}
.loading-overlay .vr-loading-tmpl {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* take-away menus grid layout */

.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkmenuheader .vrtkmenutitlediv {
	border: 0;
	padding-bottom: 5px;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkmenuheader .vrtkmenudescdiv {
	margin-top: 0;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkitemsofmenudiv {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkitemsofmenudiv .vrtksingleitemdiv {
	width: calc(100% / 2 - 5px);
	border: 1px solid var(--vre-palette-background-border-color);
	padding: 10px;
	border-radius: var(--vre-palette-background-border-radius);

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkitemleftdiv,
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkitemvardiv {
	width: 100%;
	float: none;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkiteminfodiv {
	margin-right: 0;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkiteminfodiv .vrtkitemtitle {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.vrtkitemsdiv .vrtk-menu-outer.grid-layout .vrtkiteminfodiv .vrtkitemtitle .vrtkitemattributes {
	text-align: right;
	padding-right: 0;
}

@media screen and (min-width: 780px) {
	.vrtkitemsdiv .vrtk-menu-outer.grid-layout.col-3x .vrtkitemsofmenudiv {
		justify-content: start;
		gap: 5px 10px;
	}
	.vrtkitemsdiv .vrtk-menu-outer.grid-layout.col-3x .vrtkitemsofmenudiv .vrtksingleitemdiv {
		width: calc(100% / 3 - 7px);
	}
}

.vrtk-menu-outer:last-child .vrtkitemsofmenudiv {
	margin-bottom: 0;
}

/* special day instructions */

.vrreservationform .specialday-instr {
	padding: 15px 0 5px;
}
.vrorderinfo .specialday-instr {
	margin-top: 10px;
}
.specialday-instr > *:first-child,
.specialday-instr > div > *:first-child {
	margin-top: 0;
}
.specialday-instr > *:last-child,
.specialday-instr > div > *:last-child {
	margin-bottom: 0;
}

/* upselling overlay */
	
#vrupselloverlay .vr-modal-box {
	max-width: 720px;
}
#vrupselloverlay .vr-modal-box #vrtk-checkout-button {
	width: 100%;
}

.vre-overlay-upselling-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.vre-overlay-upselling-items .overlay-upselling-item {
	display: flex;
	gap: 8px;
	padding: 6px;
	border: 1px solid var(--vre-palette-background-border-color);
	border-radius: var(--vre-palette-background-border-radius);
	position: relative;
	box-shadow: 3px 3px 3px 0 rgba(1, 1, 1, 0.09);
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-image {
	width: 35%;
	max-width: 180px;
	cursor: pointer;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-details .upselling-item-details-top {
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-details .upselling-item-details-name {
	font-weight: 500;
	font-size: 1.05em;
	flex: 1;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-details .upselling-item-details-desc {
	font-size: 0.9em;
	margin-top: 5px;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-details .upselling-item-details-desc > *:first-child {
	margin-top: 0;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-details .upselling-item-details-desc > *:last-child {
	margin-bottom: 0;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-pricing {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: end;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-pricing .upselling-item-details-price {
	font-size: 1.25em;
	font-weight: 500;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-add {
	font-size: 32px;
	color: var(--vre-button-success-background);
	display: inline-flex;
}
.vre-overlay-upselling-items .overlay-upselling-item .upselling-item-add:hover {
	color: var(--vre-button-success-hover-icon-color);
}

.nowrap {
	white-space: nowrap;
}
.dash-status-code-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
}
.dash-status-code-wrapper .vrrescodelink {
	margin: 0;
}
.dash-status-code-wrapper .vrrescodelink img {
	max-width: none;
}

/* table maps inspector colors override */

.vre-map-svg-wrapper .map-table-inspector {
	border-color: var(--vre-palette-background-border-color);
	background: var(--vre-palette-background-secondary-color);
	color: var(--vre-palette-text-primary-color);
}
.vre-map-svg-wrapper .map-table-inspector .customer-details {
	color: #000;
}
.vre-map-svg-wrapper .map-table-inspector .checkout-expiration,
.vre-map-svg-wrapper .map-table-inspector .reservation-code,
.vre-map-svg-wrapper .map-table-inspector .res-code-list {
	border-color: var(--vre-palette-background-border-color);
	background: var(--vre-palette-background-primary-color);
	color: var(--vre-palette-text-primary-color);
}
.vre-map-svg-wrapper .map-table-inspector .res-code-list .res-code-item.active,
.vre-map-svg-wrapper .map-table-inspector .res-code-list .res-code-item:not(.active):hover {
	color: #000;
}
.vre-map-svg-wrapper .map-table-inspector .reservation-code .code-notes {
	border-color: var(--vre-palette-background-border-color);
}