*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
:before,
:after {
    --tw-content: "";
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
}
body {
    margin: 0;
    line-height: inherit;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
#button-shop-change {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
}
legend {
    padding: 0;
}
ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
button,
[role="button"] {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}
*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
.call-animation {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    width: auto;
    border: solid 1px #e36220;
    border-radius: 40px;
    padding: 5px 10px 5px 55px;
    background: #fff;
    font-weight: 700;
    line-height: 40px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 12000;
    animation: call-animation 2s ease infinite;
}
.call-animation img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: green
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEhUlEQVR4Xu2d7XXVMAyGpQmACWAD6ATQCWAD6ASUCWgnACagG0AnoBvQDWAD2gnEeS8O5KS9RJbt6CZWzuk/fyTvY0mWP26Z4nFVgF17j84pADgPggAQAJwVcO4+LCAAOCvg3H1YQABwVsC5+7CAAOCsgHP3YQFrBCAiz4joPRG9IKKHhd9wQ0RXRHTOzNeFba2uerYFJPG/N/rSo94gWAB8JaKXjQBcMvOrRm0fZLMWAL8quJ19Ytww86ODVKrRS1kASKN32TXLzNnv1PJ9Wred/bEiEgAqUgkAFcW0NBUALKpVrBMAKoppaSoAWFSrWCcAVBTT0lQAsKhWsU4AqCimpSkLACyePbB0pqkTidiMSiKClcvnGjEtZQJAALCMG3MdiwsKCzDLfbeiBcBZ2oyp+Br/mgoXNO+CsF7/pYn6sRo6L6uIPCGiH/MlbSXCAhS6iUirqegJM18oXmEzRbJjAL5cRFpsS3YnPrS0Ajglog8Vh2GX4pcAqBkHuhXfDCC5IZzheVpoBV2LXwqg1A11L34pgBI3FOIn12EKwoPbMS7Mhfgjv10K4A0Rfc6IAyH+RKwiACkY/ySixwoIIf49ItUAoLGC7s58KgbkrkgxgAwr6O7kswZCLQCaKek1Mx9pXqqnMrUA4JIGErO5WPCOmT/2JPDct1YBkNyQJhZgFRWuCIE7nloxIDMvuGLm41D/jwLVLCBZAe6Oaa4v4T4Ytja7f6oCSBDg498qlD1mZmzwd/20AICADB8/d3gLZRAPEBe6faoDSFaA66vfFKp2Hw+aAEgQtMdXLpj5RAFrk0WaAUgQtJs23eYHrQFgzwAQ5uIBeHW5WNcUQEaCNriX7mZGzQFkTk0xIwKEbn4zYhEACYL2LFFXEJYEgPwAiZfmJEU3EBYDkKxAm6ShOCAgMMNyNvssCmC0XgRL0MyMms6ORAT72VjFLXmKfu9ocQBGCKfM/KlEpWndSuJPm83e9XMBYIRQLWNuJD4+K3vv2w2AEQKmp5immhfwGoq/i1u5v3fkCsAIwTxDaiz+zh3lXjBxB2CEgGpnzHyujQtLiL9aACMIuB2jyRMG3TGbwlT1v3vMS4m/agCjPEGbrA0Q4JKwmnrv1aYlxV89gBEEJF+5t/HvWMPS4m8CwDCsRUS7oTMNA6iHnAFXqEqTLG2I+VtulUF431eKCO4kw7Vos+axWyr9Rd9s8TdlASNLwKYOXFJOcDaJV6PSpixgLIiIaI+71NDR3MZmAaQAjdMWcElzZ1DNApZW3DSA0SwJgVZz+KtUz+z6mwcwig0HaQ3dAJhMV3E/IXemlD26NRW6A3BobqlLAJMpK+LDa81obVGmawATEHBLyIQXdU0BYDSsRQTZ8ABiianrLTNnZeAHsR/QwhVM20z/+wYwsLzRyirWtSW5hPD39ZHWmDCNxV/NJY71bMp7ib8HyAADV6wGF4I1KI3buk0HzrBDl32kshsXdEjAx+8SAJzJBIAA4KyAc/dhAQHAWQHn7sMCAoCzAs7dhwUEAGcFnLsPCwgAzgo4d/8bkhaJcMKI4pcAAAAASUVORK5CYII=)
        50% 50% no-repeat;
    background-size: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
}
@keyframes call-animation {
    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 2px #0006;
    }
    25% {
        box-shadow: 0 0 0 6px #0006, 0 0 0 12px #0003;
    }
}
:root {
    --c-base: #31344a;
    --c-orange: #e06633;
    --c-snow: #fff;
    --c-carbon: #000;
    --h-navbar: 76px;
    --h-control: 2.75rem;
}
html,
body {
    min-height: 100vh;
    max-height: 100vh;
}
html {
    font-size: 16px;
}
br:last-child {
    display: none;
}
td br:last-child {
    display: block;
}
.clearfix {
    clear: both;
}
#wrapper-inner {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    padding: 0 0.5rem 0.5rem;
    background: #ebebed;
    position: relative;
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}
*::-webkit-scrollbar-thumb {
    border-radius: 0.175rem;
    background-color: #686b7a;
}
*::-webkit-scrollbar {
    width: 0.35rem;
    height: 0.35rem;
}
.hidden {
    display: none !important;
}
@font-face {
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-light-webfont.woff2) format("woff2");
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-light-webfont.woff) format("woff");
    font-family: Geomanist;
    font-weight: 300;
    font-display: fallback;
}
@font-face {
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-regular-webfont.woff2) format("woff2");
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-regular-webfont.woff) format("woff");
    font-family: Geomanist;
    font-weight: 400;
    font-display: fallback;
}
@font-face {
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-book-webfont.woff2) format("woff2");
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-book-webfont.woff) format("woff");
    font-family: Geomanist;
    font-weight: 500;
    font-display: fallback;
}
@font-face {
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-medium-webfont.woff2) format("woff2");
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-medium-webfont.woff) format("woff");
    font-family: Geomanist;
    font-weight: 600;
    font-display: fallback;
}
@font-face {
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-bold-webfont.woff2) format("woff2");
    src: url(/css/foodticket-orderbuddy/v3/fonts/geomanist-bold-webfont.woff) format("woff");
    font-family: Geomanist;
    font-weight: 700;
    font-display: fallback;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: transparent;
    font-family: Geomanist, sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 140%;
}
div,
span {
    color: #31344a;
}
h1,
.h2 h2,
.h2,
h3,
.h3,
fieldset > legend,
h4,
.h4,
h5,
.h5 {
    font-weight: 600;
}
h1 em,
.h2 h2 em,
.h2 em,
h3 em,
.h3 em,
fieldset > legend em,
h4 em,
.h4 em,
h5 em,
.h5 em {
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
}
h1,
.h1 {
    font-size: 1.85rem;
}
h2,
.h2 {
    font-size: 1.55rem;
}
h3,
.h3,
fieldset > legend {
    font-size: 1.3rem;
}
h4,
.h4 {
    font-size: 1.1rem;
}
h5,
.h5 {
    font-size: 1rem;
}
html {
    font-size: 16px;
}
a {
    color: #e06633;
}
strong {
    font-weight: 600;
}
span.perc,
span.currency {
    float: left;
    font-size: 14px;
    color: #000;
    position: relative;
    top: -31px;
    left: 5px;
}
.price-wrap {
    position: relative;
}
.price-wrap span.currency {
    float: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
span.remark {
    display: none;
}
ul:not([class], [id]) {
    margin-block: 1em;
    padding-inline-start: 40px;
    list-style: disc;
}
dd {
    margin-inline-start: 40px;
}
p {
    margin-block: 1em;
}
p img {
    display: inline;
}
@font-face {
    src: url(https://testing-v3.foodticket.engineering/fonts/icomoon.eot);
    src: url(https://testing-v3.foodticket.engineering/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(https://testing-v3.foodticket.engineering/fonts/icomoon.ttf) format("truetype"),
        url(https://testing-v3.foodticket.engineering/fonts/icomoon.woff) format("woff"), url(https://testing-v3.foodticket.engineering/img/icomoon.svg#icomoon) format("svg");
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: icomoon !important;
}
[class^="icon-"],
[class*=" icon-"] {
    font-weight: 400;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-open-drawer:before {
    content: "\e9c8";
}
.icon-celery:before {
    content: "\e9c6";
}
.icon-sesame:before {
    content: "\e971";
}
.icon-arrow-up-down:before {
    content: "\e9b8";
}
.icon-foodticket-offline .path1:before {
    content: "\e9b9";
    color: #afb0b8;
}
.icon-foodticket-offline .path2:before {
    margin-inline-start: -1.021484375em;
    content: "\e9ba";
    color: #afb0b8;
}
.icon-foodticket-offline .path3:before {
    margin-inline-start: -1.021484375em;
    content: "\e9bb";
    color: #afb0b8;
}
.icon-foodticket-offline .path4:before {
    margin-inline-start: -1.021484375em;
    content: "\e9bc";
    color: #afb0b8;
}
.icon-foodticket-offline .path5:before {
    margin-inline-start: -1.021484375em;
    content: "\e9bd";
    color: #fff;
}
.icon-foodticket-offline .path6:before {
    margin-inline-start: -1.021484375em;
    content: "\e9be";
    color: #fff;
}
.icon-cash:before {
    content: "\e9bf";
}
.icon-roundup:before {
    content: "\e9c0";
}
.icon-receipt:before {
    content: "\e9c1";
}
.icon-key:before {
    content: "\e9c2";
}
.icon-food:before {
    content: "\e9c3";
}
.icon-cogs:before {
    content: "\e9c4";
}
.icon-merge:before {
    content: "\e9b7";
}
.icon-map:before {
    content: "\e9b5";
}
.icon-refresh:before {
    content: "\e9b6";
}
.icon-phone:before {
    content: "\e9b4";
}
.icon-all-users:before {
    content: "\e9b0";
}
.icon-participants-wheel:before {
    content: "\e9b1";
}
.icon-custom-input:before {
    content: "\e9b2";
}
.icon-selected-users:before {
    content: "\e9b3";
}
.icon-text-bold:before {
    content: "\e99b";
}
.icon-text-bullet-list:before {
    content: "\e99c";
}
.icon-text-center-align:before {
    content: "\e99d";
}
.icon-text-delete-link:before {
    content: "\e99e";
}
.icon-text-font-size:before {
    content: "\e99f";
}
.icon-text-horizontal:before {
    content: "\e9a0";
}
.icon-text-html:before {
    content: "\e9a1";
}
.icon-text-italic:before {
    content: "\e9a2";
}
.icon-text-justified:before {
    content: "\e9a3";
}
.icon-text-left-align:before {
    content: "\e9a4";
}
.icon-text-link:before {
    content: "\e9a5";
}
.icon-text-number-list:before {
    content: "\e9a6";
}
.icon-text-quote:before {
    content: "\e9a7";
}
.icon-text-remove-tab:before {
    content: "\e9a8";
}
.icon-text-remove:before {
    content: "\e9a9";
}
.icon-text-right-align:before {
    content: "\e9aa";
}
.icon-text-script:before {
    content: "\e9ab";
}
.icon-text-strike-through:before {
    content: "\e9ac";
}
.icon-text-sub-script:before {
    content: "\e9ad";
}
.icon-text-tab:before {
    content: "\e9ae";
}
.icon-text-underline:before {
    content: "\e9af";
}
.icon-facebook:before {
    content: "\e995";
}
.icon-instagram:before {
    content: "\e996";
}
.icon-sulfite:before {
    content: "\e997";
}
.icon-peanut:before {
    content: "\e998";
}
.icon-twitter:before {
    content: "\e999";
}
.icon-double-arrow-left:before {
    content: "\e948";
}
.icon-double-arrow-right:before {
    content: "\e961";
}
.icon-foodticket:before {
    content: "\e93d";
}
.icon-add-circle:before {
    content: "\e900";
}
.icon-add-customer:before {
    content: "\e901";
}
.icon-archive:before {
    content: "\e902";
}
.icon-arrow-all-direction:before {
    content: "\e903";
}
.icon-arrow-bend-left:before {
    content: "\e904";
}
.icon-arrow-bend-right:before {
    content: "\e905";
}
.icon-arrow-bend-turn:before {
    content: "\e906";
}
.icon-arrow-bend-up-1:before {
    content: "\e907";
}
.icon-arrow-bend-up:before {
    content: "\e908";
}
.icon-arrow-down:before {
    content: "\e909";
}
.icon-arrow-expand:before {
    content: "\e90a";
}
.icon-arrow-left:before {
    content: "\e90b";
}
.icon-arrow-right:before {
    content: "\e90c";
}
.icon-arrow-shrink:before {
    content: "\e90d";
}
.icon-arrow-up:before {
    content: "\e90e";
}
.icon-atm-card:before {
    content: "\e90f";
}
.icon-atm-machine:before {
    content: "\e910";
}
.icon-award:before {
    content: "\e911";
}
.icon-bike:before {
    content: "\e912";
}
.icon-bin:before {
    content: "\e913";
}
.icon-book:before {
    content: "\e914";
}
.icon-bookmark:before {
    content: "\e915";
}
.icon-border-full:before {
    content: "\e916";
}
.icon-burger:before {
    content: "\e917";
}
.icon-calendar:before {
    content: "\e918";
}
.icon-can:before {
    content: "\e919";
}
.icon-car:before {
    content: "\e91a";
}
.icon-carrot:before {
    content: "\e91b";
}
.icon-cart-basket:before {
    content: "\e91c";
}
.icon-case:before {
    content: "\e91d";
}
.icon-cash-bag:before {
    content: "\e91e";
}
.icon-cash-bill-2:before {
    content: "\e91f";
}
.icon-cash-bill:before {
    content: "\e920";
}
.icon-cash-card:before {
    content: "\e921";
}
.icon-check-circle:before {
    content: "\e922";
}
.icon-check:before {
    content: "\e923";
}
.icon-chevron-down:before {
    content: "\e924";
}
.icon-chevron-left:before {
    content: "\e925";
}
.icon-chevron-right:before {
    content: "\e926";
}
.icon-chevron-up:before {
    content: "\e927";
}
.icon-chilli:before {
    content: "\e928";
}
.icon-circle-filled:before {
    content: "\e929";
}
.icon-circle-half-filled:before {
    content: "\e92a";
}
.icon-circle-open:before {
    content: "\e92b";
}
.icon-clock:before {
    content: "\e92c";
}
.icon-cog:before {
    content: "\e92d";
}
.icon-comment:before {
    content: "\e92e";
}
.icon-crab:before {
    content: "\e92f";
}
.icon-customers:before {
    content: "\e930";
}
.icon-delete:before {
    content: "\e931";
}
.icon-deliveroo:before {
    content: "\e932";
}
.icon-discount:before {
    content: "\e933";
}
.icon-dislike:before {
    content: "\e934";
}
.icon-dna:before {
    content: "\e935";
}
.icon-download:before {
    content: "\e936";
}
.icon-edit-pencil:before {
    content: "\e937";
}
.icon-edit-write:before {
    content: "\e938";
}
.icon-egg:before {
    content: "\e939";
}
.icon-envelope:before {
    content: "\e93a";
}
.icon-error:before {
    content: "\e93b";
}
.icon-euro-circle:before {
    content: "\e93c";
}
.icon-eye-glasses:before {
    content: "\e93e";
}
.icon-face-scan:before {
    content: "\e93f";
}
.icon-files:before {
    content: "\e940";
}
.icon-filter:before {
    content: "\e941";
}
.icon-fire:before {
    content: "\e942";
}
.icon-fish:before {
    content: "\e943";
}
.icon-flash:before {
    content: "\e944";
}
.icon-flower:before {
    content: "\e945";
}
.icon-folder:before {
    content: "\e946";
}
.icon-food-bowl:before {
    content: "\e947";
}
.icon-fork-spoon:before {
    content: "\e949";
}
.icon-frame:before {
    content: "\e94a";
}
.icon-give-heart:before {
    content: "\e94b";
}
.icon-gluten-free:before {
    content: "\e94c";
}
.icon-graph:before {
    content: "\e94d";
}
.icon-happy:before {
    content: "\e94e";
}
.icon-heart:before {
    content: "\e94f";
}
.icon-help-circle:before {
    content: "\e950";
}
.icon-hide:before {
    content: "\e951";
}
.icon-home:before {
    content: "\e952";
}
.icon-image-photo-four:before {
    content: "\e953";
}
.icon-input:before {
    content: "\e954";
}
.icon-islam:before {
    content: "\e955";
}
.icon-juice:before {
    content: "\e956";
}
.icon-keyboard-next:before {
    content: "\e957";
}
.icon-leaf:before {
    content: "\e958";
}
.icon-light-bulb:before {
    content: "\e959";
}
.icon-like:before {
    content: "\e95a";
}
.icon-link:before {
    content: "\e95b";
}
.icon-lock-circle:before {
    content: "\e95c";
}
.icon-lock:before {
    content: "\e95d";
}
.icon-lupine:before {
    content: "\e95e";
}
.icon-medal:before {
    content: "\e95f";
}
.icon-mega-phone:before {
    content: "\e960";
}
.icon-menu-dots-filled:before {
    content: "\e99a";
}
.icon-menu-dots:before {
    content: "\e962";
}
.icon-milk:before {
    content: "\e963";
}
.icon-minus:before {
    content: "\e964";
}
.icon-navigation-arrow:before {
    content: "\e965";
}
.icon-neutral:before {
    content: "\e966";
}
.icon-no-bread:before {
    content: "\e967";
}
.icon-notification:before {
    content: "\e968";
}
.icon-nut:before {
    content: "\e969";
}
.icon-party-popper:before {
    content: "\e96a";
}
.icon-pin:before {
    content: "\e96b";
}
.icon-plus:before {
    content: "\e96c";
}
.icon-pos:before {
    content: "\e96d";
}
.icon-potted-tree:before {
    content: "\e96e";
}
.icon-printer:before {
    content: "\e96f";
}
.icon-qr:before {
    content: "\e970";
}
.icon-return-1:before {
    content: "\e972";
}
.icon-return:before {
    content: "\e973";
}
.icon-rss:before {
    content: "\e974";
}
.icon-sad:before {
    content: "\e975";
}
.icon-sales-statistics:before {
    content: "\e976";
}
.icon-salt:before {
    content: "\e977";
}
.icon-scooter:before {
    content: "\e978";
}
.icon-screen:before {
    content: "\e979";
}
.icon-seafood:before {
    content: "\e97a";
}
.icon-search-rows:before {
    content: "\e97b";
}
.icon-search:before {
    content: "\e97c";
}
.icon-send:before {
    content: "\e97d";
}
.icon-serving-hand:before {
    content: "\e97e";
}
.icon-setting-slider:before {
    content: "\e97f";
}
.icon-shopping-bag:before {
    content: "\e980";
}
.icon-shopping-store:before {
    content: "\e981";
}
.icon-show:before {
    content: "\e982";
}
.icon-sync:before {
    content: "\e983";
}
.icon-tables:before {
    content: "\e984";
}
.icon-thuisbezorgd:before {
    content: "\e985";
}
.icon-thumb-mark:before {
    content: "\e986";
}
.icon-tip:before {
    content: "\e987";
}
.icon-uber-eats:before {
    content: "\e988";
}
.icon-unlock:before {
    content: "\e989";
}
.icon-upload:before {
    content: "\e98a";
}
.icon-user-body:before {
    content: "\e98b";
}
.icon-user-circle:before {
    content: "\e98c";
}
.icon-users:before {
    content: "\e98d";
}
.icon-veg-plates:before {
    content: "\e98e";
}
.icon-walking:before {
    content: "\e98f";
}
.icon-wallet:before {
    content: "\e990";
}
.icon-warning:before {
    content: "\e991";
}
.icon-web:before {
    content: "\e992";
}
.icon-wheat:before {
    content: "\e993";
}
.icon-wifi:before {
    content: "\e994";
}
.icon-glass:before {
    content: "\e9c7";
}
.icon-transfer:before {
    content: "\e9c5";
}
label + .info {
    display: block;
}
label:not(.checkbox, .status, .nofloat) {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
    width: 100%;
    margin-block-end: 0.5rem;
    font-weight: 600;
    line-height: 1.15rem;
    color: #0a0d22;
    letter-spacing: 0;
}
label:not(.checkbox, .status, .nofloat) + label {
    font-weight: 400;
}
label:not(.checkbox, .status, .nofloat):empty {
    display: none;
}
label.status {
    position: static !important;
}
label.empty-label {
    display: none;
}
div + br + label {
    margin-block-start: 1.25rem;
}
fieldset {
    position: relative;
}
fieldset input ~ button[type="submit"],
fieldset button[type="submit"] + label {
    margin-block-start: 0.5rem;
}
fieldset.extras,
fieldset.full {
    grid-column: 1 / -1;
    width: 100%;
}
fieldset#pright {
    width: 100% !important;
}
#runners_settings {
    grid-column: 1 / -1;
    width: 100%;
}
.selection_settings {
    margin-block-start: 1rem;
}
.selection_settings label {
    flex-wrap: wrap;
    row-gap: 0.5rem;
    border-radius: 6px;
    padding: 1rem;
    background-color: #eee;
}
.selection_settings label input:not([type="radio"], [type="checkbox"]),
.selection_settings label textarea,
.selection_settings label select {
    width: auto;
}
.extra_settings {
    display: none;
}
.durationpicker-container.form-control {
    display: flex;
    border: 0;
}
#runners_settings fieldset ~ fieldset,
.group fieldset ~ fieldset {
    margin-block-start: 5rem;
}
.showextra > span, #wrapper .showextra > span[style*=inline],
.lang-label,
.from-to,
.intl-tel-input {
    display: flex !important;
}
.available_settings {
    display: flex;
}

.showextra > span,
.lang-label,
.available_settings,
.from-to,
.intl-tel-input {
    gap: 5px;
    align-items: center;
}
.showextra > span label,
.lang-label label,
.available_settings label,
.from-to label,
.intl-tel-input label {
    width: auto !important;
}
.showextra > span label,
.lang-label label,
.available_settings label,
.from-to label,
.intl-tel-input label {
    flex-shrink: 0;
    margin-block-end: 0;
}
.showextra > span label.empty-label,
.lang-label label.empty-label,
.available_settings label.empty-label,
.from-to label.empty-label,
.intl-tel-input label.empty-label {
    display: none;
}
.showextra > span input,
.lang-label input,
.available_settings input,
.from-to input,
.intl-tel-input input {
    flex-grow: 1;
}
#settings .showextra > span select,
#settings .lang-label select,
#settings .available_settings select,
#settings .from-to select,
#settings .intl-tel-input select {
    width: auto;
}
.lang-label span {
    width: 3em;
}
.from-to + .lang-label,
.lang-label + .lang-label {
    margin-block-start: 1rem;
}
.from-to-wrap {
    width: 55%;
}
.from-to-wrap .from-to > *:not(.fixed-length) {
    flex-shrink: 0;
}
.from-to-wrap .from-to .fixed-length {
    flex-grow: 1;
}
.showextra select {
    width: auto;
}
label.choice {
    width: auto;
    font-weight: 400;
}
label.choice img {
    display: inline;
}
label.choice + label.choice {
    margin-inline-start: 15px;
}
label.choice + br + .fixed-length {
    margin-block-start: 15px;
}
label.choice[\:has\(input\[type\%3D"radio"\]\,\%20input\[type\%3D"hidden"\]\)],
.show-in-extras label.choice,
.checkbox-inline-wrap label.choice {
    display: inline;
}
/*label.choice:has(input[type="radio"], input[type="hidden"]),*/
label.label-radio,
.show-in-extras label.choice,
.checkbox-inline-wrap label.choice {
    display: inline;
}
.checkbox-inline-wrap + * {
    margin-block-start: 15px;
}
.choice-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}
.choice-grid .choice + .choice {
    margin-inline-start: 0;
}
input:not([type="radio"], [type="checkbox"]),
textarea,
select,
.ms-choice {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--h-control);
    outline: none;
    border: 1px solid #c3c4ca;
    border-radius: 6px;
    padding: 0.5rem;
    background-color: white;
}
input:not([type="radio"], [type="checkbox"]):disabled,
textarea:disabled,
select:disabled,
.ms-choice:disabled {
    background: #ebebed;
    pointer-events: none;
    cursor: default;
}
textarea {
    min-height: 56px;
    resize: vertical;
}
input.perc,
input.amount,
input.number {
    text-align: right;
}
input.amount,
input.number {
    max-width: 168px;
}
.intl-tel-input {
    width: 100%;
}
.intl-tel-input .click2dial {
    order: 1;
}
.intl-tel-input input {
    padding-inline-start: 44px;
}
input.autocomplete-input {
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.ms-drop ul {
    padding-inline-start: 0;
}
.ms-choice > span {
    position: static;
}
select[name$="item-catprod"] + input[name$="item-title"] {
    width: 90%;
    position: absolute;
    top: 5px;
    left: 5px;
}
.upload {
    height: 100% !important;
}
.upload {
    overflow: hidden;
    opacity: 0;
    display: block;
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.sel_source_settings {
    width: 100%;
}
.sel_source_settings .sel_mailing {
    align-self: flex-start;
}
.sel_source_settings .sel_search {
    padding-inline-start: 20px !important;
}
.sel_source_settings .sel_search {
    background-image: url(/css/foodticket-orderbuddy/gfx/_cms1564059104_magnifier.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
table.selector td:not(:first-child) {
    padding-inline-start: 5px;
}
table.selector td:not(:last-child) {
    padding-inline-end: 5px;
}
table.selector select.selector_select {
    height: 200px;
    margin-block-end: 0.5rem;
}
table.selector select.selector_left {
    width: 210px !important;
}
table.selector select.selector_right {
    width: 100%;
    max-width: 410px;
}
select[name*="time_set"] + label {
    width: auto;
    line-height: 44px;
}
select[class*="ui-datepicker"] {
    display: inline;
    height: auto;
    margin: 1px 0;
    padding: 0;
    font-size: 12px;
}
select.hours,
select.minutes {
    width: auto;
}
.label-switch {
    display: inline-block;
    align-self: center;
    width: 36px;
    height: 14px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: 6px;
}
.label-switch .checkbox {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 36px;
    height: 14px;
    margin: 0;
    border: none;
    border-radius: 36px;
    padding: 0;
    background: #b0afaf;
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition-duration: 0.3s;
}
.label-switch .checkbox:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    box-shadow: 0 2px 5px #0006;
    background: #fff;
    content: " ";
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 2;
    transition-duration: 0.3s;
    transform: translate(0);
}
.label-switch input[type="checkbox"] {
    display: none;
}
.label-switch input[type="checkbox"]:checked + .checkbox {
    background: rgba(227, 98, 32, 50%);
}
.label-switch input[type="checkbox"]:checked + .checkbox:after {
    background: #e36220;
    transform: translate(16px);
}
.durationpicker-innercontainer {
    display: flex !important;
}
.durationpicker-innercontainer {
    gap: 5px;
    align-items: center;
}
#header {
    display: flex;
    flex-shrink: 0;
    gap: 1.5rem;
    align-items: center;
    height: var(--h-navbar);
    margin-block-end: 0.5rem;
    margin-inline: -0.5rem;
    padding-inline: 1.5rem;
    background: white;
    position: relative;
    z-index: 3000;
}
#header > *:not(#logout) {
    flex-shrink: 0;
}
#header #header-hide {
    display: flex;
    align-items: center;
}
#header #header-logo {
    flex-shrink: 0;
    margin-inline-end: 1rem;
    cursor: pointer;
}
#header #header-logo img {
    width: 2.75rem;
}
#header #header-logo h2 {
    display: none;
}
#header #logout {
    display: flex;
    gap: 0.5rem 1.5rem;
    align-items: center;
    margin-inline-start: auto;
    font-size: 11px;
}
#header #logout #header-masterslave {
    xdisplay: none;
    font-size: 11px;
}
#header #logout a {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 20px;
}
#header #logout a img {
    display: none;
}
#header #logout a#lock-unlock {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429819_unlock.png);
}
#header #logout a#lock-unlock[onclick*="enterPIN"] {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_lock.png);
}
#header #logout a#message-indicator {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_message-26.png);
}
#header #logout a#message-indicator[\:has\(img\[src*\%3D"urgent_message"\]\)] {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429819_urgent_message-26.png);
}
#header #logout a#message-indicator:has(img[src*="urgent_message"]) {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429819_urgent_message-26.png);
}
#header #logout a[href*="action=logout"] {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_exit-26.png);
}
#header #player {
    display: none;
}
.teamviewer,
#ghelp,
#current-status,
.xmessage {
    display: none !important;
}
#header ul {
    display: flex;
    height: 100%;
    margin-block: 0;
    padding-inline-start: 0;
    list-style: none;
}
#header ul li {
    position: relative;
}
#header ul li a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 2.5rem;
    position: relative;
    transition: all 0.18s ease-out;
}
#header ul li a:before {
    width: 1.5rem;
    height: 1.5rem;
    margin-block-end: 0.5rem;
    background: url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429827_menu-icons1.png) 0 0 no-repeat;
    background-size: auto 1.5rem;
    content: "";
}
#header ul li a:after {
    width: 1px;
    height: 80%;
    background: #ebebed;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#header ul li a span {
    font-size: 0.75rem;
    line-height: 100%;
    transition: all 0.18s ease-out;
}
#header ul li .badge {
    top: -5px;
    left: auto;
    right: 14px;
}
#header ul li.pos a:before {
    background-position: -265px 0;
}
#header ul li.orders a:before {
    background-position: 0 0;
}
#header ul li.customers a:before {
    background-position: -38px 0;
}
#header ul li.archive a:before {
    background-position: -75px 0;
}
#header ul li.financial a:before {
    background-position: -112px 0;
}
#header ul li.settings a:before {
    background-position: -150px 0;
}
#header ul li.shop a:before {
    background-position: -303px 0;
}
.footer {
    display: flex;
    align-items: center;
    height: 76px;
    margin-block-start: auto;
    border-block-start: 0.5rem solid #ebebed;
    padding: 1rem 2rem;
}
.footer #footer-buttons {
    display: flex;
    flex: 1 1;
    column-gap: 1rem;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-inline-start: auto;
}
.footer #footer-buttons button {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 14px;
    position: relative;
}
#footer-buttons .badge {
	left: auto;
	right: -5px;
	top: -5px;
}

