/*

aangepast in main.css:

!important uit
.showextra>span,.lang-label,.available_settings,.from-to{display:flex}

.add bij .extras-sub a
[name=payment_link], .scroller-placeholder, #update-buttons, #table-buttons, a button, .extras-sub a.add button, .addrow button {
    display: none;
}

alle fonts staan nu ook op https://www.foodticket.nl/css/foodticket-orderbuddy/v3
verwijzing naar testing.foodticket.engineering is niet nodig

*/

/* fix voor $(...).show() */
.showextra>span[style*=none] {
    display: none!important;
}
.showextra span[style*='display: inline'],
[class*=_settings]
	:not(.discount_type_settings)
	:not(.code_type_settings)
	:not(#size_settings)
[style*='display: block'],
#table-buttons[style*='display: block'],
#update-buttons[style*='display: block'] {
    display: flex !important;
}

select option:disabled {
    color: #ddd;
}
select option:first:disabled {
    color: #999;
}

#sparqle-order-popup {
	position: absolute;
    bottom: 1em;
    z-index: 10000;
    width: 209px;
    height: 46px;
    display: block !important;
}
#sparqle-order-popup img {
	display: inline;
    float: left;
}
#sparqle-order-popup label {
	display: inline;
	width: auto;
    float: left;
	margin-top: 10px;
    margin-left: 10px;
}

.deliverers-search-container {
	width: 100% !important;
    display: block !important;
    height: auto !important;
    background: none !important;
    margin: 0 !important;
}
a#deliverers-search-clear {
    top: 14px !important;
}
#deliverers-search-none {
	display:none;
}

#pos-ticket-content.edit_buttons .delete {
	display: none;
}
#pos-ticket-content tr.editrow {
	border-top: 0 !important;
}
#pos-ticket-content tr.editrow td {
	padding-top: 0 !important;
}
#pos-ticket-content tr.editrow div {
	display: flex;
    column-gap: 0.5rem;
    position: relative;
}    
#pos-ticket-content tr.editrow button {
	background-color: #31344a;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    border-radius: 6px;
    padding: 1rem 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    width: 25%;
    font-size: 1.5em;
}
#pos-ticket-content tr.editrow button:disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}
#pos-ticket-content tr.editrow button.del {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/style-icons/_cms1594108148_trash-can-50.png), linear-gradient(90deg, #e10606 0%, #e06633 100%);
    font-size: 0;
    color: #fff;
}
#pos-ticket-content tr.editrow button.edit {
	background: 50% / auto 21px no-repeat url(/css/foodticket-orderbuddy/v3/style-icons/_cms1675158662_edit-50.png) #ebebed;
    font-size: 0;
}

.order table tr td.info {
	white-space: nowrap;
}
.order table tr td.street {
	padding-right: 0 !important;
}

button#login-button {
    background: linear-gradient(90deg, #e10606 -11.53%, #e28839 100%);
    width: 100%;
}

#overlay.solid .bg {
    background-color: transparent;
}
#overlay strong {
	color: #000;
}

#header #logout {
    gap: 0.2rem;
}

#selrow img {
	display: inline !important;
}

input.perc {
	max-width: 168px;
}

#wrapper #wrapper-inner input.w25 {
    width: 25% !important;
}

table.list img {
    margin-right: 5px;
    display: inline;
}

input.color {
	border-right-width: 2em;
	width: 25% !important;
}
input[name*="item-color-counter"].color {
	max-width: 100% !important;
	width: 100% !important;
}

select[name*=item-catprod] {
	width: 100%;
}

#settings #cat-extras,
#settings #prod-extras,
#settings #items {
	width: 50%;
}

span.remark {
	background: #e36220;
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	width: 12px;
	text-align: center;
	position: relative;
	top: -2px;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	margin-left: .5em;
	cursor: pointer;
	display: none;
}
span.remark.set {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	display: inline-block;
}

.right .price-wrap {
    float: right;
}

#prod-extras,
#items {
	xwidth: 50% !important;
}

.preview-image div {
	width: 100%;
}
.small-preview-image .preview-image {
    width: 68px;
    height: 68px;
    margin-bottom: 0;
}

select {
	xmin-width: 25%;
	width: auto;
	font-weight: normal;
}
input, label.small {
	font-weight: normal;
}

#pos #pos-menu section button:not(.prev,.next) {
    display: block;
}

#wrapper .yyy a button {
    display: block!important;
    line-height: .5em;
    width: 44px;
    padding: 1em;
}

#shop .button-wrap button[type="submit"] {
	margin-top: 0 !important;
}

#wrapper .radio-block-wrap {
    margin-top: 0 !important;
}
#wrapper .radio-block-wrap label {
	display: block;
}

[name=payment_link] {
    display: inline!important;
}

#settings #rendering-orderbuddy-form fieldset {
	xwidth: 50%;
}

#settings #extra-form fieldset {
	width: 100%;
}
#settings #extra-form fieldset.full {
	width: 100%;
}
#settings #discount-form legend,
#settings #extra-form legend,
#settings #category-form legend,
#settings #rendering-orderbuddy-form legend {
    margin-block-end: 1.5rem;
}
#settings #discount-form legend:after,
#settings #extra-form legend:after,
#settings #rendering-orderbuddy-form legend:after {
    border-block-start: 1px solid #c3c4ca;
    flex: 1 1;
    height: 1px;
    margin-inline-start: 0.5rem;
    content: "";
}
#settings #extra-form {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
}

.tDnD_whileDrag {
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.extras-sub {
	margin-top: 1em;
}
#items .from-to,
.extras-sub .from-to {
	margin-bottom: 1em;
}

#runners_settings {
	margin-top: 1em;
}

.footer td {
    padding: 0 1em;
    text-align: left;
}
.footer table th:last-of-type, .footer table td:last-of-type {
    display: initial;
}

#customer-popup .clear,
button.delete, button.print, 
/*.sweet-alert .cancel,*/
button[value*=cancel],
#button-shop-change {
	color: #31344a !important;
	background: #ebebed !important;
}

