jqwidgets-scripts/jqwidgets/styles/jqx.tailwind.css

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

: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):not(.jqx-grid-cell-pinned).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):not(.jqx-grid-cell-pinned).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):not(.jqx-grid-cell-pinned).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