.footer #footer-buttons button img {
    display: none;
}
.footer #footer-buttons button#footer-button-map {
    background-image: url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429827_pin.png);
}
.footer #footer-buttons button#footer-button-deliverers {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_scooter-32.png);
}
.footer #footer-buttons button#footer-button-brake {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_future-32.png);
}
.footer #footer-buttons button#footer-button-products {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_products.png);
}
.footer #footer-paging {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    order: -1;
}
.footer #footer-paging > * {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 6px;
    padding-inline: 0.5rem;
    background: #ebebed;
    cursor: pointer;
    transition: all 0.18s ease-out;
}
.footer #footer-paging > *.disabled {
    color: #686b7a;
    pointer-events: none;
    cursor: default;
}
.footer #footer-paging .paging {
    background: #31344a;
    color: #fff;
    pointer-events: none;
    cursor: default;
}
.footer #footer-paging .paging span {
    color: #fff;
}
.footer table {
    display: block;
    margin-inline-start: 1rem;
    border-radius: 4px;
    padding: 0.5rem 1.5rem;
    background-color: #e06633;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.footer table th:last-of-type,
.footer table td:last-of-type {
    display: none;
}
button#go,
.menu > a,
.action a,
.actions a,
button.back,
.buttonsmall,
form > button,
legend button,
#extras button:not(#cancel),
button.magnify,
.add button,
#extras .close,
.action > button,
button.change-time,
#admin-panel h2 span,
button.popup-close-x,
.popup-footer button:not(#cancel),
#search-advanced-link,
button[type="submit"],
button[name="action"],
button.click2dial,
button.goto-pos,
button.del,
button[onclick*="leaveOkay"],
th.delete button,
#footer-buttons button,
button[value*="invoice"],
#pos-buttons .left button,
button[onclick*="download"],
button[value*="delete-archive"],
button[onclick*="archive-print"],
button[value*="print-archive"],
#button-shop-change {
    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;
}
button#go img,
.menu > a img,
.action a img,
.actions a img,
button.back img,
.buttonsmall img,
form > button img,
legend button img,
#extras button img,
button.magnify img,
.add button img,
#extras .close img,
.action > button img,
button.change-time img,
#admin-panel h2 span img,
button.popup-close-x img,
.popup-footer button img,
#search-advanced-link img,
button[type="submit"] img,
button[name="action"] img,
button.click2dial img,
button.goto-pos img,
button.del img,
button[onclick*="leaveOkay"] img,
th.delete button img,
#footer-buttons button img,
button[value*="invoice"] img,
#pos-buttons .left button img,
button[onclick*="download"] img,
button[value*="delete-archive"] img,
button[onclick*="archive-print"] img,
button[value*="print-archive"] img {
    height: 14px;
}
button#go:disabled,
.menu > a:disabled,
.action a:disabled,
.actions a:disabled,
button.back:disabled,
.buttonsmall:disabled,
form > button:disabled,
legend button:disabled,
#extras button:disabled,
button.magnify:disabled,
.add button:disabled,
#extras .close:disabled,
.action > button:disabled,
button.change-time:disabled,
#admin-panel h2 span:disabled,
button.popup-close-x:disabled,
.popup-footer button:disabled,
#search-advanced-link:disabled,
button[type="submit"]:disabled,
button[name="action"]:disabled,
button.click2dial:disabled,
button.goto-pos:disabled,
button.del:disabled,
button[onclick*="leaveOkay"]:disabled,
th.delete button:disabled,
#footer-buttons button:disabled,
button[value*="invoice"]:disabled,
#pos-buttons .left button:disabled,
button[onclick*="download"]:disabled,
button[value*="delete-archive"]:disabled,
button[onclick*="archive-print"]:disabled,
button[value*="print-archive"]:disabled {
    opacity: 0.5;
}
#extras .close,
button.popup-close-x,
.actions a,
.action a,
.action > button,
.buttonsmall,
legend button {
    padding: 0;
}
.actions a,
.action a,
.action > button,
.buttonsmall,
legend button {
    width: 2.75rem !important;
}
a.edit,
a.reload,
a.archive,
.action > button,
#footer-buttons button,
.add button {
    border: 2px solid #31344a;
    background: white;
    color: #31344a;
}
.action > button {
    font-size: 20px;
}
a.edit {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429827_magnifyer.png), white;
}
a.reload {
    background: 50% / auto 23px no-repeat url(/css/foodticket-orderbuddy/v3/gfx/_cms1724939575_reload-100.png), white;
}
a.settings {
    background: 50% / auto 20px no-repeat url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_settings-32.png), white;
}
a.archive {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429824_archive.png), white;
}
a.sold-out {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/style-icons/_cms1594108148_clear-shopping-cart-50.png);
    font-size: 0;
}
th.delete button,
button.del,
a.delete {
    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;
}
button[onclick*="orderBringToPOS"] {
    background: 50% / auto 14px no-repeat url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_register-26.png), white;
}
a.sold-out,
button.back,
.buttonsmall,
#extras button:not(#cancel),
#extras .close,
button[onclick*="leaveOkay"],
button.popup-close-x,
#admin-panel h2 span,
#search-advanced-link,
button[name="action"],
button[value*="invoice"],
button[onclick*="download"],
button[value*="print-archive"],
button[value*="delete-archive"],
button[onclick*="archive-print"],
.popup-footer button:not(.close,#cancel),
form > button:not([value*="cancel"]),
button[type="submit"]:not([value*="cancel"]),
#button-shop-change {
    background-color: #31344a;
    color: #fff;
}
a.sold-out span,
button.back span,
.buttonsmall span,
#extras button span,
#extras .close span,
button[onclick*="leaveOkay"] span,
button.popup-close-x span,
#admin-panel h2 span span,
#search-advanced-link span,
button[name="action"] span,
button[value*="invoice"] span,
button[onclick*="download"] span,
button[value*="print-archive"] span,
button[value*="delete-archive"] span,
button[onclick*="archive-print"] span,
.popup-footer button:not(.close) span,
form > button:not([value*="cancel"]) span,
button[type="submit"]:not([value*="cancel"]) span {
    color: #fff;
}
#search-advanced-link {
    display: inline-flex;
}
#pos #pos-menu #pos-buttons .right,
#order-form .right p:first-of-type {
    display: flex;
    border-radius: 6px;
    padding: 0.4rem;
    background: #ebebed;
    -webkit-user-select: none;
    user-select: none;
}
#pos #pos-menu #pos-buttons .right {
    margin-inline-start: auto;
}
#order-form .right p:first-of-type {
    margin-block-end: 1rem;
}
button.delivery,
button.menu_delivery {
    width: auto !important;
}
button.delivery,
button.menu_delivery {
    flex-grow: 1;
    border-radius: 6px;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    color: #686b7a;
    cursor: pointer;
    transition: all 0.3s;
}
button.delivery.current,
button.menu_delivery.current {
    background: white;
    color: #31344a;
}
button[onclick*="archive-print"] img {
    top: auto !important;
}
button.magnify,
button.click2dial,
button.goto-pos {
    height: 2rem !important;
}
button.magnify,
button.click2dial,
button.goto-pos {
    width: 2rem;
    padding: 0 0.5rem;
    background: #ebebed;
}
td button.magnify,
td button.click2dial,
td button.goto-pos {
    top: 50% !important;
    right: 0.5rem !important;
}
td button.magnify,
td button.click2dial,
td button.goto-pos {
    position: absolute;
    transform: translateY(-50%);
}
button.magnify,
button.goto-pos {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -100px;
}
button.magnify {
    background-image: url(/css/foodticket-orderbuddy/v3/gfx/_cms1668429827_magnifyer.png);
}
button.goto-pos {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_register-26.png);
}
button.change-time {
    display: inline-flex;
    margin-inline: 0.5rem;
    background: #ffaf21;
    font-weight: 600;
    color: #fff;
}
[name="payment_link"],
.scroller-placeholder,
#update-buttons,
#table-buttons,
a button,
.extras-sub a button,
.addrow button {
    display: none !important;
}
.extras-sub a span {
    color: var(--c-orange);
}
#login-button .sound-ico {
    display: none;
}
#login-button + label {
    margin-block-start: 15px;
}
.button-wrap,
.products-buttons {
    display: flex;
    grid-column: 1 / -1;
    gap: 15px;
}
.button-wrap .right,
.products-buttons .right {
    margin-inline-start: auto;
}
#settings .button-wrap,
#settings .products-buttons {
    position: sticky;
    bottom: 1rem;
}
.yyy {
    display: flex;
    gap: 3px;
}
.preview-image {
    box-sizing: content-box;
    display: flex;
    align-items: flex-start;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 202px;
    border: unset;
    background: url(/css/foodticket-orderbuddy/gfx/_cms1564059104_checker.gif) 0 0 repeat;
}
.small-preview-image a {
    display: none;
}
[target="flyer-preview"] img {
    display: inline;
}
.popup input[type="text"],
.popup input[type="password"] {
    width: 100%;
}
.w50,
div.tab input.w50,
div.tab select.w50,
fieldset input.w50,
fieldset select.w50,
.popup input[type="text"].w50 {
    width: 49%;
}
.w25,
div.tab input.w25,
div.tab select.w25,
fieldset input.w25,
fieldset select.w25,
.popup input[type="text"].w25 {
    width: 24%;
}
.w75,
div.tab input.w75,
div.tab select.w75,
fieldset input.w75,
fieldset select.w75,
.popup input[type="text"].w75 {
    width: 74%;
}
.popup input[type="text"],
.popup input[type="password"],
.popup textarea,
.popup select,
.popup-customer .right p {
    margin-block-end: 0.5rem;
}
.popup {
    margin: 0 !important;
    top: 0 !important;
    z-index: 1000;
}
.popup {
    display: none;
    grid-template-rows: 1rem minmax(0, 1fr) 1rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    position: fixed;
}
.popup #extras-inner,
.popup .popup-inner {
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    grid-row-start: 2;
    min-width: 450px;
    max-width: 75rem;
    max-height: 100%;
    border-radius: 6px;
    background: white;
    position: relative;
}
.popup #extras-inner,
.popup .popup-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.popup #extras-inner,
.popup .popup-content {
    display: flex;
    flex-direction: column;
}
.popup .popup-content {
    height: 100%;
}
.popup .popup-content > *:not(.table, .popup-footer) {
    flex-grow: 1;
}
.popup .popup-content > .title {
    grid-column: 1 / -1;
}
.popup .title {
    margin-block-end: 0.75rem;
    font-weight: 700;
    font-size: 1.1rem;
    color: #31344a;
}
.popup #extras-inner .popup-content {
    row-gap: 0.75rem;
}
.popup #extras-inner h2,
.popup #extras-inner h3 {
    grid-column: 1 / -1;
    margin-block-end: 1rem;
}
.popup #extras-inner > button#add {
    order: 1;
}
.popup #extras-inner > button#add,
.popup #extras-inner > button:last-of-type:not(#cancel) {
    align-self: flex-end;
}
.popup #extras-inner > button#add:not(:only-of-type),
.popup #extras-inner > button:last-of-type:not(#cancel):not(:only-of-type) {
    margin-block-start: -44px;
}
.popup #extras-inner .checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
.popup #extras-inner .checkboxes h2,
.popup #extras-inner .checkboxes h3 {
    margin-block-end: 0;
}
.popup #extras-inner .checkboxes .plus,
.popup #extras-inner .checkboxes .minus {
    flex-shrink: 0;
    width: 44px;
    padding-inline: 0;
}
.popup #extras-inner .checkboxes .checkbox {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    align-items: center;
    width: 420px;
    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 .checkboxes .checkbox br {
    display: none;
}
.popup #extras-inner .checkboxes .checkbox input[type="checkbox"] {
	display: none;
}
.popup #extras-inner .checkboxes .checkbox input.n {
    width: 54px;
}
.popup #extras-inner .checkboxes .checkbox span {
    width: 100%;
    font-weight: 600;
}
.popup #extras-inner .checkboxes .checkbox em {
    margin-inline-end: auto;
    font-style: normal;
}
.popup #extras-inner[\:has\(.popup-content\)] {
    overflow-y: hidden !important;
}
.popup #extras-inner:has(.popup-content) {
    overflow-y: hidden !important;
}
.popup-footer {
    display: flex;
    flex-shrink: 0;
    column-gap: 1rem;
    justify-content: flex-end;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 -0.3rem 1rem #00000008;
    background: white;
    position: sticky;
    bottom: 0;
    z-index: 1000;
}
.popup .popup-footer .ok {
    order: 1;
}
.popup div[style="position:relative"] .popup-footer {
    margin: 0 -0.75rem -0.75rem;
}
.popup .popup-status {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 1rem;
    justify-content: center;
    width: 100%;
    margin-block-end: 1rem;
    padding: 0 0.75rem;
}
.popup .popup-status li {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    border-radius: 4px;
    padding: 0.75rem;
    background: #f5f5f6;
    cursor: pointer;
    position: relative;
}
.popup .popup-status li div {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #fdb28c;
    border-radius: 50%;
}
.popup .popup-status li div.current {
    border: 1px solid #e36220;
}
.popup .popup-status li span {
    margin-inline-start: 1rem;
    font-weight: 600;
}
.popup .popup-status li.current {
    background: #31344a;
}
.popup .popup-status li.current span {
    color: #fff;
}
.popup .popup-status li[data-id="pending"] div {
    border-color: var(--c-orange);
    background-color: var(--c-orange);
}
.popup .popup-status li[data-id="enroute"] div {
    border-color: #b3b3b3;
    background-color: #b3b3b3;
}
.popup .popup-status li[data-id="delivered"] div {
    border-color: green;
    background-color: green;
}
.popup .popup-menu {
    display: flex;
    justify-content: space-between;
    height: 3rem;
    margin-inline: -0.75rem;
    background: linear-gradient(90deg, #e28839 -11.53%, #e10606 100%);
}
.popup .popup-menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #ffffffb3;
    cursor: pointer;
}
.popup .popup-menu li.current {
    background: rgba(147, 61, 25, 70%);
    font-weight: 600;
    color: #fff;
}
.popup .tab {
    display: none;
    position: relative;
    z-index: 10;
}
.popup .tab table {
    width: 100%;
}
.popup .tab table tr th,
.popup .tab table tr td {
    padding: 0.5rem 0.5rem;
    position: relative;
}
.popup .tab table tr th[rowspan],
.popup .tab table tr td[rowspan] {
    vertical-align: top;
}
.popup .tab table tr th {
    width: 1px;
    color: #686b7a;
}
.popup .tab table tr:not(.spacer) td:empty {
    display: none;
}
.popup .tab.info table tr:not(.spacer) th,
.popup .tab.info table tr:not(.spacer) td {
    border: 1px solid #b3b3b3;
}
.popup .tab.order table tr td {
    vertical-align: top;
}
.popup .tab.order table tr td:first-child,
.popup .tab.order table tr td:last-child {
    width: 20px;
}
.popup .tab.order table tr td:last-child {
    text-align: right;
    white-space: nowrap;
}
.popup .tab.order table tr:nth-child(odd):not(:first-child) {
    background: #ebebed;
}
.popup #extras-inner,
.popup:not(#extras) .popup-content > *:not(.table, .popup-footer) {
    padding: 0.75rem;
}
.popup[style*="display: block;"] {
    display: grid !important;
}
.popup.popup-order .popup-inner {
    width: 75rem;
}
.popup.popup-order .watermark {
    width: 100%;
    font-size: 300px;
    line-height: 300px;
    color: #eee;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
}
.popup.popup-order .title,
.popup.popup-order .tab {
    padding-inline: 0.75rem;
}
.popup.popup-order .tab {
    padding-block: 1rem;
}
.popup.popup-order .popup-footer {
    padding-inline: 1.5rem;
}
.popup.popup-customer .popup-inner {
    width: 57rem;
}
.popup.popup-customer .popup-content > *:not(.title, .popup-footer) {
    padding: 1rem 1.5rem;
}
.popup.popup-customer .popup-content #order-form {
    display: flex;
    justify-content: space-between;
}
.popup.popup-customer .popup-content #order-form .left,
.popup.popup-customer .popup-content #order-form .right {
    width: 49%;
}
.popup.popup-customer .popup-content #order-form .left > p {
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
    justify-content: space-between;
    width: 100%;
}
.popup.popup-customer .popup-content #order-form .left > p label {
    margin-block-end: -0.5rem;
}
.popup.popup-customer .popup-content #order-form .right {
    display: flex;
    flex-flow: column nowrap;
}
.popup.popup-customer [name="discountcode"] {
    background: url(/gfx/_cms1103572668_trans.gif) 99% 4px no-repeat;
}
.popup.popup-tables .popup-inner {
    width: 57rem;
}
.popup.popup-tables .popup-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.125rem;
    width: 100%;
    padding: 0.75rem;
}
.popup.popup-tables .popup-content > .title {
    margin: -0.75rem -0.75rem 0.75rem;
    background-color: #fff;
    position: sticky;
    top: -0.75rem;
    z-index: 1;
}
.popup.popup-tables .popup-content .table {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
    width: 100%;
    height: 5rem;
    border-radius: 4px;
    padding: 1rem;
    background-color: #f5f5f6;
    color: #31344a;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.popup.popup-tables .popup-content .table span {
    font-size: 0.75rem;
}
.popup.popup-tables .popup-content .table[order-id] {
    background-color: #0a0d22;
    color: #fff;
}
.popup.popup-tables .popup-content .table[order-id] span {
    color: #fff;
}
.popup.popup-login .popup-content {
    align-items: center;
}
.popup.popup-login .logo {
    width: 238px;
}
.popup.popup-login form {
    padding-inline: 1.5rem !important;
}
.popup.popup-login form {
    width: 100%;
}
.popup.center {
    text-align: center;
}
.popup.popup-time .popup-inner {
    width: 500px;
}
.popup.popup-time .title {
    padding-block-end: 0 !important;
}
.popup.popup-time p,
.popup.popup-time ul {
    padding-block: 0 !important;
}
.popup.popup-time ul {
    display: flex;
    gap: 5px;
    justify-content: center;
}
.popup.popup-time ul li {
    display: inline-block;
    width: 60px;
    border: 1px solid #e36220;
    font-size: 30px;
    line-height: 60px;
}
.popup.popup-time ul li.button {
    color: #e36220;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
.popup.popup-time ul li.data {
    background: #e36220;
    color: #fff;
}
.popup.popup-time ul li.data span {
    color: #fff;
}
.popup.popup-time ul + p {
    margin-block-start: 0.75rem !important;
}
.popup.popup-time ul ~ .title {
    margin-block-start: 1.5rem;
}
.popup.popup-time .dots {
    width: auto;
    border-color: #fff;
}
.popup.rel ul li.data {
    height: 62px;
    border-color: #000;
    background: #000;
    font-size: 14px;
    line-height: 10px;
    cursor: pointer;
}
.popup.rel ul li.data span {
    font-size: 30px;
    line-height: 40px;
}
.popup.rel ul li.data.current {
    border-color: #e36220;
    background: #e36220;
}
#admin-panel h2 span,
#extras .close,
button.popup-close-x {
    width: 2rem;
    height: 2rem;
    padding: 0;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 11;
}
#overlay {
    z-index: 999;
}
#overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
#overlay #oclose {
    opacity: 0.5;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}