.ui-datepicker {
    width: 27.25em;
    z-index: 5;
}
.action-pos .ui-datepicker {
    width: 20.25em;
}
.ui-datepicker td span, .ui-datepicker td a {
    width: 3em;
    height: 3em;
}
.ui-widget-header {
	background: #fff;
	border-color: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #e06633;
    background: #e06633;
    color: #fff;
}
.ui-widget-header .ui-icon {
    background-image: url(../images/_cms1594107946_ui-icons_000_256x240.png);
}
.ui-datepicker-header .ui-state-hover
/*, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus */ {
	border: 0px solid #fff;
}
div.ui-datepicker, .popup-inner, .sweet-alert, .colpick {
    box-shadow: 0 0 1rem 0.3rem rgb(0 0 0 / 8%);
}
.colpick {
	background: #fff;
	z-index: 10000;
}
.colpick_submit,
.colpick_submit:hover {
	background-color: #31344a;
    color: #fff;
}
.colpick_hex_field {
	background: #fff;
}
.colpick_hex_field input {
	border: 0;
    background: none;
}
.colpick_field_letter {
    width: 18px;
}

input.autocomplete-input {
    background-position: 99% 50%;
}

#customer-popup .right label + br {
	display: none;
}

#customer-popup .right p:first-of-type {
    margin: 26px 0 8px 0;
}

#pos-ticket button.state.disabled, #pos-ticket button.state:disabled {
    cursor: default;
    pointer-events: none;
    background: #f8f8f8;
    opacity: 0.5;
}
.popup .right button.current, #pos-ticket button.current {
	font-weight: bold;
}
#pos #pos-ticket .order #ticket-bottom #go {
    font-weight: bold;
}
#pos #pos-ticket .order #ticket-bottom #go span {
	background: rgba(49,52,74,.39);
    color: #fff;
    padding: 0.2rem;
    border-radius: 6px;
    font-size: 80%;
}
#pos-ticket #ticket-bottom #barcode {
    background: url(gfx/_cms1594107892_barcode.png) 99% 50% no-repeat;
}

#pos #pos-menu section button.child {
    display: none;
}

#pos #pos-menu #pos-buttons .left button.current {
    pointer-events: all;
    cursor: pointer;
}

#pos #pos-menu section[id^=products-runners], #pos #pos-menu section[id^=categories] {
    display: none;
}

p:empty {
    display: none !important;
}

.popup-tables .table {
    background-size: 16px;
    background-position: 98% 92%;
    background-repeat: no-repeat;
}
.popup-tables .table[order-id][data-qrcode]:not([data-qrcode=""]) {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1590592553_qr_code-26-white.png);
}
.popup-tables .table[data-qrcode]:not([data-qrcode=""]) {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1564059102_qr_code-26.png);
}
[name=qrcode] {
    background-size: 16px;
    background-position: 2% 50%;
    background-repeat: no-repeat;
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1564059102_qr_code-26.png);
    padding-left: 25px !important;
}
button .highlight {
    background: yellow;
    font-weight: bold;
}
#pos-search-clear {
	top: 14px !important;
}

#extras div.error {
    border-color: red;
    background: #fdd;
    color: red;
    padding: 4px;
}
#extras label.radio[style], 
#extras label.checkbox[style],
#extras label.checkbox[style] span,
#extras label[style] em {
	color: #fff;
}

span.error, span.message, span.warning,
p.error, p.message, p.warning {
  border: 1px solid red;
  background: #ffdddd url(/gfx/_cms1298065404_exclamation.png) 5px 5px no-repeat;
  color: red !important;
  padding: 5px 5px 5px 26px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 1em 0;
  text-align: left;
  white-space: pre-line;
  overflow: auto;
}
p.no-pre-line {
  white-space: initial !important;
}
span.error a,
p.error a {
	color: red !important;
	text-decoration: underline !important;
}
span.message,
p.message {
  background-color: #D6F7CD;
  background-image: url(/gfx/_cms1298065403_accept.png);
  color: #0c9d00 !important;
  border-color: #0c9d00;
}
span.message a,
p.message a {
  color: #0c9d00 !important;
	text-decoration: underline !important;
}
.warning td,
span.warning,
p.warning {
  background-color: #fef1bc;
  background-image: url(/gfx/_cms1298065404_error.png);
  color: #c36b09 !important;
  border-color: #F0E1A8;
}
.warning td {
	background-image: none;
}
span.warning a,
p.warning a {
  color: #c36b09 !important;
	text-decoration: underline !important;
}
p.error a.help,
p.message a.help,
p.warning a.help {
	color: #fff !important;
  text-decoration: none;
}

span.error, span.message, span.warning, p.error, p.message, p.warning {
	background-image: none;
	border-width: 2px;
	padding: .5em;
}

.popup #extras-inner .select input.n {
    width: 54px;
}
.popup #extras-inner .select {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1rem;
    background: #f5f5f6;
    color: #31344a;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.popup #extras-inner .select .plus, .popup #extras-inner .select .minus {
    flex-shrink: 0;
    width: 44px;
    padding-inline: 0;
    font-weight: 400;
}
.popup #extras-inner .checkboxes {
    grid-template-columns: repeat(3, 1fr);
}
.popup #extras-inner .checkboxes .checkbox {
	width: 100%;
}

.popup.popup-order .popup-inner {
    width: 95vw;
    max-height: 85vw;
}

#prod-extras .price2,
#cat-extras .price2,
#items .price2 {
	display: none;
}
select[name$=item-catprod]+input[name$=item-title] {
    width: calc(100% - 2em);
}

table.list .not-avail,
.inactive { /* andere tabellen/elementen, nog lichter voor duidelijkheid */
	opacity: 0.35;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
}

tr.search .selectboxit-container {
	display: block;
}
.paging .selectboxit-container {
	float: right;
}
tr.search .selectboxit-container .selectboxit {
	width: 100% !important;
	display: block;
	/*padding: 0;*/
}
.selectboxit-options.selectboxit-list {
	min-width: 0 !important;
	width: 100%;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	line-height: 44px;
}
.selectboxit-text {
	max-width: none !important;
}
/*---*/
.selectboxit-container .selectboxit {
	/*padding: 10px;*/
	border-radius: 6px;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	height: 44px;
}
.selectboxit-list {
  	border: 1px solid #c3c4ca;
  	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-options .selectboxit-list li {
	padding: 10px;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	top: 22px;
}
.selectboxit-container .selectboxit-options {
	border-radius: 6px;
}
.selectboxit-btn {
	background: #fff;
  	padding-right: 30px !important;
}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
	background: #fff;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	background: #f5f5f6;
	color: #31344a;
}

