:root {
    /* logo */
    --logo-image: url("/images/themes/demo-logo-header.png");
    /* brand palette */
    --nn-yellow-100: #FCD203;
    --nn-yellow-80: #FDDB35;
    --nn-yellow-60: #FDE468;
    --nn-yellow-40: #FEED9A;
    --nn-yellow-20: #FEF6CD;
    --nn-yellow-10: #FFFAE6;
    --nn-black-100: #000000;
    --nn-black-80: #222227;
    --nn-black-60: #4C4A50;
    --nn-black-40: #7E7A7F;
    --nn-black-20: #BABBBC;
    --nn-black-10: #D1D3D8;
    --nn-red: #E52429;
    --nn-green: #198754;
    --nn-orange: #FD7E14;
    /* main colors */
    --color-primary: var(--nn-yellow-100);
    --color-primary-light: var(--nn-yellow-80);
    --color-secondary: var(--nn-black-100);
    --color-light: #ffffff;
    --color-light-plus: var(--nn-black-10);
    --color-medium: var(--nn-black-40);
    --color-medium-plus: var(--nn-black-80);
    --color-medium-minus: var(--nn-black-20);
    --color-dark: var(--nn-black-100);
    /* legacy blue variables */
    --color-blue: var(--nn-black-80);
    --color-blue-dark: var(--nn-black-100);
    --color-blue-light: var(--nn-yellow-20);
    --color-blue-bright-light: var(--nn-yellow-10);
    /* status / alerts */
    --color-error: var(--nn-red);
    --color-error-rgb: 229, 36, 41;
    --color-ok: var(--nn-green);
    --color-required: var(--nn-yellow-20);
    --color-wait: var(--nn-yellow-100);
    --color-wait-light: var(--nn-yellow-40);
    /* text colors */
    --color-txt-selectable: var(--nn-black-80);
    --color-txt-selected: var(--color-light);
    /* work status colors */
    --color-status-break: var(--nn-orange);
    --color-status-busy: var(--nn-green);
    --color-status-free: var(--nn-green);
    --color-status-pause: var(--nn-black-40);
    --color-status-stop: var(--nn-black-60);
    --color-status-working: var(--nn-black-80);
    --color-status-queue: var(--nn-orange);
    --color-status-ready: var(--nn-green);
    --color-status-wait: var(--nn-yellow-100);
    /* day view colors */
    --color-dv-bg: #ffffff;
    --color-dv-ready: var(--nn-green);
    --color-dv-working: var(--nn-black-80);
    --color-dv-queue: var(--nn-black-60);
    /* rgba */
    --color-rgba-primary: rgba(252, 210, 3, 1.0);
    /* buttons */
    --color-btn-bg: var(--color-primary);
    --color-btn-bg-focus: var(--color-primary-light);
    --color-btn-font: var(--color-dark);
    --color-btn-font-focus: var(--color-dark);
    --color-btn-ftr-bg: var(--color-light);
    --color-btn-ftr-bg-focus: var(--color-primary);
    --color-btn-ftr-font: var(--color-dark);
    /* checkboxes */
    --color-cb-border: var(--color-dark);
    --color-cb-checked-bg: var(--color-primary);
    --color-cb-shadow: var(--color-medium-minus);
    /* cards */
    --color-card-bg-active: var(--nn-yellow-20);
    --color-card-border: var(--nn-black-20);
    --color-card-border-active: var(--color-primary);
    /* semantic theme roles */
    --color-on-primary: var(--color-dark);
    --color-on-blue: var(--color-light);
    --color-primary-border: var(--color-dark);
    /* panel headers */
    --color-panel-header-bg: var(--color-primary);
    --color-panel-header-text: var(--color-dark);
    /* modal headers */
    --color-modal-header-bg: var(--color-primary);
    --color-modal-header-text: var(--color-dark);
    /* number badges / hint bars */
    --color-number-bg: var(--color-primary);
    --color-number-text: var(--color-dark);
    --color-hint-bg: var(--color-primary);
    --color-hint-text: var(--color-dark);
    /* selectable choice buttons, e.g. btn-select-kind */
    --color-choice-bg: var(--color-light);
    --color-choice-text: var(--color-dark);
    --color-choice-border: var(--color-dark);
    --color-choice-hover-bg: var(--color-primary);
    --color-choice-hover-text: var(--color-dark);
    --color-choice-hover-border: var(--color-dark);
    --color-choice-hover-icon: var(--color-dark);
    --color-choice-selected-bg: var(--nn-yellow-80);
    --color-choice-selected-text: var(--color-dark);
    --color-choice-selected-border: var(--color-dark);
    --color-choice-selected-icon: var(--color-dark);
    /* queue tickets */
    --color-queue-ticket-badge: var(--nn-black-100);
    /* work cards */
    --color-work-card-bg: var(--color-light);
    --color-work-card-text: var(--color-dark);
    --color-work-card-border: var(--color-dark);
    --color-work-card-hover-bg: var(--color-primary);
    --color-work-card-hover-text: var(--color-dark);
    --color-work-card-hover-border: var(--color-dark);
    --color-work-card-selected-bg: var(--nn-yellow-60);
    --color-work-card-selected-text: var(--color-dark);
    --color-work-card-selected-border: var(--color-dark);
    /* vehicle / mask icons */
    --color-vehicle-icon: var(--color-blue);
    --color-vehicle-icon-hover: var(--color-dark);
    --color-vehicle-icon-selected: var(--color-dark);
    /* service reception */
    --color-resv-stat-value: var(--color-dark);
    --color-resv-stat-value-shadow: none;
    /* outside display */
    --color-outside-bg: var(--color-dark);
    --color-outside-clock-text: var(--color-light);
    --color-outside-capsule-left-bg: var(--color-primary);
    --color-outside-capsule-left-text: var(--color-dark);
    --color-outside-capsule-right-bg: var(--color-light);
    --color-outside-capsule-right-text: var(--color-dark);
    --color-outside-next-text: var(--color-light);
    --color-outside-licno-capsule-bg: var(--nn-black-60);
    --color-outside-licno-capsule-text: var(--color-light);
    --color-outside-blink-color-1: var(--color-primary);
    --color-outside-blink-color-2: var(--color-dark);
    /* login page */
    --color-login-panel-border: var(--color-medium-minus);
    --color-login-feedback-text: var(--color-light);
    --color-login-btn-disabled-bg: var(--nn-black-10);
    --color-login-btn-disabled-text: var(--nn-black-40);
    --color-login-btn: var(--color-blue);
    --color-login-passwd-icon: var(--nn-black-60);
    /* account management */
    --color-account-divider: var(--color-medium-minus);
    --color-account-btn-role: var(--color-blue);
    --color-account-btn-role-hover: var(--color-dark);
    --color-account-btn-checked: var(--nn-yellow-20);
    --color-account-btn-checked-border: var(--color-dark);
    --color-account-btn-checked-bg: var(--color-primary);
    --color-account-excel-bg: var(--nn-yellow-10);
    --color-account-excel-border: var(--nn-black-10);
    --color-account-excel-row: var(--color-light);
    --color-account-excel-hover: var(--nn-yellow-20);
    /* mobile queue page */
    --color-mobile-bg: var(--color-dark);
    --color-mobile-number-bg: var(--color-primary);
    --color-mobile-number-text: var(--color-dark);
    --color-mobile-line-bg: var(--color-light);
    --color-mobile-line-text: var(--color-dark);
    --color-mobile-time-text: var(--color-light);
    --color-mobile-fooder-text: var(--color-light);
    --color-mobile-error-text: var(--color-light);
    /* card background images */
    --card-bg-overlay: none;
    --card-left-bg-image: none;
    --card-middle-bg-image: none;
    --card-right-bg-image: none;
    --card-left-bg-position: center 7px;
    --card-middle-bg-position: center bottom;
    --card-right-bg-position: center -25px;
    --card-left-bg-size: 100% 100%;
    --card-middle-bg-size: 100% 100%;
    --card-right-bg-size: 100% calc(100% + 25px);
}

.sales-order-container {
    display: none;
}