jqwidgets-ng

:root { --jqx-primary-rgb: 0, 92, 153; --jqx-primary: rgb(var(--jqx-primary-rgb)); --jqx-primary-color: #ffffff; --jqx-secondary-rgb: 45, 45, 48; --jqx-secondary: rgb(var(--jqx-secondary-rgb)); --jqx-secondary-color: #ffffff; --jqx-error-rgb: 176, 0, 32; --jqx-error: rgb(var(--jqx-error-rgb)); --jqx-error-color: #ffffff; --jqx-success-rgb: 139, 195, 74; --jqx-success: rgb(var(--jqx-success-rgb)); --jqx-success-color: #ffffff; --jqx-info-rgb: 92, 192, 222; --jqx-info: rgb(var(--jqx-info-rgb)); --jqx-info-color: #fff; --jqx-warning-rgb: 240, 173, 78; --jqx-warning: rgb(var(--jqx-warning-rgb)); --jqx-warning-color: #fff; --jqx-light-rgb: 255, 255, 255; --jqx-light: rgb(var(--jqx-light-rgb)); --jqx-light-color: #222222; --jqx-dark-rgb: 34, 34, 34; --jqx-dark: rgb(var(--jqx-dark-rgb)); --jqx-dark-color: #ffffff; --jqx-background: #fefefe; --jqx-background-color: #5A5A5A; --jqx-surface: #F5F5F5; --jqx-surface-color: #323232; --jqx-disabled: #CCCCCC; --jqx-disabled-color: #555; --jqx-ui-state-hover: #ebebeb; --jqx-ui-state-color-hover: #333; --jqx-ui-state-border-hover: var(--jqx-ui-state-hover); --jqx-ui-state-active: var(--jqx-primary); --jqx-ui-state-color-active: var(--jqx-primary-color); --jqx-ui-state-border-active: var(--jqx-primary); --jqx-ui-state-focus: #e2e0e0; --jqx-ui-state-color-focus: #333; --jqx-ui-state-border-focus: var(--jqx-ui-state-focus); --jqx-ui-state-selected: rgba(var(--jqx-primary-rgb), .1); --jqx-ui-state-color-selected: var(--jqx-primary); --jqx-ui-state-border-selected: rgba(var(--jqx-primary-rgb), .1); --jqx-item-border-width: 1px; --jqx-item-border-radius: var(--jqx-border-radius); --jqx-item-border-top-left-radius: var(--jqx-border-radius); --jqx-item-border-top-right-radius: var(--jqx-border-radius); --jqx-item-border-bottom-left-radius: var(--jqx-border-radius); --jqx-item-border-bottom-right-radius: var(--jqx-border-radius); --jqx-font-size: 14px; --jqx-font-weight: inherit; --jqx-font-style: inherit; --jqx-font-family: Roboto, "Helvetica Neue", sans-serif; --jqx-font-family-icon: jqx-gantt-icons; --jqx-font-family-icon-src: local('./font/jqx-icons'), url(./font/jqx-icons.woff2) format('woff2'), url(./font/jqx-icons.woff) format('woff'), url(./font/jqx-icons.ttf) format('truetype'), url(./font/jqx-icons.eot) format('embedded-opentype'); --jqx-border-width: 1px; --jqx-border-radius: 4px; --jqx-border-top-left-radius: var(--jqx-border-radius); --jqx-border-top-right-radius: var(--jqx-border-radius); --jqx-border-bottom-left-radius: var(--jqx-border-radius); --jqx-border-bottom-right-radius: var(--jqx-border-radius); --jqx-border: #E0E0E0; --jqx-border-rgb: 244, 224, 224; --jqx-outline: #b2b2b2; --jqx-editor-selection: var(--jqx-primary); --jqx-editor-selection-color: var(--jqx-primary-color); --jqx-alternation-index0-color: var(--jqx-surface-color); --jqx-alternation-index0-border: var(--jqx-surface); --jqx-alternation-index0-background: var(--jqx-surface); --jqx-alternation-index1-color: #111; --jqx-alternation-index1-border: #9BBB59; --jqx-alternation-index1-background: #9BBB59; --jqx-alternation-index2-color: #fff; --jqx-alternation-index2-border: #FC3752; --jqx-alternation-index2-background: #FC3752; --jqx-tick-color: var(--jqx-border); --jqx-tick-label-color: var(--jqx-background-color); --jqx-box-height: 450px; --jqx-box-width: 450px; --jqx-bar-height: 48px; --jqx-bar-width: 400px; --jqx-editor-height: 30px; --jqx-editor-width: 250px; --jqx-editor-drop-down-width: 300px; --jqx-editor-drop-down-height: 400px; --jqx-editor-drop-down-padding-size: 3px; --jqx-editor-drop-down-max-width: 800px; --jqx-editor-drop-down-min-width: 100px; --jqx-editor-drop-down-max-height: 400px; --jqx-editor-drop-down-min-height: 50px; --jqx-editor-drop-down-resize-bar-height: 15px; --jqx-editor-drop-down-vertical-offset: 5px; --jqx-editor-drop-down-z-index: 9999; --jqx-editor-label-padding: 4px; --jqx-editor-addon-width: 27px; --jqx-column-icon-size: 30px; --jqx-icon-table: '\e800'; --jqx-icon-star: '\e801'; --jqx-icon-star-empty: '\e802'; --jqx-icon-plus: '\e803'; --jqx-icon-minus: '\e804'; --jqx-icon-attention-circled: '\e805'; --jqx-icon-align-left: '\e806'; --jqx-icon-align-right: '\e807'; --jqx-icon-align-center: '\e808'; --jqx-icon-align-justify: '\e813'; --jqx-icon-reload: '\e809'; --jqx-icon-cloud: '\e84d'; --jqx-icon-cancel: '\e80d'; --jqx-icon-close: '\e80d'; --jqx-icon-cancel-circled: '\e80e'; --jqx-icon-cancel-alt: '\E849'; --jqx-icon-arrow-alt: '\F105'; --jqx-icon-plus-circled: '\e810'; --jqx-icon-power: '\e811'; --jqx-icon-minus-circled: '\e814'; --jqx-icon-arrow-up-alt: '\e817'; --jqx-icon-radio: '\e818'; --jqx-icon-refresh: '\e819'; --jqx-icon-chart: '\e81a'; --jqx-icon-check-squared: '\e81b'; --jqx-icon-resize-full: '\e81c'; --jqx-icon-resize-small: '\e81d'; --jqx-icon-resize-vertical: '\e80c'; --jqx-icon-resize-horizontal: '\e80f'; --jqx-icon-lock: '\e821'; --jqx-icon-sort: '\e823'; --jqx-icon-delete: '\e826'; --jqx-icon-search: '\e828'; --jqx-icon-calendar: '\e829'; --jqx-icon-edit: '\e82a'; --jqx-icon-popup: '\e82c'; --jqx-icon-lock-open: '\e82e'; --jqx-icon-add-filter: '\e82f'; --jqx-icon-block: '\e832'; --jqx-icon-settings: '\e833'; --jqx-icon-duplicate: '\e834'; --jqx-icon-copy-record: '\e835'; --jqx-icon-download-alt: '\e836'; --jqx-icon-clock: '\e837'; --jqx-icon-attention: '\e838'; --jqx-icon-help-circled: '\e839'; --jqx-icon-mail: '\e83c'; --jqx-icon-up: '\e83f'; --jqx-icon-first-page: '\e900'; --jqx-icon-arrow-down: '\e901'; --jqx-icon-arrow-left: '\e902'; --jqx-icon-arrow-right: '\e903'; --jqx-icon-arrow-up: '\e904'; --jqx-icon-arrow-down-filled: '\e812'; --jqx-icon-arrow-left-filled: '\e816'; --jqx-icon-arrow-right-filled: '\e81e'; --jqx-icon-arrow-up-filled: '\e815'; --jqx-icon-last-page: '\e905'; --jqx-icon-more-horiz: '\e906'; --jqx-icon-skip-next: '\e907'; --jqx-icon-check: '\e908'; --jqx-icon-mode-edit: '\e909'; --jqx-icon-replay: '\e90c'; --jqx-icon-visibility: '\e90d'; --jqx-icon-visibility-off: '\e90e'; --jqx-icon-link: '\e831'; --jqx-icon-unlink: '\f127'; --jqx-icon-link-ext: '\f08e'; --jqx-icon-check-empty: '\f096'; --jqx-icon-filter: '\f0b0'; --jqx-icon-resize-full-alt: '\f0b2'; --jqx-icon-menu: '\f0c9'; --jqx-icon-sort-1: '\f0dc'; --jqx-icon-paste: '\f0ea'; --jqx-icon-circle-empty: '\f10c'; --jqx-icon-circle: '\f111'; --jqx-icon-ellipsis: '\f141'; --jqx-icon-minus-squared: '\f146'; --jqx-icon-ok-squared: '\f14a'; --jqx-icon-sort-name-up: '\f15d'; --jqx-icon-sort-name-down: '\f15e'; --jqx-icon-sort-alt-up: '\f160'; --jqx-icon-sort-alt-down: '\f161'; --jqx-icon-sort-number-up: '\f162'; --jqx-icon-sort-number-down: '\f163'; --jqx-icon-dot-circled: '\f192'; --jqx-icon-toggle-off: '\f204'; --jqx-icon-toggle-on: '\f205'; --jqx-icon-group: '\f247'; --jqx-icon-ungroup: '\f248'; --jqx-icon-window-maximize: '\f2d0'; --jqx-icon-window-minimize: '\f2d1'; --jqx-icon-window-restore: '\f2d2'; --jqx-icon-window-pin-alt: '\e82d'; --jqx-icon-window-pin: '\e80a'; --jqx-icon-docs: '\f0c5'; --jqx-icon-pdf: '\f1c1'; --jqx-icon-excel: '\f1C3'; --jqx-icon-word: '\f1C2'; --jqx-icon-archive: '\f1C6'; --jqx-icon-file: '\e845'; --jqx-icon-powerpoint: '\f1c4'; --jqx-icon-text: '\f0f6'; --jqx-icon-math: '\f01a'; --jqx-icon-spin: '\e80b'; --jqx-icon-user: '\e81f'; --jqx-icon-font: '\f031'; --jqx-icon-fontsize: '\f088'; --jqx-icon-contains: '\f063'; --jqx-icon-starts_with: '\f064'; --jqx-icon-ends_with: '\f065'; --jqx-icon-does_not_contain: '\f066'; --jqx-icon-equals: '\f52c'; --jqx-icon-greater-than: '\f531'; --jqx-icon-greater-than-equal: '\f532'; --jqx-icon-less-than: '\f536'; --jqx-icon-less-than-equal: '\f537'; --jqx-icon-not-equal: '\f53e'; --jqx-icon-percentage: '\f541'; --jqx-icon-grip-vertical: '\f58e'; --jqx-icon-between: '\f06a'; --jqx-icon-bold: '\e820'; --jqx-icon-italic: '\e822'; --jqx-icon-underline: '\f0cd'; --jqx-icon-strike-through: '\f0cc'; --jqx-icon-list-ordered: '\f0cb'; --jqx-icon-list-unordered: '\f0ca'; --jqx-icon-list-check: '\e89f'; --jqx-icon-subscript: '\f12c'; --jqx-icon-superscript: '\f12b'; --jqx-icon-color-background: '\e830'; --jqx-icon-indent-right: '\e824'; --jqx-icon-indent-left: '\e825'; --jqx-icon-image: '\e827'; --jqx-icon-case-lower: 'aa'; --jqx-icon-case-upper: 'AA'; --jqx-icon-print: '\e82b'; --jqx-icon-format-clear: 'T'; --jqx-icon-source-code: '\f121'; --jqx-icon-split-mode: '\e83b'; --jqx-icon-cut: '\e83a'; --jqx-icon-video: '\f16a'; --jqx-icon-video-camera: '\e840'; --jqx-icon-bell: '\f0f3'; --jqx-icon-header: '\f1dc'; --jqx-icon-row: '\f0db'; --jqx-icon-row-before: '\f2d0'; --jqx-icon-row-after: '\f2d0'; --jqx-icon-row-delete: var(--jqx-icon-cancel-circled); --jqx-icon-column: '\f0db'; --jqx-icon-column-left: '\f2d0'; --jqx-icon-column-right: '\f2d0'; --jqx-icon-column-delete: var(--jqx-icon-cancel-circled); --jqx-icon-vertical-align: '\f06a \e80c'; --jqx-icon-styles: '\f1fc'; --jqx-icon-comment: '\F0E5'; --jqx-icon-card: '\E83E'; --jqx-icon-tasks: '\F0AE'; --jqx-icon-phone: '\E83D'; --jqx-icon-kanban: '\F181'; --jqx-icon-table-alt: '\F0CE'; --jqx-icon-zoom-in: '\E841'; --jqx-icon-zoom-out: '\E842'; --jqx-icon-move: '\F047'; --jqx-icon-home: '\E843'; --jqx-icon-history: '\F1DA'; --jqx-accordion-animation-duration: 225ms; --jqx-accordion-default-width: var(--jqx-box-width); --jqx-accordion-default-height: var(--jqx-box-height); --jqx-accordion-expanded-content-height: 0px; --jqx-accordion-expanded-content-local-height: 0px; --jqx-accordion-item-header-height: var(--jqx-bar-height); --jqx-accordion-item-expanded-offset: 20px; --jqx-array-default-width: var(--jqx-box-width); --jqx-array-default-height: var(--jqx-box-height); --jqx-array-element-gap: 3px; --jqx-breadcrumb-default-width: 400px; --jqx-breadcrumb-default-height: auto; --jqx-breadcrumb-padding: 10px; --jqx-breadcrumb-drop-down-width: var(--jqx-editor-drop-down-width); --jqx-breadcrumb-item-height: 40px; --jqx-breadcrumb-horizontal-offset: 10px; --jqx-button-text-transform: uppercase; --jqx-button-padding: 8px 16px; --jqx-button-large-padding: 10px 16px; --jqx-button-large-font-size: 18px; --jqx-button-small-padding: 5px 10px; --jqx-button-small-font-size: 12px; --jqx-button-very-small-padding: 3px 5px; --jqx-button-very-small-font-size: 10px; --jqx-button-flat-color: var(--jqx-background-color); --jqx-button-outlined-color: var(--jqx-background-color); --jqx-button-outlined-border: var(--jqx-border); --jqx-button-group-default-width: auto; --jqx-button-group-default-height: auto; --jqx-calendar-header-height: 36px; --jqx-calendar-footer-height: 36px; --jqx-calendar-title-height: 60px; --jqx-calendar-cell-size: 30px; --jqx-calendar-cell-spacing: 4px; --jqx-calendar-default-width: calc(50px + var(--jqx-calendar-cell-spacing) + 7 * (var(--jqx-calendar-cell-spacing) + var(--jqx-calendar-cell-size))); --jqx-calendar-default-height: calc(var(--jqx-calendar-cell-spacing) + 7 * (var(--jqx-calendar-cell-spacing) + var(--jqx-calendar-cell-size)) + var(--jqx-calendar-header-height)); --jqx-calendar-title-text-transform: initial; --jqx-calendar-week-title-text-transform: uppercase; --jqx-calendar-header-text-transform: uppercase; --jqx-calendar-footer-text-transform: uppercase; --jqx-calendar-cell-border-top-right-radius: 15px; --jqx-calendar-cell-border-top-left-radius: 15px; --jqx-calendar-cell-border-bottom-left-radius: 15px; --jqx-calendar-cell-border-bottom-right-radius: 15px; --jqx-calendar-title-padding: 10px; --jqx-calendar-important-date-background: var(--jqx-ui-state-hover); --jqx-calendar-important-date-color: var(--jqx-ui-state-color-hover); --jqx-calendar-important-date-border-color: var(--jqx-ui-state-border-hover); --jqx-calendar-navigation-button-size: 30px; --jqx-card-view-default-width: 1200px; --jqx-card-view-default-height: 800px; --jqx-card-view-header-height: 30px; --jqx-card-view-cover-height: var(--jqx-carousel-default-height); --jqx-card-view-vertical-offset: 15px; --jqx-card-view-column-min-width: 250px; --jqx-card-view-gap: 10px; --jqx-card-view-add-new-button-size: 60px; --jqx-carousel-default-width: 600px; --jqx-carousel-default-height: 200px; --jqx-carousel-3d-mode-slide-width: 400px; --jqx-carousel-3d-mode-slide-height: 400px; --jqx-carousel-multiple-mode-slide-width: 200px; --jqx-chart-default-width: 850px; --jqx-chart-default-height: 500px; --jqx-check-box-default-size: calc(1px + 1/2 * var(--jqx-editor-height)); --jqx-color-panel-default-width: auto; --jqx-color-panel-default-height: auto; --jqx-color-panel-palette-size: 300px; --jqx-color-panel-grid-mode-item-size: 20px; --jqx-color-panel-grid-mode-column-count: 8; --jqx-color-panel-grid-mode-columns-gap: 1px; --jqx-color-panel-brightness: 0; --jqx-color-panel-default-mode-sections-gap: 8px; --jqx-color-panel-palette-width: var(--jqx-color-panel-palette-size); --jqx-color-panel-palette-height: var(--jqx-color-panel-palette-size); --jqx-color-panel-alpha-channel-color: white; --jqx-color-picker-default-width: var(--jqx-editor-width); --jqx-color-picker-default-height: var(--jqx-editor-height); --jqx-color-picker-drop-down-width: auto; --jqx-color-picker-drop-down-height: auto; --jqx-combo-box-default-width: var(--jqx-editor-width); --jqx-combo-box-default-height: var(--jqx-editor-height); --jqx-combo-box-drop-down-width: auto; --jqx-combo-box-drop-down-height: auto; --jqx-chip-default-height: var(--jqx-editor-height); --jqx-chip-avatar-background: var(--jqx-secondary); --jqx-currency-format-panel-currency-holder-width: 1fr; --jqx-currency-format-panel-apply-button-width: 125px; --jqx-currency-format-panel-header-holder-offset: 2%; --jqx-currency-format-panel-currency-holder-input-width: 1fr; --jqx-currency-format-panel-currency-holder-dropdown-width: 165px; --jqx-currency-format-panel-currency-holder-dropdown-button-width: 95%; --jqx-currency-format-panel-border-size: 1px; --jqx-currency-format-panel-border-color: #ccc; --jqx-currency-format-panel-border-radius: 4px; --jqx-currency-format-panel-currencies-margin-top: 15px; --jqx-currency-format-panel-currencies-max-height: 400px; --jqx-currency-format-panel-currencies-item-padding: 12px; --jqx-currency-format-panel-currency-holder-padding-left: 5px; --jqx-currency-format-panel-currency-holder-padding-top: 3px; --jqx-currency-format-panel-currency-holder-padding-bottom: 3px; --jqx-currency-format-panel-currency-input-width: 100%; --jqx-currency-format-panel-currencies-left-padding: 10px; --jqx-currency-format-panel-currencies-hover-background: #f1f1f1; --jqx-currency-format-panel-currencies-example-format-color: #777; --jqx-data-view-padding: 10px; --jqx-data-view-customize-panel-width: 320px; --jqx-data-view-filter-panel-width: 550px; --jqx-data-view-sort-panel-width: 470px; --jqx-data-view-search-panel-width: 250px; --jqx-date-format-panel-main-container-width: 960px; --jqx-date-format-panel-main-container-padding: 15px; --jqx-date-format-panel-border-radius: 4px; --jqx-date-format-panel-border-size: 1px; --jqx-date-format-panel-border-color: #ccc; --jqx-date-format-panel-jqx-inputs-container-width: 1fr; --jqx-date-format-panel-apply-container-width: 150px; --jqx-date-format-panel-jqx-input-buttons-column-gap: 2%; --jqx-date-format-panel-jqx-inputs-holder-width: 94%; --jqx-date-format-panel-add-format-holder-width: 6%; --jqx-date-format-panel-jqx-inputs-list-holder-offset: 2px; --jqx-date-format-panel-jqx-input-format-width: 150px; --jqx-date-format-panel-jqx-input-sign-width: 80px; --jqx-date-format-panel-jqx-input-height: 25px; --jqx-date-format-panel-each-jqx-input-offset: 4px; --jqx-date-format-panel-all-format-holders-width: 255px; --jqx-date-format-panel-add-format-holder-button: 120px; --jqx-date-format-panel-each-add-format-holder-width: 120px; --jqx-date-format-panel-add-new-format-dropdown-offset: 5px; --jqx-date-format-panel-date-time-format-list-offset-top: 15px; --jqx-date-format-panel-date-time-format-list-max-height: 400px; --jqx-date-format-panel-each-date-time-format-offset: 12px; --jqx-date-time-picker-default-width: var(--jqx-editor-width); --jqx-date-time-picker-default-height: var(--jqx-editor-height); --jqx-date-time-picker-header-opacity: 0.8; --jqx-date-time-picker-header-opacity-active: 1; --jqx-date-time-picker-drop-down-width: var(--jqx-editor-drop-down-height); --jqx-date-time-picker-drop-down-height: auto; --jqx-docking-layout-default-width: 1000px; --jqx-docking-layout-default-height: 800px; --jqx-docking-layout-feedback-background-secondary-size: 7px; --jqx-drop-down-list-default-width: var(--jqx-editor-width); --jqx-drop-down-list-default-height: var(--jqx-editor-height); --jqx-drop-down-list-drop-down-width: initial; --jqx-drop-down-list-drop-down-height: auto; --jqx-drop-down-button-default-width: auto; --jqx-drop-down-button-default-height: var(--jqx-editor-height); --jqx-drop-down-button-drop-down-width: var(--jqx-editor-drop-down-width); --jqx-drop-down-button-drop-down-height: var(--jqx-editor-drop-down-height); --jqx-editor-default-width: 100%; --jqx-editor-default-height: 600px; --jqx-editor-input-min-height: 100px; --jqx-editor-padding: 15px; --jqx-editor-toolbar-item-margin: 5px; --jqx-editor-toolbar-button-width: 30px; --jqx-editor-toolbar-delimiter-width: 5px; --jqx-editor-toolbar-drop-down-width-large: 100px; --jqx-editor-toolbar-drop-down-width-small: 65px; --jqx-editor-window-header-height: var(--jqx-scheduler-window-header-height); --jqx-editor-window-footer-height: var(--jqx-scheduler-window-footer-height); --jqx-editor-inline-toolbar-max-width: 80vw; --jqx-editor-table-column-width: initial; --jqx-editor-table-cell-min-height: 20px; --jqx-editor-table-cell-min-width: var(--jqx-editor-table-cell-min-height); --jqx-editor-char-counter-offset: 30px; --jqx-editor-toolbar-item-height: 30px; --jqx-editor-toolbar-item-border-radius: var(--jqx-border-radius); --jqx-editor-toolbar-height: calc(var(--jqx-editor-toolbar-item-height) + 2 * var(--jqx-editor-toolbar-item-margin)); --jqx-editor-highlight: var(--jqx-primary); --jqx-editor-highlight-color: var(--jqx-primary-color); --jqx-editor-search-bar-offset: 5px; --jqx-editor-search-bar-padding: 5px; --jqx-filter-builder-default-width: var(--jqx-box-width); --jqx-filter-builder-default-height: var(--jqx-box-height); --jqx-filter-builder-row-height: var(--jqx-editor-height); --jqx-filter-builder-item-width: var(--jqx-editor-width); --jqx-filter-builder-group-container-border: 4px; --jqx-filter-builder-item-margin: 20px; --jqx-filter-builder-group-condition-margin: 5px; --jqx-filter-builder-group-margin: 15px; --jqx-filter-panel-default-width: 300px; --jqx-filter-panel-default-height: auto; --jqx-filter-panel-padding: 10px; --jqx-filter-panel-border-top-right-radius: var(--jqx-border-radius); --jqx-filter-panel-border-top-left-radius: var(--jqx-border-radius); --jqx-filter-panel-border-bottom-left-radius: var(--jqx-border-radius); --jqx-filter-panel-border-bottom-right-radius: var(--jqx-border-radius); --jqx-filter-panel-border-width: var(--jqx-border-width); --jqx-filter-panel-border: var(--jqx-border); --jqx-filter-panel-background: var(--jqx-background); --jqx-filter-panel-color: var(--jqx-background-color); --jqx-filter-panel-vertical-offset: 10px; --jqx-filter-panel-main-element-height: 400px; --jqx-file-upload-default-width: var(--jqx-editor-width); --jqx-file-upload-browse-button-width: auto; --jqx-file-upload-browse-button-height: auto; --jqx-file-upload-footer-button-width: auto; --jqx-file-upload-footer-button-height: auto; --jqx-file-upload-text-content-uploading-start: "Connecting ..."; --jqx-file-upload-text-content-uploading: "Uploading ..."; --jqx-file-upload-text-content-error: "Upload error!"; --jqx-file-upload-text-content-pause: "Upload paused!"; --jqx-file-upload-text-content-drop-zone: "Drag files here"; --jqx-file-upload-text-content-drop-zone-over: "Drop here \e824"; --jqx-file-upload-container-min-height: 60px; --jqx-file-upload-total-files-min-height: 20px; --jqx-file-upload-drop-zone-height: 100%; --jqx-gantt-chart-resource-splitter-bar-fit-size: calc(var(--jqx-gantt-chart-resource-timeline-content-height) + var(--jqx-gantt-chart-task-default-height)); --jqx-gantt-chart-task-splitter-bar-fit-size: var(--jqx-gantt-chart-task-timeline-content-height); --jqx-gantt-chart-task-default-height: 30px; --jqx-gantt-chart-header-height: var(--jqx-gantt-chart-task-default-height); --jqx-gantt-chart-task-bar-fill-padding: 5px; --jqx-gantt-chart-task-label-padding: 2px var(--jqx-gantt-chart-task-bar-fill-padding); --jqx-gantt-chart-task-thumb-color: rgba(0, 0, 0, .55); --jqx-gantt-chart-task-progress-color: rgba(0, 0, 0, .15); --jqx-gantt-chart-project-color: #F89911; --jqx-gantt-chart-project-label-color: #333; --jqx-gantt-chart-project-label-color-selected: #000; --jqx-gantt-chart-project-progress-color: var(--jqx-gantt-chart-task-progress-color); --jqx-gantt-chart-task-color: #0099FF; --jqx-gantt-chart-milestone-color: #800080; --jqx-gantt-chart-timeline-task-background-color: transparent; --jqx-gantt-chart-timeline-task-connection-feedback-color: #e6510a; --jqx-gantt-chart-timeline-task-connection-feedback-width: 1px; --jqx-gantt-chart-timeline-task-connection-feedback-style: dashed; --jqx-gantt-chart-timeline-task-connection-color: var(--jqx-gantt-chart-timeline-task-connection-feedback-color); --jqx-gantt-chart-timeline-task-connection-color-hover: var(--jqx-gantt-chart-timeline-task-connection-color); --jqx-gantt-chart-timeline-task-connection-width: var(--jqx-gantt-chart-timeline-task-connection-feedback-width); --jqx-gantt-chart-timeline-task-connection-style: solid; --jqx-gantt-chart-timeline-task-connection-arrow-type: solid; --jqx-gantt-chart-timeline-task-connection-arrow-width: 5px; --jqx-gantt-chart-timeline-task-resize-indicator-width: 4px; --jqx-gantt-chart-timeline-task-resize-indicator-color: #fff; --jqx-gantt-chart-timeline-task-resize-indicator-border-color: #333; --jqx-gantt-chart-timeline-task-progress-thumb-size: 10px; --jqx-gantt-chart-timeline-cell-size: auto; --jqx-gantt-chart-timeline-cell-min-size: 70px; --jqx-gantt-chart-timeline-task-min-width: 5px; --jqx-gantt-chart-timeline-weekend-color: #EFF5FD; --jqx-gantt-chart-timeline-nonworking-color: #F5F5F5; --jqx-gantt-chart-default-width: auto; --jqx-gantt-chart-default-height: 600px; --jqx-gantt-chart-task-popup-window-default-width: 60vw; --jqx-gantt-chart-connection-popup-window-default-width: 300px; --jqx-gantt-chart-confirm-popup-window-default-width: var(--jqx-gantt-chart-connection-popup-default-width); --jqx-gantt-chart-popup-window-header-height: 35px; --jqx-gantt-chart-popup-window-footer-height: 50px; --jqx-gantt-chart-header-placeholder: ' - '; --jqx-gantt-chart-progress-label-padding: 0 10px 0 10px; --jqx-gantt-chart-filter-row-height: 30px; --jqx-gantt-chart-task-fill-border-radius: 0; --jqx-gantt-chart-segment-link-color: var(--jqx-gantt-chart-task-color); --jqx-gantt-chart-segment-link-size: var(--jqx-border-width); --jqx-gantt-chart-date-marker-height: 25px; --jqx-gantt-chart-date-marker-width: var(--jqx-border-width); --jqx-gantt-chart-date-marker-background: var(--jqx-primary); --jqx-gantt-chart-date-marker-color: var(--jqx-primary-color); --jqx-gantt-chart-date-marker-v-offset: 15%; --jqx-gantt-chart-date-marker-h-offset: 10px; --jqx-gantt-chart-indicator-icon: initial; --jqx-gantt-chart-deadline-icon: var(--jqx-icon-attention-circled); --jqx-gantt-chart-deadline-color: var(--jqx-error); --jqx-gantt-chart-baseline-proportion: 2; --jqx-gantt-chart-baseline-background: rgba(166, 205, 87, .5); --jqx-gantt-chart-progress-label-width: 60px; --jqx-gantt-chart-current-time-indicator-size: 1px; --jqx-gantt-chart-current-time-indicator-background: var(--jqx-primary); --jqx-gantt-chart-current-time-indicator-arrow-size: 7px; --jqx-gantt-chart-current-time-indicator-header-size: 2px; --jqx-gantt-chart-shader-background: rgba(var(--jqx-border-rgb), .5); --jqx-gauge-default-width: var(--jqx-box-width); --jqx-gauge-default-height: var(--jqx-box-height); --jqx-gauge-track-border: var(--jqx-border); --jqx-gauge-track-background: var(--jqx-background); --jqx-gauge-needle-background: var(--jqx-primary); --jqx-gauge-label-fill-state: initial; --jqx-gauge-label-stroke: initial; --jqx-grid-default-width: 800px; --jqx-grid-default-height: 400px; --jqx-grid-footer-height: var(--jqx-bar-height); --jqx-grid-header-height: var(--jqx-bar-height); --jqx-grid-group-header-height: var(--jqx-bar-height); --jqx-grid-row-height: 30px; --jqx-grid-column-header-height: var(--jqx-bar-height); --jqx-grid-filter-footer-height: var(--jqx-bar-height); --jqx-grid-aggregate-footer-height: var(--jqx-bar-height); --jqx-grid-header-background-freeze: var(--jqx-surface); --jqx-grid-header-color-freeze: var(--jqx-surface-color); --jqx-grid-column-menu-width: 200px; --jqx-grid-column-menu-height: auto; --jqx-grid-column-buttons-width: 23px; --jqx-grid-cell-color-freeze: var(--jqx-surface-color); --jqx-grid-cell-background-freeze: var(--jqx-surface); --jqx-grid-cell-background-freeze-selected: #DCE5EC; --jqx-grid-cell-color-delete: #333; --jqx-grid-cell-background-delete: #FFDCDC; --jqx-grid-cell-color-update: #333; --jqx-grid-cell-background-update: #D7F9C7; --jqx-grid-cell-color-add: #333; --jqx-grid-cell-background-add: #FED59B; --jqx-grid-cell-color-unbound: var(--jqx-surface-color); --jqx-grid-cell-background-unbound: var(--jqx-surface); --jqx-grid-cell-color-sort: var(--jqx-surface-color); --jqx-grid-cell-background-sort: #FEF3dd; --jqx-grid-cell-color-filter: var(--jqx-surface-color); --jqx-grid-cell-background-filter: #E8F2DB; --jqx-grid-view-bar-background: #FCFCFC; --jqx-grid-group-row-vertical-offset: 5; --jqx-grid-group-row-horizontal-offset: 1; --jqx-grid-template-columns: none; --jqx-grid-column-gap: 0px; --jqx-grid-row-gap: 0px; --jqx-grid-freeze-splitter-size: 1px; --jqx-grid-resize-line-size: 1px; --jqx-grid-layout-col-gap: 10px; --jqx-grid-layout-row-gap: 10px; --jqx-grid-layout-width: 100%; --jqx-grid-layout-rows: none; --jqx-grid-panel-default-width: 450px; --jqx-grid-panel-default-height: auto; --jqx-grid-panel-padding: 10px; --jqx-grid-panel-vertical-offset: 10px; --jqx-grid-panel-item-height: 30px; --jqx-column-panel-drop-down-height: 350px; --jqx-multi-column-filter-panel-template-columns: 15px 60px 2fr 3fr 3fr; --jqx-formatting-panel-default-width: 600px; --jqx-formatting-panel-row-height: 30px; --jqx-formatting-panel-add-new-button-size: 40px; --jqx-formatting-panel-popup-width: 300px; --jqx-formatting-panel-color-box-height: 20px; --jqx-kanban-default-width: 1200px; --jqx-kanban-default-height: 500px; --jqx-kanban-header-size: 35px; --jqx-kanban-task-min-width: 150px; --jqx-kanban-task-min-height: 80px; --jqx-kanban-text-max-height: 200px; --jqx-kanban-user-icon-size: 30px; --jqx-kanban-user-list-width: 150px; --jqx-kanban-user-list-max-height: 500px; --jqx-kanban-comments-list-width: 350px; --jqx-kanban-comments-list-height: auto; --jqx-kanban-new-comment-height: 50px; --jqx-kanban-new-comment-height-expanded: 175px; --jqx-kanban-send-button-height: 30px; --jqx-kanban-color-band-width: 3px; --jqx-kanban-add-new-column-width: 1fr; --jqx-list-box-default-width: var(--jqx-editor-width); --jqx-list-box-default-height: var(--jqx-editor-width); --jqx-list-item-group-header-text-transform: uppercase; --jqx-list-item-horizontal-offset: 3px; --jqx-list-item-vertical-offset: 3px; --jqx-list-item-height: 36px; --jqx-list-item-check-box-radius: 2px; --jqx-list-item-label-padding: 0; --jqx-list-item-label-border-radius: 0; --jqx-list-item-padding: 9px 12px; --jqx-loader-size: var(--jqx-editor-height); --jqx-led-default-width: var(--jqx-editor-height); --jqx-led-default-height: var(--jqx-editor-height); --jqx-list-menu-default-width: var(--jqx-box-width); --jqx-list-menu-default-height: var(--jqx-box-height); --jqx-list-menu-filter-input-vertical-offset: 5px; --jqx-list-menu-filter-input-horizontal-offset: 5px; --jqx-masked-text-box-default-width: var(--jqx-editor-width); --jqx-masked-text-box-default-height: var(--jqx-editor-height); --jqx-menu-default-width: var(--jqx-bar-width); --jqx-menu-default-height: var(--jqx-bar-height); --jqx-menu-vertical-default-width: calc(var(--jqx-bar-width) / 2); --jqx-menu-vertical-default-height: var(--jqx-bar-width); --jqx-menu-scroll-button-size: calc(var(--jqx-bar-height) / 1.5); --jqx-multiline-text-box-default-width: var(--jqx-editor-width); --jqx-multiline-text-box-default-height: calc(10 * var(--jqx-editor-height)); --jqx-multi-split-button-default-width: var(--jqx-editor-width); --jqx-multi-split-button-default-height: var(--jqx-editor-height); --jqx-number-format-panel-selected-format-width: 1fr; --jqx-number-format-panel-apply-button-width: 125px; --jqx-number-format-panel-header-holder-offset: 10px; --jqx-number-format-panel-border-size: 1px; --jqx-number-format-panel-border-color: #ccc; --jqx-number-format-panel-border-radius: 4px; --jqx-number-format-panel-sample-container-vertical-offset: 15px; --jqx-number-format-panel-sample-container-horizontal-offset: 5px; --jqx-number-format-panel-formats-list-margin-top: 15px; --jqx-number-format-panel-formats-list-max-height: 400px; --jqx-number-format-panel-formats-item-padding: 12px; --jqx-number-format-panel-selected-format-padding-left: 5px; --jqx-number-format-panel-selected-format-padding-top: 3px; --jqx-number-format-panel-selected-format-padding-bottom: 3px; --jqx-number-format-panel-header-input-width: 100%; --jqx-number-format-panel-formats-item-left-padding: 10px; --jqx-number-format-panel-formats-item-hover-background: #f1f1f1; --jqx-number-format-panel-formats-item-example-format-color: #777; --jqx-numeric-text-box-default-width: var(--jqx-editor-width); --jqx-numeric-text-box-default-height: var(--jqx-editor-height); --jqx-numeric-text-box-default-radix-display-width: 12%; --jqx-numeric-text-box-default-unit-display-width: var(--jqx-editor-addon-width); --jqx-numeric-text-box-text-align: right; --jqx-path-default-width: var(--jqx-editor-width); --jqx-path-default-height: var(--jqx-editor-height); --jqx-path-drop-down-width: auto; --jqx-path-drop-down-height: auto; --jqx-path-button-gap: 5px; --jqx-path-text-align: start; --jqx-power-button-default-width: var(--jqx-editor-height); --jqx-power-button-default-height: var(--jqx-editor-height); --jqx-progress-bar-default-width: var(--jqx-editor-width); --jqx-progress-bar-default-height: var(--jqx-editor-height); --jqx-circular-progress-bar-default-size: var(--jqx-editor-width); --jqx-circular-progress-bar-fill-size: 20%; --jqx-query-builder-default-width: auto; --jqx-query-builder-default-height: auto; --jqx-query-builder-min-width: 100px; --jqx-query-builder-content-padding: 5px; --jqx-query-builder-editor-width: 125px; --jqx-radio-button-default-size: calc(1px + 1/2 * var(--jqx-editor-height)); --jqx-ribbon-tab-height: 125px; --jqx-ribbon-collapsed-tab-height: 50px; --jqx-ribbon-border-color: var(--jqx-border); --jqx-ribbon-tab-header-width: 100px; --jqx-ribbon-tab-padding: 0px; --jqx-ribbon-group-items-padding: 0 10px; --jqx-ribbon-tab-header-height: 32px; --jqx-ribbon-header-padding: 0px; --jqx-sortable-handle-size: 25px; --jqx-splitter-default-width: var(--jqx-box-width); --jqx-splitter-default-height: var(--jqx-box-height); --jqx-splitter-bar-size: 10px; --jqx-splitter-bar-fit-size: 100%; --jqx-splitter-item-padding: 0; --jqx-splitter-item-content-padding: 0; --jqx-splitter-item-size: auto; --jqx-switch-button-default-width: calc(var(--jqx-editor-height) + 10px); --jqx-switch-button-default-height: var(--jqx-editor-height); --jqx-switch-button-thumb-size: calc(var(--jqx-switch-button-default-height) - 8px); --jqx-slider-default-width: var(--jqx-editor-width); --jqx-slider-default-height: 35px; --jqx-slider-track-size: 1px; --jqx-slider-thumb-width: 20px; --jqx-slider-thumb-height: 20px; --jqx-slider-tooltip-width: 60px; --jqx-slider-tooltip-height: 30px; --jqx-slider-spin-button-width: 30px; --jqx-slider-spin-button-height: 30px; --jqx-slider-tick-size: 10px; --jqx-slider-minor-tick-size: 5px; --jqx-slider-thumb-border-top-right-radius: 15px; --jqx-slider-thumb-border-top-left-radius: 15px; --jqx-slider-thumb-border-bottom-left-radius: 15px; --jqx-slider-thumb-border-bottom-right-radius: 15px; --jqx-scroll-button-size: 16px; --jqx-scroll-bar-size: 18px; --jqx-scroll-bar-default-width: var(--jqx-editor-width); --jqx-scroll-bar-default-height: var(--jqx-scroll-bar-size); --jqx-scroll-bar-background: #F1F1F1; --jqx-scroll-bar-track-background: var(--jqx-scroll-bar-background); --jqx-scroll-bar-border: #F1F1F1; --jqx-scroll-bar-thumb-border-top-right-radius: 0px; --jqx-scroll-bar-thumb-border-top-left-radius: 0px; --jqx-scroll-bar-thumb-border-bottom-left-radius: 0px; --jqx-scroll-bar-thumb-border-bottom-right-radius: 0px; --jqx-scroll-bar-thumb-background: #C1C1C1; --jqx-scroll-bar-thumb-border: transparent; --jqx-scroll-bar-thumb-size: 100%; --jqx-scroll-bar-thumb-padding: 1px; --jqx-scroll-bar-thumb-background-hover: #A8A8A8; --jqx-scroll-bar-thumb-border-hover: transparent; --jqx-scroll-bar-thumb-background-active: #787878; --jqx-scroll-bar-thumb-border-active: transparent; --jqx-scroll-bar-button-background: #F1F1F1; --jqx-scroll-bar-button-border: #F1F1F1; --jqx-scroll-bar-button-color: #505050; --jqx-scroll-bar-button-background-hover: #D2D2D2; --jqx-scroll-bar-button-border-hover: #F1F1F1; --jqx-scroll-bar-button-color-hover: #505050; --jqx-scroll-bar-button-background-active: #787878; --jqx-scroll-bar-button-border-active: #F1F1F1; --jqx-scroll-bar-button-color-active: #fff; --jqx-table-default-width: 100%; --jqx-table-default-height: auto; --jqx-table-header-footer-height: 56px; --jqx-table-column-header-height: var(--jqx-table-header-footer-height); --jqx-table-row-height: 48px; --jqx-table-cell-padding: 12px; --jqx-table-row-detail-height: var(--jqx-table-row-height); --jqx-table-indent: 30px; --jqx-table-arrow-size: 16px; --jqx-table-arrow-margin: 5px; --jqx-table-group-name-display: unset; --jqx-table-group-count-display: unset; --jqx-pivot-table-cell-width: 200px; --jqx-pivot-table-secondary-group-width: calc(1.25 * var(--jqx-pivot-table-cell-width)); --jqx-pivot-panel-width: 300px; --jqx-pivot-panel-default-height: 800px; --jqx-pivot-panel-tab-item-height: 150px; --jqx-pivot-panel-padding: 10px; --jqx-tank-default-width: var(--jqx-editor-width); --jqx-tank-default-height: calc(10 * var(--jqx-editor-height)); --jqx-tank-scale-size: 105px; --jqx-tank-thumb-width: 25px; --jqx-tank-thumb-height: var(--jqx-tank-thumb-width); --jqx-tank-tooltip-width: 80px; --jqx-tank-tooltip-height: 30px; --jqx-tank-tick-size: 10px; --jqx-tank-minor-tick-size: 5px; --jqx-tank-minimum-track-size: 6px; --jqx-tabs-header-button-size: 20px; --jqx-tabs-animation-duration: 0.5s; --jqx-tabs-default-width: var(--jqx-box-width); --jqx-tabs-default-height: var(--jqx-box-height); --jqx-tabs-header-padding: 0px; --jqx-tabs-header-offset: 0px; --jqx-tab-item-padding: 12px 16px; --jqx-tab-item-offset: 5px; --jqx-tab-item-initial-offset: 5px; --jqx-tab-item-text-transform: uppercase; --jqx-time-picker-default-width: var(--jqx-editor-width); --jqx-time-picker-default-height: calc(12 * var(--jqx-editor-height)); --jqx-tooltip-arrow-width: 6px; --jqx-tooltip-arrow-color: var(--jqx-secondary); --jqx-tooltip-arrow-translate: 0; --jqx-tooltip-padding: 4px 8px; --jqx-tooltip-content-shadow: none; --jqx-toast-item-icon: ''; --jqx-toast-container-default-width: var(--jqx-bar-width); --jqx-toast-header-height: 20px; --jqx-toast-info-background: var(--jqx-info); --jqx-toast-info-color: var(--jqx-info-color); --jqx-toast-warning-background: var(--jqx-warning); --jqx-toast-warning-color: var(--jqx-warning-color); --jqx-toast-error-background: var(--jqx-error); --jqx-toast-error-color: var(--jqx-error-color); --jqx-toast-success-background: var(--jqx-success); --jqx-toast-success-color: var(--jqx-success-color); --jqx-tree-default-width: var(--jqx-box-width); --jqx-tree-default-height: var(--jqx-box-height); --jqx-tree-scroll-button-size: 20px; --jqx-tree-lines-style: dashed; --jqx-tree-indent: 16px; --jqx-tree-lines-color: var(--jqx-border); --jqx-tree-lines-width: 1px; --jqx-tree-item-label-height: 36px; --jqx-tree-item-padding: 9px 12px; --jqx-tree-item-vertical-offset: 3px; --jqx-tree-item-horizontal-offset: 3px; --jqx-text-box-default-width: var(--jqx-editor-width); --jqx-text-box-default-height: var(--jqx-editor-height); --jqx-validation-panel-description-width: 20%; --jqx-validation-panel-content-width: 80%; --jqx-validation-panel-appearance-vertical-offset: 10px; --jqx-validation-panel-appearance-reset-button-left-offset: 5px; --jqx-validation-panel-appearance-textbox-vertical-offset: 5px; --jqx-validation-panel-appearance-reset-button-color: var(--jqx-primary); --jqx-validation-panel-criteria-row-margin-top: 10px; --jqx-validation-panel-criteria-container-vertical-offset: 10px; --jqx-validation-panel-criteria-container-input-width: 180px; --jqx-validation-panel-criteria-container-input-horizontal-offset: 2px; --jqx-validation-panel-criteria-container-textbox-width: 80px; --jqx-validation-panel-criteria-container-textbox-horizontal-offset: 2px; --jqx-validation-panel-criteria-container-text-between-inputs-offset: 5px; --jqx-validation-panel-invalid-data-vertical-offset: 10px; --jqx-validation-panel-footer-button-color: #188038; --jqx-validation-panel-footer-button-background: white; --jqx-validation-panel-footer-vertical-offset: 20px; --jqx-validation-panel-footer-button-horizontal-offset: 5px; --jqx-validation-panel-footer-remove-validation-button-color: var(--jqx-validation-panel-footer-button-color); --jqx-validation-panel-footer-cancel-button-color: var(--jqx-validation-panel-footer-button-color); --jqx-validation-panel-footer-save-button-color: var(--jqx-validation-panel-footer-button-background); --jqx-validation-panel-footer-save-button-background: var(--jqx-validation-panel-footer-button-color); --jqx-password-text-box-default-width: var(--jqx-editor-width); --jqx-password-text-box-default-height: var(--jqx-editor-height); --jqx-pager-default-width: var(--jqx-bar-width); --jqx-pager-default-height: var(--jqx-bar-height); --jqx-pager-button-width: 'auto'; --jqx-pager-button-height: 32px; --jqx-pager-page-size-selector-width: 60px; --jqx-pager-page-index-selector-width: 32px; --jqx-pager-page-index-selector-height: 32px; --jqx-pager-page-index-ellipsis-selector-width: 32px; --jqx-pager-page-index-ellipsis-selector-height: 32px; --jqx-pager-page-index-selector-horizontal-offset: 8px; --jqx-pager-padding: 2px; --jqx-pager-input-width: 50px; --jqx-scroll-viewer-min-width: none; --jqx-scroll-viewer-max-width: none; --jqx-scroll-viewer-min-height: none; --jqx-scroll-viewer-max-height: none; --jqx-scheduler-default-height: auto; --jqx-scheduler-default-width: auto; --jqx-scheduler-item-size: auto; --jqx-scheduler-timeline-cell-width: auto; --jqx-scheduler-timeline-cell-height: 50px; --jqx-scheduler-timeline-cell-min-width: 70px; --jqx-scheduler-timeline-cell-min-height: 35px; --jqx-scheduler-header-height: 50px; --jqx-scheduler-header-today-button-size: 70px; --jqx-scheduler-header-date-button-max-size: auto; --jqx-scheduler-header-navigation-button-size: 30px; --jqx-scheduler-footer-height: var(--jqx-scheduler-header-height); --jqx-scheduler-header-box-shadow: initial; --jqx-scheduler-header-padding: 10px; --jqx-scheduler-timeline-header-cell-padding: 5px; --jqx-scheduler-header-menu-button-size: auto; --jqx-scheduler-timeline-weekend-color: var(--jqx-background); --jqx-scheduler-timeline-nonworking-color: var(--jqx-gantt-chart-timeline-nonworking-color); --jqx-scheduler-timeline-all-day-label-font-weight: 600; --jqx-scheduler-timeline-header-horizontal-cells-size: 40px; --jqx-scheduler-timeline-header-horizontal-label-padding: initial; --jqx-scheduler-timeline-header-horizontal-details-size: var(--jqx-scheduler-timeline-header-horizontal-cells-size); --jqx-scheduler-timeline-header-horizontal-group-size: var(--jqx-scheduler-timeline-header-horizontal-cells-size); --jqx-scheduler-timeline-header-vertical-cells-size: 100px; --jqx-scheduler-timeline-header-vertical-label-padding: initial; --jqx-scheduler-timeline-header-vertical-details-size: var(--jqx-scheduler-timeline-header-vertical-cells-size); --jqx-scheduler-timeline-header-vertical-group-size: var(--jqx-scheduler-timeline-header-vertical-cells-size); --jqx-scheduler-timeline-header-all-day-cells-size: 75px; --jqx-scheduler-timeline-group-separator-background: var(--jqx-outline); --jqx-scheduler-timeline-group-separator-size: var(--jqx-border-width); --jqx-scheduler-timeline-group-white-space: nowrap; --jqx-scheduler-timeline-group-header-offset: calc(-50% - var(--jqx-scheduler-timeline-header-cell-padding)); --jqx-scheduler-current-time-indicator-background: var(--jqx-primary); --jqx-scheduler-current-time-indicator-size: 1px; --jqx-scheduler-current-time-indicator-header-size: 2px; --jqx-scheduler-current-time-indicator-arrow-size: 7px; --jqx-scheduler-shader-background: rgba(var(--jqx-border-rgb), .5); --jqx-scheduler-view-background: transparent; --jqx-scheduler-view-line-size: var(--jqx-border-width); --jqx-scheduler-view-horizontal-line-color: var(--jqx-border); --jqx-scheduler-view-vertical-line-color: var(--jqx-border); --jqx-scheduler-day-week-view-vertical-line-size: var(--jqx-scheduler-view-line-size); --jqx-scheduler-day-week-view-vertical-line-color: var(--jqx-border); --jqx-scheduler-day-week-view-hour-size: var(--jqx-scheduler-view-line-size); --jqx-scheduler-day-week-view-hour-color: var(--jqx-border); --jqx-scheduler-time-ruler-tick-size: 10px; --jqx-scheduler-event-background-rgb: 52, 121, 186; --jqx-scheduler-event-background: rgba(var(--jqx-scheduler-event-background-rgb), 1); --jqx-scheduler-legend-item-background: var(--jqx-scheduler-event-background); --jqx-scheduler-event-color: var(--jqx-primary-color); --jqx-scheduler-event-focus: rgba(var(--jqx-scheduler-event-background-rgb), .9); --jqx-scheduler-event-color-focus: var(--jqx-scheduler-event-color); --jqx-scheduler-event-hover: rgba(var(--jqx-scheduler-event-background-rgb), .8); --jqx-scheduler-event-color-hover: var(--jqx-scheduler-event-color); --jqx-scheduler-event-padding-agenda: 5px; --jqx-scheduler-event-padding-basic: 2px; --jqx-scheduler-event-padding-timeline: 2px; --jqx-scheduler-event-padding-all-day: 2px; --jqx-scheduler-event-content-padding: 5px; --jqx-scheduler-event-label-font-size: var(--jqx-font-size); --jqx-scheduler-event-time-font-size: calc(var(--jqx-font-size) - 3px); --jqx-scheduler-event-time-font-size-agenda: var(--jqx-font-size); --jqx-scheduler-event-time-font-weight-agenda: 600; --jqx-scheduler-event-time-opacity-agenda: 1; --jqx-scheduler-event-time-opacity: 0.7; --jqx-scheduler-event-icon-size: 30px; --jqx-scheduler-event-size: 30px; --jqx-scheduler-event-size-basic: var(--jqx-scheduler-event-size); --jqx-scheduler-event-size-timeline: 60px; --jqx-scheduler-event-collector-size: 24px; --jqx-scheduler-event-collector-mobile-size: 28px; --jqx-scheduler-event-collector-background: rgba(var(--jqx-primary-rgb), 1); --jqx-scheduler-event-collector-color: var(--jqx-primary-color); --jqx-scheduler-event-collector-focus: rgba(var(--jqx-primary-rgb), .9); --jqx-scheduler-event-collector-color-focus: var(--jqx-scheduler-event-collector-color); --jqx-scheduler-event-collector-hover: rgba(var(--jqx-primary-rgb), .8); --jqx-scheduler-event-collector-color-hover: var(--jqx-scheduler-event-collector-color); --jqx-scheduler-month-view-number-size: 24px; --jqx-scheduler-status-size: 7px; --jqx-scheduler-status-padding: 5px; --jqx-scheduler-status-background: transparent; --jqx-scheduler-status-free-background: white; --jqx-scheduler-status-tentative-background: 0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2)); --jqx-scheduler-status-busy-background: #dc3545; --jqx-scheduler-status-out-of-office-background: #00a9e6; --jqx-scheduler-cell-feedback-background: transparent; --jqx-scheduler-event-resize-indicator-size: var(--jqx-gantt-chart-timeline-task-resize-indicator-width); --jqx-scheduler-event-resize-indicator-color: var(--jqx-gantt-chart-timeline-task-resize-indicator-color); --jqx-scheduler-event-resize-indicator-border-color: var(--jqx-gantt-chart-timeline-task-resize-indicator-border-color); --jqx-scheduler-restricted-background: 0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent); --jqx-scheduler-event-item-size: 50px; --jqx-scheduler-event-button-size: 30px; --jqx-scheduler-event-border-radius: initial; --jqx-scheduler-event-collector-border-radius: 20px; --jqx-scheduler-context-menu-max-height: calc(4 * var(--jqx-scheduler-event-item-size)); --jqx-scheduler-context-menu-max-width: 300px; --jqx-scheduler-window-header-height: var(--jqx-gantt-chart-popup-window-header-height); --jqx-scheduler-window-footer-height: var(--jqx-gantt-chart-popup-window-footer-height); --jqx-scheduler-event-label-font-weight: 300; --jqx-scheduler-event-time-font-weight: 300; --jqx-scheduler-event-item-label-font-weight: 600; --jqx-scheduler-toast-default-width: 400px; --jqx-scheduler-toast-default-height: 50px; --jqx-scheduler-shortcut-size: 28px;