/* zodat selectbox buiten popup kan */
.popup #extras-inner, .popup .popup-content,
.popup #extras-inner:has(.popup-content) {
    xoverflow: initial!important;
}

#admin-panel {
	position: absolute;
	right: 1em;
	top: 90px;
	overflow: auto;
	width: 33%;
	z-index: 10;
	background: #fff;
	border: 3px solid #e36220;
	border-radius: 8px;
	padding: 4px;
}
#orders #admin-panel h2, #orders #admin-panel h2 span {
	font-size: 16px;
}
#orders #admin-panel span {
	right: 4px;
	top: 6px;
}
#admin-panel table {
	margin-bottom: 8px;
}
#admin-panel table.list {
  border-collapse: collapse;
  clear: both;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
#admin-panel table.list th {
	color: #e36220;
	vertical-align: top;
}
#admin-panel table.list tbody tr {
  border: 1px dashed #b3b3b3;
  border-width: 1px 0;
}
#admin-panel table.list thead {
  border-bottom: 1px solid #b3b3b3;
}
#admin-panel table.list th, #admin-panel table.list td {
  padding: .2em .4em;
  vertical-align: middle;
}
#admin-panel table.list th {
  text-align: left;
}
#admin-panel .list tbody tr:nth-child(odd) {
  background-color: #f0f0f0;
}
#admin-panel textarea {
	width: 100%;
	min-height: 5em;
}
#admin-panel textarea::-webkit-scrollbar {
    width: 0px;
}
#admin-panel button {
	width: auto;
	padding: 0 1em;
	font-size: 12px;
}

.popup .tab.info table tr:not(.spacer) th, .popup .tab.info table tr:not(.spacer) td {
    border: 1px solid rgba(0,0,0,0);
}

.popup .title, .popup .title span {
    margin-block-end: 0.75rem;
    font-weight: 700;
    font-size: 1.1rem;
    color: #31344a;
}

.nofloat, .nofloat input {
	margin-right: .5em;
}

.popup .popup-menu li {
    position: relative;
}

.popup-menu li .badge {
    left: auto;
    right: -4px;
    z-index: 1;
}
.pulse {
    -webkit-animation: pulsate .5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -ms-animation: pulsate .5s ease-out;
    -ms-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8); xopacity: 0.5;}
    100% {-webkit-transform: scale(1.2, 1.2); xopacity: 1.0;}
}
@-ms-keyframes pulsate {
    0% {-ms-transform: scale(0.8, 0.8); xopacity: 0.5;}
    100% {-ms-transform: scale(1.2, 1.2); xopacity: 1.0;}
}

.popup {
	pointer-events: none; /* = bg/overlay */
}
.popup-inner, #extras-inner {
	pointer-events: all;
}

.popup .popup-status li div {
    background: #fff;
}

.popup .tab.order table tr:nth-child(odd):not(:first-child) {
    background: none;
}
.popup .product {
    border-bottom: 1px solid #eee;
}

#mode-buttons {
	position: absolute;
	right: 2em;
	top: 2em;
}
#mode-buttons button {
	width: 58px;
	background-color: #31344a;
	border-radius: 6px;
    text-align: center;
    height: 44px;
}
#mode-buttons button img {
	display: inline;
}

.badge {
    height: 18px;
    min-width: 18px;
} 

.sweet-alert button {
	background-color: #31344a !important;
	font-weight: normal;
	height: 44px;
}
.sweet-alert p {
	margin: 1em;
}

.order.order-deliver table tr td.price, .order.order-deliver.enroute table tr td.price, .order.order-pickup table tr td.price, .order.order-pickup.enroute table tr td.price, .order.order-deliver.delivered table tr td.price {
    color: #22B580;
}
.order.order-deliver table tr td.price:before, .order.order-deliver.enroute table tr td.price:before, .order.order-pickup table tr td.price:before, .order.order-pickup.enroute table tr td.price:before, .order.order-deliver.delivered table tr td.price:before {
    border-color: #22B580;
}

.search-advanced {
	background: #f5f5f6;
    border-bottom: 1px solid #c3c4ca;
}


.from-to label {
	font-weight: 400;
}

/* bedrag search klanten */
.from-to label[style] {
	margin: 0 0 0 .5em;
	left: 0;
}

.price-wrap span.currency {
    float: none;
    position: absolute;
    top: 22px;
}
.price-wrap span.perc {
    float: none;
    position: absolute;
    top: 13px;
}

table.list {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.list .dark {
    position: relative;
    z-index: 1;
}
.list th div.vertical {
    writing-mode: vertical-rl;
    transform: rotate(200deg);
    position: relative;
    left: 3em;
    white-space: nowrap;
    z-index: 1;
}
.list th.dark::after {
    content: "";
    position: absolute;
    background-color: #e0e0e0;
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
}

/* spacing */
.search-advanced div+br+label {
    /* margin-block-start: 1.25rem; */
    margin-block-start: 0;
}
.payment_cash_settings:not(.nobg),
.extra_settings:not(.nobg),
div[id$=_settings]:not(.nobg) {
	margin-top: .5rem !important;
	background: #eee;
    border-radius: 6px;
    padding: 1em;	
}
div[id$=_settings]:not(.nobg) > h3 {
	margin-top: 0 !important;
}

br + p {
    margin-top: 0;
}
label + br {
	display: none;
}
div + fieldset,
fieldset + div {
	margin-top: 2.5em;
}
#customers legend, #archive legend, #settings legend, #shop legend {
    margin-block-end: 1rem;
}
fieldset {
	margin-bottom: 2em;
}
fieldset.full + fieldset.full,
xfieldset.full + fieldset { /* product: info + allergy */
	margin-top: 2.5em;
}
#wrapper .group > h3,
legend + h3,
legend + label,
xfieldset br + div[style*=none] + label {
    margin-top: 0 !important;
}
fieldset div[style*=none] + div,
fieldset div[style*=none] + label,
fieldset div[style*=block] + label,
fieldset div + br + div,
fieldset legend + table,
fieldset div + div, 
fieldset div + br + p,
fieldset label + br:not(:last-child) + p {
    margin-top: 1em;
}
legend + p {
	margin-top: 0;
}
#wrapper .label-switch + br + div {
    margin-top: 1rem !important;
}
#runners_settings fieldset~fieldset, .group fieldset~fieldset {
    margin-block-start: 2.5rem;
}
.no-bottom-margin {
	xmargin-bottom: 0 !important;
}
fieldset div + br,
fieldset div br:last-child {
    display: none;
}
label + br:not(:last-child) {
    display: none;
}
br + br + label,
br + br + h3,
div h3:first-child {
    margin-top: 1em !important;
}
table + label {
	margin-block-start: 0.5rem;
}

