jqwidgets-ng 23.1.0 → 24.1.0

package/jqwidgets/styles/jqx.tailwind.css

@@ -0,0 +1,3595 @@
+:root {
+  --tailwind-black: #000;
+  --tailwind-white: #fff;
+  --tailwind-surface: #9FA6B2;
+  --tailwind-surface-rgb: 255, 255, 255;
+  --tailwind-surface-color: #000;
+  --tailwind-background: #fff;
+  --tailwind-background-color: #000;
+  --tailwind-type-primary: #201F1E;
+  --tailwind-type-secondary: #E3EBF7;
+  --tailwind-type-disabled: #323130;
+  --tailwind-body-divider: #E5E5E5;
+  --tailwind-input-background: #fff;
+  --tailwind-input-disabled-background: #EDEBE9;
+  --tailwind-input-border: #B3B9C2;
+  --tailwind-input-border-hover: #323130;
+  --tailwind-alert-color: #201F1E;
+  --tailwind-theme-primary: #3B71CA;
+  --tailwind-theme-lighter-alt: #FAFAFA;
+  --tailwind-theme-lighter: #DEECF9;
+  --tailwind-theme-light: #C7E0F4;
+  --tailwind-theme-tertiary: #2B88D8;
+  --tailwind-theme-dark-alt: #106EBE;
+  --tailwind-theme-dark: #171717;
+  --tailwind-theme-darker: #004578;
+  --tailwind-btn-primary-color: #fff;
+  --tailwind-btn-primary-bg: #3B71CA;
+  --tailwind-btn-primary-bg-hover: #106EBE;
+  --tailwind-btn-primary-bg-active: #005A9E;
+  --tailwind-btn-secondary-color: #201F1E;
+  --tailwind-btn-secondary-bg: #fff;
+  --tailwind-btn-secondary-bg-hover: #F3F2F1;
+  --tailwind-btn-secondary-bg-active: #EDEBE9;
+  --tailwind-btn-text-color: #201F1E;
+  --tailwind-btn-text-bg: #fff;
+  --tailwind-btn-text-color-hover: #201F1E;
+  --tailwind-btn-text-bg-hover: #F3F2F1;
+  --tailwind-btn-text-color-active: #201F1E;
+  --tailwind-btn-text-bg-active: #EDEBE9;
+  --tailwind-window-bg: #fff;
+  --tailwind-tabs-item-bg-hover: #F3F2F1;
+  --tailwind-list-items-group-bg: #EDEBE9;
+  --tailwind-tooltip-bg: #fff;
+  --tailwind-tooltip-color: #201F1E;
+  --tailwind-tag-bg: #F3F2F1;
+  --tailwind-tag-color: #201F1E;
+  --tailwind-breadcrumb-color: #605E5C;
+  --tailwind-breadcrumb-bg: transparent;
+  --tailwind-breadcrumb-color-hover: #201F1E;
+  --tailwind-breadcrumb-bg-hover: #F3F2F1;
+  --tailwind-accordion-header-color: #201F1E;
+  --tailwind-accordion-header-bg: #EDEBE9;
+  --tailwind-pager-color: #0078D4;
+  --tailwind-pager-bg: #fff;
+  --tailwind-pager-border: #C8C6C4;
+  --tailwind-sortable-border: #EDEBE9;
+  --tailwind-error-bg: #DC4C64;
+  --tailwind-error-color: #A80000;
+  --tailwind-success-bg: #14A44D;
+  --tailwind-success-color: #FFFFFF;
+  --tailwind-severe-warning-bg: #FED9CC;
+  --tailwind-severe-warning-color: #D83B01;
+  --tailwind-warning-bg: #E4A11B;
+  --tailwind-warning-color: #797775;
+  --tailwind-greys-white: #fff;
+  --tailwind-greys-grey10: #FAF9F8;
+  --tailwind-greys-grey20: #F3F2F1;
+  --tailwind-greys-grey30: #EDEBE9;
+  --tailwind-greys-grey40: #E1DFDD;
+  --tailwind-greys-grey50: #D2D0CE;
+  --tailwind-greys-grey60: #C8C6C4;
+  --tailwind-greys-grey90: #A19F9D;
+  --tailwind-greys-grey110: #8A8886;
+  --tailwind-greys-grey130: #605E5C;
+  --tailwind-greys-grey150: #3B3A39;
+  --tailwind-greys-grey160: #323130;
+  --tailwind-greys-grey190: #201F1E;
+  --tailwind-overlay-light: rgba(red("#fff"), green("#fff"), blue("#fff"), 0.4);
+  --tailwind-overlay-dark: rgba(red("#000"), green("#000"), blue("#000"), 0.4);
+  --tailwind-box-shadow-4: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
+  --tailwind-box-shadow-8: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
+  --tailwind-box-shadow-16: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
+  --tailwind-box-shadow-64: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
+  --jqx-primary-rgb: 59, 113, 202;
+  --jqx-primary: rgb(var(--jqx-primary-rgb));
+  --jqx-primary-color: #fff;
+  --jqx-background: #fff;
+  --jqx-background-color: rgba(0, 0, 0, .88);
+  --jqx-background-hover: var(--tailwind-greys-grey30);
+  --jqx-background-color-hover: var(--tailwind-greys-grey190);
+  --jqx-surface-rgb: var(--tailwind-surface-rgb);
+  --jqx-surface: rgb(var(--jqx-surface-rgb));
+  --jqx-surface-color: rgba(0, 0, 0, .88);
+  --jqx-border: var(--tailwind-body-divider);
+  --jqx-border-radius: 4px;
+  --jqx-scrollbar-background: #f5f5f5;
+  --jqx-scrollbar-border: #ddd;
+  --jqx-scrollbar-thumb-background: #C5C5C5;
+  --jqx-scrollbar-thumb-border: #C5C5C5;
+  --jqx-scrollbar-thumb-background-hover: #e6e6e6;
+  --jqx-scrollbar-thumb-border-hover: #b3b3b3;
+  --jqx-scrollbar-thumb-background-pressed: #d9d9d9;
+  --jqx-scrollbar-thumb-border-pressed: #b3b3b3;
+  --jqx-scrollbar-button-color-hover: #f5f5f5;
+  --jqx-scrollbar-button-background-hover: #f5f5f5;
+  --jqx-scrollbar-button-border-hover: #f5f5f5;
+  --jqx-scrollbar-button-color-pressed: #f5f5f5;
+  --jqx-scrollbar-button-background-pressed: #f5f5f5;
+  --jqx-scrollbar-button-border-pressed: #f5f5f5;
+  --jqx-font-size: 14px;
+  --jqx-icon-calendar-up:'\e804';
+  --jqx-icon-calendar-down: '\e805';
+  --jqx-icon-sort-up: '\e904';
+  --jqx-icon-sort-down: '\e901';
+}
+
+body[theme=tailwind-dark] {
+  --tailwind-surface: #282727;
+  --tailwind-surface-color: #fff;
+  --tailwind-background: #282727;
+  --tailwind-background-color: #fff;
+  --tailwind-input-background: #282727;
+  --tailwind-input-disabled-background: #605E5C;
+  --tailwind-greys-grey190: #fff;
+  --tailwind-type-primary: #EDEBE9;
+  --tailwind-input-border: #6c6c6c;
+  --tailwind-input-border-hover: #EDEBE9;
+  --tailwind-btn-secondary-color: #EDEBE9;
+  --tailwind-btn-secondary-bg: #8A8886;
+  --tailwind-btn-secondary-bg-hover: #605E5C;
+  --tailwind-btn-secondary-bg-active: #3B3A39;
+  --tailwind-btn-text-color: #201F1E;
+  --tailwind-btn-text-bg: #fff;
+  --tailwind-btn-text-color-hover: #fff;
+  --tailwind-btn-text-bg-hover: #605E5C;
+  --tailwind-btn-text-color-active: #fff;
+  --tailwind-btn-text-bg-active: #3B3A39;
+  --tailwind-window-bg: #282727;
+  --tailwind-tabs-item-bg-hover: #605E5C;
+  --tailwind-list-items-group-bg: #605E5C;
+  --tailwind-tooltip-bg: #201F1E;
+  --tailwind-tooltip-color: #fff;
+  --tailwind-tag-bg: #605E5C;
+  --tailwind-tag-color: #F3F2F1;
+  --tailwind-breadcrumb-color: #C8C6C4;
+  --tailwind-breadcrumb-bg: transparent;
+  --tailwind-breadcrumb-color-hover: #C8C6C4;
+  --tailwind-breadcrumb-bg-hover: #3B3A39;
+  --tailwind-accordion-header-color: #EDEBE9;
+  --tailwind-accordion-header-bg: #201F1E;
+  --tailwind-pager-color: #C8C6C4;
+  --tailwind-pager-bg: #201F1E;
+  --tailwind-pager-border: #3B3A39;
+  --tailwind-sortable-border: #3B3A39;
+}
+
+.jqx-icon-type-svg {
+  --jqx-icon-calendar: url(font/svg/calendar.svg);
+  /* Code of calendar icon */
+  --jqx-icon-filter: url(font/svg/filter.svg);
+  /* Code of filter icon */
+  --jqx-icon-menu: url(font/svg/menu.svg);
+  /* Code of menu icon */
+  --jqx-icon-check: url(font/svg/check-alt-2.svg);
+  /* Code of check icon */
+  --jqx-icon-first-page: url(font/svg/first_page.svg);
+  /* Code of first page icon */
+  --jqx-icon-arrow-down: url(font/svg/arrow-down.svg);
+  /* Code of down arrow icon */
+  --jqx-icon-arrow-left: url(font/svg/arrow-left.svg);
+  /* Code of left arrow icon */
+  --jqx-icon-arrow-right: url(font/svg/arrow-right.svg);
+  /* Code of right arrow icon */
+  --jqx-icon-arrow-up: url(font/svg/arrow-up.svg);
+  /* Code of up arrow icon */
+  --jqx-icon-arrow-down-filled: url(font/svg/down-dir.svg);
+  /* Code of filled down arrow icon */
+  --jqx-icon-arrow-left-filled: url(font/svg/left-dir.svg);
+  /* Code of filled left arrow icon */
+  --jqx-icon-arrow-right-filled: url(font/svg/right-dir.svg);
+  /* Code of filled right arrow icon */
+  --jqx-icon-arrow-up-filled: url(font/svg/up-dir.svg);
+  /* Code of filled up arrow icon */
+  --jqx-icon-visibility: url(font/svg/visibility.svg);
+  /* Code of visibility icon */
+  --jqx-icon-visibility-off: url(font/svg/visibility_off.svg);
+  /* Code of visibility off icon */
+  --jqx-icon-last-page: url(font/svg/last_page.svg);
+  /* Code of last page icon */
+  --jqx-icon-close: url(font/svg/close.svg);
+  /* Code of close icon */
+  --jqx-icon-search: url(font/svg/search.svg);
+  /* Code of search icon */
+  --jqx-icon-clock: url(font/svg/clock.svg);
+  --jqx-icon-down: url(font/svg/arrow-down.svg);
+  --jqx-icon-plus: url(font/svg/plus.svg);
+  --jqx-icon-filter-alt: url(font/svg/filter-alt.svg);
+  --jqx-icon-up: url(font/svg/arrow-up.svg);
+  --jqx-icon-left: url(font/svg/left-dir.svg);
+  --jqx-icon-right: url(font/svg/right-dir.svg);
+  --jqx-icon-edit: url(font/svg/edit.svg);
+  --jqx-icon-calendar-alt: url(font/svg/calendar-alt.svg);
+  --jqx-icon-close-alt:url(font/svg/close-alt.svg);
+  --jqx-icon-delete: url(font/svg/delete.svg);
+  --jqx-icon-download: url(font/svg/download-alt.svg);
+  --jqx-icon-check-alt: url(font/svg/check-alt.svg);
+  --jqx-icon-check-small: url(font/svg/check-alt-2.svg);
+  --jqx-icon-info: url(font/svg/info.svg);
+  --jqx-icon-circle: url(font/svg/circle.svg);
+  --jqx-icon-sort-menu-down: url(font/svg/sort-alt-down.svg);
+  --jqx-icon-sort-menu-up:url(font/svg/sort-alt-up.svg);
+  --jqx-icon-sort-up:url(font/svg/up-dir.svg);
+  --jqx-icon-sort-down: url(font/svg/down-dir.svg);
+  --jqx-icon-menu-alt: url(font/svg/hamburger.svg);
+  --jqx-icon-calendar-up: url(font/svg/arrow-up-long.svg);
+  --jqx-icon-calendar-down: url(font/svg/arrow-down-long.svg);
+}
+.jqx-icon-type-svg .jqx-icon-close-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-search-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-filterbutton-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-menubutton-tailwind:after,
+.jqx-icon-type-svg .jqx-checkbox-check-checked-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sortascbutton-tailwind:after,
+.jqx-icon-type-svg .jqx-expander-arrow-bottom-tailwind:after,
+.jqx-icon-type-svg .jqx-window-collapse-button-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-up-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-up-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-top-up-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-up-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-up-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-up-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sortascbutton-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sorticon-tailwind.jqx-icon-arrow-up-tailwind:after,
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-expand-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-group-expand-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sortdescbutton-tailwind:after,
+.jqx-icon-type-svg .jqx-expander-arrow-top-tailwind:after,
+.jqx-icon-type-svg .jqx-window-collapse-button-collapsed-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-down-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-down-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-down-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-down-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sortdescbutton-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-column-sorticon-tailwind.jqx-icon-arrow-down-tailwind:after,
+.jqx-icon-type-svg .jqx-tabs-arrow-left-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-left-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-top-left:after,
+.jqx-icon-type-svg .jqx-icon-arrow-left-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-down-left-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-left-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-collapse-tailwind,
+.jqx-icon-type-svg .jqx-grid-group-collapse-tailwind,
+.jqx-icon-type-svg .jqx-tabs-arrow-right-tailwind,
+.jqx-icon-type-svg .jqx-menu-item-arrow-right-selected-tailwind,
+.jqx-icon-type-svg .jqx-menu-item-arrow-top-right-tailwind,
+.jqx-icon-type-svg .jqx-icon-arrow-right-tailwind,
+.jqx-icon-type-svg .jqx-icon-arrow-right-hover-tailwind,
+.jqx-icon-type-svg .jqx-icon-arrow-right-selected-tailwind,
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-collapse-tailwind:after,
+.jqx-icon-type-svg .jqx-grid-group-collapse-tailwind:after,
+.jqx-icon-type-svg .jqx-tabs-arrow-right-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-right-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-menu-item-arrow-top-right-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-right-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-right-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-right-selected-tailwind:after,
+.jqx-icon-type-svg .jqx-tree-item-arrow-collapse-rtl-tailwind,
+.jqx-icon-type-svg .jqx-tree-item-arrow-collapse-hover-rtl-tailwind,
+.jqx-icon-type-svg .jqx-tree-item-arrow-collapse-rtl-tailwind:after,
+.jqx-icon-type-svg .jqx-tree-item-arrow-collapse-hover-rtl-tailwind:after,
+.jqx-icon-type-svg .jqx-passwordinput-password-icon-tailwind:after,
+.jqx-icon-type-svg .jqx-passwordinput-password-icon-rtl-tailwind:after,
+.jqx-icon-type-svg .jqx-combobox-tailwind .jqx-icon-close-tailwind:after,
+.jqx-icon-type-svg .jqx-expander-header-tailwind .jqx-icon-arrow-up:after,
+.jqx-icon-type-svg .jqx-tree-item-arrow-expand-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-time-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-time-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-time-pressed-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-calendar-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-calendar-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-calendar-pressed-tailwind:after,
+.jqx-icon-type-svg .jqx-tabs-close-button-tailwind,
+.jqx-icon-type-svg .jqx-tabs-close-button-selected-tailwind,
+.jqx-icon-type-svg .jqx-tabs-close-button-hover-tailwind .jqx-tabs-close-button-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-first-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-arrow-last-tailwind:after {
+  width: 16px;
+}
+.jqx-icon-type-svg .jqx-checkbox-check-checked-tailwind:after {
+  content: "";
+  -webkit-mask-image: var(--jqx-icon-check);
+  background-color: var(--jqx-primary-color);
+  -webkit-mask-size: cover;
+}
+.jqx-icon-type-svg .sorticon.ascending .jqx-grid-column-sorticon-tailwind::after {
+  margin-left: 3px;
+  margin-top: 3px;
+}
+.jqx-icon-type-svg .jqx-icon-calendar-tailwind:after, .jqx-icon-type-svg .jqx-icon-calendar-hover-tailwind:after, .jqx-icon-type-svg .jqx-icon-calendar-pressed-tailwind:after {
+  margin-top: 5px;
+  width: 18px;
+}
+.jqx-icon-type-svg .jqx-calendar-title-navigation-tailwind:hover::after {
+  padding: 1px !important;
+}
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-expand-tailwind, .jqx-icon-type-svg .jqx-grid-group-expand-tailwind, .jqx-icon-type-svg .jqx-grid-column-sortdescbutton-tailwind, .jqx-icon-type-svg .jqx-expander-arrow-top-tailwind, .jqx-icon-type-svg .jqx-window-collapse-button-collapsed-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-down-selected-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-down-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-down-hover-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-down-selected-tailwind {
+  font-family: inherit !important;
+  background-size: 12px;
+  background-image: var(--jqx-icon-arrow-down) !important;
+  background-repeat: no-repeat;
+}
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-expand-tailwind::after, .jqx-icon-type-svg .jqx-grid-group-expand-tailwind::after, .jqx-icon-type-svg .jqx-grid-column-sortdescbutton-tailwind::after, .jqx-icon-type-svg .jqx-expander-arrow-top-tailwind::after, .jqx-icon-type-svg .jqx-window-collapse-button-collapsed-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-down-selected-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-down-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-down-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-down-hover-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-down-selected-tailwind::after {
+  content: "" !important;
+}
+.jqx-icon-type-svg .jqx-grid-column-sortascbutton-tailwind, .jqx-icon-type-svg .jqx-expander-arrow-bottom-tailwind, .jqx-icon-type-svg .jqx-window-collapse-button-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-up-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-up-selected-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-top-up-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-up-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-up-hover-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-up-selected-tailwind {
+  font-family: inherit !important;
+  background-size: 12px;
+  background-image: var(--jqx-icon-arrow-up) !important;
+  background-repeat: no-repeat;
+}
+.jqx-icon-type-svg .jqx-grid-column-sortascbutton-tailwind::after, .jqx-icon-type-svg .jqx-expander-arrow-bottom-tailwind::after, .jqx-icon-type-svg .jqx-window-collapse-button-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-up-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-up-selected-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-top-up-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-up-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-up-hover-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-up-selected-tailwind::after {
+  content: "" !important;
+}
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-collapse-tailwind, .jqx-icon-type-svg .jqx-grid-group-collapse-tailwind, .jqx-icon-type-svg .jqx-tabs-arrow-right-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-right-selected-tailwind, .jqx-icon-type-svg .jqx-menu-item-arrow-top-right-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-right-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-right-hover-tailwind, .jqx-icon-type-svg .jqx-icon-arrow-right-selected-tailwind {
+  font-family: inherit !important;
+  background-size: 10px;
+  background-image: var(--jqx-icon-arrow-right) !important;
+  background-repeat: no-repeat;
+}
+.jqx-icon-type-svg .jqx-widget-tailwind .jqx-grid-group-collapse-tailwind::after, .jqx-icon-type-svg .jqx-grid-group-collapse-tailwind::after, .jqx-icon-type-svg .jqx-tabs-arrow-right-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-right-selected-tailwind::after, .jqx-icon-type-svg .jqx-menu-item-arrow-top-right-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-right-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-right-hover-tailwind::after, .jqx-icon-type-svg .jqx-icon-arrow-right-selected-tailwind::after {
+  content: "" !important;
+}
+.jqx-icon-type-svg .jqx-icon-time-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-time-hover-tailwind:after,
+.jqx-icon-type-svg .jqx-icon-time-pressed-tailwind:after {
+  width: 18px;
+  margin-top: 3px;
+}
+
+.jqx-calendar-title-navigation-tailwind {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.jqx-calendar-title-navigation-tailwind.jqx-icon-arrow-left-tailwind:after {
+  content: var(--jqx-icon-calendar-up) !important;
+  font-size: 12px;
+}
+.jqx-calendar-title-navigation-tailwind.jqx-icon-arrow-right-tailwind:after {
+  content: var(--jqx-icon-calendar-down) !important;
+  font-size: 12px;
+}
+.jqx-calendar-title-navigation-tailwind:hover::after {
+  background: var(--jqx-background-hover) !important;
+  color: var(--jqx-background-color-hover) !important;
+  padding: 5px;
+}
+
+.jqx-icon-search-tailwind,
+.jqx-icon-close-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+}
+
+.jqx-icon-close-tailwind:after {
+  content: var(--jqx-icon-close-alt);
+  font-size: 12px;
+}
+
+.jqx-icon-search-tailwind:after {
+  content: var(--jqx-icon-search);
+}
+
+.jqx-calendar-tailwind {
+  width: 280px !important;
+  height: 280px !important;
+}
+
+.jqx-fill-state-normal-tailwind {
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+  border-color: var(--jqx-border);
+}
+
+.jqx-fill-state-hover-tailwind {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+  border-color: var(--jqx-background-hover);
+}
+
+.jqx-fill-state-pressed-tailwind {
+  background: var(--jqx-primary);
+  color: var(--jqx-primary-color);
+  border-color: var(--jqx-primary);
+}
+
+@font-face {
+  font-family: jqx-icons;
+  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");
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+}
+/*Rounded Corners*/
+/*top-left rounded Corners*/
+.jqx-rc-tl-tailwind {
+  border-top-left-radius: var(--jqx-border-radius);
+}
+
+/*top-right rounded Corners*/
+.jqx-rc-tr-tailwind {
+  border-top-right-radius: var(--jqx-border-radius);
+}
+
+/*bottom-left rounded Corners*/
+.jqx-rc-bl-tailwind {
+  border-bottom-left-radius: var(--jqx-border-radius);
+}
+
+/*bottom-right rounded Corners*/
+.jqx-rc-br-tailwind {
+  border-bottom-right-radius: var(--jqx-border-radius);
+}
+
+/*top rounded Corners*/
+.jqx-rc-t-tailwind {
+  border-top-left-radius: var(--jqx-border-radius);
+  border-top-right-radius: var(--jqx-border-radius);
+}
+
+/*bottom rounded Corners*/
+.jqx-rc-b-tailwind {
+  border-bottom-left-radius: var(--jqx-border-radius);
+  border-bottom-right-radius: var(--jqx-border-radius);
+}
+
+/*right rounded Corners*/
+.jqx-rc-r-tailwind {
+  border-top-right-radius: var(--jqx-border-radius);
+  border-bottom-right-radius: var(--jqx-border-radius);
+}
+
+/*left rounded Corners*/
+.jqx-rc-l-tailwind {
+  border-top-left-radius: var(--jqx-border-radius);
+  border-bottom-left-radius: var(--jqx-border-radius);
+}
+
+/*all rounded Corners*/
+.jqx-rc-all-tailwind {
+  border-radius: var(--jqx-border-radius);
+}
+
+.jqx-widget-tailwind,
+.jqx-widget-header-tailwind,
+.jqx-fill-state-normal-tailwind,
+.jqx-widget-content-tailwind,
+.jqx-fill-state-hover-tailwind,
+.jqx-fill-state-pressed-tailwind {
+  font-family: var(--jqx-font-family);
+  font-size: var(--jqx-font-size);
+}
+
+.jqx-widget-tailwind {
+  font-family: var(--jqx-font-family);
+  font-size: var(--jqx-font-size);
+  color: inherit;
+  border-color: var(--jqx-border);
+}
+
+.jqx-widget-content-tailwind {
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  color: var(--jqx-background-color);
+  background-color: var(--jqx-background);
+  border-color: var(--jqx-border);
+}
+
+.jqx-grid-table-tailwind.jqx-grid-table-one-cell {
+  border-right-color: var(--jqx-border);
+}
+
+.jqx-widget-header-tailwind {
+  background-color: var(--jqx-surface);
+  border-color: var(--jqx-border);
+  font-family: var(--jqx-font-family);
+  font-size: var(--jqx-font-size);
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-grid-column-header-tailwind span:not(.jqx-checkbox-check-checked) {
+  font-size: 12px !important;
+  border-color: var(--tailwind-greys-grey30);
+  font-weight: 600;
+}
+
+.jqx-window-header-tailwind {
+  padding: 10px;
+  color: var(--jqx-surface-color);
+  background: var(--jqx-surface);
+}
+
+.jqx-calendar tr {
+  border-bottom-color: var(--jqx-border);
+}
+
+.jqx-widget-tailwind input::-moz-selection, input.jqx-input-widget-tailwind::-moz-selection, .jqx-widget-content-tailwind input::-moz-selection {
+  background: var(--jqx-primary);
+  color: var(--jqx-primary-color);
+}
+
+.jqx-widget-tailwind input::selection,
+input.jqx-input-widget-tailwind::selection,
+.jqx-widget-content-tailwind input::selection {
+  background: var(--jqx-primary);
+  color: var(--jqx-primary-color);
+}
+
+.jqx-toolbar-tailwind {
+  border-color: var(--jqx-border);
+}
+
+.jqx-toolbar-tailwind {
+  height: auto !important;
+  display: flex;
+  align-items: center;
+}
+
+.jqx-button-tailwind,
+.jqx-button-tailwind.jqx-fill-state-normal-tailwind {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  outline: none;
+}
+
+.jqx-scheduler-edit-dialog-field .jqx-button-tailwind {
+  padding: 6px 16px;
+}
+
+.jqx-button-tailwind button,
+jqx-button-tailwind input {
+  background: transparent;
+  color: inherit;
+  border: none;
+  outline: none;
+}
+
+.jqx-button-tailwind.jqx-button-tailwind {
+  cursor: pointer;
+  --jqx-border: var(--tailwind-input-border);
+  --jqx-background: var(--tailwind-btn-secondary-bg);
+  --jqx-background-color: var(--tailwind-btn-secondary-color);
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+  border: 1px solid var(--jqx-border);
+  border-radius: var(--jqx-border-radius);
+}
+.jqx-button-tailwind.jqx-button-tailwind:hover {
+  --jqx-background: var(--tailwind-btn-secondary-bg-hover);
+}
+.jqx-button-tailwind.jqx-button-tailwind:active {
+  --jqx-background: var(--tailwind-btn-secondary-bg-active);
+}
+.jqx-button-tailwind.jqx-button-tailwind:not(.jqx-navbar-block).jqx-fill-state-pressed, .jqx-button-tailwind.jqx-button-tailwind:not(.jqx-navbar-block).jqx-fill-state-focus, .jqx-button-tailwind.jqx-button-tailwind:not(.jqx-navbar-block):focus {
+  outline-offset: 1px;
+  outline: 2px solid var(--jqx-border);
+}
+.jqx-button-tailwind.jqx-button-tailwind.jqx-navbar-block.jqx-fill-state-pressed, .jqx-button-tailwind.jqx-button-tailwind.jqx-navbar-block.jqx-fill-state-focus, .jqx-button-tailwind.jqx-button-tailwind.jqx-navbar-block:focus {
+  background: var(--tailwind-btn-secondary-bg-active);
+}
+.jqx-button-tailwind.jqx-button-tailwind[disabled] {
+  opacity: 1;
+  --jqx-border: var(--tailwind-greys-grey20);
+  --jqx-background: var(--tailwind-greys-grey20);
+  --jqx-background-color: var(--tailwind-greys-grey90);
+}
+.jqx-button-tailwind.jqx-button-tailwind.jqx-primary, .jqx-button-tailwind.jqx-button-tailwind.primary {
+  --jqx-border: var(--tailwind-btn-primary-bg);
+  --jqx-background: var(--tailwind-btn-primary-bg);
+  --jqx-background-color: var(--tailwind-btn-primary-color);
+}
+.jqx-button-tailwind.jqx-button-tailwind.jqx-primary:hover, .jqx-button-tailwind.jqx-button-tailwind.primary:hover {
+  --jqx-border: var(--tailwind-btn-primary-bg-hover);
+  --jqx-background: var(--tailwind-btn-primary-bg-hover);
+}
+.jqx-button-tailwind.jqx-button-tailwind.jqx-primary:active, .jqx-button-tailwind.jqx-button-tailwind.primary:active {
+  --jqx-background: var(--tailwind-btn-primary-bg-active);
+}
+.jqx-button-tailwind.jqx-button-tailwind.jqx-primary[disabled], .jqx-button-tailwind.jqx-button-tailwind.primary[disabled] {
+  opacity: 1;
+  --jqx-border: var(--tailwind-greys-grey20);
+  --jqx-background: var(--tailwind-greys-grey20);
+  --jqx-background-color: var(--tailwind-greys-grey90);
+}
+
+.jqx-group-button-normal-tailwind {
+  box-shadow: none;
+  background: var(--jqx-background);
+  border-color: var(--jqx-border);
+  color: var(--jqx-background-color) !important;
+  border-radius: 0px;
+}
+
+.jqx-group-button-normal.jqx-fill-state-hover {
+  box-shadow: none !important;
+}
+
+.jqx-group-button-normal.jqx-fill-state-pressed {
+  box-shadow: none !important;
+  background: var(--jqx-primary) !important;
+  border-color: var(--jqx-primary) !important;
+  color: var(--jqx-primary-color) !important;
+  border-radius: 0px;
+  outline: none !important;
+}
+
+.jqx-slider-tooltip-tailwind {
+  display: none !important;
+  opacity: 0 !important;
+}
+
+.jqx-slider-tailwind {
+  --jqx-primary: var(--tailwind-greys-grey130);
+  --jqx-ui-state-active: var(--tailwind-greys-grey130);
+  --jqx-disabled: var(--tailwind-greys-grey60);
+  --jqx-slider-track-size: 4px;
+  --jqx-slider-thumb-width: 16px;
+  --jqx-slider-thumb-height: 16px;
+  border: 1px solid transparent;
+  overflow: unset;
+  opacity: 1;
+}
+.jqx-slider-tailwind .jqx-track-container {
+  border-radius: 2px;
+}
+.jqx-slider-tailwind .jqx-slider-button {
+  opacity: 0 !important;
+}
+.jqx-slider-tailwind .jqx-fill-state-focus-tailwind .jqx-slider-rangebar-tailwind,
+.jqx-slider-tailwind .jqx-fill-state-focus-tailwind .jqx-slider-slider {
+  --jqx-primary: var(--tailwind-theme-primary);
+  --jqx-ui-state-active: var(--tailwind-theme-primary);
+}
+.jqx-slider-tailwind .jqx-slider-track {
+  background: var(--jqx-disabled);
+  overflow: unset;
+}
+.jqx-slider-tailwind .jqx-slider-track .jqx-fill-state-normal {
+  width: 16px;
+  height: 16px;
+  background-color: var(--tailwind-greys-white) !important;
+  border-width: 2px;
+  border-color: var(--jqx-ui-state-active);
+}
+.jqx-slider-tailwind .jqx-slider-track:hover {
+  background: var(--tailwind-theme-light);
+}
+.jqx-slider-tailwind .jqx-slider-track:hover .jqx-fill-state-pressed {
+  background-color: var(--tailwind-theme-primary);
+}
+.jqx-slider-tailwind .jqx-slider-track:hover .jqx-fill-state-normal,
+.jqx-slider-tailwind .jqx-slider-track:hover .jqx-fill-state-hover {
+  border-color: var(--tailwind-theme-primary);
+}
+.jqx-slider-tailwind[disabled] {
+  opacity: 1;
+}
+.jqx-slider-tailwind[disabled] .jqx-track {
+  --jqx-primary: var(--tailwind-greys-grey90);
+  background-color: var(--tailwind-greys-grey20);
+  --jqx-disabled: var(--tailwind-greys-grey20);
+}
+.jqx-slider-tailwind[disabled] .jqx-track .jqx-value {
+  background-color: var(--tailwind-greys-grey90);
+}
+
+.jqx-button-tailwind.float {
+  border-radius: 100%;
+  min-height: 48px;
+  min-width: 48px;
+  width: 48px;
+  height: 48px;
+  max-height: 48px;
+  max-width: 48px;
+}
+
+.jqx-button-tailwind.outlined {
+  background: transparent;
+  color: var(--jqx-primary);
+  border-width: 2px;
+}
+
+.jqx-button-tailwind.flat {
+  background: transparent;
+  color: var(--jqx-primary);
+  border: none;
+}
+
+.jqx-fill-state-hover-tailwind,
+.jqx-fill-state-focus-tailwind {
+  text-decoration: none;
+}
+
+.jqx-expander-header.jqx-fill-state-normal-tailwind {
+  background: var(--jqx-surface);
+  border-color: var(--jqx-border);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-expander-header.jqx-fill-state-hover-tailwind,
+.jqx-expander-header.jqx-fill-state-pressed-tailwind {
+  background: var(--jqx-background-hover);
+  border-color: var(--jqx-border);
+  color: var(--jqx-background-color-hover);
+}
+
+.jqx-expander-header.jqx-fill-state-hover-tailwind {
+  background: var(--jqx-background-hover);
+}
+
+.jqx-expander-content-tailwind {
+  padding: 0px;
+}
+
+.jqx-expander-header-tailwind {
+  padding: 10px;
+}
+
+.jqx-fill-state-disabled-tailwind .jqx-action-button-tailwind {
+  cursor: initial;
+}
+
+.jqx-button-tailwind.jqx-fill-state-pressed.float {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
+}
+
+.jqx-button-tailwind.jqx-fill-state-pressed.outlined,
+.jqx-button-tailwind.jqx-fill-state-pressed.flat {
+  background: rgba(179, 229, 252, 0.15);
+  box-shadow: none;
+  color: var(--jqx-primary);
+}
+
+.jqx-button-tailwind.jqx-fill-state-focus.outlined,
+.jqx-button-tailwind.jqx-fill-state-focus.flat {
+  box-shadow: none;
+  background: rgba(var(--jqx-primary-rgb), 0.15);
+  color: var(--jqx-primary);
+}
+
+.jqx-dropdownlist-content-tailwind {
+  display: flex;
+  align-items: center;
+  height: 100% !important;
+  margin-top: 0px !important;
+}
+
+.jqx-dropdownlist-content-tailwind span {
+  top: 0px !important;
+}
+
+.jqx-dropdownlist-state-normal-tailwind,
+.jqx-dropdownlist-state-hover-tailwind,
+.jqx-dropdownlist-state-selected-tailwind,
+.jqx-scrollbar-button-state-hover-tailwind,
+.jqx-scrollbar-button-state-normal-tailwind,
+.jqx-scrollbar-button-state-pressed-tailwind,
+.jqx-scrollbar-thumb-state-normal-horizontal-tailwind,
+.jqx-scrollbar-thumb-state-hover-horizontal-tailwind,
+.jqx-scrollbar-thumb-state-pressed-horizontal-tailwind,
+.jqx-scrollbar-thumb-state-normal-tailwind,
+.jqx-scrollbar-thumb-state-pressed-tailwind,
+.jqx-tree-item-hover-tailwind,
+.jqx-tree-item-selected-tailwind,
+.jqx-tree-item-tailwind,
+.jqx-menu-item-tailwind,
+.jqx-menu-item-hover-tailwind,
+.jqx-menu-item-selected-tailwind,
+.jqx-menu-item-top-tailwind,
+.jqx-menu-item-top-hover-tailwind,
+.jqx-menu-item-top-selected-tailwind,
+.jqx-slider-button-tailwind,
+.jqx-slider-slider-tailwind {
+  -webkit-transition: background-color 100ms linear;
+  -moz-transition: background-color 100ms linear;
+  -o-transition: background-color 100ms linear;
+  -ms-transition: background-color 100ms linear;
+  transition: background-color 100ms linear;
+}
+
+.jqx-primary-tailwind.jqx-input-label-tailwind {
+  color: var(--jqx-primary) !important;
+}
+
+.jqx-primary-tailwind.jqx-input-bar-tailwind:before {
+  background: var(--jqx-primary) !important;
+}
+
+.jqx-success-tailwind.jqx-input-label-tailwind {
+  color: #5cb85c !important;
+}
+
+.jqx-success-tailwind.jqx-input-bar-tailwind:before {
+  background: #5cb85c !important;
+}
+
+.jqx-inverse-tailwind.jqx-input-label-tailwind {
+  color: #666 !important;
+}
+
+.jqx-inverse-tailwind.jqx-input-bar-tailwind:before {
+  background: #666 !important;
+}
+
+.jqx-danger-tailwind.jqx-input-label-tailwind {
+  color: #d9534f !important;
+}
+
+.jqx-danger-tailwind.jqx-input-bar-tailwind:before {
+  background: #d9534f !important;
+}
+
+.jqx-warning-tailwind.jqx-input-label-tailwind {
+  color: #f0ad4e !important;
+}
+
+.jqx-warning-tailwind.jqx-input-bar-tailwind:before {
+  background: #f0ad4e !important;
+}
+
+.jqx-info-tailwind.jqx-input-label-tailwind {
+  color: #5bc0de !important;
+}
+
+.jqx-info-tailwind.jqx-input-bar-tailwind:before {
+  background: #5bc0de !important;
+}
+
+.jqx-primary-tailwind {
+  color: var(--jqx-primary) !important;
+  background: #fff !important;
+  border-color: var(--jqx-primary) !important;
+  text-shadow: none !important;
+}
+
+.jqx-primary-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-primary-tailwind.jqx-slider-button-tailwind,
+.jqx-primary-tailwind.jqx-slider-slider-tailwind,
+.jqx-primary-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-primary-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-primary-tailwind.jqx-action-button-tailwind,
+.jqx-primary-tailwind:hover,
+.jqx-primary-tailwind:focus,
+.jqx-primary-tailwind:active,
+.jqx-primary-tailwind.active,
+.jqx-primary-tailwind.disabled,
+.jqx-primary-tailwind[disabled] {
+  color: #fff !important;
+  background: var(--jqx-primary) !important;
+  border-color: var(--jqx-primary) !important;
+  text-shadow: none !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-primary-tailwind,
+.jqx-primary-tailwind:active,
+.jqx-primary-tailwind.active {
+  color: #fff !important;
+  background-color: var(--jqx-primary) !important;
+  border-color: var(--jqx-primary) !important;
+  text-shadow: none !important;
+}
+
+.jqx-success-tailwind {
+  color: #5cb85c !important;
+  background: #fff !important;
+  border-color: #5cb85c !important;
+  text-shadow: none !important;
+}
+
+.jqx-success-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-success-tailwind.jqx-slider-button-tailwind,
+.jqx-success-tailwind.jqx-slider-slider-tailwind,
+.jqx-success-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-success-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-success-tailwind.jqx-action-button-tailwind,
+.jqx-success-tailwind:hover,
+.jqx-success-tailwind:focus,
+.jqx-success-tailwind:active,
+.jqx-success-tailwind.active,
+.jqx-success-tailwind.disabled,
+.jqx-success-tailwind[disabled] {
+  color: #fff !important;
+  background: #5cb85c !important;
+  border-color: #5cb85c !important;
+  text-shadow: none !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-success-tailwind,
+.jqx-success-tailwind:active,
+.jqx-success-tailwind.active {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #5cb85c !important;
+  border-color: #5cb85c !important;
+}
+
+.jqx-inverse-tailwind {
+  text-shadow: none !important;
+  color: #666 !important;
+  background: #fff !important;
+  border-color: #cccccc !important;
+}
+
+.jqx-inverse-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-inverse-tailwind.jqx-slider-button-tailwind,
+.jqx-inverse-tailwind.jqx-slider-slider-tailwind,
+.jqx-inverse-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-inverse-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-inverse-tailwind.jqx-action-button-tailwind,
+.jqx-inverse-tailwind:hover,
+.jqx-inverse-tailwind:focus,
+.jqx-inverse-tailwind:active,
+.jqx-inverse-tailwind.active,
+.jqx-inverse-tailwind.disabled,
+.jqx-inverse-tailwind[disabled] {
+  text-shadow: none !important;
+  color: #666 !important;
+  background: #cccccc !important;
+  border-color: #cccccc !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-inverse-tailwind,
+.jqx-inverse-tailwind:active,
+.jqx-inverse-tailwind.active {
+  text-shadow: none !important;
+  color: #666 !important;
+  background: #cccccc !important;
+  border-color: #cccccc !important;
+}
+
+.jqx-danger-tailwind {
+  text-shadow: none !important;
+  color: #d9534f !important;
+  background: #fff !important;
+  border-color: #d9534f !important;
+}
+
+.jqx-danger-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-danger-tailwind.jqx-slider-button-tailwind,
+.jqx-danger-tailwind.jqx-slider-slider-tailwind,
+.jqx-danger-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-danger-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-danger-tailwind.jqx-action-button-tailwind,
+.jqx-danger-tailwind:hover,
+.jqx-danger-tailwind:focus,
+.jqx-danger-tailwind:active,
+.jqx-danger-tailwind.active,
+.jqx-danger-tailwind.disabled,
+.jqx-danger-tailwind[disabled] {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #d9534f !important;
+  border-color: #d9534f !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-danger-tailwind,
+.jqx-danger-tailwind:active,
+.jqx-danger-tailwind.active {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #d9534f !important;
+  border-color: #d9534f !important;
+}
+
+.jqx-validator-error-label-tailwind {
+  color: #d9534f !important;
+}
+
+.jqx-warning-tailwind {
+  text-shadow: none !important;
+  color: #f0ad4e !important;
+  background: #fff !important;
+  border-color: #f0ad4e !important;
+}
+
+.jqx-warning-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-warning-tailwind.jqx-slider-button-tailwind,
+.jqx-warning-tailwind.jqx-slider-slider-tailwind,
+.jqx-warning-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-warning-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-warning-tailwind.jqx-action-button-tailwind,
+.jqx-warning-tailwind:hover,
+.jqx-warning-tailwind:focus,
+.jqx-warning-tailwind:active,
+.jqx-warning-tailwind.active,
+.jqx-warning-tailwind.disabled,
+.jqx-warning-tailwind[disabled] {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #f0ad4e !important;
+  border-color: #f0ad4e !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-warning-tailwind,
+.jqx-warning-tailwind:active,
+.jqx-warning-tailwind.active {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #f0ad4e !important;
+  border-color: #f0ad4e !important;
+}
+
+.jqx-info-tailwind {
+  text-shadow: none !important;
+  color: #5bc0de !important;
+  background: #fff !important;
+  border-color: #5bc0de !important;
+}
+
+.jqx-info-tailwind.jqx-dropdownlist-state-normal-tailwind,
+.jqx-info-tailwind.jqx-slider-button-tailwind,
+.jqx-info-tailwind.jqx-slider-slider-tailwind,
+.jqx-info-tailwind.jqx-combobox-arrow-hover-tailwind,
+.jqx-info-tailwind.jqx-combobox-arrow-normal-tailwind,
+.jqx-info-tailwind.jqx-action-button-tailwind,
+.jqx-info-tailwind:hover,
+.jqx-info-tailwind:focus,
+.jqx-info-tailwind:active,
+.jqx-info-tailwind.active,
+.jqx-info-tailwind.disabled,
+.jqx-info-tailwind[disabled] {
+  color: #fff !important;
+  background: #5bc0de !important;
+  border-color: #5bc0de !important;
+  text-shadow: none !important;
+}
+
+.jqx-fill-state-pressed-tailwind.jqx-info-tailwind,
+.jqx-info-tailwind:active,
+.jqx-info-tailwind.active {
+  text-shadow: none !important;
+  color: #fff !important;
+  background: #5bc0de !important;
+  border-color: #5bc0de !important;
+}
+
+.jqx-fill-state-pressed-tailwind {
+  background-image: none;
+  outline: 0;
+}
+
+.jqx-grid-group-column-tailwind {
+  border-color: transparent;
+}
+
+.jqx-grid-column-menubutton-tailwind {
+  border-width: 0px;
+}
+
+.jqx-grid-groups-row-tailwind > span {
+  padding-left: 4px;
+}
+
+.jqx-grid-column-filterbutton-tailwind,
+.jqx-grid-column-menubutton-tailwind {
+  background-image: none;
+  font-family: "jqx-icons";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0px;
+}
+
+.jqx-grid-column-filterbutton-tailwind:after {
+  content: var(--jqx-icon-filter);
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-grid-column-menubutton-tailwind:after {
+  content: var(--jqx-icon-menu) !important;
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+  margin-top: 2px;
+}
+
+.jqx-datatable-dark .jqx-widget-header-dark .jqx-grid-column-header-dark {
+  border-right-color: var(--jqx-border);
+}
+
+.jqx-datatable-tailwind td.jqx-grid-cell-tailwind,
+.jqx-treegrid-tailwind .jqx-grid-cell-tailwind {
+  padding-top: 10px;
+  padding-bottom: 9px;
+  font-size: 14px;
+}
+
+.jqx-grid-cell-tailwind {
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.jqx-widget-header-tailwind.jqx-grid-cell-tailwind {
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-grid-tailwind:not(.jqx-scheduler) .jqx-grid-cell:not(.jqx-grid-cell-selected).jqx-grid-cell-alt-tailwind {
+  background: rgba(244, 245, 249, 0.2) !important;
+  color: var(--jqx-surface-color) !important;
+}
+.jqx-grid-tailwind:not(.jqx-scheduler) .jqx-grid-cell:not(.jqx-grid-cell-selected).jqx-grid-cell-alt-tailwind.jqx-grid-cell-sort-tailwind {
+  background: rgba(244, 245, 249, 0.2) !important;
+  color: var(--jqx-surface-color) !important;
+}
+.jqx-grid-tailwind:not(.jqx-scheduler) .jqx-grid-cell:not(.jqx-grid-cell-selected).jqx-grid-cell-alt-tailwind.jqx-grid-cell-hover-tailwind {
+  background: var(--jqx-background-hover) !important;
+  color: var(--jqx-background-color-hover) !important;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-button-tailwind,
+.jqx-grid-pager-tailwind .jqx-button-tailwind {
+  color: inherit !important;
+  border-color: transparent !important;
+  position: relative;
+  top: 0px;
+  display: flex;
+  font-size: 16px;
+  justify-content: center;
+  align-content: center;
+  outline: none !important;
+  outline-offset: 0px !important;
+  border-radius: 50%;
+}
+
+.jqx-grid-pager-input-tailwind {
+  padding: 0px !important;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-button-tailwind > div,
+.jqx-grid-pager-tailwind .jqx-button-tailwind > div {
+  top: 0px;
+  position: relative;
+  left: 0px;
+  display: flex;
+  align-items: center;
+  margin-left: 0px !important;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-button-tailwind.jqx-fill-state-hover,
+.jqx-grid-pager-tailwind .jqx-button-tailwind.jqx-fill-state-hover {
+  color: var(--jqx-background-color-hover);
+  background: var(--jqx-background-hover);
+  border-color: var(--jqx-background-hover);
+  box-shadow: none;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-button-tailwind.jqx-fill-state-pressed,
+.jqx-grid-pager-tailwind .jqx-button-tailwind.jqx-fill-state-pressed {
+  background: var(--jqx-primary);
+  color: var(--jqx-primary-color) !important;
+  border-color: var(--jqx-primary) !important;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-grid-pager-number-tailwind,
+.jqx-grid-pager-tailwind .jqx-grid-pager-number-tailwind {
+  background-color: transparent;
+  border-color: transparent;
+  color: inherit;
+  font-size: 14px;
+  padding: 6px 10px;
+  border-radius: 50%;
+  position: relative;
+}
+
+.jqx-grid-pager-top-tailwind .jqx-grid-pager-number-tailwind:hover,
+.jqx-grid-pager-tailwind .jqx-grid-pager-number-tailwind:hover {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover) !important;
+  font-size: var(--jqx-font-size);
+}
+
+.jqx-grid-pager-top-tailwind .jqx-grid-pager-number-tailwind.jqx-fill-state-pressed-tailwind,
+.jqx-grid-pager-tailwind .jqx-grid-pager-number-tailwind.jqx-fill-state-pressed-tailwind {
+  background: var(--jqx-primary);
+  color: var(--jqx-background) !important;
+}
+
+.jqx-grid-column-menubutton-tailwind {
+  background-color: transparent;
+  border-color: var(--jqx-border) !important;
+}
+
+.jqx-cell-tailwind {
+  font-size: 13px;
+}
+
+.jqx-calendar-tailwind > div {
+  padding: 0px;
+  box-sizing: border-box;
+}
+
+.jqx-calendar-month-tailwind {
+  width: 90%;
+  position: relative;
+  left: 5%;
+}
+
+.jqx-calendar-title-navigation-tailwind {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.jqx-calendar-title-navigation-tailwind.jqx-icon-arrow-left-tailwind:after {
+  content: var(--jqx-icon-calendar-up) !important;
+  font-size: 12px;
+}
+.jqx-calendar-title-navigation-tailwind.jqx-icon-arrow-right-tailwind:after {
+  content: var(--jqx-icon-calendar-down) !important;
+  font-size: 12px;
+}
+.jqx-calendar-title-navigation-tailwind:hover::after {
+  background: var(--jqx-background-hover) !important;
+  color: var(--jqx-background-color-hover) !important;
+  padding: 5px;
+}
+
+.jqx-calendar-row-header-tailwind,
+.jqx-calendar-top-left-header-tailwind {
+  background-color: var(--jqx-background);
+  border: 0px solid var(--jqx-background);
+}
+
+.jqx-calendar-column-header-tailwind {
+  background-color: var(--jqx-background);
+  border-top: 1px solid var(--jqx-background);
+  border-bottom: 1px solid var(--jqx-border);
+  color: var(--jqx-background-color);
+}
+
+.jqx-expander-header-tailwind {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.jqx-ribbon-header-vertical-tailwind,
+.jqx-widget-header-vertical-tailwind {
+  background: var(--jqx-background);
+}
+
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-state-normal-tailwind {
+  background: transparent;
+  border-color: transparent;
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-button-state-normal-tailwind {
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-thumb-state-normal-tailwind {
+  transform: scaleX(0.3);
+  border-radius: 5px;
+  transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-thumb-state-normal-horizontal-tailwind {
+  transform: scaleY(0.3);
+  border-radius: 5px;
+  transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile):hover .jqx-scrollbar-state-normal-tailwind, .jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile)[touched] .jqx-scrollbar-state-normal-tailwind {
+  background: transparent;
+  border-color: transparent;
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile):hover .jqx-scrollbar-button-state-normal-tailwind, .jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile)[touched] .jqx-scrollbar-button-state-normal-tailwind {
+  opacity: 0;
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile):hover .jqx-scrollbar-thumb-state-normal-tailwind, .jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile)[touched] .jqx-scrollbar-thumb-state-normal-tailwind {
+  transform: scaleX(0.4);
+  border-radius: 5px;
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile):hover .jqx-scrollbar-thumb-state-normal-horizontal-tailwind, .jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile)[touched] .jqx-scrollbar-thumb-state-normal-horizontal-tailwind {
+  transform: scaleY(0.4);
+  border-radius: 5px;
+}
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-thumb-state-pressed-tailwind,
+.jqx-scrollbar-tailwind:not(.jqx-scrollbar-mobile) .jqx-scrollbar-thumb-state-pressed-horizontal-tailwind {
+  transform: scale(1);
+  border-radius: 0px;
+}
+
+.jqx-scrollbar-state-normal-tailwind {
+  background-color: var(--jqx-scrollbar-background);
+  border: 1px solid var(--jqx-scrollbar-background);
+  border-left-color: var(--jqx-scrollbar-border);
+}
+
+.jqx-scrollbar-thumb-state-normal-tailwind,
+.jqx-scrollbar-thumb-state-normal-horizontal-tailwind {
+  background: var(--jqx-scrollbar-thumb-background);
+  border-color: var(--jqx-scrollbar-thumb-border);
+  border-radius: 0px;
+}
+
+.jqx-scrollbar-thumb-state-hover-tailwind,
+.jqx-scrollbar-thumb-state-hover-horizontal-tailwind {
+  background: var(--jqx-scrollbar-thumb-background-hover);
+  border-color: var(--jqx-scrollbar-thumb-border-hover);
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+}
+
+.jqx-progressbar-tailwind {
+  background: var(--jqx-background) !important;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.jqx-progressbar-value-tailwind,
+.jqx-splitter-collapse-button-horizontal-tailwind {
+  background: var(--jqx-primary);
+}
+
+.jqx-splitter-collapse-button-vertical-tailwind,
+.jqx-progressbar-value-vertical-tailwind {
+  background: var(--jqx-primary);
+}
+
+.jqx-scrollbar-mobile-tailwind .jqx-scrollbar-button-state-normal {
+  display: none !important;
+}
+
+.jqx-scrollbar-button-state-hover-tailwind {
+  color: var(--jqx-scrollbar-button-color-hover);
+  background: var(--jqx-scrollbar-button-background-hover);
+  border-color: var(--jqx-scrollbar-button-border-hover);
+}
+
+.jqx-scrollbar-button-state-pressed-tailwind {
+  color: var(--jqx-scrollbar-button-color-pressed);
+  background: var(--jqx-scrollbar-button-background-pressed);
+  border-color: var(--jqx-scrollbar-button-border-pressed);
+}
+
+.jqx-splitter-splitbar-vertical-tailwind,
+.jqx-splitter-splitbar-horizontal-tailwind {
+  background: var(--jqx-scrollbar-thumb-background);
+  border-color: var(--jqx-scrollbar-thumb-border);
+}
+
+.jqx-scrollbar-thumb-state-pressed-tailwind,
+.jqx-scrollbar-thumb-state-pressed-horizontal-tailwind,
+.jqx-scrollbar-button-state-pressed-tailwind {
+  background: var(--jqx-scrollbar-thumb-background-pressed);
+  border-color: var(--jqx-scrollbar-thumb-border-pressed);
+  box-shadow: none;
+}
+
+.jqx-grid-column-sortdescbutton-tailwind,
+jqx-grid-column-filterbutton-tailwind,
+.jqx-grid-column-sortascbutton-tailwind {
+  background-color: transparent;
+  border-style: solid;
+  border-width: 0px 0px 0px 0px;
+  border-color: var(--jqx-border);
+}
+
+.jqx-menu-vertical-tailwind {
+  background: var(--jqx-background);
+  filter: none;
+}
+
+.jqx-grid-bottomright-tailwind,
+.jqx-panel-bottomright-tailwind,
+.jqx-listbox-bottomright-tailwind {
+  background-color: var(--jqx-background);
+  border-color: var(--jqx-background);
+}
+
+.jqx-window-tailwind,
+.jqx-tooltip-tailwind {
+  box-shadow: var(--tailwind-box-shadow-64) !important;
+}
+
+.jqx-layout-group-tabbed-tailwind {
+  box-shadow: none !important;
+}
+
+.jqx-tooltip-tailwind {
+  --jqx-tooltip-arrow-width: 16px;
+  --jqx-tooltip-arrow-translate: 0;
+  opacity: 0.9;
+  box-shadow: var(--tailwind-box-shadow-16) !important;
+  border-radius: var(--jqx-border-radius);
+}
+.jqx-tooltip-tailwind.dark {
+  --tailwind-tooltip-bg: #201F1E;
+  --tailwind-tooltip-color: #fff;
+}
+.jqx-tooltip-tailwind.jqx-popup-light,
+.jqx-tooltip-tailwind .jqx-fill-state-normal-tailwind {
+  background: var(--tailwind-tooltip-bg);
+  border-color: var(--tailwind-tooltip-bg);
+  box-shadow: none;
+  color: var(--tailwind-tooltip-color);
+}
+.jqx-tooltip-tailwind .jqx-tooltip-main {
+  border-color: var(--tailwind-tooltip-bg);
+  background-color: var(--tailwind-tooltip-bg);
+  color: var(--tailwind-tooltip-color);
+  border-radius: 2px;
+  box-shadow: var(--tailwind-box-shadow-16) !important;
+}
+
+.jqx-rating-image-default img,
+.jqx-rating-image-hover img,
+.jqx-rating-image-backward img {
+  visibility: hidden;
+}
+.jqx-rating-image-default:after,
+.jqx-rating-image-hover:after,
+.jqx-rating-image-backward:after {
+  content: "";
+  top: 0;
+  position: absolute;
+  display: block;
+  background-position: center center;
+  background-repeat: no-repeat;
+  width: 20px;
+  height: 20px;
+}
+
+.jqx-rating-image-default.hidden-item:after,
+.jqx-rating-image-hover.hidden-item:after,
+.jqx-rating-image-backward.hidden-item:after {
+  display: none;
+}
+
+.jqx-rating-image-backward:after {
+  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8281 12.2461L16.25 20L10 15.1953L3.75 20L6.17188 12.2461L0 7.5H7.65625L10 0L12.3438 7.5H20L13.8281 12.2461ZM13.877 16.6016C13.6296 15.7943 13.3822 14.9935 13.1348 14.1992C12.8874 13.3984 12.6335 12.5944 12.373 11.7871C13.0436 11.2858 13.7044 10.7812 14.3555 10.2734C15.0065 9.76562 15.6641 9.25781 16.3281 8.75H11.4258L10 4.18945L8.57422 8.75H3.67188C4.33594 9.25781 4.99349 9.76562 5.64453 10.2734C6.29557 10.7812 6.95638 11.2858 7.62695 11.7871C7.36654 12.5944 7.11263 13.3984 6.86523 14.1992C6.61784 14.9935 6.37044 15.7943 6.12305 16.6016L10 13.6133L13.877 16.6016Z' fill='%23A19F9D'/%3E%3C/svg%3E");
+  background-color: #fff;
+}
+
+.jqx-rating-image-hover:after {
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%230078D4'/%3E%3C/svg%3E");
+}
+
+.jqx-rating-image-default:after {
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%23201F1E'/%3E%3C/svg%3E");
+}
+
+.jqx-docking-tailwind .jqx-window-tailwind {
+  box-shadow: none;
+}
+
+.jqx-docking-panel-tailwind .jqx-window-tailwind {
+  box-shadow: none;
+}
+
+.jqx-checkbox-tailwind {
+  line-height: 20px;
+  overflow: visible;
+}
+
+.jqx-radiobutton-tailwind {
+  overflow: visible;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  background-repeat: no-repeat;
+  background: none;
+  line-height: 20px;
+}
+
+.jqx-radiobutton-tailwind-tailwind,
+.jqx-radiobutton-hover-tailwind {
+  border-radius: 100%;
+  background-repeat: no-repeat;
+  transition: background-color ease-in 0.3s;
+}
+
+.jqx-radiobutton-check-checked-tailwind {
+  filter: none;
+  background: var(--jqx-background);
+  background-repeat: no-repeat;
+  border-radius: 100%;
+}
+
+.jqx-radiobutton-check-indeterminate-tailwind {
+  filter: none;
+  background: var(--jqx-background);
+  border-radius: 100%;
+}
+
+.jqx-radiobutton-check-indeterminate-disabled-tailwind {
+  filter: none;
+  background: var(--jqx-background);
+  opacity: 0.7;
+  border-radius: 100%;
+}
+
+.jqx-checkbox-default-tailwind,
+.jqx-radiobutton-default-tailwind {
+  border-width: 1px;
+  border-color: var(--tailwind-input-border);
+  background-color: var(--jqx-background);
+  overflow: visible;
+}
+
+.jqx-tree-grid-expand-button-tailwind,
+.jqx-tree-grid-collapse-button-tailwind {
+  font-size: 16px;
+}
+
+.jqx-grid-table-tailwind .jqx-grid-cell:first-child {
+  padding-left: 10px;
+}
+
+.jqx-tree-grid-title-tailwind {
+  margin-left: 5px;
+}
+
+.jqx-tree-tailwind .jqx-checkbox-tailwind[checked] .jqx-checkbox-default-tailwind,
+.jqx-checkbox-tailwind[checked] .jqx-checkbox-default-tailwind,
+.jqx-radiobutton-tailwind[checked] .jqx-radiobutton-default-tailwind {
+  color: var(--jqx-primary-color);
+  background-color: var(--jqx-primary);
+  border-color: var(--jqx-primary);
+}
+
+.jqx-datatable-tailwind .jqx-tree-grid-checkbox-tailwind {
+  color: var(--jqx-background-color);
+  background-color: var(--jqx-background);
+  border-color: var(--jqx-border);
+}
+.jqx-datatable-tailwind .jqx-tree-grid-checkbox-tailwind:hover {
+  border-color: var(--tailwind-input-border-hover);
+}
+.jqx-datatable-tailwind .jqx-tree-grid-checkbox-tailwind .jqx-checkbox-check-indeterminate, .jqx-datatable-tailwind .jqx-tree-grid-checkbox-tailwind[checked=true] {
+  color: var(--jqx-primary-color) !important;
+  background-color: var(--jqx-primary) !important;
+  border-color: var(--jqx-primary) !important;
+}
+
+.jqx-listbox-content-element-tailwind .jqx-checkbox-tailwind .jqx-checkbox-default-tailwind {
+  color: var(--jqx-background-color);
+  background-color: var(--jqx-background);
+  border-color: var(--jqx-border);
+}
+.jqx-listbox-content-element-tailwind .jqx-checkbox-tailwind .jqx-checkbox-default-tailwind:hover {
+  border-color: var(--tailwind-input-border-hover);
+}
+.jqx-listbox-content-element-tailwind .jqx-checkbox-tailwind .jqx-checkbox-check-checked {
+  color: var(--jqx-primary-color);
+  background-color: var(--jqx-primary);
+  border-color: var(--jqx-primary);
+  border-radius: var(--jqx-border-radius) !important;
+}
+.jqx-menu-item-disabled-tailwind {
+  color: inherit;
+}
+
+.jqx-grid-tailwind .jqx-checkbox-default-tailwind {
+  border-radius: var(--jqx-border-radius);
+}
+
+.jqx-checkbox-check-checked-tailwind {
+  background: none;
+  font-family: jqx-icons;
+  display: flex;
+  justify-content: center;
+}
+
+.jqx-checkbox-check-checked-tailwind:after {
+  content: var(--jqx-icon-check);
+}
+
+.jqx-checkbox-check-indeterminate-tailwind {
+  width: 14px !important;
+  height: 14px !important;
+  position: relative;
+  top: 1px;
+  left: 1px;
+  background: var(--jqx-background);
+}
+
+.jqx-tree-tailwind .jqx-checkbox-check-indeterminate-tailwind {
+  width: 12px !important;
+  height: 12px !important;
+  top: 2px;
+  left: 2px;
+}
+
+.jqx-checkbox-hover-tailwind,
+.jqx-radiobutton-hover-tailwind {
+  background-color: var(--tailwind-input-background);
+  border-color: var(--tailwind-input-border-hover);
+}
+
+.jqx-tree-item-tailwind,
+.jqx-tree-item-selected {
+  padding: 6px;
+  border-radius: var(--jqx-border-radius);
+}
+
+.jqx-grid-pager-input-tailwind,
+.jqx-listbox-tailwind input {
+  padding-left: 5px;
+  box-sizing: border-box;
+}
+.jqx-grid-pager-input-tailwind:hover,
+.jqx-listbox-tailwind input:hover {
+  border: 1px solid var(--tailwind-input-border-hover) !important;
+}
+.jqx-grid-pager-input-tailwind:focus,
+.jqx-listbox-tailwind input:focus {
+  border: 1px solid var(--jqx-primary) !important;
+  outline: 1px solid var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+
+.jqx-listitem-element-tailwind .jqx-checkbox-default-tailwind {
+  border-radius: var(--jqx-border-radius);
+}
+
+.jqx-listitem-state-hover-tailwind,
+.jqx-listitem-state-selected-tailwind,
+.jqx-listitem-state-normal-tailwind {
+  border-radius: var(--jqx-border-radius);
+  margin: 0px;
+  padding-top: 6px !important;
+  padding-bottom: 6px !important;
+  padding-left: 5px;
+  cursor: pointer;
+}
+
+.jqx-scheduler-edit-dialog-label-tailwind {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+.jqx-scheduler-edit-dialog-field-tailwind {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+.jqx-scheduler-edit-dialog-label-rtl-tailwind {
+  line-height: 35px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+.jqx-scheduler-edit-dialog-field-rtl-tailwind {
+  line-height: 35px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+.jqx-menu-horizontal-tailwind {
+  height: auto !important;
+}
+
+.jqx-menu-horizontal-tailwind .jqx-menu-item-top-tailwind {
+  padding: 8px;
+}
+
+.jqx-menu-item-top-tailwind,
+.jqx-menu-item-tailwind {
+  padding: 8px;
+}
+
+/*applied to a list item when the item is selected.*/
+.jqx-listitem-state-hover-tailwind,
+.jqx-menu-item-hover-tailwind,
+.jqx-tree-item-hover-tailwind,
+.jqx-calendar-cell-hover-tailwind,
+.jqx-grid-cell-hover-tailwind,
+.jqx-grid-cell-tailwind.jqx-fill-state-hover,
+.jqx-input-popup-tailwind .jqx-fill-state-hover-tailwind,
+.jqx-input-popup-tailwind .jqx-fill-state-pressed-tailwind {
+  color: var(--jqx-background-color-hover);
+  border-color: var(--jqx-background-hover);
+  text-decoration: none;
+  background-color: var(--jqx-background-hover);
+  background-repeat: repeat-x;
+  outline: 0;
+  background: var(--jqx-background-hover);
+  box-shadow: none;
+  background-position: 0 0;
+}
+
+.jqx-scheduler-cell-hover-tailwind {
+  border-color: var(--jqx-primary) !important;
+  background: var(--jqx-primary) !important;
+  color: var(--jqx-background) !important;
+}
+
+.jqx-listitem-state-selected-tailwind,
+.jqx-menu-item-selected-tailwind,
+.jqx-tree-item-selected-tailwind,
+.jqx-calendar-cell-selected-tailwind,
+.jqx-grid-cell-selected-tailwind,
+.jqx-menu-item-top-selected-tailwind,
+.jqx-grid-selectionarea-tailwind,
+.jqx-input-button-header-tailwind,
+.jqx-input-button-innerHeader-tailwind {
+  color: var(--jqx-primary-color) !important;
+  border-color: var(--jqx-primary) !important;
+  background: var(--jqx-primary) !important;
+  /* Old browsers */
+  box-shadow: none;
+}
+
+.jqx-grid-cell-tailwind .jqx-button-tailwind,
+.jqx-grid-cell-tailwind .jqx-button-tailwind.jqx-fill-state-hover-tailwind,
+.jqx-grid-cell-tailwind .jqx-button-tailwind.jqx-fill-state-pressed-tailwind {
+  box-shadow: none;
+  transition: none;
+}
+
+.jqx-menu-popup-tailwind {
+  opacity: 0;
+  transform-origin: top left;
+  box-shadow: var(--tailwind-box-shadow-8) !important;
+  background: var(--jqx-background) !important;
+}
+.jqx-menu-popup-tailwind .jqx-popup-tailwind {
+  box-shadow: none !important;
+}
+
+.jqx-menu-popup-tailwind.top {
+  transform: scaleY(0);
+  transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
+}
+
+.jqx-menu-popup-tailwind.horizontal {
+  transform: scaleX(0);
+  transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
+}
+
+.jqx-menu-popup-tailwind.show {
+  transform: scale(1);
+  opacity: 1;
+}
+
+.jqx-popup-tailwind {
+  border: 1px solid var(--jqx-border);
+  background: var(--jqx-background);
+  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: var(--tailwind-box-shadow-8) !important;
+}
+
+.jqx-menu-popup-tailwind .jqx-popup-tailwind {
+  box-shadow: none;
+  border: none;
+}
+
+.jqx-datatable-tailwind .jqx-grid-column-sortdescbutton-tailwind,
+.jqx-datatable-tailwind .jqx-grid-column-sortascbutton-tailwind {
+  display: flex;
+  align-items: center;
+}
+
+.jqx-grid-column-sortascbutton-tailwind,
+.jqx-expander-arrow-bottom-tailwind,
+.jqx-window-collapse-button-tailwind,
+.jqx-menu-item-arrow-up-tailwind,
+.jqx-menu-item-arrow-up-selected-tailwind,
+.jqx-menu-item-arrow-top-up-tailwind,
+.jqx-icon-arrow-up-tailwind,
+.jqx-icon-arrow-up-hover-tailwind,
+.jqx-icon-arrow-up-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-column-sortascbutton-tailwind,
+.jqx-expander-arrow-bottom-tailwind,
+.jqx-window-collapse-button-tailwind,
+.jqx-menu-item-arrow-up-tailwind,
+.jqx-menu-item-arrow-up-selected-tailwind,
+.jqx-menu-item-arrow-top-up-tailwind,
+.jqx-icon-arrow-up-tailwind,
+.jqx-icon-arrow-up-hover-tailwind,
+.jqx-icon-arrow-up-selected-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+}
+
+.jqx-window-collapse-button-tailwind {
+  position: relative;
+  right: 10px;
+  font-size: 18px;
+  margin-top: 0px;
+}
+
+.jqx-grid-column-sortascbutton-tailwind:after,
+.jqx-expander-arrow-bottom-tailwind:after,
+.jqx-window-collapse-button-tailwind:after,
+.jqx-menu-item-arrow-up-tailwind:after,
+.jqx-menu-item-arrow-up-selected-tailwind:after,
+.jqx-menu-item-arrow-top-up-tailwind:after,
+.jqx-icon-arrow-up-tailwind:after,
+.jqx-icon-arrow-up-hover-tailwind:after,
+.jqx-icon-arrow-up-selected-tailwind:after {
+  content: var(--jqx-icon-arrow-up);
+}
+
+.jqx-grid-column-sortascbutton-tailwind:after,
+.jqx-grid-column-sorticon-tailwind.jqx-icon-arrow-up-tailwind:after {
+  content: var(--jqx-icon-sort-up);
+}
+
+.jqx-widget-tailwind .jqx-grid-group-expand-tailwind,
+.jqx-grid-group-expand-tailwind,
+.jqx-grid-column-sortdescbutton-tailwind,
+.jqx-expander-arrow-top-tailwind,
+.jqx-window-collapse-button-collapsed-tailwind,
+.jqx-menu-item-arrow-down-tailwind,
+.jqx-menu-item-arrow-down-selected-tailwind,
+.jqx-menu-item-arrow-down-tailwind,
+.jqx-icon-arrow-down-tailwind,
+.jqx-icon-arrow-down-hover-tailwind,
+.jqx-icon-arrow-down-selected-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+}
+
+.jqx-widget-tailwind .jqx-grid-group-expand-tailwind:after,
+.jqx-grid-group-expand-tailwind:after,
+.jqx-grid-column-sortdescbutton-tailwind:after,
+.jqx-expander-arrow-top-tailwind:after,
+.jqx-window-collapse-button-collapsed-tailwind:after,
+.jqx-menu-item-arrow-down-tailwind:after,
+.jqx-menu-item-arrow-down-selected-tailwind:after,
+.jqx-menu-item-arrow-down-tailwind:after,
+.jqx-icon-arrow-down-tailwind:after,
+.jqx-icon-arrow-down-hover-tailwind:after,
+.jqx-icon-arrow-down-selected-tailwind:after {
+  content: var(--jqx-icon-arrow-down);
+}
+
+.jqx-grid-column-sortdescbutton-tailwind:after,
+.jqx-grid-column-sorticon-tailwind.jqx-icon-arrow-down-tailwind:after {
+  content: var(--jqx-icon-sort-down);
+}
+
+.jqx-grid-column-header-tailwind[sort][sort-index] > div > div {
+  width: calc(100% - 45px);
+}
+
+.jqx-grid-column-header-tailwind[sort][sort-index] .sorticon {
+  display: flex;
+  align-items: center;
+  width: 45px;
+  flex-direction: row-reverse;
+  margin-right: 5px;
+}
+
+.jqx-grid-column-header-tailwind[sort][sort-index] .sorticon:before {
+  content: attr(order);
+  font-size: 11px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  background: var(--jqx-primary);
+  color: var(--jqx-primary-color);
+  padding: 5px;
+  margin-left: 5px;
+  height: 8px;
+  box-sizing: content-box;
+}
+
+.jqx-tabs-arrow-left-tailwind,
+.jqx-menu-item-arrow-left-selected-tailwind,
+.jqx-menu-item-arrow-top-left,
+.jqx-icon-arrow-left-tailwind,
+.jqx-icon-arrow-down-left-tailwind,
+.jqx-icon-arrow-left-selected-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.jqx-tabs-arrow-left-tailwind:after,
+.jqx-menu-item-arrow-left-selected-tailwind:after,
+.jqx-menu-item-arrow-top-left:after,
+.jqx-icon-arrow-left-tailwind:after,
+.jqx-icon-arrow-down-left-tailwind:after,
+.jqx-icon-arrow-left-selected-tailwind:after {
+  content: var(--jqx-icon-arrow-left);
+}
+
+.jqx-widget-tailwind .jqx-grid-group-collapse-tailwind,
+.jqx-grid-group-collapse-tailwind,
+.jqx-tabs-arrow-right-tailwind,
+.jqx-menu-item-arrow-right-selected-tailwind,
+.jqx-menu-item-arrow-top-right-tailwind,
+.jqx-icon-arrow-right-tailwind,
+.jqx-icon-arrow-right-hover-tailwind,
+.jqx-icon-arrow-right-selected-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.jqx-widget-tailwind .jqx-grid-group-collapse-tailwind:after,
+.jqx-grid-group-collapse-tailwind:after,
+.jqx-tabs-arrow-right-tailwind:after,
+.jqx-menu-item-arrow-right-selected-tailwind:after,
+.jqx-menu-item-arrow-top-right-tailwind:after,
+.jqx-icon-arrow-right-tailwind:after,
+.jqx-icon-arrow-right-hover-tailwind:after,
+.jqx-icon-arrow-right-selected-tailwind:after {
+  content: var(--jqx-icon-arrow-right);
+}
+
+.jqx-tree-item-arrow-collapse-rtl-tailwind,
+.jqx-tree-item-arrow-collapse-hover-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-tree-item-arrow-collapse-rtl-tailwind:after,
+.jqx-tree-item-arrow-collapse-hover-rtl-tailwind:after {
+  content: var(--jqx-icon-arrow-left);
+}
+
+.jqx-menu-item-arrow-left-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-menu-item-arrow-right-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-input-button-content-tailwind {
+  font-size: 10px;
+}
+
+.jqx-widget .jqx-grid-column-header-cell-tailwind {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  height: 30px;
+}
+
+.jqx-widget .jqx-grid-row-cell-tailwind {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  height: 30px;
+}
+
+.jqx-listbox-container-tailwind,
+.jqx-calendar-container-tailwind {
+  margin-left: -10px;
+}
+
+.jqx-calendar-container-tailwind .jqx-popup,
+.jqx-calendar-tailwind.jqx-popup,
+.jqx-listbox-tailwind.jqx-popup {
+  margin-left: 9px;
+}
+
+.jqx-dropdownbutton-popup,
+.jqx-calendar-tailwind.jqx-popup,
+.jqx-listbox-tailwind.jqx-popup,
+.jqx-grid-menu.jqx-popup {
+  transition: transform 0.25s ease-in-out, opacity 0.35s ease-in-out;
+  transform: scaleY(0);
+  opacity: 0;
+  transform-origin: top left;
+  display: block !important;
+}
+
+.jqx-dropdownbutton-popup.jqx-popup-show,
+.jqx-calendar-tailwind.jqx-popup-show,
+.jqx-listbox-tailwind.jqx-popup-show,
+.jqx-grid-menu.jqx-popup-show {
+  transform: scaleY(1);
+  opacity: 1;
+}
+
+.jqx-widget-tailwind .jqx-grid-cell {
+  border-color: var(--jqx-border);
+  color: var(--jqx-background-color);
+}
+
+.jqx-widget-tailwind .jqx-grid-column-header,
+.jqx-widget-tailwind .jqx-grid-group-cell {
+  border-color: var(--jqx-border);
+  color: var(--jqx-surface-color);
+  background: var(--jqx-surface);
+}
+
+.jqx-widget-tailwind .jqx-grid-column-header-tailwind {
+  border-color: var(--jqx-border);
+  font-size: 14px;
+  color: var(--jqx-surface-color);
+}
+
+.jqx-widget-tailwind .jqx-widget-header-tailwind:hover .jqx-grid-column-header-tailwind {
+  border-right-color: var(--jqx-border) !important;
+  border-bottom-color: var(--jqx-border) !important;
+}
+
+.jqx-widget-tailwind .jqx-grid-cell-tailwind {
+  border-color: var(--jqx-border);
+}
+
+.jqx-widgets-tailwind .jqx-scheduler-cell-selected span {
+  color: var(--jqx-background) !important;
+}
+
+.jqx-scheduler-time-column-tailwind,
+.jqx-scheduler-toolbar-tailwind {
+  background: var(--jqx-surface) !important;
+  color: var(--jqx-surface-color) !important;
+  border-color: var(--jqx-border) !important;
+}
+
+.jqx-scheduler-toolbar-tailwind .jqx-widget-tailwind {
+  border-color: transparent;
+  background: transparent;
+}
+.jqx-scheduler-toolbar-tailwind .jqx-widget-tailwind .jqx-action-button {
+  margin-left: unset !important;
+}
+.jqx-scheduler-toolbar-tailwind .jqx-widget-tailwind:hover {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+}
+
+.jqx-widget-tailwind.jqx-scheduler-tailwind .jqx-grid-cell-tailwind,
+.jqx-widget-tailwind.jqx-scheduler-tailwind .jqx-grid-column-header-tailwind {
+  border-bottom-color: var(--jqx-border);
+}
+
+.jqx-widget-tailwind.jqx-scheduler-tailwind td.jqx-grid-cell-tailwind span {
+  font-size: 10px;
+  color: var(--jqx-background-color);
+}
+
+.jqx-widget-tailwind.jqx-scheduler-tailwind td.jqx-grid-cell-tailwind.jqx-scheduler-cell-hover span,
+.jqx-widget-tailwind.jqx-scheduler-tailwind td.jqx-grid-cell-tailwind.jqx-scheduler-cell-selected span {
+  color: var(--jqx-primary-color) !important;
+  background: var(--jqx-primary) !important;
+}
+
+.jqx-passwordinput-password-icon-tailwind,
+.jqx-passwordinput-password-icon-rtl-tailwind {
+  background-image: none !important;
+  font-family: jqx-icons;
+  color: var(--jqx-background-color);
+}
+
+.jqx-passwordinput-password-icon-tailwind:after,
+.jqx-passwordinput-password-icon-rtl-tailwind:after {
+  content: var(--jqx-icon-visibility);
+}
+
+.jqx-combobox-tailwind .jqx-icon-close-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+}
+
+.jqx-combobox-multi-item-tailwind {
+  height: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.jqx-combobox-multi-item-tailwind a {
+  margin-right: 10px;
+  margin-top: 2px;
+}
+
+.jqx-combobox-multi-item-tailwind .jqx-icon-close {
+  position: static !important;
+  margin-top: 0px !important;
+  margin-left: 0px !important;
+}
+
+.jqx-combobox-tailwind .jqx-icon-close-tailwind:after {
+  content: var(--jqx-icon-close-alt);
+  font-size: 10px;
+}
+
+.jqx-dropdownbutton-tailwind,
+.jqx-dropdownlist-tailwind,
+.jqx-combobox-tailwind,
+.jqx-input-tailwind {
+  border-color: var(--jqx-border);
+  color: var(--jqx-background-color);
+  background-color: var(--jqx-background);
+}
+
+.jqx-combobox-content-tailwind,
+.jqx-datetimeinput-content-tailwind {
+  border-color: transparent;
+}
+
+.jqx-combobox-content-focus-tailwind,
+.jqx-combobox-state-focus-tailwind,
+.jqx-numberinput-focus-tailwind {
+  outline: none;
+}
+
+.jqx-input-group-tailwind {
+  position: relative;
+  display: inline-block;
+  overflow: visible;
+  border: none;
+  box-shadow: none;
+  --jqx-border: var(--tailwind-input-border);
+}
+.jqx-input-group-tailwind.jqx-complex-input-group-tailwind {
+  min-height: 30px;
+}
+.jqx-input-group-tailwind.jqx-complex-input-group-tailwind .jqx-formatted-input-spin-button-tailwind:hover {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+}
+.jqx-input-group-tailwind.jqx-complex-input-group-tailwind .jqx-formatted-input-spin-button-tailwind.jqx-fill-state-pressed {
+  color: var(--jqx-primary-color);
+  background-color: var(--jqx-primary);
+}
+.jqx-input-group-tailwind.underlined .jqx-input-tailwind {
+  border: none;
+  border-bottom: 1px solid var(--jqx-border);
+}
+.jqx-input-group-tailwind .jqx-input-tailwind, .jqx-input-group-tailwind input, .jqx-input-group-tailwind textarea {
+  padding-top: 6px !important;
+  padding-bottom: 6px !important;
+  padding-left: 5px !important;
+  padding-right: 5px !important;
+  z-index: 9;
+}
+.jqx-input-group-tailwind .jqx-input-tailwind.jqx-fill-state-disabled, .jqx-input-group-tailwind input.jqx-fill-state-disabled, .jqx-input-group-tailwind textarea.jqx-fill-state-disabled {
+  background: var(--tailwind-input-disabled-background);
+  --jqx-background: var(--tailwind-input-disabled-background);
+  --jqx-surface: var(--tailwind-input-disabled-background);
+  pointer-events: none;
+}
+.jqx-input-group-tailwind .jqx-input-tailwind .jqx-action-button, .jqx-input-group-tailwind input .jqx-action-button, .jqx-input-group-tailwind textarea .jqx-action-button {
+  margin-left: -3px;
+}
+.jqx-input-group-tailwind .jqx-input-tailwind:hover, .jqx-input-group-tailwind input:hover, .jqx-input-group-tailwind textarea:hover {
+  border: 1px solid var(--tailwind-input-border-hover);
+}
+.jqx-input-group-tailwind .jqx-input-tailwind.underlined:hover, .jqx-input-group-tailwind input.underlined:hover, .jqx-input-group-tailwind textarea.underlined:hover {
+  border-bottom: 1px solid var(--tailwind-input-border-hover);
+}
+.jqx-input-group-tailwind .jqx-input-tailwind.underlined.jqx-fill-state-pressed, .jqx-input-group-tailwind .jqx-input-tailwind.underlined.jqx-fill-state-focus, .jqx-input-group-tailwind .jqx-input-tailwind.underlined:focus, .jqx-input-group-tailwind input.underlined.jqx-fill-state-pressed, .jqx-input-group-tailwind input.underlined.jqx-fill-state-focus, .jqx-input-group-tailwind input.underlined:focus, .jqx-input-group-tailwind textarea.underlined.jqx-fill-state-pressed, .jqx-input-group-tailwind textarea.underlined.jqx-fill-state-focus, .jqx-input-group-tailwind textarea.underlined:focus {
+  border-bottom: 1px solid var(--jqx-primary);
+  color: var(--tailwind-greys-grey190) !important;
+}
+.jqx-input-group-tailwind .jqx-input-tailwind:not(.underlined).jqx-fill-state-pressed, .jqx-input-group-tailwind .jqx-input-tailwind:not(.underlined).jqx-fill-state-focus, .jqx-input-group-tailwind .jqx-input-tailwind:not(.underlined):focus, .jqx-input-group-tailwind input:not(.underlined).jqx-fill-state-pressed, .jqx-input-group-tailwind input:not(.underlined).jqx-fill-state-focus, .jqx-input-group-tailwind input:not(.underlined):focus, .jqx-input-group-tailwind textarea:not(.underlined).jqx-fill-state-pressed, .jqx-input-group-tailwind textarea:not(.underlined).jqx-fill-state-focus, .jqx-input-group-tailwind textarea:not(.underlined):focus {
+  border: 1px solid var(--jqx-primary);
+  outline: 1px solid var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+
+.jqx-input-group-tailwind input {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.jqx-input-group-tailwind textarea {
+  width: 100%;
+  height: 100%;
+  outline: none;
+  resize: none;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  border-bottom-color: var(--jqx-border);
+}
+
+.jqx-numberinput-tailwind,
+.jqx-maskedinput-tailwind {
+  position: relative;
+}
+
+.jqx-numberinput-tailwind input {
+  height: 100% !important;
+}
+
+.jqx-input-tailwind.jqx-validator-error-element {
+  border-color: transparent !important;
+  border-bottom: 1px solid #df2227 !important;
+}
+
+.jqx-input-tailwind.underlined input,
+.jqx-dropdownlist-state-normal-tailwind.underlined,
+.jqx-combobox-state-normal-tailwind.underlined,
+.jqx-numberinput-tailwind.underlined,
+.jqx-datetimeinput-tailwind.underlined {
+  background: var(--jqx-surface);
+  border-color: var(--jqx-surface);
+  border-radius: 0;
+  color: var(--jqx-surface-color);
+  box-shadow: none;
+  border-bottom: 1px solid var(--tailwind-body-divider);
+  --jqx-border: var(--tailwind-body-divider);
+  outline: none;
+}
+.jqx-input-tailwind.underlined input:not(.jqx-fill-state-focus):hover,
+.jqx-dropdownlist-state-normal-tailwind.underlined:not(.jqx-fill-state-focus):hover,
+.jqx-combobox-state-normal-tailwind.underlined:not(.jqx-fill-state-focus):hover,
+.jqx-numberinput-tailwind.underlined:not(.jqx-fill-state-focus):hover,
+.jqx-datetimeinput-tailwind.underlined:not(.jqx-fill-state-focus):hover {
+  border-bottom-color: var(--tailwind-input-border-hover);
+}
+.jqx-input-tailwind.underlined input:not(.jqx-fill-state-focus):focus,
+.jqx-dropdownlist-state-normal-tailwind.underlined:not(.jqx-fill-state-focus):focus,
+.jqx-combobox-state-normal-tailwind.underlined:not(.jqx-fill-state-focus):focus,
+.jqx-numberinput-tailwind.underlined:not(.jqx-fill-state-focus):focus,
+.jqx-datetimeinput-tailwind.underlined:not(.jqx-fill-state-focus):focus {
+  color: var(--tailwind-greys-grey190) !important;
+}
+
+.jqx-numberinput-tailwind .jqx-action-button-tailwind {
+  border-radius: 0;
+}
+
+.jqx-numberinput-tailwind .jqx-action-button-tailwind > div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.jqx-date-time-input-popup-tailwind {
+  --jqx-font-size: 12px;
+}
+.jqx-date-time-input-popup-tailwind input {
+  padding-left: 5px;
+  box-sizing: border-box;
+}
+.jqx-date-time-input-popup-tailwind input:hover {
+  border: 1px solid var(--tailwind-input-border-hover) !important;
+}
+.jqx-date-time-input-popup-tailwind input:focus {
+  border: 1px solid var(--jqx-primary) !important;
+  outline: 1px solid var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+.jqx-date-time-input-popup-tailwind td:hover {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+}
+
+.jqx-date-time-input-popup-tailwind table td a {
+  text-decoration: none;
+}
+
+textarea.jqx-input-tailwind:not(.underlined),
+.jqx-text-area-tailwind:not(.underlined),
+.jqx-numberinput-tailwind:not(.underlined),
+.jqx-dropdownbutton-tailwind:not(.underlined),
+.jqx-dropdownlist-tailwind:not(.underlined),
+.jqx-combobox-tailwind:not(.underlined),
+.jqx-datetimeinput-tailwind:not(.underlined) {
+  --jqx-border: var(--tailwind-input-border);
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+  border-color: var(--jqx-background);
+  border: 1px solid var(--jqx-border);
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-numberinput-tailwind, textarea.jqx-input-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-datetimeinput-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-numberinput-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-datetimeinput-tailwind {
+  padding-top: 3px;
+  padding-bottom: 2px;
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-disabled,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-disabled {
+  background: var(--tailwind-input-disabled-background);
+  --jqx-background: var(--tailwind-input-disabled-background);
+  --jqx-surface: var(--tailwind-input-disabled-background);
+  pointer-events: none;
+}
+textarea.jqx-input-tailwind:not(.underlined) .jqx-action-button,
+.jqx-text-area-tailwind:not(.underlined) .jqx-action-button,
+.jqx-numberinput-tailwind:not(.underlined) .jqx-action-button,
+.jqx-dropdownbutton-tailwind:not(.underlined) .jqx-action-button,
+.jqx-dropdownlist-tailwind:not(.underlined) .jqx-action-button,
+.jqx-combobox-tailwind:not(.underlined) .jqx-action-button,
+.jqx-datetimeinput-tailwind:not(.underlined) .jqx-action-button {
+  margin-left: -3px;
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-text-area-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-numberinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-combobox-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button {
+  margin-left: -3px !important;
+}
+textarea.jqx-input-tailwind:not(.underlined):hover,
+.jqx-text-area-tailwind:not(.underlined):hover,
+.jqx-numberinput-tailwind:not(.underlined):hover,
+.jqx-dropdownbutton-tailwind:not(.underlined):hover,
+.jqx-dropdownlist-tailwind:not(.underlined):hover,
+.jqx-combobox-tailwind:not(.underlined):hover,
+.jqx-datetimeinput-tailwind:not(.underlined):hover {
+  border: 1px solid var(--tailwind-input-border-hover);
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-pressed, textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-focus, textarea.jqx-input-tailwind:not(.underlined):focus,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-text-area-tailwind:not(.underlined):focus,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-numberinput-tailwind:not(.underlined):focus,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-dropdownbutton-tailwind:not(.underlined):focus,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-dropdownlist-tailwind:not(.underlined):focus,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-combobox-tailwind:not(.underlined):focus,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-pressed,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-focus,
+.jqx-datetimeinput-tailwind:not(.underlined):focus {
+  border: 1px solid var(--jqx-primary);
+  outline: 1px solid var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind, textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+textarea.jqx-input-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind, textarea.jqx-input-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+textarea.jqx-input-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+textarea.jqx-input-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-text-area-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-text-area-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-text-area-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-text-area-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-numberinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-numberinput-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-numberinput-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-numberinput-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownbutton-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-dropdownlist-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-combobox-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-combobox-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-combobox-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-combobox-tailwind:not(.underlined):focus .jqx-icon-time-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-up-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-arrow-down-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-pressed .jqx-icon-time-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-up-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-arrow-down-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-fill-state-focus .jqx-icon-time-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined):focus .jqx-icon-arrow-up-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined):focus .jqx-icon-arrow-down-tailwind,
+.jqx-datetimeinput-tailwind:not(.underlined):focus .jqx-icon-time-tailwind {
+  color: var(--tailwind-greys-grey190) !important;
+  font-weight: 400;
+}
+textarea.jqx-input-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+textarea.jqx-input-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+textarea.jqx-input-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover, textarea.jqx-input-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+textarea.jqx-input-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+textarea.jqx-input-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-text-area-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-numberinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-dropdownbutton-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-dropdownlist-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-combobox-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-numberinput-tailwind .jqx-action-button-rtl-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-tailwind:hover,
+.jqx-datetimeinput-tailwind:not(.underlined).jqx-combobox-tailwind .jqx-action-button-rtl-tailwind:hover {
+  background-color: var(--jqx-background-hover);
+  border-color: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+}
+textarea.jqx-input-tailwind:not(.underlined).underlined,
+.jqx-text-area-tailwind:not(.underlined).underlined,
+.jqx-numberinput-tailwind:not(.underlined).underlined,
+.jqx-dropdownbutton-tailwind:not(.underlined).underlined,
+.jqx-dropdownlist-tailwind:not(.underlined).underlined,
+.jqx-combobox-tailwind:not(.underlined).underlined,
+.jqx-datetimeinput-tailwind:not(.underlined).underlined {
+  border: none;
+  border-bottom: 1px solid var(--jqx-border);
+}
+
+.jqx-combobox-tailwind .jqx-combobox-arrow-normal-tailwind,
+.jqx-datetimeinput-tailwind .jqx-action-button-tailwind,
+.jqx-datetimeinput-tailwind .jqx-action-button-rtl-tailwind {
+  background-color: var(--jqx-surface);
+  border-color: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-datetimeinput-tailwind,
+.jqx-datetimeinput-tailwind > div,
+.jqx-numberinput-tailwind,
+.jqx-numberinput-tailwind > div,
+.jqx-dropdownlist-state-normal-tailwind,
+.jqx-dropdownlist-state-normal-tailwind > div,
+.jqx-dropdownlist-state-normal-tailwind > div > div,
+.jqx-combobox-state-normal-tailwind,
+.jqx-combobox-state-normal-tailwind > div,
+.jqx-combobox-state-normal-tailwind > div > div {
+  overflow: visible !important;
+}
+
+.jqx-input-tailwind input:focus {
+  border-radius: 0;
+  box-shadow: none;
+  border-color: var(--jqx-primary);
+}
+
+.jqx-input-tailwind input,
+input[type=text].jqx-input-tailwind,
+input[type=password].jqx-input-tailwind,
+input[type=text].jqx-widget-content-tailwind,
+input[type=textarea].jqx-widget-content-tailwind,
+textarea.jqx-input-tailwind {
+  --jqx-border: var(--tailwind-input-border);
+  font-size: var(--jqx-font-size);
+  font-family: var(--jqx-font-family);
+  resize: none;
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+  border-radius: 0;
+  box-sizing: border-box;
+  box-shadow: none;
+  border: 1px solid var(--jqx-border);
+}
+.jqx-input-tailwind input.underlined,
+input[type=text].jqx-input-tailwind.underlined,
+input[type=password].jqx-input-tailwind.underlined,
+input[type=text].jqx-widget-content-tailwind.underlined,
+input[type=textarea].jqx-widget-content-tailwind.underlined,
+textarea.jqx-input-tailwind.underlined {
+  border: none;
+  border-bottom: 1px solid var(--jqx-border);
+}
+
+input[type=text].jqx-widget-content-tailwind,
+input[type=textarea].jqx-widget-content-tailwind {
+  height: 100%;
+}
+
+.jqx-input-label {
+  visibility: inherit;
+}
+
+.jqx-input-bar {
+  visibility: inherit;
+}
+
+input.underlined:focus ~ .jqx-input-label-tailwind,
+textarea.underlined:focus ~ .jqx-input-label-tailwind .jqx-input-widget-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-text-area-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-dropdownlist-state-selected-tailwind.underlined .jqx-input-label,
+.jqx-dropdownlist-state-normal-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-combobox-state-normal-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-combobox-tailwind.underlined .jqx-input-label.focused,
+.jqx-dropdownlist-tailwind.underlined .jqx-input-label.focused,
+.jqx-datetimeinput-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-maskedinput-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-numberinput-tailwind[hint=true].underlined .jqx-input-label,
+.jqx-formattedinput-tailwind[hint=true].underlined .jqx-input-label {
+  top: -15px;
+  font-size: 12px;
+  color: var(--jqx-primary);
+  opacity: 1 !important;
+}
+
+.jqx-dropdownlist-tailwind[default-placeholder=true] .jqx-input-label {
+  visibility: hidden;
+}
+
+.jqx-input-widget-tailwind.jqx-rtl > input {
+  direction: rtl;
+}
+
+.jqx-input-label-tailwind {
+  color: var(--jqx-background-color);
+  font-size: 14px;
+  font-weight: normal;
+  position: absolute;
+  pointer-events: none;
+  left: 5px;
+  top: 10px;
+  opacity: 0.5;
+  top: calc(50% - 7px);
+  transition: 300ms ease all;
+}
+
+input:focus ~ .jqx-input-label-tailwind,
+textarea:focus ~ .jqx-input-label-tailwind,
+.jqx-widget-tailwind[hint=true] .jqx-input-label-tailwind {
+  opacity: 0 !important;
+}
+
+.jqx-input-group-tailwind.jqx-fill-state-disabled {
+  pointer-events: none;
+}
+
+.jqx-input-label.initial {
+  transition: none;
+}
+
+.jqx-input-group-tailwind.underlined input:focus ~ .jqx-input-bar:before,
+.jqx-input-group-tailwind.underlined textarea:focus ~ .jqx-input-bar:before,
+.jqx-input-group-tailwind.underlined .jqx-dropdownlist-state-selected-tailwind .jqx-input-bar:before,
+.jqx-input-group-tailwind.underlined .jqx-dropdownlist-tailwind .jqx-input-bar.focused:before,
+.jqx-input-group-tailwind.underlined .jqx-dropdownbutton-tailwind .jqx-input-bar.focused:before,
+.jqx-input-group-tailwind.underlined .jqx-combobox-tailwind .jqx-input-bar.focused:before,
+.jqx-input-group-tailwind.underlined .jqx-input-bar.focused::before,
+.jqx-input-group-tailwind.underlined .jqx-combobox-state-selected-tailwind .jqx-input-bar:before,
+.jqx-widget-tailwind.underlined input:focus ~ .jqx-input-bar:before,
+.jqx-widget-tailwind.underlined textarea:focus ~ .jqx-input-bar:before,
+.jqx-widget-tailwind.underlined .jqx-dropdownlist-state-selected-tailwind .jqx-input-bar:before,
+.jqx-widget-tailwind.underlined .jqx-dropdownlist-tailwind .jqx-input-bar.focused:before,
+.jqx-widget-tailwind.underlined .jqx-dropdownbutton-tailwind .jqx-input-bar.focused:before,
+.jqx-widget-tailwind.underlined .jqx-combobox-tailwind .jqx-input-bar.focused:before,
+.jqx-widget-tailwind.underlined .jqx-input-bar.focused::before,
+.jqx-widget-tailwind.underlined .jqx-combobox-state-selected-tailwind .jqx-input-bar:before {
+  width: 100%;
+}
+.jqx-input-group-tailwind.underlined .jqx-input-bar-tailwind,
+.jqx-widget-tailwind.underlined .jqx-input-bar-tailwind {
+  position: relative;
+  display: block;
+  z-index: 1;
+}
+.jqx-input-group-tailwind.underlined .jqx-input-bar-tailwind:before,
+.jqx-widget-tailwind.underlined .jqx-input-bar-tailwind:before {
+  content: "";
+  height: 2px;
+  width: 0;
+  bottom: 0px;
+  position: absolute;
+  background: var(--jqx-primary);
+  transition: 300ms ease all;
+  left: 0%;
+}
+
+.jqx-formatted-input-spin-button-tailwind,
+.jqx-input-group-addon-tailwind {
+  border-color: var(--jqx-background);
+  color: var(--jqx-background-color);
+  background: var(--jqx-background);
+}
+
+.jqx-dropdownlist-state-selected-tailwind,
+.jqx-combobox-state-selected-tailwind {
+  color: var(--jqx-primary);
+  background: var(--jqx-primary-color);
+  border-color: var(--jqx-primary-color);
+}
+
+.jqx-dropdownlist-state-normal-tailwind .jqx-icon-arrow-down-tailwind,
+.jqx-combobox-state-normal-tailwind .jqx-icon-arrow-down-tailwind,
+.sorticon.descending .jqx-grid-column-sorticon-tailwind,
+.jqx-tree-item-arrow-expand-tailwind,
+.jqx-expander-header-tailwind .jqx-icon-arrow-down {
+  transform: rotate(0deg);
+  display: flex;
+  align-items: center;
+  transition: transform 0.2s ease-out;
+}
+
+.jqx-expander-header-tailwind .jqx-icon-arrow-up {
+  transform: rotate(180deg);
+  transition: transform 0.2s ease-out;
+  font-family: jqx-icons;
+  background-image: none;
+}
+
+.jqx-expander-header-tailwind .jqx-icon-arrow-up:after {
+  content: var(--jqx-icon-arrow-down);
+  margin-left: 3px;
+}
+
+.jqx-tree-item-arrow-expand-tailwind,
+.jqx-tree-item-arrow-collapse-tailwind {
+  font-size: 16px;
+}
+
+.jqx-tree-item-arrow-expand-tailwind {
+  transform: rotate(180deg);
+}
+
+.jqx-tree-item-arrow-expand-tailwind:after {
+  content: var(--jqx-icon-arrow-up);
+  margin-left: 2px;
+}
+
+.jqx-tree-item-arrow-collapse-tailwind {
+  transform: rotate(0deg);
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: center;
+  transition: transform 0.2s ease-out;
+}
+
+.jqx-dropdownlist-state-selected-tailwind .jqx-icon-arrow-down-tailwind,
+.jqx-combobox-state-selected-tailwind .jqx-icon-arrow-down-tailwind,
+.sorticon.ascending .jqx-grid-column-sorticon-tailwind {
+  display: flex;
+  align-items: center;
+  transform: rotate(180deg);
+  transition: transform 0.2s ease-out;
+}
+
+.jqx-combobox-state-selected-tailwind .jqx-icon-arrow-down-tailwind {
+  left: -1px;
+}
+
+.jqx-listbox-container {
+  margin-top: 1px;
+}
+
+input[type=text].jqx-input-tailwind:-moz-placeholder,
+input[type=text].jqx-widget-content-tailwind:-moz-placeholder,
+input[type=textarea].jqx-widget-content-tailwind:-moz-placeholder,
+textarea.jqx-input-tailwind:-moz-placeholder {
+  color: #999999;
+}
+
+input[type=text].jqx-input-tailwind:-webkit-input-placeholder,
+input[type=text].jqx-widget-content-tailwind:-webkit-input-placeholder,
+input[type=textarea].jqx-widget-content-tailwind:-webkit-input-placeholder,
+textarea.jqx-input-tailwind:-webkit-input-placeholder {
+  color: #999999;
+}
+
+input[type=text].jqx-input-tailwind:-ms-input-placeholder,
+input[type=text].jqx-widget-content-tailwind:-ms-input-placeholder,
+input[type=textarea].jqx-widget-content-tailwind:-ms-input-placeholder,
+textarea.jqx-input-tailwind:-ms-input-placeholder {
+  color: #999999;
+}
+
+.jqx-combobox-content-focus-tailwind,
+.jqx-combobox-state-focus-tailwind,
+.jqx-fill-state-focus-tailwind,
+.jqx-numberinput-focus-tailwind {
+  outline: none;
+}
+
+.jqx-popup-tailwind.jqx-fill-state-focus-tailwind {
+  outline: none;
+  border-color: var(--jqx-border) !important;
+}
+
+.jqx-datetimeinput-content,
+.jqx-datetimeinput-container {
+  overflow: visible !important;
+}
+
+.jqx-text-area-tailwind,
+.jqx-text-area-tailwind > div {
+  overflow: visible !important;
+}
+
+.jqx-text-area-element-tailwind {
+  box-sizing: border-box;
+}
+
+.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-tailwind {
+  border-color: var(--jqx-border);
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-expand-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-collapse-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-collapse-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-expand-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-tabs-title-selected-top-tailwind,
+.jqx-tabs-selection-tracker-top-tailwind {
+  border-color: transparent;
+  filter: none;
+  background: inherit;
+  color: inherit;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.jqx-grid-cell-filter-row-tailwind {
+  background-color: var(--jqx-surface);
+}
+
+.jqx-tabs-title-tailwind,
+.jqx-ribbon-item-tailwind {
+  color: inherit;
+}
+
+.jqx-ribbon-item-selected-tailwind {
+  background: inherit;
+}
+
+.jqx-tabs-title-selected-bottom-tailwind,
+.jqx-tabs-title-selected-top-tailwind {
+  color: var(--jqx-primary);
+  font-weight: 500;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.jqx-tabs-title.jqx-fill-state-hover-tailwind {
+  border-color: transparent;
+}
+
+.jqx-tabs {
+  border: 0;
+  background: transparent;
+}
+.jqx-tabs .jqx-tabs-header .jqx-item {
+  color: var(--tailwind-btn-secondary-color);
+}
+.jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-pressed:hover {
+  background: var(--tailwind-btn-secondary-bg-hover);
+}
+.jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-hover {
+  border-color: var(--tailwind-btn-secondary-bg-hover);
+  background: var(--tailwind-btn-secondary-bg-hover);
+}
+
+.jqx-ribbon-item-tailwind {
+  cursor: pointer;
+}
+
+.jqx-ribbon-item-selected-tailwind {
+  color: var(--jqx-primary);
+  font-weight: 500;
+  border-color: transparent;
+}
+
+.jqx-ribbon-item-hover-tailwind {
+  background: var(--jqx-background-hover);
+  color: var(--jqx-background-color-hover);
+}
+
+.jqx-ribbon-header-top-tailwind {
+  border-color: transparent;
+  border-bottom-color: var(--jqx-border);
+}
+
+.jqx-ribbon-header-bottom-tailwind {
+  border-color: transparent;
+  border-top-color: var(--jqx-border);
+}
+
+.jqx-ribbon-header-right-tailwind {
+  border-color: transparent;
+  border-left-color: var(--jqx-border);
+}
+
+.jqx-ribbon-header-left-tailwind {
+  border-color: transparent;
+  border-right-color: var(--jqx-border);
+}
+
+.jqx-tabs-title-selected-bottom-tailwind,
+.jqx-tabs-selection-tracker-bottom-tailwind {
+  border-color: transparent;
+  border-top: 1px solid var(--jqx-background);
+  filter: none;
+  background: var(--jqx-background);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.jqx-tabs-tailwind,
+.jqx-ribbon-tailwind {
+  border-color: transparent;
+}
+
+.jqx-tabs-header-tailwind {
+  background: transparent;
+}
+
+.jqx-ribbon-header-tailwind {
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-tabs-position-bottom .jqx-tabs-header-tailwind {
+  border-color: transparent;
+}
+
+.jqx-layout-tailwind .jqx-tabs-header-tailwind,
+.jqx-layout-tailwind .jqx-ribbon-header-tailwind {
+  background: var(--jqx-background);
+  border-color: var(--jqx-border);
+}
+
+.jqx-tabs-title-bottom {
+  border-color: transparent;
+}
+
+.jqx-tabs-title-hover-top-tailwind,
+.jqx-tabs-title-hover-bottom-tailwind,
+.jqx-tabs-header-tailwind {
+  -webkit-box-shadow: none !important;
+  -moz-box-shadow: none !important;
+  box-shadow: none !important;
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-tabs-content-tailwind {
+  box-sizing: border-box;
+  border: 1px solid var(--jqx-border);
+  border-top-color: transparent;
+  padding: 5px;
+}
+
+.jqx-tabs-bar-tailwind {
+  position: absolute;
+  bottom: 0;
+  background: var(--jqx-primary);
+  height: 2px;
+  z-index: 10;
+  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);
+}
+
+.jqx-tabs-bar-tailwind.vertical {
+  width: 2px;
+}
+
+.jqx-tabs-position-bottom .jqx-tabs-bar-tailwind {
+  top: 0;
+}
+
+.jqx-layout-tailwind {
+  background-color: var(--jqx-background);
+}
+
+.jqx-kanban-column-header-tailwind {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.jqx-kanban-column-header-collapsed-tailwind {
+  background: var(--jqx-surface);
+  color: var(--jqx-surface-color);
+}
+
+.jqx-kanban-column-header-button-tailwind {
+  width: unset;
+  height: unset;
+  position: static;
+  margin-top: unset;
+  top: unset;
+  right: unset;
+}
+.jqx-kanban-column-header-button-tailwind .jqx-window-collapse-button {
+  right: unset;
+}
+
+.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button-tailwind {
+  position: absolute;
+  bottom: 10px;
+  right: 50%;
+  margin-left: -10px;
+}
+
+.jqx-calendar-cell-tailwind {
+  border-radius: 0px;
+  font-size: 12px !important;
+}
+
+.jqx-calendar-cell-tailwind.jqx-fill-state-hover-tailwind {
+  outline: 2px var(--tailwind-greys-grey30);
+  overflow: hidden;
+  position: relative;
+  border-radius: 0px;
+  border-color: var(--tailwind-greys-grey30) !important;
+  background: var(--tailwind-greys-grey30) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+
+.jqx-calendar-cell-tailwind.jqx-fill-state-pressed {
+  border-color: var(--jqx-primary) !important;
+  background: var(--jqx-primary) !important;
+  color: var(--jqx-primary-color) !important;
+  overflow: hidden;
+  position: relative;
+  border-radius: 50%;
+}
+
+.jqx-calendar-cell-today-tailwind {
+  border-radius: 0px;
+  border-color: var(--tailwind-greys-grey130) !important;
+  background: var(--tailwind-greys-grey30) !important;
+  color: var(--tailwind-greys-grey130) !important;
+}
+
+.jqx-calendar-cell-year-tailwind,
+.jqx-calendar-cell-decade-tailwind {
+  border-radius: 0px !important;
+}
+
+.jqx-calendar-cell-tailwind.jqx-fill-state-pressed-tailwind:after {
+  content: "";
+  width: calc(100% - 4px);
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: calc(100% - 4px);
+}
+
+.jqx-calendar-cell-year-tailwind,
+.jqx-calendar-cell-decade-tailwind {
+  border-radius: 0px;
+}
+
+.jqx-calendar-title-container-tailwind {
+  height: 40px;
+  align-items: center;
+  display: grid;
+  grid-template-columns: 1fr 30px 30px 20px;
+}
+.jqx-calendar-title-container-tailwind td {
+  height: 100%;
+}
+.jqx-calendar-title-container-tailwind td:first-child {
+  order: 1;
+}
+.jqx-calendar-title-container-tailwind td:last-child {
+  order: 2;
+}
+
+.jqx-calendar-title-content-tailwind {
+  font-weight: bold;
+  padding-left: 26px !important;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.jqx-calendar-column-cell-tailwind {
+  color: var(--jqx-background-color);
+}
+
+.jqx-icon-time-tailwind,
+.jqx-icon-time-hover-tailwind,
+.jqx-icon-time-pressed-tailwind {
+  background-image: none !important;
+  font-family: "jqx-icons";
+  display: flex;
+  font-family: "jqx-icons";
+  font-size: 16px;
+  align-content: center;
+  justify-content: center;
+  left: initial !important;
+  margin-top: 0px;
+  top: 0px;
+  left: 0px;
+  margin: 0;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.jqx-icon-time-tailwind:after,
+.jqx-icon-time-hover-tailwind:after,
+.jqx-icon-time-pressed-tailwind:after {
+  content: var(--jqx-icon-clock);
+  font-size: 12px;
+}
+
+.jqx-icon-calendar-tailwind,
+.jqx-icon-calendar-hover-tailwind,
+.jqx-icon-calendar-pressed-tailwind {
+  background-image: none !important;
+  font-family: "jqx-icons";
+  left: 0;
+  top: 0 !important;
+  margin: 0 !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.jqx-icon-calendar-tailwind:after,
+.jqx-icon-calendar-hover-tailwind:after,
+.jqx-icon-calendar-pressed-tailwind:after {
+  content: var(--jqx-icon-calendar-alt);
+}
+
+.jqx-tabs-close-button-tailwind,
+.jqx-tabs-close-button-selected-tailwind,
+.jqx-tabs-close-button-hover-tailwind {
+  background-image: none;
+}
+
+.jqx-tabs-close-button-tailwind:after {
+  content: var(--jqx-icon-close);
+}
+
+.jqx-scrollbar-button-state-pressed-tailwind .jqx-icon-arrow-up-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-scrollbar-button-state-pressed-tailwind .jqx-icon-arrow-down-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-scrollbar-button-state-pressed-tailwind .jqx-icon-arrow-left-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-scrollbar-button-state-pressed-tailwind .jqx-icon-arrow-right-selected-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-expand-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-collapse-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-collapse-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-cell-tailwind.jqx-grid-cell-selected-tailwind > .jqx-grid-group-expand-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-group-collapse-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-group-collapse-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-grid-group-expand-tailwind,
+.jqx-grid-group-expand-rtl-tailwind {
+  background-image: none;
+}
+
+.jqx-icon-arrow-first-tailwind,
+.jqx-icon-arrow-last-tailwind {
+  background-image: none;
+  font-family: jqx-icons;
+}
+
+.jqx-icon-arrow-first-tailwind:after {
+  content: var(--jqx-icon-first-page);
+}
+
+.jqx-icon-arrow-last-tailwind:after {
+  content: var(--jqx-icon-last-page);
+}
+
+/* Ripple effect */
+.ripple {
+  position: relative;
+  transform: translate3d(0, 0, 0);
+  overflow: hidden;
+}
+
+.ink {
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  border-radius: 0%;
+  transform: scaleX(0);
+  background: rgba(var(--jqx-primary-rgb), 0.5);
+  opacity: 0.25;
+}
+
+.jqx-scrollbar-tailwind .jqx-icon-arrow-up,
+.jqx-scrollbar-tailwind .jqx-icon-arrow-down,
+.jqx-scrollbar-tailwind .jqx-icon-arrow-right,
+.jqx-scrollbar-tailwind .jqx-icon-arrow-left {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.outlined .ink,
+.flat .ink {
+  background: rgba(var(--jqx-primary-rgb), 0.5);
+  overflow: hidden;
+}
+
+.ink.animate {
+  animation: ripple 0.7s ease;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.jqx-tree-tailwind .jqx-checkbox-tailwind {
+  margin-top: 6px !important;
+  border-radius: var(--jqx-border-radius) !important;
+}
+
+.jqx-tree-item-arrow-expand-tailwind,
+.jqx-tree-item-arrow-collapse-tailwind {
+  margin-top: 6px !important;
+}
+
+.jqx-checkbox-tailwind .ripple,
+.jqx-radiobutton-tailwind .ripple {
+  overflow: visible;
+}
+
+.jqx-checkbox-tailwind .ink,
+.jqx-radiobutton-tailwind .ink {
+  transform: scale(0);
+  background: var(--jqx-primary);
+  border-radius: 50%;
+}
+
+.jqx-checkbox-tailwind.effect .ink.animate,
+.jqx-radiobutton-tailwind.effect .ink.animate {
+  animation: checkRipple 0.3s ease;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.jqx-checkbox-tailwind.effect .ink.active,
+.jqx-radiobutton-tailwind.effect .ink.active {
+  opacity: 0.2;
+  transform: scale(2);
+}
+
+.jqx-checkbox-default-tailwind.active .ink,
+.jqx-radiobutton-default-tailwind.active .ink {
+  opacity: 0.2;
+  transform: scale(2);
+}
+
+@keyframes checkRipple {
+  100% {
+    opacity: 0.2;
+    transform: scale(2);
+    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+.jqx-fill-state-pressed-tailwind .jqx-icon-delete-tailwind {
+  background-image: url("images/icon-delete-white.png");
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-icon-edit-tailwind {
+  background-image: url("images/icon-edit-white.png");
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-icon-save-tailwind {
+  background-image: url("images/icon-save-white.png");
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-icon-cancel-tailwind {
+  background-image: url("images/icon-cancel-white.png");
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-icon-search-tailwind {
+  background-image: url("images/search_white.png");
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-icon-plus-tailwind {
+  background-image: url("images/plus_white.png");
+}
+
+.jqx-menu-minimized-button-tailwind {
+  padding: 0px !important;
+}
+
+.jqx-fill-state-pressed-tailwind .jqx-menu-minimized-button-tailwind {
+  background-image: url("images/icon-menu-minimized-white.png");
+}
+
+.jqx-editor-tailwind {
+  --jqx-border: var(--tailwind-body-divider) !important;
+}
+
+.jqx-editor-toolbar-icon-tailwind {
+  background: url("images/html_editor.png") no-repeat;
+}
+
+.jqx-fill-state-hover-tailwind .jqx-editor-toolbar-icon-fontsize-tailwind,
+.jqx-fill-state-pressed-tailwind .jqx-editor-toolbar-icon-fontsize-tailwind,
+.jqx-fill-state-hover-tailwind .jqx-editor-toolbar-icon-forecolor-tailwind,
+.jqx-fill-state-pressed-tailwind .jqx-editor-toolbar-icon-forecolor-tailwind {
+  background: url("images/html_editor.png") no-repeat;
+}
+
+.jqx-editor-toolbar-button-tailwind {
+  border-color: var(--jqx-border);
+  box-shadow: none !important;
+  color: var(--jqx-background-color);
+}
+
+.jqx-time-picker .jqx-main-container {
+  background: var(--jqx-background);
+}
+
+/*applied to the timepicker*/
+.jqx-needle-central-circle-tailwind {
+  fill: var(--jqx-primary);
+}
+
+.jqx-time-picker-tailwind .jqx-label-tailwind {
+  fill: var(--jqx-background-color);
+}
+
+.jqx-needle-tailwind {
+  fill: var(--jqx-primary);
+}
+
+.jqx-time-picker .jqx-header .jqx-selected-tailwind:focus {
+  outline: 2px solid var(--jqx-primary);
+  box-shadow: 0px 0px 4px 2px rgba(0, 119, 190, 0.125);
+}
+
+.jqx-svg-picker-tailwind:focus {
+  border: 1px solid var(--jqx-primary) !important;
+}
+
+.jqx-validator-hint-tailwind {
+  background: #D94F43;
+  border-color: #D94F43;
+  padding: 10px;
+}
+
+.jqx-validator-hint-tailwind img {
+  display: none;
+}
+
+.jqx-grid-group-expand-tailwind:after,
+.jqx-grid-group-collapse-tailwind:after {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.jqx-datatable-tailwind .jqx-grid-group-expand-tailwind:after,
+.jqx-datatable-tailwind .jqx-grid-group-collapse-tailwind:after {
+  margin-left: -10px;
+}
+
+.jqx-grid-pager-tailwind .jqx-dropdownlist-tailwind {
+  background: var(--jqx-background);
+  color: var(--jqx-background-color);
+}
+
+.jqx-grid-pager-input-tailwind {
+  padding-right: 4px !important;
+}
+
+.jqx-grid-cell-selected-tailwind {
+  background: rgba(var(--jqx-primary-rgb), 1) !important;
+}
+
+.jqx-grid-cell-selected-tailwind span {
+  color: inherit !important;
+}
+
+@keyframes css-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.jqx-loader-tailwind {
+  background: transparent;
+  color: var(--tailwind-theme-primary);
+  box-shadow: unset !important;
+  border: none !important;
+}
+.jqx-loader-tailwind .jqx-loader-icon {
+  background-image: unset;
+  box-sizing: border-box;
+  border-radius: 50%;
+  border-width: 1.5px;
+  border-style: solid;
+  border-color: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244);
+  border-image: initial;
+  animation-name: css-spinner;
+  animation-duration: 1.3s;
+  animation-iteration-count: infinite;
+  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
+  width: 28px;
+  height: 28px;
+  position: relative;
+  margin: 0 auto 25px auto;
+}
+
+/* ALERT */
+.jqx-notification-tailwind {
+  display: flex;
+  align-items: center;
+  border-radius: 0;
+  padding: 3px 10px;
+  border: 0;
+  font-size: 12px;
+  color: var(--tailwind-alert-color);
+  box-shadow: unset !important;
+}
+.jqx-notification-tailwind > div {
+  display: flex;
+  align-items: center;
+}
+.jqx-notification-tailwind.jqx-notification-primary {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-theme-light) !important;
+}
+.jqx-notification-tailwind.jqx-notification-info {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-greys-grey20) !important;
+}
+.jqx-notification-tailwind.jqx-notification-success {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-success-bg) !important;
+}
+.jqx-notification-tailwind.jqx-notification-warning {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-warning-bg) !important;
+}
+.jqx-notification-tailwind.jqx-notification-severe-warning {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-severe-warning-bg) !important;
+}
+.jqx-notification-tailwind.jqx-notification-error {
+  color: var(--tailwind-alert-color) !important;
+  background-color: var(--tailwind-error-bg) !important;
+}
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-info,
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-primary,
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-warning {
+  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15C6.80729 15 6.14062 14.9115 5.5 14.7344C4.86458 14.5573 4.26823 14.3073 3.71094 13.9844C3.15365 13.6562 2.64583 13.2656 2.1875 12.8125C1.73438 12.3542 1.34375 11.8464 1.01562 11.2891C0.692708 10.7318 0.442708 10.1354 0.265625 9.5C0.0885417 8.85938 0 8.19271 0 7.5C0 6.80729 0.0885417 6.14323 0.265625 5.50781C0.442708 4.86719 0.692708 4.26823 1.01562 3.71094C1.34375 3.15365 1.73438 2.64844 2.1875 2.19531C2.64583 1.73698 3.15365 1.34635 3.71094 1.02344C4.26823 0.695312 4.86458 0.442708 5.5 0.265625C6.14062 0.0885417 6.80729 0 7.5 0C8.19271 0 8.85677 0.0885417 9.49219 0.265625C10.1328 0.442708 10.7318 0.695312 11.2891 1.02344C11.8464 1.34635 12.3516 1.73698 12.8047 2.19531C13.263 2.64844 13.6536 3.15365 13.9766 3.71094C14.3047 4.26823 14.5573 4.86719 14.7344 5.50781C14.9115 6.14323 15 6.80729 15 7.5C15 8.19271 14.9115 8.85938 14.7344 9.5C14.5573 10.1354 14.3047 10.7318 13.9766 11.2891C13.6536 11.8464 13.263 12.3542 12.8047 12.8125C12.3516 13.2656 11.8464 13.6562 11.2891 13.9844C10.7318 14.3073 10.1328 14.5573 9.49219 14.7344C8.85677 14.9115 8.19271 15 7.5 15ZM7.5 1C6.90104 1 6.32552 1.07812 5.77344 1.23438C5.22135 1.39062 4.70312 1.60938 4.21875 1.89062C3.73958 2.17188 3.30208 2.51042 2.90625 2.90625C2.51042 3.30208 2.17188 3.74219 1.89062 4.22656C1.60938 4.70573 1.39062 5.22396 1.23438 5.78125C1.07812 6.33333 1 6.90625 1 7.5C1 8.09375 1.07812 8.66927 1.23438 9.22656C1.39062 9.77865 1.60938 10.2969 1.89062 10.7812C2.17188 11.2604 2.51042 11.6979 2.90625 12.0938C3.30208 12.4896 3.73958 12.8281 4.21875 13.1094C4.70312 13.3906 5.22135 13.6094 5.77344 13.7656C6.32552 13.9219 6.90104 14 7.5 14C8.09375 14 8.66667 13.9219 9.21875 13.7656C9.77604 13.6094 10.2943 13.3906 10.7734 13.1094C11.2578 12.8281 11.6979 12.4896 12.0938 12.0938C12.4896 11.6979 12.8281 11.2604 13.1094 10.7812C13.3906 10.2969 13.6094 9.77865 13.7656 9.22656C13.9219 8.67448 14 8.09896 14 7.5C14 6.90625 13.9219 6.33333 13.7656 5.78125C13.6094 5.22396 13.3906 4.70573 13.1094 4.22656C12.8281 3.74219 12.4896 3.30208 12.0938 2.90625C11.6979 2.51042 11.2578 2.17188 10.7734 1.89062C10.2943 1.60938 9.77604 1.39062 9.21875 1.23438C8.66667 1.07812 8.09375 1 7.5 1ZM7 6H8V11H7V6ZM7 4H8V5H7V4Z' fill='%23605E5C'/%3E%3C/svg%3E");
+  width: 30px;
+  height: 25px;
+}
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-serve-warning {
+  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15H0L7.5 0L15 15ZM1.61719 14H13.3828L7.5 2.23438L1.61719 14ZM8 6V11H7V6H8ZM7 12H8V13H7V12Z' fill='%23D83B01'/%3E%3C/svg%3E");
+  width: 30px;
+  height: 25px;
+}
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-success {
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6484 4.64844L12.3516 5.35156L6.5 11.2031L3.64844 8.35156L4.35156 7.64844L6.5 9.79688L11.6484 4.64844ZM8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4453 0.744792 12.0391 1.09375C12.6328 1.4375 13.1719 1.85417 13.6562 2.34375C14.1458 2.82812 14.5625 3.36719 14.9062 3.96094C15.2552 4.55469 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5625 12.6328 14.1458 13.1745 13.6562 13.6641C13.1719 14.1484 12.6328 14.5651 12.0391 14.9141C11.4453 15.2578 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2578 3.96094 14.9141C3.36719 14.5651 2.82552 14.1484 2.33594 13.6641C1.85156 13.1745 1.4349 12.6328 1.08594 12.0391C0.742188 11.4453 0.473958 10.8099 0.28125 10.1328C0.09375 9.45052 0 8.73958 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.742188 4.55469 1.08594 3.96094C1.4349 3.36719 1.85156 2.82812 2.33594 2.34375C2.82552 1.85417 3.36719 1.4375 3.96094 1.09375C4.55469 0.744792 5.1901 0.476562 5.86719 0.289062C6.54948 0.0963542 7.26042 0 8 0ZM8 15C8.64062 15 9.25781 14.9167 9.85156 14.75C10.4505 14.5833 11.0078 14.349 11.5234 14.0469C12.0443 13.7396 12.5182 13.3724 12.9453 12.9453C13.3724 12.5182 13.737 12.0469 14.0391 11.5312C14.3464 11.0104 14.5833 10.4531 14.75 9.85938C14.9167 9.26562 15 8.64583 15 8C15 7.35938 14.9167 6.74219 14.75 6.14844C14.5833 5.54948 14.3464 4.99219 14.0391 4.47656C13.737 3.95573 13.3724 3.48177 12.9453 3.05469C12.5182 2.6276 12.0443 2.26302 11.5234 1.96094C11.0078 1.65365 10.4505 1.41667 9.85156 1.25C9.25781 1.08333 8.64062 1 8 1C7.35938 1 6.73958 1.08333 6.14062 1.25C5.54688 1.41667 4.98958 1.65365 4.46875 1.96094C3.95312 2.26302 3.48177 2.6276 3.05469 3.05469C2.6276 3.48177 2.26042 3.95573 1.95312 4.47656C1.65104 4.99219 1.41667 5.54948 1.25 6.14844C1.08333 6.74219 1 7.35938 1 8C1 8.64062 1.08333 9.26042 1.25 9.85938C1.41667 10.4531 1.65104 11.0104 1.95312 11.5312C2.26042 12.0469 2.6276 12.5182 3.05469 12.9453C3.48177 13.3724 3.95312 13.7396 4.46875 14.0469C4.98958 14.349 5.54688 14.5833 6.14062 14.75C6.73438 14.9167 7.35417 15 8 15Z' fill='%23107C10'/%3E%3C/svg%3E");
+}
+.jqx-notification-tailwind .jqx-notification-icon.jqx-notification-icon-error {
+  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4427 0.744792 12.0312 1.09375C12.625 1.44271 13.1641 1.86198 13.6484 2.35156C14.138 2.83594 14.5573 3.375 14.9062 3.96875C15.2552 4.55729 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5573 12.6276 14.138 13.1667 13.6484 13.6562C13.1641 14.1406 12.625 14.5573 12.0312 14.9062C11.4427 15.2552 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2552 3.96094 14.9062C3.3724 14.5573 2.83333 14.1406 2.34375 13.6562C1.85938 13.1667 1.44271 12.6276 1.09375 12.0391C0.744792 11.4453 0.473958 10.8073 0.28125 10.125C0.09375 9.44271 0 8.73438 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.744792 4.55729 1.09375 3.96875C1.44271 3.375 1.85938 2.83594 2.34375 2.35156C2.83333 1.86198 3.3724 1.44271 3.96094 1.09375C4.55469 0.744792 5.19271 0.476562 5.875 0.289062C6.55729 0.0963542 7.26562 0 8 0ZM8 15C8.64583 15 9.26562 14.9167 9.85938 14.75C10.4583 14.5833 11.0156 14.349 11.5312 14.0469C12.0521 13.7396 12.5234 13.375 12.9453 12.9531C13.3724 12.526 13.737 12.0547 14.0391 11.5391C14.3464 11.0182 14.5833 10.4609 14.75 9.86719C14.9167 9.26823 15 8.64583 15 8C15 7.35417 14.9167 6.73438 14.75 6.14062C14.5833 5.54167 14.3464 4.98438 14.0391 4.46875C13.737 3.94792 13.3724 3.47656 12.9453 3.05469C12.5234 2.6276 12.0521 2.26302 11.5312 1.96094C11.0156 1.65365 10.4583 1.41667 9.85938 1.25C9.26562 1.08333 8.64583 1 8 1C7.35417 1 6.73177 1.08333 6.13281 1.25C5.53906 1.41667 4.98177 1.65365 4.46094 1.96094C3.94531 2.26302 3.47396 2.6276 3.04688 3.05469C2.625 3.47656 2.26042 3.94792 1.95312 4.46875C1.65104 4.98438 1.41667 5.54167 1.25 6.14062C1.08333 6.73438 1 7.35417 1 8C1 8.64583 1.08333 9.26823 1.25 9.86719C1.41667 10.4609 1.65104 11.0182 1.95312 11.5391C2.26042 12.0547 2.625 12.526 3.04688 12.9531C3.47396 13.375 3.94531 13.7396 4.46094 14.0469C4.98177 14.349 5.53906 14.5833 6.13281 14.75C6.73177 14.9167 7.35417 15 8 15ZM11.4609 5.24219L8.71094 8L11.4609 10.7578L10.7578 11.4609L8 8.71094L5.24219 11.4609L4.53906 10.7578L7.28906 8L4.53906 5.24219L5.24219 4.53906L8 7.28906L10.7578 4.53906L11.4609 5.24219Z' fill='%23A4262C'/%3E%3C/svg%3E");
+}
+.jqx-notification-tailwind .jqx-notification-close-button {
+  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.44434 5L9.90723 9.46777L9.46777 9.90723L5 5.44434L0.532227 9.90723L0.0927734 9.46777L4.55566 5L0.0927734 0.532227L0.532227 0.0927734L5 4.55566L9.46777 0.0927734L9.90723 0.532227L5.44434 5Z' fill='%23201F1E'/%3E%3C/svg%3E") !important;
+  right: 0 !important;
+  top: 0 !important;
+  background-position: center center !important;
+}
+
+.jqx-editor-tailwind .jqx-button-tailwind {
+  --jqx-border:var(--tailwind-body-divider);
+}
+.jqx-editor-tailwind .jqx-button-tailwind:hover {
+  border-color: var(--tailwind-input-border-hover);
+}
+.jqx-editor-tailwind .jqx-button-tailwind:focus {
+  border-color: var(--jqx-primary);
+  outline-color: var(--jqx-primary);
+  color: var(--tailwind-greys-grey190);
+}
+
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) .jqx-widget-tailwind:not(.jqx-button-tailwind),
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input {
+  --jqx-border:var(--tailwind-body-divider) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) .jqx-widget-tailwind:not(.jqx-button-tailwind).jqx-input:hover,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-input:hover {
+  border-color: var(--tailwind-input-border-hover) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) .jqx-widget-tailwind:not(.jqx-button-tailwind).jqx-input:focus,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-input:focus {
+  border-color: var(--jqx-primary) !important;
+  outline-color: var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input {
+  padding-left: 5px;
+  box-sizing: border-box;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea.jqx-grid-cell-edit,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-grid-cell-edit {
+  position: relative;
+  left: 1px;
+  top: 1px;
+  width: calc(100% - 2px) !important;
+  height: calc(100% - 2px) !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: var(--tailwind-input-border) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea.jqx-grid-cell-edit:hover,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-grid-cell-edit:hover {
+  border-color: var(--tailwind-input-border-hover) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea.jqx-grid-cell-edit:focus,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-grid-cell-edit:focus {
+  border-color: var(--jqx-primary) !important;
+  outline-color: var(--jqx-primary) !important;
+  color: var(--tailwind-greys-grey190) !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea:hover,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input:hover {
+  border-color: var(--tailwind-input-border-hover);
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea.jqx-filter-input,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-filter-input {
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea.jqx-filter-input:focus,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input.jqx-filter-input:focus {
+  outline: 1px solid var(--jqx-primary);
+}
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) textarea:focus,
+.jqx-widget-tailwind:not(.jqx-input-group):not(.jqx-form-tailwind) input:focus {
+  border-color: var(--jqx-primary);
+  outline-color: var(--jqx-primary);
+  color: var(--tailwind-greys-grey190);
+}
+
+.jqx-form-tailwind .jqx-widget-tailwind:not(.jqx-button-tailwind),
+.jqx-form-tailwind input {
+  --jqx-border:var(--tailwind-input-border);
+}
+
+.jqx-switchbutton-tailwind {
+  border-color: var(--tailwind-input-border);
+  border-radius: 15px;
+}
+.jqx-switchbutton-tailwind .jqx-switchbutton-label {
+  font-size: inherit;
+  font-family: inherit;
+  text-align: center;
+  text-transform: inherit;
+  font-weight: normal;
+}
+.jqx-switchbutton-tailwind .jqx-switchbutton-thumb-tailwind {
+  border-radius: 50%;
+  transform: scale(0.7);
+  background: var(--tailwind-greys-grey190);
+  color: var(--tailwind-greys-grey190);
+  border-color: var(--tailwind-greys-grey190);
+}
+.jqx-switchbutton-tailwind.jqx-switchbutton-on {
+  background: var(--jqx-primary);
+  border-color: var(--jqx-primary);
+  color: var(--jqx-primary-color);
+}
+.jqx-switchbutton-tailwind.jqx-switchbutton-on .jqx-switchbutton-thumb-tailwind {
+  background: var(--jqx-background);
+  border-color: var(--jqx-background);
+  color: var(--jqx-background);
+}
+
+.jqx-navigationbar-tailwind .jqx-expander-header-expanded{
+  background: var(--jqx-background);
+  color: var(--jqx-primary);
+}
+
+.jqx-navigationbar-tailwind .jqx-expander-header {
+  font-size: 16px;
+}
+
+.jqx-navigationbar-tailwind .jqx-expander-arrow {
+  font-size: 24px;
+  margin-top: 6px;
+  height: 24px;
+  width: 24px;
+}
+
+.jqx-expander-arrow-tailwind.jqx-icon-arrow-up  {
+  left: 2px;
+}