#overlay .bg {
    width: 100%;
    height: 10000px;
    background: rgba(0, 0, 0, 24%);
}
#overlay.solid .bg {
    opacity: 1;
    height: 100%;
    background-color: #e36220;
    background-image: url(/foodticket-images/images/background-images-pizza/shutterstock_655358575.jpg);
    background-size: cover;
}
.orders .order,
.order.enroute,
.orders .order,
.order.enroute,
.order.delivered {
    min-width: 420px;
    height: 76px;
    padding-block-start: 17px;
    padding-inline-end: 85px;
    font-weight: 600;
    font-size: 1.55rem;
    color: #c3c4ca;
    text-align: right;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.orders .order table,
.order.enroute table,
.orders .order table,
.order.enroute table,
.order.delivered table {
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    background: linear-gradient(360deg, #747791 0%, #393b51 100%);
    color: #31344a;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.orders .order table tr td.time,
.orders .order table tr td.asap,
.order.enroute table tr td.time,
.order.enroute table tr td.asap,
.orders .order table tr td.time,
.orders .order table tr td.asap,
.order.enroute table tr td.time,
.order.enroute table tr td.asap,
.order.delivered table tr td.time,
.order.delivered table tr td.asap {
    background-color: transparent !important;
}
.orders .order table tr td.time,
.orders .order table tr td.asap,
.order.enroute table tr td.time,
.order.enroute table tr td.asap,
.orders .order table tr td.time,
.orders .order table tr td.asap,
.order.enroute table tr td.time,
.order.enroute table tr td.asap,
.order.delivered table tr td.time,
.order.delivered table tr td.asap {
    width: 55px;
    padding-inline: 0.125rem 0.5rem;
    color: #fff;
}
.order table tr td.time,
.order table tr td.street,
.order.enroute table tr td.time,
.order.enroute table tr td.street,
.order table tr td.time,
.order table tr td.street,
.order.enroute table tr td.time,
.order.enroute table tr td.street,
.order.delivered table tr td.time,
.order.delivered table tr td.street {
    font-weight: 600;
}
.order table tr td.street,
.order table tr td.info,
.orders .order table tr td.price,
.order table tr td.pstatus,
.order.enroute table tr td.street,
.order.enroute table tr td.info,
.order.enroute table tr td.price,
.order.enroute table tr td.pstatus,
.order table tr td.street,
.order table tr td.info,
.orders .order table tr td.price,
.order table tr td.pstatus,
.order.enroute table tr td.street,
.order.enroute table tr td.info,
.order.enroute table tr td.price,
.order.enroute table tr td.pstatus,
.order.delivered table tr td.street,
.order.delivered table tr td.info,
.order.delivered table tr td.price,
.order.delivered table tr td.pstatus {
    background-color: #ebebed !important;
}
.order table tr td.street,
.order table tr td.info,
.order.enroute table tr td.street,
.order.enroute table tr td.info,
.order table tr td.street,
.order table tr td.info,
.order.enroute table tr td.street,
.order.enroute table tr td.info,
.order.delivered table tr td.street,
.order.delivered table tr td.info {
    padding-inline: 0.75rem calc(0.75rem + 45px);
}
.order table tr td.info,
.order.enroute table tr td.info,
.order table tr td.info,
.order.enroute table tr td.info,
.order.delivered table tr td.info {
    color: #686b7a;
}
.orders .order table tr td.price,
.order.enroute table tr td.price,
.orders .order table tr td.price,
.order.enroute table tr td.price,
.order.delivered table tr td.price {
    width: 1px;
    padding-inline: 1.25rem;
    color: #29dd9c;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    position: relative;
}
.orders .order table tr td.price:before,
.order.enroute table tr td.price:before,
.orders .order table tr td.price:before,
.order.enroute table tr td.price:before,
.order.delivered table tr td.price:before {
    background: rgba(0, 226, 163, 20%) !important;
}
.orders .order table tr td.price:before,
.order.enroute table tr td.price:before,
.orders .order table tr td.price:before,
.order.enroute table tr td.price:before,
.order.delivered table tr td.price:before {
    width: calc(100% - 1.5rem);
    height: 26.8px;
    border: 1px solid #29dd9c;
    border-radius: 6px;
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translate(-50%);
}
.orders .order table tr:first-child td,
.order.enroute table tr:first-child td,
.orders .order table tr:first-child td,
.order.enroute table tr:first-child td,
.order.delivered table tr:first-child td {
    padding-block: 0.75rem 0.25rem;
}
.order table tr:first-child .status,
.orders .order table tr:last-child td,
.order.enroute table tr:first-child .status,
.order.enroute table tr:last-child td,
.order table tr:first-child .status,
.orders .order table tr:last-child td,
.order.enroute table tr:first-child .status,
.order.enroute table tr:last-child td,
.order.delivered table tr:first-child .status,
.order.delivered table tr:last-child td {
    padding-block-end: 0.75rem;
}
.order.pending .status span {
    background-color: var(--c-orange) !important;
}
.order.enroute .status span {
    background-color: #b3b3b3;
}
.order.delivered .status span {
    background-color: green;
}
img[src*="phone"] {
    display: none;
}
.sk-spinner-three-bounce.sk-spinner {
    width: 70px;
    height: 25px;
    margin: 0 auto;
    text-align: center;
}
.sk-spinner-three-bounce div {
    opacity: 0.5;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #000;
    animation: sk-three-bounce-delay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
    animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
    animation-delay: -0.16s;
}
@keyframes sk-three-bounce-delay {
    0%,
    80%,
    to {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
#document-preview,
#print-preview,
#email-preview {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #b3b3b3;
    padding: 0;
    box-shadow: 2px 2px 2px #00000026;
    background: #fff;
    position: relative;
}
#email-preview {
    min-height: 500px;
}
table tr th,
table tr td {
    position: relative;
}
table tr th.right,
table tr td.right {
    text-align: right;
    white-space: nowrap;
}
table tr th {
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}
table tr td.pointer {
    cursor: pointer;
}
table#turnover-table.list th,
table#turnover-table.list td {
    vertical-align: top;
}
#review-form .status,
#archive .status,
.orders .order .status {
    width: calc(15px + 0.625rem);
    padding-inline: 0.5rem 0.125rem;
    vertical-align: middle;
    position: relative;
}
#review-form .status span,
#archive .status span,
.orders .order .status span {
    border: 1px solid var(--c-orange) !important;
}
#review-form .status span,
#archive .status span,
.orders .order .status span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 15px;
    position: relative;
}
#review-form .status span strong,
#archive .status span strong,
.orders .order .status span strong {
    display: inline-block;
    width: 15px;
    height: 8px;
    border-radius: 0 0 16px 16px;
    background-color: transparent;
    line-height: 16px;
    position: absolute;
    bottom: -1px;
    left: -1px;
}
#review-form .status[class*="pending"] span,
#archive .status[class*="pending"] span,
.orders .order[class*="pending"] .status span {
    background: #e36220;
}
#messages {
    width: 100%;
    height: 100%;
    border: 1px solid #ea6521;
    border-radius: 4px;
    position: absolute;
}
#messages .intro {
    color: #878787;
    text-align: center;
}
#messages-header {
    border-block-end: 1px solid #ea6521;
}
#messages-header h1 {
    margin: 0;
    padding-inline-start: 0.5em;
    font-size: 120%;
    line-height: 40px;
}
#messages-header form {
    margin: 0;
    position: absolute;
    top: 8px;
    right: 10px;
}
#messages-header fieldset {
    margin: 0;
    border: 0;
    padding: 0;
}
#messages-header button {
    width: auto;
    padding: 0 1em;
    font-size: 12px;
    line-height: 2em;
}
#messages-content {
    width: 100%;
    height: 100%;
    position: absolute;
}
#messages-list {
    overflow: auto;
    float: left;
    width: 35%;
    height: 100%;
    position: absolute;
}
#messages-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#messages-list li {
    margin: 0;
    border-block-end: 1px solid #ea6521;
    padding: 1em 1em 1em 30px;
    color: #878787;
    list-style: none;
    cursor: pointer;
    position: relative;
}
#messages-list .date {
    float: right;
    padding-inline-start: 1em;
    color: #878787;
}
#messages-list .new,
#messages-list .new .date {
    color: #e36220;
}
#messages-list .new .status {
    border-color: #e36220;
}
#messages-list .current,
#messages-list .current .date {
    color: #e36220;
}
#messages-list .current .status {
    border-color: #e36220;
    background: #e36220;
}
#messages-list h2 {
    margin: 0;
    font-size: 110%;
}
#messages-list .status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    line-height: 15px;
    position: absolute;
    top: 16px;
    left: 10px;
}
#messages-pane {
    overflow: auto;
    float: left;
    width: 65%;
    height: 100%;
    border-inline-start: 1px solid #ea6521;
    padding: 1em;
    position: absolute;
    left: 35%;
}
#messages-pane a {
    text-decoration: underline;
}
#messages-pane a[target="new"]:after {
    display: none;
}
#messages-pane .head {
    margin-block-start: 0;
    border-block-end: 1px solid #ea6521;
    padding-block-end: 1em;
}
.badge {
    min-width: 20px;
    border: 2px solid #fff;
    border-radius: 18px;
    padding: 0 4px;
    background: red;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -6px;
    left: 14px;
}
.tabs {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding-block: 1rem;
}
.tabs li a {
    position: relative;
}
.tabs .badge {
    top: -10px;
    left: auto;
    right: -5px;
}
.tabs.right {
    justify-content: flex-end;
}
.tabs:not(.actions) li a {
    width: auto !important;
}
.tabs:not(.actions) li a {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 0.5rem;
    background: white;
    color: #686b7a;
    cursor: pointer;
    transition: all 0.18s ease-out;
}
.tabs:not(.actions):first-child {
    box-shadow: 1px 3px 4px #0000001a;
    position: sticky;
    top: 0;
    z-index: 31;
}
.tabs:not(.actions) li.current a,
.tabs.right li a {
    font-weight: 600;
}
.tabs:not(.actions) li.current a {
    background: #e36220;
    color: #fff;
}
.tabs.right li a {
    background: #f5f5f6;
    color: #31344a;
}
.tab.deliverers div {
    display: flex;
    column-gap: 0.75rem;
    align-items: center;
    float: left;
    width: 24%;
    margin: 0.5%;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}