fieldset h3 {
	font-size: 1em;
}

form {
    padding-bottom: 0 !important;
}
.button-wrap {
	display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% + 2em);
    margin-block-start: -0.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -0.3rem 1rem #00000008;
    position: sticky;
    bottom: 0 !important;
    background: #fff;
    padding: 1em;
    margin: 0 -1em;
    z-index: 1;
}
.button-wrap select {
	height: 44px !important;
}
.button-wrap.products-buttons {
	width: 100%;
	margin: 0;
}
		
.numbers-gutter,
.gutter {
	display: none;
	position: absolute;
	width: 400px;
	left: -300px;
	top: 0;
}
.print-gutter {
	display: none;
}

table.list thead.total th {
  	border-top: 1px solid #b3b3b3;
  	border-bottom: 1px solid #b3b3b3;
}

td.status img {
	display: inline;
	vertical-align: bottom !important;
	max-width: 1.75em;
}

.action-archive .back {
	margin-right: auto;
}

[name=test_to] {
	float: none !important;
}

/* make first button have margin so right is right aligned */
.button-wrap .right, .products-buttons .right {
    margin-inline-start: auto;
}
.button-wrap > .right ~ .right, .products-buttons > .right ~ .right {
    margin-inline-start: 0;
}

#nl-stats .perc {
    border: 1px solid #f5f5f6;
    background: rgba(0,226,163,30%) url(../gfx/_cms1564059105_white.gif) 0 0 no-repeat;
}

.selection_settings label {
	font-weight: normal;
}

.sel_search {
    background-image: url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429827_magnifyer.png) !important;
    background-position: 3% 50% !important;
    background-repeat: no-repeat !important;
}
.sel_search {
    padding-inline-start: 30px!important;
}

.no-v3 {
	display: none;
}

.ui-datepicker .ui-datepicker-title select {
    height: 44px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 14px;
}

td.sum {
    border-top: 1px solid #000;
}
.payout td, .payout .th {
    padding: 0.25em;
}

.warning td, span.warning, p.warning {
    background-color: #fef1bc !important;
    background-image: none;
}

#financial legend {
    margin-block-end: 1.5rem;
}

.list td#selrow {
  text-align: center;
  background-color: #fef1bc;
  border-top: 1px solid #f5f5f6;
  border-bottom: 1px solid #f5f5f6;
}

td.delete button {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/style-icons/_cms1594108148_trash-can-50.png),linear-gradient(90deg,#e10606 0%,#e06633 100%);
    font-size: 0;
    color: #fff;
    border: 0;
}

legend button {
    width: auto;
    padding: 0 1em;
    line-height: 26px;
    font-size: 14.4px;
    float: right;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: -6px;
    background: #eee;
    width: auto !important;
    font-weight: normal;
    z-index: 1;
    outline: 1em solid white;
}
#archive-form legend button {
	position: initial;
}

a.help {
	display: none;
}

.popup.popup-time ul li {
    border-radius: 6px;
}

.order .pstatus {
	text-align: center;
}

.tab.info td img {
    display: inline;
}

#messages {
	height: 99.9%;
}
#messages, #messages *, #messages-pane .head, #messages-list li {
    border-color: #aaa;
}

#messages-header form {
	top: 3px;
}
#messages-header input,#messages-header button {
	height: 34px;
	margin-top: 0;
}

.menu a.edit {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/v3/gfx/_cms1672401830_down-arrow-32.png),white;
}

.paper {
	border: 1px solid #b3b3b3;
	width: 26px;
	height: 78px;
	float: left;
	margin: 0 1em 2em 0;
	padding: 0 0 0 1px;
	cursor: pointer;
}
.paper.current {
	border: 1px solid #e36220; 
	background: #e36220;
	color: #fff;
}
.paper.a4 {
	width: 70px;
	height: 100px;
}
.paper.a5 {
	width: 49px;
	height: 70px;
}
.paper.a6 {
	width: 34px;
	height: 49px;
}


input.number, [type=number] {
  width: 7em !important;
  text-align: right;
  flex-grow: unset !important;
}
input.number3 {
  width: 3em!important;
}
input.number5 {
  width: 5em!important;
}
input.amount, input.number, [type=number] {
    max-width: 168px;
    min-width: 84px;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: 24px;
}
#wrapper #wrapper-inner .jqte_formats[style*='display: block'], 
#wrapper #wrapper-inner .jqte_fontsizes[style*='display: block'],
#wrapper #wrapper-inner .jqte_cpalette[style*='display: block'] {
	display: block !important;
}

.js-lang-xlt {
	display: none;
}
.js-lang-xlt-def {
	display: block;
}

#settings #printers {
    width: 100%;
}

.durationpicker-innercontainer {
    margin-top: 0;
}

#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.n input {
    width: 40px !important;
    min-width: 65px;
}

#pos #pos-ticket .order #ticket-bottom #customer-buttons {
    display: flex;
    column-gap: 0.5rem;
    position: relative;
}

.iframe #map, .iframe #streetview {
    position: absolute;
    width: 100%;
    min-height: 100%;
    border-right: 420px solid #fff;
}
#map-orders {
	position: absolute;
	right: 0;
	top: 0;
	width: 420px;
	padding: 0 0 0 5px;
	overflow: hidden;
	overflow-y: scroll;
	height: 100%;
	display: block;
}
#map-orders br {
	display: block;
	clear: both;
}

label.choice {
	xdisplay: inline;
}
x#payment_adyen_settings label.choice,
.search-advanced label.choice:not(.label-radio) {
    display: block;
}
#map-orders label.choice {
	margin: 0;
	font-size: 14px;
	width: 50%;
	float: left;
}
#map-orders label.choice input {
	position: relative;
	top: 2px;
}
#map-orders .order {
	display: none;
	clear: both;
}
#map-orders .marker {
	padding: 0 0 0 4px;
	width: 36px;
}
#map-orders .marker span {
	position: absolute;
    width: 100%;
    display: block;
    color: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-70%);
    text-align: center;
    font-size: 14px;
}
#map-orders .hover .marker span {
	color: #000;
}
#map-orders .order td.source {
	left: 44px;
}

.orders .col {
	float: left;
	margin: 0;
	
	width: 33.3%;
	display: block;
	padding: 1rem .5rem 0 .5rem;
}
.orders .col.col3 {
	margin-right: 0;
}
.orders .col.col4 {
	display: none;
	margin-right: 0;
}

.order.enroute, .order.delivered {
	opacity: .5;
}

.order.order-deliver, .order.order-deliver.enroute, .order.order-pickup, .order.order-pickup.enroute, .order.order-deliver.delivered {
    min-width: auto;
}
.order.order-deliver table tr td.street, .order.order-deliver table tr td.info, .order.order-deliver.enroute table tr td.street, .order.order-deliver.enroute table tr td.info, .order.order-pickup table tr td.street, .order.order-pickup table tr td.info, .order.order-pickup.enroute table tr td.street, .order.order-pickup.enroute table tr td.info, .order.order-deliver.delivered table tr td.street, .order.order-deliver.delivered table tr td.info {
    padding-inline: 0.75rem calc(0.75rem + 0px);
}

.order .asap, .order .time {
	text-align: right;
}
.order td.source {
    position: absolute;
    bottom: 0;
    left: 8px;
    color: #fff;
    text-align: center;
}
.order.order-se table tr:last-child td,
.order.order-tb table tr:last-child td,
.order.order-ue table tr:last-child td,
.order.order-de table tr:last-child td {
	    padding-block-end: 0.3rem;
}

.order {
	min-width: auto !important;
}

.orders .order .status em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-25%,-50%);
    color:  #fff;
    text-align: center;
    font-weight:  bold;
    font-size: 10px;
    margin-top: 4px;
}

#wrapper {
	min-width: 1024px;
}

#header a {
	text-decoration: none;
}
#wrapper-inner > p.warning {
    position: absolute;
    left: 50%;
    top: 65px;
    z-index: 3001;
    display: block !important;
    width: auto;
    font-size: 80%;
}
#wrapper-inner p.warning a {
	font-size: 100%;
}

#review-form .status span, #archive .status span, .orders .order .status span {
    border: 1px solid #fff !important;
    box-shadow: 0 0 0.25rem 0.1rem rgb(0 0 0 / 8%);
}
#review-form .status.delivered span, #archive .status.delivered span, .orders .order.delivered .status span {
    background: green;
    border-color: green !important;
}
#review-form .status.enroute span, #archive .status.enroute span, .orders .order.enroute .status span {
    background: #d7d7d7;
    border-color: #d7d7d7 !important;
}
#review-form .status[class*=pending] span, #archive .status[class*=pending] span, .orders .order[class*=pending] .status span {
    background: #e36220;
    border-color: #e36220 !important;
    color: #fff;
}

#customers .paging, #archive .paging, #financial .paging, #settings .paging, #shop .paging {
	z-index: 2;
}

#pos #pos-ticket .order #ticket-bottom #go, #update-buttons button, #table-buttons button {
    width: 100%;
    height: 3rem;
    margin: 0;
    background: linear-gradient(90deg,#e10606 0%,#e06633 100%);
    color: #fff;
    position: relative;
}

#update-buttons, #table-buttons {
    display: none;
}

.action-financial-vat-extern #financial,
.action-financial-vat-extern  #financial>form {
	display: block;
}

a button.del {
    display: block!important;
}

fieldset h3 + label {
    margin-block-start: 1.5rem !important;
}

#devices td {
	padding: 0 .5rem 0.5rem 0;
}
#devices input {
    width: 100% !important;
}

fieldset .group {
	float: left;
	width: 50%;
	padding-right: 1em;
	margin-top: 0 ;
}
.group fieldset {
	width: 100%;
}

#rendering-apis-form {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
}

pre.hide-overflow {
	font-family: monospace;
	height: 100px;
	overflow: hidden;
}
pre.hide-overflow::after {
	content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    height: 75px;
}

#pos #pos-ticket {
	width: 33.3%
}

.footer #footer-buttons button {
    background-size: 20px;
}
.button-on {
    background-color: #31344a !important;
}
.footer #footer-buttons button#footer-button-delivery {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-delivery-50.png);
}
.footer #footer-buttons button#footer-button-pickup {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-shop-50.png);
}
.footer #footer-buttons button#footer-button-online {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-internet-50.png);
}
.footer #footer-buttons button#footer-button-instore {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-shop-50.png);
}
.footer #footer-buttons button#footer-button-delivery.button-on {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1607061367_icons8-delivery-50.png);
}
.footer #footer-buttons button#footer-button-pickup.button-on {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1588864298_icons8-shop-50.png);
}
.footer #footer-buttons button#footer-button-online.button-on {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1594016358_icons8-internet-50.png);
}
.footer #footer-buttons button#footer-button-instore.button-on {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1588864298_icons8-shop-50.png);
}
.footer #footer-buttons button#footer-button-map {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1673427700_map-marker-30.png);
}

.footer #footer-buttons button#reload-kitchenbuddy {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-synchronize-48.png);
}
.footer #footer-buttons button#view-kitchenbuddy {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_outline_view_module_white_48dp.png);
}
.footer #footer-buttons button.s-grid {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_outline_view_column_white_48dp.png) !important;
}
.footer #footer-buttons button#fontsize-kitchenbuddy {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_icons8-font-size-50.png);
}
.footer #footer-buttons button#filter-kitchenbuddy {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_settings-32.png);
}
.footer #footer-buttons button#darkmode-kitchenbuddy {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1672836654_dark-mode-64.png);
}

#pos #pos-sidebuttons button#print-current {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_print-filled-50.png);
}

html.s-darkmode {
    filter: invert(1) hue-rotate(180deg);
}

input.amount.hilight {
	border-color: #e36220;
    border-width: 2px;
}

#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.desc {
    font-weight: 600;
}

.os-img img {
	width: 16px;
}

.tabs.actions a.list-view,
.tabs.actions a.hidden-view {
	border: 2px solid #31344a;
	font-size: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_todo-list-18.png);
}
.tabs.actions a.hidden-view {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_outline_visibility_off_white_18dp.png);
}
.tabs.actions .current a.list-view,
.tabs.actions .current a.hidden-view {
	background-color: #31344a;
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1598009525_todo-list-18.png);
}
.tabs.actions .current a.hidden-view {
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1598384679_outline_visibility_off_white_18dp.png);
}