.tab.deliverers div[data-id] {
    height: 3.5rem;
    padding: 0.5rem;
    padding-inline-start: calc(1.25rem + 40px);
    background: #f8f8f8;
}
.tab.deliverers div:not([data-id]) {
    height: 1px;
    background-color: #c3c4ca;
}
.tab.deliverers div.bezorgbuddy:before {
    width: 40px;
    height: 40px;
    background: url(/css/foodticket-orderbuddy/gfx/_cms1594107892_bezorgbuddy.png) 0 0 no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
}
.tab.deliverers div.current {
    border: 1px solid var(--c-base);
}
span.error,
span.message,
span.warning,
p.error,
p.message,
p.warning {
    color: red !important;
}
span.error,
span.message,
span.warning,
p.error,
p.message,
p.warning {
    width: 100%;
    margin: 0 0 1em;
    border: 1px solid red;
    border-radius: 5px;
    padding: 5px 5px 5px 26px;
    background: #fdd url(/gfx/_cms1298065404_exclamation.png) 5px 5px no-repeat;
    text-align: left;
    white-space: pre-line;
}
.warning td,
span.warning,
p.warning {
    color: #c36b09 !important;
}
.warning td,
span.warning,
p.warning {
    border-color: #f0e1a8;
    background-color: #fef1bc;
    background-image: url(/gfx/_cms1298065404_error.png);
}
.lang {
    display: flex;
    gap: 12px;
    justify-content: center;
}
.lang li {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0 0 0.5em;
    padding: 0.5em;
    cursor: pointer;
}
.lang li img {
    flex-shrink: 0;
    height: 11px;
}
.lang li.current {
    border: 1px solid #e36220;
}
.ui-autocomplete li {
    border-block-end: 1px solid #b3b3b3;
    cursor: pointer;
}
.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-color: var(--c-base);
    color: unset;
}
.flyout {
    padding-bottom: 0.5em;
    border-bottom: 1px dashed #b3b3b3;
}
.flyout:after {
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    content: "\25be" !important;
}
.content fieldset h3.first,
.content fieldset p.first {
    margin-block-start: 0;
}
#runners_settings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
#customers,
#archive,
#financial,
#settings,
#shop {
    height: 100% !important;
}
#customers,
#archive,
#financial,
#settings,
#shop {
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: min-content;
    gap: 0.5rem;
    position: relative;
}
#customers > *:not(fieldset:not(:only-of-type), select),
#archive > *:not(fieldset:not(:only-of-type), select),
#financial > *:not(fieldset:not(:only-of-type), select),
#settings > *:not(fieldset:not(:only-of-type), select),
#shop > *:not(fieldset:not(:only-of-type), select) {
    grid-column: -1 / 1;
}
#customers > *:not(button, label, select, .menu, .from-to),
#archive > *:not(button, label, select, .menu, .from-to),
#financial > *:not(button, label, select, .menu, .from-to),
#settings > *:not(button, label, select, .menu, .from-to),
#shop > *:not(button, label, select, .menu, .from-to) {
    overflow-y: initial;
    border-radius: 6px;
    background-color: #fff;
}
#customers > *:not(button, label, select, .menu, .from-to):not(#chart, table.list),
#archive > *:not(button, label, select, .menu, .from-to):not(#chart, table.list),
#financial > *:not(button, label, select, .menu, .from-to):not(#chart, table.list),
#settings > *:not(button, label, select, .menu, .from-to):not(#chart, table.list),
#shop > *:not(button, label, select, .menu, .from-to):not(#chart, table.list) {
    padding-inline: 1rem;
}
#customers > *:not(button, label, select, .menu, .from-to):not(table.list),
#archive > *:not(button, label, select, .menu, .from-to):not(table.list),
#financial > *:not(button, label, select, .menu, .from-to):not(table.list),
#settings > *:not(button, label, select, .menu, .from-to):not(table.list),
#shop > *:not(button, label, select, .menu, .from-to):not(table.list) {
    flex-shrink: 0;
    padding-block: 1rem;
}
#customers #invoice-form table,
#customers table.list,
#customers table#nl-stats,
#customers table.data,
#archive #invoice-form table,
#archive table.list,
#archive table#nl-stats,
#archive table.data,
#financial #invoice-form table,
#financial table.list,
#financial table#nl-stats,
#financial table.data,
#settings #invoice-form table,
#settings table.list,
#settings table#nl-stats,
#settings table.data,
#shop #invoice-form table,
#shop table.list,
#shop table#nl-stats,
#shop table.data {
    width: 100%;
}
#customers #invoice-form table tr th,
#customers #invoice-form table tr td,
#customers table.list tr th,
#customers table.list tr td,
#customers table#nl-stats tr th,
#customers table#nl-stats tr td,
#customers table.data tr th,
#customers table.data tr td,
#archive #invoice-form table tr th,
#archive #invoice-form table tr td,
#archive table.list tr th,
#archive table.list tr td,
#archive table#nl-stats tr th,
#archive table#nl-stats tr td,
#archive table.data tr th,
#archive table.data tr td,
#financial #invoice-form table tr th,
#financial #invoice-form table tr td,
#financial table.list tr th,
#financial table.list tr td,
#financial table#nl-stats tr th,
#financial table#nl-stats tr td,
#financial table.data tr th,
#financial table.data tr td,
#settings #invoice-form table tr th,
#settings #invoice-form table tr td,
#settings table.list tr th,
#settings table.list tr td,
#settings table#nl-stats tr th,
#settings table#nl-stats tr td,
#settings table.data tr th,
#settings table.data tr td,
#shop #invoice-form table tr th,
#shop #invoice-form table tr td,
#shop table.list tr th,
#shop table.list tr td,
#shop table#nl-stats tr th,
#shop table#nl-stats tr td,
#shop table.data tr th,
#shop table.data tr td {
    padding: 0.5rem 1rem;
    color: #31344a;
}
@media (max-width: 1559px) {
    #customers #invoice-form table tr th,
    #customers #invoice-form table tr td,
    #customers table.list tr th,
    #customers table.list tr td,
    #customers table#nl-stats tr th,
    #customers table#nl-stats tr td,
    #customers table.data tr th,
    #customers table.data tr td,
    #archive #invoice-form table tr th,
    #archive #invoice-form table tr td,
    #archive table.list tr th,
    #archive table.list tr td,
    #archive table#nl-stats tr th,
    #archive table#nl-stats tr td,
    #archive table.data tr th,
    #archive table.data tr td,
    #financial #invoice-form table tr th,
    #financial #invoice-form table tr td,
    #financial table.list tr th,
    #financial table.list tr td,
    #financial table#nl-stats tr th,
    #financial table#nl-stats tr td,
    #financial table.data tr th,
    #financial table.data tr td,
    #settings #invoice-form table tr th,
    #settings #invoice-form table tr td,
    #settings table.list tr th,
    #settings table.list tr td,
    #settings table#nl-stats tr th,
    #settings table#nl-stats tr td,
    #settings table.data tr th,
    #settings table.data tr td,
    #shop #invoice-form table tr th,
    #shop #invoice-form table tr td,
    #shop table.list tr th,
    #shop table.list tr td,
    #shop table#nl-stats tr th,
    #shop table#nl-stats tr td,
    #shop table.data tr th,
    #shop table.data tr td {
        padding-inline: 0.9rem;
    }
}
@media (max-width: 1439px) {
    #customers #invoice-form table tr th,
    #customers #invoice-form table tr td,
    #customers table.list tr th,
    #customers table.list tr td,
    #customers table#nl-stats tr th,
    #customers table#nl-stats tr td,
    #customers table.data tr th,
    #customers table.data tr td,
    #archive #invoice-form table tr th,
    #archive #invoice-form table tr td,
    #archive table.list tr th,
    #archive table.list tr td,
    #archive table#nl-stats tr th,
    #archive table#nl-stats tr td,
    #archive table.data tr th,
    #archive table.data tr td,
    #financial #invoice-form table tr th,
    #financial #invoice-form table tr td,
    #financial table.list tr th,
    #financial table.list tr td,
    #financial table#nl-stats tr th,
    #financial table#nl-stats tr td,
    #financial table.data tr th,
    #financial table.data tr td,
    #settings #invoice-form table tr th,
    #settings #invoice-form table tr td,
    #settings table.list tr th,
    #settings table.list tr td,
    #settings table#nl-stats tr th,
    #settings table#nl-stats tr td,
    #settings table.data tr th,
    #settings table.data tr td,
    #shop #invoice-form table tr th,
    #shop #invoice-form table tr td,
    #shop table.list tr th,
    #shop table.list tr td,
    #shop table#nl-stats tr th,
    #shop table#nl-stats tr td,
    #shop table.data tr th,
    #shop table.data tr td {
        padding-inline: 0.5rem;
    }
}
#customers #invoice-form table tr th.id,
#customers #invoice-form table tr td.id,
#customers table.list tr th.id,
#customers table.list tr td.id,
#customers table#nl-stats tr th.id,
#customers table#nl-stats tr td.id,
#customers table.data tr th.id,
#customers table.data tr td.id,
#archive #invoice-form table tr th.id,
#archive #invoice-form table tr td.id,
#archive table.list tr th.id,
#archive table.list tr td.id,
#archive table#nl-stats tr th.id,
#archive table#nl-stats tr td.id,
#archive table.data tr th.id,
#archive table.data tr td.id,
#financial #invoice-form table tr th.id,
#financial #invoice-form table tr td.id,
#financial table.list tr th.id,
#financial table.list tr td.id,
#financial table#nl-stats tr th.id,
#financial table#nl-stats tr td.id,
#financial table.data tr th.id,
#financial table.data tr td.id,
#settings #invoice-form table tr th.id,
#settings #invoice-form table tr td.id,
#settings table.list tr th.id,
#settings table.list tr td.id,
#settings table#nl-stats tr th.id,
#settings table#nl-stats tr td.id,
#settings table.data tr th.id,
#settings table.data tr td.id,
#shop #invoice-form table tr th.id,
#shop #invoice-form table tr td.id,
#shop table.list tr th.id,
#shop table.list tr td.id,
#shop table#nl-stats tr th.id,
#shop table#nl-stats tr td.id,
#shop table.data tr th.id,
#shop table.data tr td.id {
    width: 1%;
    white-space: nowrap;
}
#customers #invoice-form table tr th.action,
#customers #invoice-form table tr td.action,
#customers table.list tr th.action,
#customers table.list tr td.action,
#customers table#nl-stats tr th.action,
#customers table#nl-stats tr td.action,
#customers table.data tr th.action,
#customers table.data tr td.action,
#archive #invoice-form table tr th.action,
#archive #invoice-form table tr td.action,
#archive table.list tr th.action,
#archive table.list tr td.action,
#archive table#nl-stats tr th.action,
#archive table#nl-stats tr td.action,
#archive table.data tr th.action,
#archive table.data tr td.action,
#financial #invoice-form table tr th.action,
#financial #invoice-form table tr td.action,
#financial table.list tr th.action,
#financial table.list tr td.action,
#financial table#nl-stats tr th.action,
#financial table#nl-stats tr td.action,
#financial table.data tr th.action,
#financial table.data tr td.action,
#settings #invoice-form table tr th.action,
#settings #invoice-form table tr td.action,
#settings table.list tr th.action,
#settings table.list tr td.action,
#settings table#nl-stats tr th.action,
#settings table#nl-stats tr td.action,
#settings table.data tr th.action,
#settings table.data tr td.action,
#shop #invoice-form table tr th.action,
#shop #invoice-form table tr td.action,
#shop table.list tr th.action,
#shop table.list tr td.action,
#shop table#nl-stats tr th.action,
#shop table#nl-stats tr td.action,
#shop table.data tr th.action,
#shop table.data tr td.action {
    width: 1px;
    position: relative;
}
#customers #invoice-form table tr th input,
#customers table.list tr th input,
#customers table#nl-stats tr th input,
#customers table.data tr th input,
#archive #invoice-form table tr th input,
#archive table.list tr th input,
#archive table#nl-stats tr th input,
#archive table.data tr th input,
#financial #invoice-form table tr th input,
#financial table.list tr th input,
#financial table#nl-stats tr th input,
#financial table.data tr th input,
#settings #invoice-form table tr th input,
#settings table.list tr th input,
#settings table#nl-stats tr th input,
#settings table.data tr th input,
#shop #invoice-form table tr th input,
#shop table.list tr th input,
#shop table#nl-stats tr th input,
#shop table.data tr th input {
    font-weight: 400;
}
#customers #invoice-form table tr td:not(.pointer) img,
#customers table.list tr td:not(.pointer) img,
#customers table#nl-stats tr td:not(.pointer) img,
#customers table.data tr td:not(.pointer) img,
#archive #invoice-form table tr td:not(.pointer) img,
#archive table.list tr td:not(.pointer) img,
#archive table#nl-stats tr td:not(.pointer) img,
#archive table.data tr td:not(.pointer) img,
#financial #invoice-form table tr td:not(.pointer) img,
#financial table.list tr td:not(.pointer) img,
#financial table#nl-stats tr td:not(.pointer) img,
#financial table.data tr td:not(.pointer) img,
#settings #invoice-form table tr td:not(.pointer) img,
#settings table.list tr td:not(.pointer) img,
#settings table#nl-stats tr td:not(.pointer) img,
#settings table.data tr td:not(.pointer) img,
#shop #invoice-form table tr td:not(.pointer) img,
#shop table.list tr td:not(.pointer) img,
#shop table#nl-stats tr td:not(.pointer) img,
#shop table.data tr td:not(.pointer) img {
    display: none;
}
#customers #invoice-form table tr:not(.search-advanced) th.action:nth-last-child(2),
#customers #invoice-form table tr:not(.search-advanced) td.action:nth-last-child(2),
#customers table.list tr:not(.search-advanced) th.action:nth-last-child(2),
#customers table.list tr:not(.search-advanced) td.action:nth-last-child(2),
#customers table#nl-stats tr:not(.search-advanced) th.action:nth-last-child(2),
#customers table#nl-stats tr:not(.search-advanced) td.action:nth-last-child(2),
#customers table.data tr:not(.search-advanced) th.action:nth-last-child(2),
#customers table.data tr:not(.search-advanced) td.action:nth-last-child(2),
#archive #invoice-form table tr:not(.search-advanced) th.action:nth-last-child(2),
#archive #invoice-form table tr:not(.search-advanced) td.action:nth-last-child(2),
#archive table.list tr:not(.search-advanced) th.action:nth-last-child(2),
#archive table.list tr:not(.search-advanced) td.action:nth-last-child(2),
#archive table#nl-stats tr:not(.search-advanced) th.action:nth-last-child(2),
#archive table#nl-stats tr:not(.search-advanced) td.action:nth-last-child(2),
#archive table.data tr:not(.search-advanced) th.action:nth-last-child(2),
#archive table.data tr:not(.search-advanced) td.action:nth-last-child(2),
#financial #invoice-form table tr:not(.search-advanced) th.action:nth-last-child(2),
#financial #invoice-form table tr:not(.search-advanced) td.action:nth-last-child(2),
#financial table.list tr:not(.search-advanced) th.action:nth-last-child(2),
#financial table.list tr:not(.search-advanced) td.action:nth-last-child(2),
#financial table#nl-stats tr:not(.search-advanced) th.action:nth-last-child(2),
#financial table#nl-stats tr:not(.search-advanced) td.action:nth-last-child(2),
#financial table.data tr:not(.search-advanced) th.action:nth-last-child(2),
#financial table.data tr:not(.search-advanced) td.action:nth-last-child(2),
#settings #invoice-form table tr:not(.search-advanced) th.action:nth-last-child(2),
#settings #invoice-form table tr:not(.search-advanced) td.action:nth-last-child(2),
#settings table.list tr:not(.search-advanced) th.action:nth-last-child(2),
#settings table.list tr:not(.search-advanced) td.action:nth-last-child(2),
#settings table#nl-stats tr:not(.search-advanced) th.action:nth-last-child(2),
#settings table#nl-stats tr:not(.search-advanced) td.action:nth-last-child(2),
#settings table.data tr:not(.search-advanced) th.action:nth-last-child(2),
#settings table.data tr:not(.search-advanced) td.action:nth-last-child(2),
#shop #invoice-form table tr:not(.search-advanced) th.action:nth-last-child(2),
#shop #invoice-form table tr:not(.search-advanced) td.action:nth-last-child(2),
#shop table.list tr:not(.search-advanced) th.action:nth-last-child(2),
#shop table.list tr:not(.search-advanced) td.action:nth-last-child(2),
#shop table#nl-stats tr:not(.search-advanced) th.action:nth-last-child(2),
#shop table#nl-stats tr:not(.search-advanced) td.action:nth-last-child(2),
#shop table.data tr:not(.search-advanced) th.action:nth-last-child(2),
#shop table.data tr:not(.search-advanced) td.action:nth-last-child(2) {
    padding-inline-end: 0;
}
#customers #invoice-form table tr.search-advanced td,
#customers table.list tr.search-advanced td,
#customers table#nl-stats tr.search-advanced td,
#customers table.data tr.search-advanced td,
#archive #invoice-form table tr.search-advanced td,
#archive table.list tr.search-advanced td,
#archive table#nl-stats tr.search-advanced td,
#archive table.data tr.search-advanced td,
#financial #invoice-form table tr.search-advanced td,
#financial table.list tr.search-advanced td,
#financial table#nl-stats tr.search-advanced td,
#financial table.data tr.search-advanced td,
#settings #invoice-form table tr.search-advanced td,
#settings table.list tr.search-advanced td,
#settings table#nl-stats tr.search-advanced td,
#settings table.data tr.search-advanced td,
#shop #invoice-form table tr.search-advanced td,
#shop table.list tr.search-advanced td,
#shop table#nl-stats tr.search-advanced td,
#shop table.data tr.search-advanced td {
    overflow: hidden;
}
#customers #invoice-form table tr.search-advanced td > div,
#customers table.list tr.search-advanced td > div,
#customers table#nl-stats tr.search-advanced td > div,
#customers table.data tr.search-advanced td > div,
#archive #invoice-form table tr.search-advanced td > div,
#archive table.list tr.search-advanced td > div,
#archive table#nl-stats tr.search-advanced td > div,
#archive table.data tr.search-advanced td > div,
#financial #invoice-form table tr.search-advanced td > div,
#financial table.list tr.search-advanced td > div,
#financial table#nl-stats tr.search-advanced td > div,
#financial table.data tr.search-advanced td > div,
#settings #invoice-form table tr.search-advanced td > div,
#settings table.list tr.search-advanced td > div,
#settings table#nl-stats tr.search-advanced td > div,
#settings table.data tr.search-advanced td > div,
#shop #invoice-form table tr.search-advanced td > div,
#shop table.list tr.search-advanced td > div,
#shop table#nl-stats tr.search-advanced td > div,
#shop table.data tr.search-advanced td > div {
    float: left;
    width: calc(100% / 3);
    margin-block-end: -500em;
    padding-block-end: 500em;
}
#customers #invoice-form table tr.search-advanced td > div + div,
#customers table.list tr.search-advanced td > div + div,
#customers table#nl-stats tr.search-advanced td > div + div,
#customers table.data tr.search-advanced td > div + div,
#archive #invoice-form table tr.search-advanced td > div + div,
#archive table.list tr.search-advanced td > div + div,
#archive table#nl-stats tr.search-advanced td > div + div,
#archive table.data tr.search-advanced td > div + div,
#financial #invoice-form table tr.search-advanced td > div + div,
#financial table.list tr.search-advanced td > div + div,
#financial table#nl-stats tr.search-advanced td > div + div,
#financial table.data tr.search-advanced td > div + div,
#settings #invoice-form table tr.search-advanced td > div + div,
#settings table.list tr.search-advanced td > div + div,
#settings table#nl-stats tr.search-advanced td > div + div,
#settings table.data tr.search-advanced td > div + div,
#shop #invoice-form table tr.search-advanced td > div + div,
#shop table.list tr.search-advanced td > div + div,
#shop table#nl-stats tr.search-advanced td > div + div,
#shop table.data tr.search-advanced td > div + div {
    border-inline-start: 1px solid #c3c4ca;
}
#customers #invoice-form table tr.search-advanced td > div:not(:first-child),
#customers table.list tr.search-advanced td > div:not(:first-child),
#customers table#nl-stats tr.search-advanced td > div:not(:first-child),
#customers table.data tr.search-advanced td > div:not(:first-child),
#archive #invoice-form table tr.search-advanced td > div:not(:first-child),
#archive table.list tr.search-advanced td > div:not(:first-child),
#archive table#nl-stats tr.search-advanced td > div:not(:first-child),
#archive table.data tr.search-advanced td > div:not(:first-child),
#financial #invoice-form table tr.search-advanced td > div:not(:first-child),
#financial table.list tr.search-advanced td > div:not(:first-child),
#financial table#nl-stats tr.search-advanced td > div:not(:first-child),
#financial table.data tr.search-advanced td > div:not(:first-child),
#settings #invoice-form table tr.search-advanced td > div:not(:first-child),
#settings table.list tr.search-advanced td > div:not(:first-child),
#settings table#nl-stats tr.search-advanced td > div:not(:first-child),
#settings table.data tr.search-advanced td > div:not(:first-child),
#shop #invoice-form table tr.search-advanced td > div:not(:first-child),
#shop table.list tr.search-advanced td > div:not(:first-child),
#shop table#nl-stats tr.search-advanced td > div:not(:first-child),
#shop table.data tr.search-advanced td > div:not(:first-child) {
    padding-inline-start: 1rem;
}
#customers #invoice-form table tr.search-advanced td > div:not(:last-child),
#customers table.list tr.search-advanced td > div:not(:last-child),
#customers table#nl-stats tr.search-advanced td > div:not(:last-child),
#customers table.data tr.search-advanced td > div:not(:last-child),
#archive #invoice-form table tr.search-advanced td > div:not(:last-child),
#archive table.list tr.search-advanced td > div:not(:last-child),
#archive table#nl-stats tr.search-advanced td > div:not(:last-child),
#archive table.data tr.search-advanced td > div:not(:last-child),
#financial #invoice-form table tr.search-advanced td > div:not(:last-child),
#financial table.list tr.search-advanced td > div:not(:last-child),
#financial table#nl-stats tr.search-advanced td > div:not(:last-child),
#financial table.data tr.search-advanced td > div:not(:last-child),
#settings #invoice-form table tr.search-advanced td > div:not(:last-child),
#settings table.list tr.search-advanced td > div:not(:last-child),
#settings table#nl-stats tr.search-advanced td > div:not(:last-child),
#settings table.data tr.search-advanced td > div:not(:last-child),
#shop #invoice-form table tr.search-advanced td > div:not(:last-child),
#shop table.list tr.search-advanced td > div:not(:last-child),
#shop table#nl-stats tr.search-advanced td > div:not(:last-child),
#shop table.data tr.search-advanced td > div:not(:last-child) {
    padding-inline-end: 1rem;
}
#customers #invoice-form table thead tr:first-child,
#customers table.list thead tr:first-child,
#customers table#nl-stats thead tr:first-child,
#customers table.data thead tr:first-child,
#archive #invoice-form table thead tr:first-child,
#archive table.list thead:first-child tr:first-child,
#archive table#nl-stats thead tr:first-child,
#archive table.data thead tr:first-child,
#financial #invoice-form table thead tr:first-child,
#financial table.list thead tr:first-child,
#financial table#nl-stats thead tr:first-child,
#financial table.data thead tr:first-child,
#settings #invoice-form table thead tr:first-child,
#settings table.list thead tr:first-child,
#settings table#nl-stats thead tr:first-child,
#settings table.data thead tr:first-child,
#shop #invoice-form table thead tr:first-child,
#shop table.list thead tr:first-child,
#shop table#nl-stats thead tr:first-child,
#shop table.data thead tr:first-child {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}
#customers #invoice-form table tbody tr td select,
#customers table.list tbody tr td select,
#customers table#nl-stats tbody tr td select,
#customers table.data tbody tr td select,
#archive #invoice-form table tbody tr td select,
#archive table.list tbody tr td select,
#archive table#nl-stats tbody tr td select,
#archive table.data tbody tr td select,
#financial #invoice-form table tbody tr td select,
#financial table.list tbody tr td select,
#financial table#nl-stats tbody tr td select,
#financial table.data tbody tr td select,
#settings #invoice-form table tbody tr td select,
#settings table.list tbody tr td select,
#settings table#nl-stats tbody tr td select,
#settings table.data tbody tr td select,
#shop #invoice-form table tbody tr td select,
#shop table.list tbody tr td select,
#shop table#nl-stats tbody tr td select,
#shop table.data tbody tr td select {
    width: auto;
}
#customers #invoice-form table tbody tr:nth-child(odd),
#customers table.list tbody tr:nth-child(odd),
#customers table#nl-stats tbody tr:nth-child(odd),
#customers table.data tbody tr:nth-child(odd),
#archive #invoice-form table tbody tr:nth-child(odd),
#archive table.list tbody tr:nth-child(odd),
#archive table#nl-stats tbody tr:nth-child(odd),
#archive table.data tbody tr:nth-child(odd),
#financial #invoice-form table tbody tr:nth-child(odd),
#financial table.list tbody tr:nth-child(odd),
#financial table#nl-stats tbody tr:nth-child(odd),
#financial table.data tbody tr:nth-child(odd),
#settings #invoice-form table tbody tr:nth-child(odd),
#settings table.list tbody tr:nth-child(odd),
#settings table#nl-stats tbody tr:nth-child(odd),
#settings table.data tbody tr:nth-child(odd),
#shop #invoice-form table tbody tr:nth-child(odd),
#shop table.list tbody tr:nth-child(odd),
#shop table#nl-stats tbody tr:nth-child(odd),
#shop table.data tbody tr:nth-child(odd) {
    background: #f5f5f6;
}
#customers #invoice-form table tbody tr.test,
#customers table.list tbody tr.test,
#customers table#nl-stats tbody tr.test,
#customers table.data tbody tr.test,
#archive #invoice-form table tbody tr.test,
#archive table.list tbody tr.test,
#archive table#nl-stats tbody tr.test,
#archive table.data tbody tr.test,
#financial #invoice-form table tbody tr.test,
#financial table.list tbody tr.test,
#financial table#nl-stats tbody tr.test,
#financial table.data tbody tr.test,
#settings #invoice-form table tbody tr.test,
#settings table.list tbody tr.test,
#settings table#nl-stats tbody tr.test,
#settings table.data tbody tr.test,
#shop #invoice-form table tbody tr.test,
#shop table.list tbody tr.test,
#shop table#nl-stats tbody tr.test,
#shop table.data tbody tr.test {
    background-image: url(/css/foodticket-orderbuddy/gfx/_cms1594107891_bg_test.png);
}
#customers #chart,
#archive #chart,
#financial #chart,
#settings #chart,
#shop #chart {
    max-width: 100%;
    height: calc(400px + 2rem);
}
#customers table.list th.date,
#archive table.list th.date,
#financial table.list th.date,
#settings table.list th.date,
#shop table.list th.date {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}
#customers table.list th.date label,
#archive table.list th.date label,
#financial table.list th.date label,
#settings table.list th.date label,
#shop table.list th.date label {
    flex-shrink: 0;
    width: 40px;
}
#customers table.list th.date input:not([type="radio"], [type="checkbox"]),
#archive table.list th.date input:not([type="radio"], [type="checkbox"]),
#financial table.list th.date input:not([type="radio"], [type="checkbox"]),
#settings table.list th.date input:not([type="radio"], [type="checkbox"]),
#shop table.list th.date input:not([type="radio"], [type="checkbox"]) {
    width: calc(100% - 40px);
}
#customers .paging,
#archive .paging,
#financial .paging,
#settings .paging,
#shop .paging {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    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;
}
#customers .paging select,
#archive .paging select,
#financial .paging select,
#settings .paging select,
#shop .paging select {
    width: auto;
}
#customers .paging span.paging-current,
#customers .paging a,
#archive .paging span.paging-current,
#archive .paging a,
#financial .paging span.paging-current,
#financial .paging a,
#settings .paging span.paging-current,
#settings .paging a,
#shop .paging span.paging-current,
#shop .paging a {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    background: #ebebed;
    color: #31344a;
    cursor: pointer;
    transition: all 0.18s ease-out;
}
#customers .paging span.paging-current,
#archive .paging span.paging-current,
#financial .paging span.paging-current,
#settings .paging span.paging-current,
#shop .paging span.paging-current {
    background: #31344a;
    color: #fff;
    pointer-events: none;
    cursor: default;
}
#customers .paging span:not(.paging-current),
#archive .paging span:not(.paging-current),
#financial .paging span:not(.paging-current),
#settings .paging span:not(.paging-current),
#shop .paging span:not(.paging-current) {
    display: none;
}
#customers legend,
#customers fieldset h3,
#archive legend,
#archive fieldset h3,
#financial legend,
#financial fieldset h3,
#settings legend,
#settings fieldset h3,
#shop legend,
#shop fieldset h3 {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    width: 100%;
}
#customers legend[\:has\(button\)],
#customers fieldset h3[\:has\(button\)],
#archive legend[\:has\(button\)],
#archive fieldset h3[\:has\(button\)],
#financial legend[\:has\(button\)],
#financial fieldset h3[\:has\(button\)],
#settings legend[\:has\(button\)],
#settings fieldset h3[\:has\(button\)],
#shop legend[\:has\(button\)],
#shop fieldset h3[\:has\(button\)] {
    justify-content: space-between;
}
#customers legend:has(button),
#customers fieldset h3:has(button),
#archive legend:has(button),
#archive fieldset h3:has(button),
#financial legend:has(button),
#financial fieldset h3:has(button),
#settings legend:has(button),
#settings fieldset h3:has(button),
#shop legend:has(button),
#shop fieldset h3:has(button) {
    justify-content: space-between;
}
#customers legend[\:has\(button\)] button,
#customers fieldset h3[\:has\(button\)] button,
#archive legend[\:has\(button\)] button,
#archive fieldset h3[\:has\(button\)] button,
#financial legend[\:has\(button\)] button,
#financial fieldset h3[\:has\(button\)] button,
#settings legend[\:has\(button\)] button,
#settings fieldset h3[\:has\(button\)] button,
#shop legend[\:has\(button\)] button,
#shop fieldset h3[\:has\(button\)] button {
    margin-block-end: -15px;
}
#customers legend:has(button) button,
#customers fieldset h3:has(button) button,
#archive legend:has(button) button,
#archive fieldset h3:has(button) button,
#financial legend:has(button) button,
#financial fieldset h3:has(button) button,
#settings legend:has(button) button,
#settings fieldset h3:has(button) button,
#shop legend:has(button) button,
#shop fieldset h3:has(button) button {
    margin-block-end: -15px;
}
#customers > fieldset,
#archive > fieldset,
#financial > fieldset,
#settings > fieldset,
#shop > fieldset {
    padding-block-end: calc(22.5px + 1rem) !important;
}
#customers[\:has\(.paging\)] #invoice-form table,
#customers[\:has\(.paging\)] table.list,
#customers[\:has\(.paging\)] table#nl-stats,
#archive[\:has\(.paging\)] #invoice-form table,
#archive[\:has\(.paging\)] table.list,
#archive[\:has\(.paging\)] table#nl-stats,
#financial[\:has\(.paging\)] #invoice-form table,
#financial[\:has\(.paging\)] table.list,
#financial[\:has\(.paging\)] table#nl-stats,
#settings[\:has\(.paging\)] #invoice-form table,
#settings[\:has\(.paging\)] table.list,
#settings[\:has\(.paging\)] table#nl-stats,
#shop[\:has\(.paging\)] #invoice-form table,
#shop[\:has\(.paging\)] table.list,
#shop[\:has\(.paging\)] table#nl-stats {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#customers:has(.paging) #invoice-form table,
#customers:has(.paging) table.list,
#customers:has(.paging) table#nl-stats,
#archive:has(.paging) #invoice-form table,
#archive:has(.paging) table.list,
#archive:has(.paging) table#nl-stats,
#financial:has(.paging) #invoice-form table,
#financial:has(.paging) table.list,
#financial:has(.paging) table#nl-stats,
#settings:has(.paging) #invoice-form table,
#settings:has(.paging) table.list,
#settings:has(.paging) table#nl-stats,
#shop:has(.paging) #invoice-form table,
#shop:has(.paging) table.list,
#shop:has(.paging) table#nl-stats {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#customers * + h3,
#customers h3 + *,
#archive * + h3,
#archive h3 + *,
#settings * + h3,
#settings h3 + *,
#shop * + h3,
#shop h3 + * {
    margin-block-start: 1.5rem;
}
#customers legend:after,
#customers fieldset h3:after,
#archive legend:after,
#archive fieldset h3:after,
#financial legend:after,
#financial fieldset h3:after,
#settings legend:after,
#settings fieldset h3:after,
#shop legend:after,
#shop fieldset h3:after {
    flex: 1 1;
    height: 1px;
    margin-inline-start: 0.5rem;
    content: "";
}
#customers legend,
#archive legend,
#settings legend,
#shop legend {
    margin-block-end: 1.5rem;
}
#customers legend:after,
#archive legend:after,
#financial legend:after,
#settings legend:after,
#shop legend:after {
    border-block-start: 1px solid #c3c4ca;
}
#customers fieldset h3:after,
#archive fieldset h3:after,
#settings fieldset h3:after,
#shop fieldset h3:after {
    border-block-start: 1px dashed #c3c4ca;
}
#customers #category-form,#customers #product-form,#customers #extra-form,#customers #rendering-orderbuddy-form,#customers #discount-form,#customers #printer-form,#customers #rendering-kiosk-form,#customers>form,#archive #category-form,#archive #product-form,#archive #extra-form,#archive #rendering-orderbuddy-form,#archive #discount-form,#archive #printer-form,#archive #rendering-kiosk-form,#archive>form,#financial #category-form,#financial #product-form,#financial #extra-form,#financial #rendering-orderbuddy-form,#financial #discount-form,#financial #printer-form,#financial #rendering-kiosk-form,#financial>form,#settings #category-form,#settings #product-form,#settings #extra-form,#settings #rendering-orderbuddy-form,#settings #discount-form,#settings #printer-form,#settings #rendering-kiosk-form,#settings>form,#shop #category-form,#shop #product-form,#shop #extra-form,#shop #rendering-orderbuddy-form,#shop #discount-form,#shop #printer-form,#shop #rendering-kiosk-form,#shop>form/*grid*/ {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}
#customers #category-form > button[type="submit"][value="customers-mailings-save"],
#customers #product-form > button[type="submit"][value="customers-mailings-save"],
#customers #extra-form > button[type="submit"][value="customers-mailings-save"],
#customers #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-save"],
#customers #discount-form > button[type="submit"][value="customers-mailings-save"],
#customers #printer-form > button[type="submit"][value="customers-mailings-save"],
#customers > form > button[type="submit"][value="customers-mailings-save"],
#archive #category-form > button[type="submit"][value="customers-mailings-save"],
#archive #product-form > button[type="submit"][value="customers-mailings-save"],
#archive #extra-form > button[type="submit"][value="customers-mailings-save"],
#archive #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-save"],
#archive #discount-form > button[type="submit"][value="customers-mailings-save"],
#archive #printer-form > button[type="submit"][value="customers-mailings-save"],
#archive > form > button[type="submit"][value="customers-mailings-save"],
#settings #category-form > button[type="submit"][value="customers-mailings-save"],
#settings #product-form > button[type="submit"][value="customers-mailings-save"],
#settings #extra-form > button[type="submit"][value="customers-mailings-save"],
#settings #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-save"],
#settings #discount-form > button[type="submit"][value="customers-mailings-save"],
#settings #printer-form > button[type="submit"][value="customers-mailings-save"],
#settings > form > button[type="submit"][value="customers-mailings-save"],
#shop #category-form > button[type="submit"][value="customers-mailings-save"],
#shop #product-form > button[type="submit"][value="customers-mailings-save"],
#shop #extra-form > button[type="submit"][value="customers-mailings-save"],
#shop #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-save"],
#shop #discount-form > button[type="submit"][value="customers-mailings-save"],
#shop #printer-form > button[type="submit"][value="customers-mailings-save"],
#shop > form > button[type="submit"][value="customers-mailings-save"] {
    transform: translateY(calc(44px + 1rem));
}
#customers #category-form > button[type="submit"][value="customers-mailings-copy"],
#customers #product-form > button[type="submit"][value="customers-mailings-copy"],
#customers #extra-form > button[type="submit"][value="customers-mailings-copy"],
#customers #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-copy"],
#customers #discount-form > button[type="submit"][value="customers-mailings-copy"],
#customers #printer-form > button[type="submit"][value="customers-mailings-copy"],
#customers > form > button[type="submit"][value="customers-mailings-copy"],
#archive #category-form > button[type="submit"][value="customers-mailings-copy"],
#archive #product-form > button[type="submit"][value="customers-mailings-copy"],
#archive #extra-form > button[type="submit"][value="customers-mailings-copy"],
#archive #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-copy"],
#archive #discount-form > button[type="submit"][value="customers-mailings-copy"],
#archive #printer-form > button[type="submit"][value="customers-mailings-copy"],
#archive > form > button[type="submit"][value="customers-mailings-copy"],
#settings #category-form > button[type="submit"][value="customers-mailings-copy"],
#settings #product-form > button[type="submit"][value="customers-mailings-copy"],
#settings #extra-form > button[type="submit"][value="customers-mailings-copy"],
#settings #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-copy"],
#settings #discount-form > button[type="submit"][value="customers-mailings-copy"],
#settings #printer-form > button[type="submit"][value="customers-mailings-copy"],
#settings > form > button[type="submit"][value="customers-mailings-copy"],
#shop #category-form > button[type="submit"][value="customers-mailings-copy"],
#shop #product-form > button[type="submit"][value="customers-mailings-copy"],
#shop #extra-form > button[type="submit"][value="customers-mailings-copy"],
#shop #rendering-orderbuddy-form > button[type="submit"][value="customers-mailings-copy"],
#shop #discount-form > button[type="submit"][value="customers-mailings-copy"],
#shop #printer-form > button[type="submit"][value="customers-mailings-copy"],
#shop > form > button[type="submit"][value="customers-mailings-copy"] {
    margin-inline-start: auto;
}
#customers #category-form > button[type="submit"][value="customers-invoices-save"],
#customers #product-form > button[type="submit"][value="customers-invoices-save"],
#customers #extra-form > button[type="submit"][value="customers-invoices-save"],
#customers #rendering-orderbuddy-form > button[type="submit"][value="customers-invoices-save"],
#customers #discount-form > button[type="submit"][value="customers-invoices-save"],
#customers #printer-form > button[type="submit"][value="customers-invoices-save"],
#customers > form > button[type="submit"][value="customers-invoices-save"],
#archive #category-form > button[type="submit"][value="customers-invoices-save"],
#archive #product-form > button[type="submit"][value="customers-invoices-save"],
#archive #extra-form > button[type="submit"][value="customers-invoices-save"],
#archive #rendering-orderbuddy-form > button[type="submit"][value="customers-invoices-save"],
#archive #discount-form > button[type="submit"][value="customers-invoices-save"],
#archive #printer-form > button[type="submit"][value="customers-invoices-save"],
#archive > form > button[type="submit"][value="customers-invoices-save"],
#settings #category-form > button[type="submit"][value="customers-invoices-save"],
#settings #product-form > button[type="submit"][value="customers-invoices-save"],
#settings #extra-form > button[type="submit"][value="customers-invoices-save"],
#settings #rendering-orderbuddy-form > button[type="submit"][value="customers-invoices-save"],
#settings #discount-form > button[type="submit"][value="customers-invoices-save"],
#settings #printer-form > button[type="submit"][value="customers-invoices-save"],
#settings > form > button[type="submit"][value="customers-invoices-save"],
#shop #category-form > button[type="submit"][value="customers-invoices-save"],
#shop #product-form > button[type="submit"][value="customers-invoices-save"],
#shop #extra-form > button[type="submit"][value="customers-invoices-save"],
#shop #rendering-orderbuddy-form > button[type="submit"][value="customers-invoices-save"],
#shop #discount-form > button[type="submit"][value="customers-invoices-save"],
#shop #printer-form > button[type="submit"][value="customers-invoices-save"],
#shop > form > button[type="submit"][value="customers-invoices-save"] {
    align-self: flex-end;
}
#customers #category-form br.clearfix,
#customers #product-form br.clearfix,
#customers #extra-form br.clearfix,
#customers #rendering-orderbuddy-form br.clearfix,
#customers #discount-form br.clearfix,
#customers #printer-form br.clearfix,
#customers > form br.clearfix,
#archive #category-form br.clearfix,
#archive #product-form br.clearfix,
#archive #extra-form br.clearfix,
#archive #rendering-orderbuddy-form br.clearfix,
#archive #discount-form br.clearfix,
#archive #printer-form br.clearfix,
#archive > form br.clearfix,
#settings #category-form br.clearfix,
#settings #product-form br.clearfix,
#settings #extra-form br.clearfix,
#settings #rendering-orderbuddy-form br.clearfix,
#settings #discount-form br.clearfix,
#settings #printer-form br.clearfix,
#settings > form br.clearfix,
#shop #category-form br.clearfix,
#shop #product-form br.clearfix,
#shop #extra-form br.clearfix,
#shop #rendering-orderbuddy-form br.clearfix,
#shop #discount-form br.clearfix,
#shop #printer-form br.clearfix,
#shop > form br.clearfix {
    display: none;
}
#customers #category-form ~ br,
#customers #product-form ~ br,
#customers #extra-form ~ br,
#customers #rendering-orderbuddy-form ~ br,
#customers #discount-form ~ br,
#customers #printer-form ~ br,
#customers > form ~ br,
#archive #category-form ~ br,
#archive #product-form ~ br,
#archive #extra-form ~ br,
#archive #rendering-orderbuddy-form ~ br,
#archive #discount-form ~ br,
#archive #printer-form ~ br,
#archive > form ~ br,
#settings #category-form ~ br,
#settings #product-form ~ br,
#settings #extra-form ~ br,
#settings #rendering-orderbuddy-form ~ br,
#settings #discount-form ~ br,
#settings #printer-form ~ br,
#settings > form ~ br,
#shop #category-form ~ br,
#shop #product-form ~ br,
#shop #extra-form ~ br,
#shop #rendering-orderbuddy-form ~ br,
#shop #discount-form ~ br,
#shop #printer-form ~ br,
#shop > form ~ br {
    display: none;
}
#customers #category-form[action*="push"],
#customers #product-form[action*="push"],
#customers #extra-form[action*="push"],
#customers #rendering-orderbuddy-form[action*="push"],
#customers #discount-form[action*="push"],
#customers #printer-form[action*="push"],
#customers > form[action*="push"],
#archive #category-form[action*="push"],
#archive #product-form[action*="push"],
#archive #extra-form[action*="push"],
#archive #rendering-orderbuddy-form[action*="push"],
#archive #discount-form[action*="push"],
#archive #printer-form[action*="push"],
#archive > form[action*="push"],
#settings #category-form[action*="push"],
#settings #product-form[action*="push"],
#settings #extra-form[action*="push"],
#settings #rendering-orderbuddy-form[action*="push"],
#settings #discount-form[action*="push"],
#settings #printer-form[action*="push"],
#settings > form[action*="push"],
#shop #category-form[action*="push"],
#shop #product-form[action*="push"],
#shop #extra-form[action*="push"],
#shop #rendering-orderbuddy-form[action*="push"],
#shop #discount-form[action*="push"],
#shop #printer-form[action*="push"],
#shop > form[action*="push"] {
    grid-template-columns: 1fr;
}
.orders {
    display: flex;
    flex-wrap: wrap;
    border-radius: 6px;
    background-color: #fff;
}
.orders .col {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}
.orders .footer {
    width: 100%;
}
#pos {
    height: calc(100% - var(--h-navbar) - 0.5rem) !important;
}
#pos {
    display: flex;
}
#pos #pos-menu {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    margin-inline-end: 0.5rem;
    border-radius: 6px;
    padding-block-end: 1rem;
    padding-inline: 0.5rem;
    background: white;
    background-origin: content-box;
    position: relative;
}
#pos #pos-menu .categories {
    display: none;
}
#pos #pos-menu #pos-buttons,
#pos #pos-menu .pos-search-container {
    position: sticky !important;
}
#pos #pos-menu #pos-buttons,
#pos #pos-menu .pos-search-container {
    background-color: #fff;
    z-index: 1;
}
#pos #pos-menu #pos-buttons {
    display: flex;
    flex-flow: row wrap;
    column-gap: 0.75rem;
    align-items: center;
    margin-inline: -0.5rem;
    padding: 0.5rem;
    top: 0;
}
#pos #pos-menu #pos-buttons .left {
    display: flex;
    column-gap: 0.5rem;
}
#pos #pos-menu #pos-buttons .left button {
    margin: 0;
    padding: 0 1rem;
    background: #f8f8f8;
}
#pos #pos-menu #pos-buttons .left button.current {
    border: 1px solid #31344a;
    background: #c3c4ca;
    pointer-events: none;
    cursor: default;
}
#pos #pos-menu .pos-search-container {
    padding-block-end: 0.5rem;
    top: 64.94px;
}
#pos #pos-menu .pos-search-container #pos-search-none {
    display: none;
    margin: 0;
    font-style: italic;
    color: #999;
}
#pos #pos-menu section {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(12.75rem, 1fr));
    gap: 0.125rem;
}
#pos #pos-menu section button:not(.prev, .next) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    border-radius: 4px;
    padding: 1rem;
    background: #0a0d22;
    font-weight: 600;
    color: #fff;
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
}
#pos #pos-menu section:not(:first-of-type)[\:has\(*=")"] {
    padding-block-start: 32px;
    position: relative;
}
/*#pos #pos-menu section:not(:first-of-type):has(*) {*/
#pos #pos-menu section:not( [style*='display: none'] ) ~ section:not( [style*='display: none'] ) {
    padding-block-start: 32px;
    position: relative;
}
#pos #pos-menu section:not(:first-of-type)[\:has\(*=")"]:before {
    width: 100%;
    height: 1px;
    background-color: #c3c4ca;
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
}
/*#pos #pos-menu section:not(:first-of-type):has(*):before {*/
#pos #pos-menu section:not( [style*='display: none'] ) ~ section:not( [style*='display: none'] ):before {
    width: 100%;
    height: 1px;
    background-color: #c3c4ca;
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
}
#pos #pos-menu section[id^="products-runners"],
#pos #pos-menu section[id^="categories"] {
    display: grid;
}
#pos #pos-menu section[style="display: block;"] {
    display: grid !important;
}
#pos #pos-ticket {
    display: flex !important;
    height: 100% !important;
    top: auto !important;
}
#pos #pos-ticket {
    overflow: hidden;
    flex-flow: column nowrap;
    flex-shrink: 0;
    justify-content: flex-start;
    width: 24.305%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
    position: relative;
}
#pos #pos-ticket h2 {
    padding-block-start: 1rem;
    padding-inline: 1rem;
}
#pos #pos-ticket .order {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
#pos #pos-ticket .order #pos-ticket-content {
    flex-grow: 1;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_wrapper {
    width: 100% !important;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_wrapper {
    flex-grow: 1;
    padding-inline: 1rem;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body {
    width: 100% !important;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td {
    padding-block: .5rem;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td:not(:first-child) {
    padding-inline-start: 0.5rem;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td:not(:last-child) {
    padding-inline-end: 0.5rem;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.n {
    position: relative;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.n:after {
    width: 1px;
    height: calc(100% - 2rem);
    background-color: #c3c4ca;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.n input {
    width: 52px;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.desc {
    width: 100%;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.desc .free {
    color: #c3c4ca;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.price {
    white-space: nowrap;
    text-align: right;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr td.delete a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_body tr + tr {
    border-block-start: 1px solid #c3c4ca;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot {
    width: 100% !important;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot {
    flex-shrink: 0;
    margin-block-start: auto;
    box-shadow: 0 -0.3rem 1rem #00000008;
    background-color: #fff;
    font-size: 14px;
    border-collapse: collapse;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot td {
    padding: 0.5rem;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot td:first-child,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot td:last-child {
    display: none;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .desc {
    width: 100%;
    font-weight: 700;
    line-height: 1.2em;
    text-align: left;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .price,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .total_row {
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .split_row .price,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .change_row .price,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .tip_row .price {
    position: relative;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .split_row .amount,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .change_row .amount,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .tip_row .amount {
    min-width: 7.5em;
    padding-inline-start: 20px;
}
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .split_row .currency,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .change_row .currency,
#pos #pos-ticket .order #pos-ticket-content .tablescroll .tablescroll_foot .tip_row .currency {
    position: absolute;
    top: 50%;
    left: calc(0.5rem + 5px);
    transform: translateY(-50%);
}
#pos #pos-ticket .order #ticket-bottom {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    row-gap: 0.5rem;
    border-radius: 6px 0 0;
    padding: 0.5rem;
    background: white;
}
#pos #pos-ticket .order #ticket-bottom #payment,
#table-buttons,
#customer-buttons,
#update-buttons {
    display: flex;
    column-gap: 0.5rem;
    position: relative;
}
#pos #pos-ticket .order #ticket-bottom #payment button.current {
    border: 1px solid #31344a;
}
#pos #pos-ticket .order #ticket-bottom #payment button,
#customer-buttons button,
#table-buttons button,
#update-buttons button,
#pos #pos-ticket .order #ticket-bottom #customer {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 0.75rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3rem;
    border-radius: 6px;
    padding: 0.5rem;
    background: #ebebed;
    font-size: 0.75rem;
    cursor: pointer;
}
#pos #pos-ticket .order #ticket-bottom #payment button.currrent,
#pos #pos-ticket .order #ticket-bottom #customer.currrent {
    border: 1px solid #31344a;
}
#pos #pos-ticket .order #ticket-bottom #go {
    width: 100%;
    height: 3rem;
    margin: 0;
    background: linear-gradient(90deg, #e10606 0%, #e06633 100%);
    color: #fff;
    position: relative;
}
#pos #pos-sidebuttons {
    display: flex;
    flex-flow: column nowrap;
    width: 4.5rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0.5rem;
    box-shadow: 0 0.8rem 1.6rem #04092114;
    background-color: #fff;
    font-size: 0.65rem;
    position: relative;
    z-index: 2001;
}
#pos #pos-sidebuttons button {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.25rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 68.8px;
    margin: 0;
    border: none;
    border-block-end: 1px solid #ebebed;
    padding: 1rem 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 26px auto;
    font-size: 0.75rem;
    color: #31344a;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
}
#pos #pos-sidebuttons button img,
#pos #pos-sidebuttons button.spacer {
    display: none;
}
#pos #pos-sidebuttons button#entry {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_rename-26.png);
}
#pos #pos-sidebuttons button#split {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_split-bill-26.png);
}
#pos #pos-sidebuttons button#tip {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429818_tip-64.png);
}
#pos #pos-sidebuttons button[onclick*="archive"] {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429816_archive-26.png);
}
#pos #pos-sidebuttons button[onclick*="financial-turnover-edit"] {
    background-image: url(/css/foodticket-orderbuddy/v3/style-icons/_cms1668429817_invoice-26.png);
}
#archive table thead th:nth-child(6) {
    white-space: normal;
}
#archive table td.status {
    min-width: 308px;
}
#archive > form .group + fieldset {
    margin-block-start: 5rem;
}
#archive > form .group:first-child fieldset:first-child {
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
    justify-content: space-between;
    width: 100%;
}
#archive > form .group:first-child fieldset:first-child label {
    margin-block-end: -0.5rem;
}
#financial > form:not([id]) {
    display: flex;
}
#financial > form:not([id]) > *:not(:last-child) {
    margin-inline-end: 1rem;
}
#financial > form:not([id]) label,
#financial > form:not([id]) .datepick {
    width: auto;
}
#financial > form:not([id]) label {
    margin-block-end: 0;
}
#financial > form#payout-form,
#financial > form#invoice-form,
#financial > form#document-form,
#financial > form#document-form #preview,
#financial > form#financial-settings-form {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
}
#financial > form#payout-form br.clearfix,
#financial > form#invoice-form br.clearfix,
#financial > form#document-form br.clearfix,
#financial > form#document-form #preview br.clearfix,
#financial > form#financial-settings-form br.clearfix {
    display: none;
}
#financial > form#payout-form fieldset,
#financial > form#document-form fieldset,
#financial > form#financial-settings-form fieldset {
    width: calc(50% - 1rem);
}
#financial > form#document-form {
    height: calc(100vh - 196px);
}
#financial > form#document-form #preview {
    height: 100% !important;
}
#financial > form#document-form #preview {
    column-gap: 1rem;
}
#financial > form#document-form #preview iframe {
    height: calc(100% - 74px);
}
#financial#invoice-form fieldset {
    width: 100%;
}
#settings > select {
    width: auto;
}
#settings > form#common-form {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
}
#settings > form#common-form br.clearfix {
    display: none;
}
#settings > form#common-form fieldset {
    width: calc(50% - 1rem);
}
#settings table#zipcodes th,
#settings table#zipcodes td {
    vertical-align: top;
}
#settings table#zipcodes th:not(:first-child),
#settings table#zipcodes td:not(:first-child) {
    padding-inline-start: 0.5rem;
}
#settings table#zipcodes th:not(:last-child),
#settings table#zipcodes td:not(:last-child) {
    padding-inline-start: 0.5rem;
}
#settings #delivery-settings,
#settings #pickup-settings,
#settings #order_ahead_settings,
#settings #order_ahead_today_settings,
#settings #closed_data_settings,
#settings #prod-extras {
    margin-block-start: 1rem;
}
#settings #delivery-settings table,
#settings #pickup-settings table,
#settings #order_ahead_settings table,
#settings #order_ahead_today_settings table,
#settings #closed_data_settings table,
#settings #prod-extras,
#settings #items,
#settings #cat-extras,
#settings #printers {
    margin-block-end: 1rem;
}
#settings #delivery-settings table td,
#settings #pickup-settings table td,
#settings #order_ahead_settings table td,
#settings #order_ahead_today_settings table td,
#settings #closed_data_settings table td,
#settings #prod-extras td,
#settings #items td,
#settings #cat-extras td,
#settings #printers td {
    padding-block: 5px;
}
#settings #delivery-settings table td:not(:first-child),
#settings #pickup-settings table td:not(:first-child),
#settings #order_ahead_settings table td:not(:first-child),
#settings #order_ahead_today_settings table td:not(:first-child),
#settings #closed_data_settings table td:not(:first-child),
#settings #prod-extras td:not(:first-child),
#settings #items td:not(:first-child),
#settings #cat-extras td:not(:first-child),
#settings #printers td:not(:first-child) {
    padding-inline-start: 5px;
}
#settings #delivery-settings table td:not(:last-child),
#settings #pickup-settings table td:not(:last-child),
#settings #order_ahead_settings table td:not(:last-child),
#settings #order_ahead_today_settings table td:not(:last-child),
#settings #closed_data_settings table td:not(:last-child),
#settings #prod-extras td:not(:last-child),
#settings #items td:not(:last-child),
#settings #cat-extras td:not(:last-child),
#settings #printers td:not(:last-child) {
    padding-inline-end: 5px;
}
#settings #order_ahead_settings table td,
#settings #order_ahead_today_settings table td,
#settings #closed_data_settings table td,
#settings #prod-extras td,
#settings #items td,
#settings #cat-extras td,
#settings #printers td {
    vertical-align: top;
}
#settings #closed_data_settings .w50,
#settings #items,
#settings #prod-extras,
#settings #cat-extras,
#settings #printers {
    width: 100%;
}
#settings #items td,
#settings #prod-extras td,
#settings #cat-extras td,
#settings #printers td {
    vertical-align: top;
}
#settings #items tr:first-child td,
#settings #prod-extras tr:first-child td,
#settings #cat-extras tr:first-child td,
#settings #printers tr:first-child td {
    font-weight: 600;
}
#settings #items .parent,
#settings #prod-extras .parent,
#settings #cat-extras .parent,
#settings #printers .parent {
    background: #eee;
}
#settings #items .parent + .parent,
#settings #prod-extras .parent + .parent,
#settings #cat-extras .parent + .parent,
#settings #printers .parent + .parent {
    border-block-start: 5px solid white;
}
#settings #items .drag,
#settings #prod-extras .drag,
#settings #cat-extras .drag,
#settings #printers .drag {
    background-position: 2px 6px;
}
#settings .dnd td.drag {
    width: 10px;
    background: url(/css/foodticket-orderbuddy/gfx/_cms1594107891_arrow-updown.png) 2px 50% no-repeat;
    cursor: s-resize;
}
#settings .menu > a {
    border: 0 !important;
}
#settings .menu > a {
    justify-content: flex-start;
    width: 100%;
    padding-inline-end: 44px;
    box-shadow: 1px 3px 4px #0000001a;
    background-position: right 10px center;
}
#settings .menu + .menu-content {
    margin-block-start: -1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#shop button[type="submit"] {
    margin-block-start: 2rem;
}