.application-WA .popup-login .popup-inner {
	min-width: inherit;
}
.application-WA #pos .logout-button {
	position: absolute;
    left: 25%;
    bottom: -300px;
    margin-bottom: 3em;
    transform: translate(-50%, -25%);
    background-color: #31344a;
    color: #fff;
    padding: 0rem 1.5rem;
}
.application-WA #pos .refresh-button {
	position: absolute;
    left: 75%;
    bottom: -300px;
    margin-bottom: 3em;
    transform: translate(-50%, -25%);
}
.application-WA #pos .settings-button {
	position: absolute;
    left: 50%;
    bottom: -300px;
    margin-bottom: 3em;
    transform: translate(-50%, -25%);
}
 .application-WA #pos {
 	display: block;
}
.application-WA #pos #pos-menu {
	margin-inline-end: 0;
	height: auto;
	padding-block-end: 0;
	overflow-y: unset;
}
.application-WA #pos #pos-menu .pos-search-container {
	top: 111.94px;
}
.application-WA #pos #pos-menu section[style="display: block;"] {
    PADDING-bottom: 6em;
}
.application-WA #pos #pos-ticket {
	width: 100%;
	display: none !important;
}
.application-WA #wrapper-inner {
	background: #fff;
}
/*.application-WA #pos-sidebuttons,*/
.application-WA #wrapper-inner > p.warning {
	display: none !important;
}
.application-WA #pos .mob-buttons {
	display: flex !important;
    gap: 0.5rem;
}
.application-WA #pos #pos-menu #pos-buttons .left button {
	width: 50%;
}
.application-WA #pos-buttons .left {
	margin-top: 0.5rem;
}
.mob-buttons button, .logout-button {
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 2.75rem;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background: #31344a;
    color: #fff;
}
.application-WA #wrapper #wrapper-inner #pos-ticket[style*='display: block'],
.application-WA #wrapper #wrapper-inner #pos-ticket[style*='display: flex'] {
    display: flex !important;
}
.application-WA .addprod, .application-WA .addtable {
	display: none !important;
}
.application-WA .popup #extras-inner .checkboxes {
    grid-template-columns: auto;
}
.application-WA .popup #extras-inner,
.application-WA .popup.popup-tables .popup-inner {
	width: 95vw;
    min-width: initial;
    max-width: initial;
}
.application-WA .popup.popup-tables .popup-content {
    grid-template-columns: repeat(3,1fr);
}

.application-WA .popup #extras-inner .checkboxes .checkbox {
	width: initial;
}

.application-WA #customer-popup .popup-inner {
	width: inherit;
	min-width: inherit;
}

.application-WA .popup.popup-customer .popup-content #order-form .left, 
.application-WA .popup.popup-customer .popup-content #order-form .right {
	width: 100%;
}
.application-WA .popup.popup-customer .popup-content #order-form {
	display: block;
}
.application-WA #pos #pos-sidebuttons {
	flex-flow: inherit;
	width: inherit;
	justify-content: center;
	box-shadow: inherit;
	display: none;
}
.application-WA #pos #pos-sidebuttons button {
	display: none;
}
.application-WA #pos #pos-sidebuttons #discount,
.application-WA #pos #pos-sidebuttons #entry,
.application-WA #pos #pos-sidebuttons #split,
.application-WA #pos #pos-sidebuttons #tip {
	display: flex;
}
.application-WA .popup .popup-inner {
	min-width: 90vw;
}

/* kitchen screen */
.application-KA #header-hide,
.application-KA #wrapper .header-message {
	display: none !important;
}
.application-KA #header {
	height: 3em;
}
.application-KA .footer {
	background: #fff;
	border-radius: 6px 6px 0 0;
}

.popup .popup-footer {
	flex-wrap: wrap;
}
#extras .popup-footer,
.sweet-alert .popup-footer {
	margin: 0 -1em;
}

label#n button {
	width: 44px;
}

.form-padding-bottom {
	padding-bottom: 1rem !important;
}

#status-info {
	display: none;
	position: absolute;
	left: 1em;
	top: 5em;
	background: #eee;
	border-radius: 8px;
	color: #000;
	box-shadow: 2px 2px 2px rgba(0,0,0,.15);
	width: 300px;
	padding: .5em;
}
#status-info br {
	display:block;
}
.application-KA #status-info {
	top: 2.5em;
}
#status-info:after {
	bottom: 100%;
	left: 11%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #eee;
	border-width: 6px;
	margin-left: -6px;
}
.application-KA #current-status {
	display: block !important;
}
.application-KA #status-info:after {
	left: 25%;
}
#header-logo:hover #status-info,
#current-status:hover #status-info {
	display: block !important;
}

#kitchen-orders {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 20%);
    grid-auto-rows: 1fr;
}
.kitchenrow {
	padding: 5px;
	position: relative;
	height: 200px;
    overflow: auto;
    outline: 1px solid #ccc;
    background: #fff;
}
.kitchenrow .kitchenrow-id {
	xcursor: pointer;
}
.kitchenrow .kitchenrow-id strong {
	font-size: 18px;
}

.kitchenrow .badge{
	right: 2px;
	top: 2px;
    width: 20px;
    left: auto;}

.kitchen-table {
	width: 100%;
}
.kitchen-table .not_important {
	color: #aaa;
}
.kitchen-table tr:nth-child(odd) {
  background-color: #f0f0f0;
}
.kitchen-table td {
	vertical-align: top;
	padding: 2px;
}

.kitchen-table-wrapper, .delivery-table-wrapper {
	overflow-y: auto;
	position: relative;
	height: calc(100% - 5rem);
}

#kitchen-orders .kitchenrow .selected {
	background-color: #e35e1c;
	color: white;
}
#kitchen-orders .kitchenrow .selected td * {
	color: #fff;
}
#kitchen-orders .kitchenrow .selected.not_important {
	opacity: .5;
}

.deliveryticket.selected .orderdelivery-start,
.deliveryticket.selected .orderdelivery-information,
.deliveryticket.selected .orderdelivery-information-min .order,
.deliveryticket.selected .orderdelivery-clientinfo{
	vertical-align: top;
	background-color: #e35e1c;
	color: white;
}

.kitchen-time, .order-time {
	float: right;
}

#kitchen-orders button {
	position: absolute;
	left: 2%;
	bottom: 1%;
	xtransform: translateX(-50%);
	width: calc(50% - 2%);

    border: 2px solid #31344a;
    background: white;
    color: #31344a;
    border-radius: 6px;
    height: 3rem;
}
#kitchen-orders button.print {
	background: #fff url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_print-filled-50.png) 50% 50% no-repeat !important;
    background-size: 20px !important;
}
#kitchen-orders button.print img {
	display:none;
}
#kitchen-orders button[class] {
	width: calc(25% - 2%);
}
#kitchen-orders button.ready {
	left: 2%;
}
#kitchen-orders button.print {
	left: 26%;
}
#kitchen-orders button.up {
	left: 51%;
}
#kitchen-orders button.down {
	left: 75%;
}

@keyframes orderblink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
}
@-webkit-keyframes orderblink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
}
@-moz-keyframes orderblink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
}
#orders .order.blink {
	-webkit-animation: orderblink 1s step-end infinite;
	-moz-animation: orderblink 1s step-end infinite;
	animation: 1 orderblink 1s step-end infinite;
}

.hl .highlight { /* prod table */
	display: inline;
	background: yellow;
}
button .highlight {
	color: #e36220;
	background: yellow;
}

a[target="new"]:after {
    content: "";
    display: none;
    background: url(/css/foodticket-orderbuddy/gfx/_cms1594107891_newwindow.png) 0 50% no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 0 0 6px;
}

#orders .order.show_buttons {
	padding-inline-end: 125px;
}
#orders .order button {
    width: 55px;
    height: 68px;
    padding: 0 1em;
}

.popup #extras-inner {
	padding: 0.75rem 0.75rem 0;
	overflow-y: hidden !important;
}
#extras.popup .popup-content {
    margin-bottom: 1em;
}

.sweet-alert {
	padding: 1em 1em 0;
}
.sweet-alert button {
	margin: 0;
	padding: 0 1.5rem !important;
}
.sweet-alert .cancel {
	background: none !important;
	color: #31344a !important;
}

.select2-container .select2-selection--single {
	height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

@media only screen and (min-width: 1280px) {
	#wrapper .col {
		width: 25%;
	}
	#wrapper #orders.cols3 .col {
		width: 33.3%;
	}
	#wrapper .col.col3 {
		/*margin-right: 2%;*/
	}
	#wrapper #orders:not(.cols3) .col.col4 {
		display: block;
		margin-right: 0;
	}
	
	select.selector_select.selector_right {
		width: auto!important;
		/*max-width: 775px;*/
		max-width: 410px;
	}
	fieldset.extras #extra-product-save {
		display: inline;
	}

	button.col3 {
		xwidth: 32.7% !important;
	}	
	button.col4 {
		xwidth: 24.3% !important;
	}	
}
@media only screen and (max-width: 1280px) {
	#header ul li a {
	    padding: 0 1.5rem;
	}
}
@media only screen and (max-width: 1024px) {
	#header ul li a {
	    padding: 0 1rem;
	}
	#pos #pos-menu section {
    	grid-template-columns: minmax(33%, auto) minmax(33%, auto) minmax(33%, auto);
	}
}
@media only screen and (max-width: 1024px), screen and (max-height: 700px) {
	#pos #pos-sidebuttons button {
		min-height: 50px;
	}
}

.popup p.error {
    xwidth: calc(100% - 1.5rem);
    xmargin: 0 0.75rem;
    width: 100%;
    margin: 0 0 0.75rem;
}
label.error, input.error {
    background-color: #fdd !important;
}

#shop p.first strong {
	color: #e06633;
	text-transform: uppercase;
}
.flyer-block {
    float: left;
    width: calc(25% - 1em);
    height: 18vw;
    min-height: 250px;
    border: 2px solid #d2d2d2;
    background: #ebebeb;
    position: relative;
    margin: 1em 1em 1em 0;
    cursor: pointer;
}
.flyer-block-bottom {
	position: absolute;
	bottom: 0;
	margin: .25rem;
	width: calc(100% - 0.5rem);
}
.flyer-block-banner {
    margin-left: 50%;
    max-width: inherit;
    width: 65%;
    transform: translateX(-50%);
    position: relative;
    top: -1em;
}
[data-type="menu-card"] .flyer-block-banner,
[data-type="menu-fold"] .flyer-block-banner {
	xwidth: 90%;
}
[data-type="menu-digital"] .flyer-block-banner {
	xwidth: 130%;
}

.flyer-block-img img {
	width: 3em;
	margin-top: 0.5em;
	max-width: inherit;
}
img.flyer-block-img {
	position: absolute;
    right: -0.7em;
    top: -1.2em;
    width: 3em;
}
.flyer-block-bottom table {
	width: 100%;
	background: #ebebebaf;
}
.flyer-block-bottom td {
	padding: .125rem;
	vertical-align: top;
}
.flyer-block-num {
	color: #e06633;
	font-size: 4em;
	line-height: 1;
}
.flyer-block-text {
	font-size: 80%;
}
.flyer-block strong {
	color: #e06633;
	display: block;
	text-transform: uppercase;
	text-shadow: 1px 1px #aaa;
}
.flyer-block button {
    width: 100%;
    height: 2rem;
    margin: 0;
    background: linear-gradient(90deg,#e10606 0%,#e06633 100%);
    color: #fff;
    position: relative;
    border-radius: 6px;
}

.sizes {
	overflow: hidden;
	margin-top: 0.5em !important;
}
.sizes br {
	display: block !important;
}
.sizes .size {
	float: left;
	margin: 0 1em 0 0;
	width: 102px;
	text-align: center;
	font-size: 80%;
	cursor: pointer;
}
.sizes .img {
	border: 1px solid #d2d2d2;
	width: 100px;
	height: 100px;
	margin: 0 0 .5rem 0;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
[data-value*="screen"] .img,
[data-value*="40/50 inch"] .img,
[data-value*="Anders"] .img,
[data-value*="A5"] .img {
	background-size: 80%;
}
[data-value*="32 inch"] .img,
[data-value="3cm"] .img {
	background-size: 60%;
}
[data-value="5cm"] .img {
	background-size: 80%;
}

.styles {
	overflow: hidden;
	margin-top: 0.5em !important;
}
.styles br {
	display: block !important;
}
.styles .style {
	float: left;
	margin: 0 1em 0 0;
	width: 102px;
	text-align: center;
	font-size: 80%;
	cursor: pointer;
}
.styles .img {
	border: 1px solid #d2d2d2;
	width: 100px;
	height: 100px;
	margin: 0 0 .5rem 0;
	background-position: 50% 50%;
	background-size: 75%;
	background-repeat: no-repeat;
}

/* poster */
[data-value*="A2"] .img {
	background-size: 80%;
}
.placemats[data-value*="A3"] .img {
	background-size: 80%;
}
.placemats[data-value*="A3-plus"] .img {
	background-size: 100%;
}
[data-value*="A3"] .img {
	background-size: 60%;
}

.style.selected .img,
.size.selected .img {
	border-color: #e06633;
}

.deliveries {
	overflow: hidden;
	margin-top: 0.5em !important;
}
.deliveries strong {
	color: #e06633;
}
.deliveries .delivery {
	float: left;
	margin: 0 1em 0 0;
	width: 102px;
	text-align: center;
	font-size: 80%;
	cursor: pointer;
}
.deliveries img {
	border: 1px solid #d2d2d2;
	width: 100px;
	height: 100px;
	margin: 0 0 .5rem 0;
}
.delivery.selected img {
	border-color: #e06633;
}

.choice-vert {
	display: inherit !important;
}

.num-address {
	width: 100%;
	margin-top: 0 !important;
}
.num-address img {
	width: 50px;
    margin: -1.5em -.5em 0 -1em;
    display: inline;	
}
.num-address strong {
    font-size: 2.5em;
    color: #e06633;
    font-weight: normal;
}

.price-table {
	width: 100%;
	margin-top: 0 !important;
}

#overzicht {
	position: sticky;
	top: 100px;
	right: 0;
	border: 2px solid #d2d2d2;
	width: 320px;
	height: fit-content;
	margin-left: auto;
	padding: .5em;
	z-index: 100;
    background: #fff;
}
#overzicht table {
	width: 100%;
}
#overzicht thead tr {
	background: #ebebeb;
	text-align: center;
}
#overzicht thead td {
	padding: 1em;
}
#overzicht tbody strong {
	color: #e06633;
}
#overzicht tbody td {
	padding: .5em 0;
	border-bottom: 1px solid #d2d2d2;
}
#overzicht tbody tr:last-child td {
	border: 0;
}
#overzicht tbody a {
	cursor: pointer;
	color: #31344a;
}

#shop-form h3[id^=a-] {
	scroll-margin-top: 100px;
}

#settings .menu {
	scroll-margin-top: 70px; 
}

#zipcodes-list table {
	width: 50%;
	border-spacing: .25em;
	border-collapse: inherit;
}
#zipcodes-list td {
	padding: .5em 0;
}
#zipcodes-list td.zipcode {
	padding: .5em;
	border: 1px solid #ebebeb;
}

.shop-promo-form-banner {
	grid-column: 1 / -1;
    width: 100%;
    margin-bottom: -3em;
}

#shop-form .xfull {
	margin-top: 0;
}

#input-popup p {
	xmargin: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.js-alert-me:disabled {
	background: #c9c9cf !important;
}

.popup-tables .table.marked {
	border: 1px solid #b3b3b3 !important;
	color: #000 !important;
	background-color: yellow !important;
}
.popup-tables .table.marked2 {
	border: 1px solid #b3b3b3 !important;
	color: #000 !important;
	background-color: #0af710 !important;
}
.popup-tables .table.marked span, .popup-tables .table.marked2 span {
	color: #000 !important;
}

td.right.edit:not([data-field=stock]) input {
	display: inherit;
}
td.right.edit.placeholder:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(100% - 0em);
    border: 1px dashed #c3c4ca;
    margin: 0 0.5rem;
    border-radius: 6px;
    max-width: 168px;
    xmin-width: 84px;
    height: var(--h-control);
    transform: translateY(-50%);
    cursor: pointer;
}

a.translate {
    display: none;
    position: absolute;
    left: 100%;
}
a.translate button {
	font-size: 0;
    background-image: url(/css/foodticket-orderbuddy/style-icons/_cms1655116425_translate.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    top: -44px;
    display: block !important;
    background-color: #e36220;
    height: 44px;
    width: 44px;
    border-radius: 6px;
}

[data-i="-5"] .desc {
	padding-top: 20px !important;
	vertical-align: top;
}

.update-banner {
	width: 100%;
}
.update-banner img {
	margin-bottom: .5rem;
}

#admin-banners {
	position: absolute;
	right: 0;
	bottom: 74px;
	xbackground: #00ff000f;
	display: none;
	z-index: 1;
}
#admin-banners .close {
    position: absolute;
    right: 1em;
    top: -1.5em;
}

.orders .order.show_deliverer {
	height: 94px;
}
.orders .order.show_deliverer .source {
	bottom: 24px;
}
.orders .order.show_deliverer td[colspan="2"] {
  white-space: nowrap;
  color: white;
  text-indent: .5em;
}
.orders .order.show_deliverer td[colspan="2"]:nth-child(2) {
	padding-right: .5em;
}

#messages-pane .head {
	text-align: right;
}
#messages-pane .head strong {
	float: left;
}

.popup #extras-inner .noshow {
	display: none !important;
}

button#import,
button.right {
	float: right;
	display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 2.75rem;
    border-radius: 6px;
    padding: 1rem 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    margin-left: .5rem;
    background-color: #31344a;
    color: #fff;
}
button#import {
	float: none;
	margin-left: 0;
}
.paging.bottom span.button-wrap {
    position: absolute !important;
    left: 0;
    width: 50%;
    display: flex !important;
    box-shadow: none;
}

#ui-datepicker-div {
	z-index: 10000000 !important;
}

html:not(.application-WA) #pos #pos-menu.pos_show_images section[id^=products] button:not(.prev,.next) {
    position: relative;
    padding-left: 4rem;
}
#pos #pos-menu.pos_show_images section[id^=products] button img {
    position: absolute;
    left: .5rem;
    top: .5rem;
    height: 3rem;
    width: 3rem;
    background: url(/gfx/_cms1103572668_trans.gif) 50% 50% no-repeat;
    background-size: contain;
}
.application-WA #pos #pos-menu.pos_show_images section[id^=products] button img {
	display: none;
}

#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr + tr.first_new {
    border-block-start: 3px solid #c3c4ca;
}

br.keepv3 {
	display: block !important;
}