:root {
  --font-family-inter-tight: "Inter Tight";
  --text-primary: #4361ee;
  --text-dark: #090b17;
  --text-secondary: #6b6b6b;
  --border-light: #f0f0f0;
  --hover-bg: #f3f5ff;
  --border-color: #e1e1e1;
  --bg-color: #f6f6f6;
}

/*states, content and header
.jqx-widget-custom {
  border-color: #004a73;
}
.jqx-widget-content-custom {
  color: #004a73;
  border-color: #92979d;
}
/*.jqx-fill-state-normal-custom{color: var(--text-dark); border-color: transparent; border-top-color: ##d3d3d3; border-bottom-color: ##d3d3d3; background-color:#449bca; background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(white));  background-image:-moz-linear-gradient(top,#3c91c2,#449bca);  background-image:-o-linear-gradient(top,#3c91c2,#449bca)}*/
.jqx-fill-state-normal-custom {
  color: var(--text-dark);
  border-color: var(--border-color);
  border-radius: 20px !important;
  background-color: #449bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
  background-image: -moz-linear-gradient(top, #3c91c2, #449bca);
  background-image: -o-linear-gradient(top, #3c91c2, #449bca);
}
.filterbutton {
  color: white;
  border-color: transparent;
  background-color: var(--text-primary);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#24b0dd), to(#24b0dd));
  background-image: -moz-linear-gradient(top, var(--text-primary), #449bca);
  background-image: -o-linear-gradient(top, var(--text-primary), #449bca);
}
.filterclearbutton {
  color: white;
  border-color: transparent;
  background-color: var(--text-primary);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#24b0dd), to(#24b0dd));
  background-image: -moz-linear-gradient(top, var(--text-primary), #449bca);
  background-image: -o-linear-gradient(top, var(--text-primary), #449bca);
}
.jqx-grid-cell-sort-custom,
.jqx-grid-cell-filter-custom,
.jqx-grid-cell-pinned-custom {
  color: var(--text-dark);
  background-color: var(--bg-color);
}
.jqx-grid-cell-custom,
.jqx-grid-cell-sort-custom,
.jqx-grid-cell-filter-custom {
  color: var(--text-dark);
  font-size: 14px !important;
  background-color: white;
}
.jqx-grid-cell-alt-custom,
.jqx-grid-cell-sort-alt-custom,
.jqx-grid-cell-filter-alt-custom {
  color: var(--text-dark);
  background-color: #f8f8f9;
}
/* .jqx-checkbox-check-checked-custom {
  background: transparent url(images/check_var(--text-dark).png) left top no-repeat;
}
.jqx-checkbox-check-indeterminate-custom {
  background: transparent url(images/check_indeterminate_var(--text-dark).png) left top no-repeat;
} */
.jqx-grid-custom,
.jqx-grid-header-custom,
.jqx-grid-cell-custom {
  border-color: var(--border-color);
  border-radius: 8px !important;
}
.jqx-widget-custom .jqx-grid-cell-custom,
.jqx-widget-custom .jqx-grid-group-cell-custom {
  border-color: transparent;
  font-size: 1rem;
}
.jqx-widget-custom .jqx-grid-column-menubutton-custom,
.jqx-widget-custom .jqx-grid-column-sortascbutton-custom,
.jqx-widget-custom .jqx-grid-column-sortdescbutton-custom,
.jqx-widget-custom .jqx-grid-column-filterbutton-custom {
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
.jqx-widget-custom .jqx-grid-column-header-custom {
  border-color: darkgray;
}
.jqx-widget-custom .jqx-grid-column-header-custom>div:first-child {
  width: 100%;
}
.jqx-grid-bottomright-custom,
.jqx-panel-bottomright-custom,
.jqx-listbox-bottomright-custom {
  background-color: #449bca;
}
.jqx-menu-vertical-custom {
  background-color: #f8f8f9;
  border-color: var(--text-dark);
}
.jqx-widget-custom .jqx-grid-column-menubutton-custom,
.jqx-menu-vertical-custom {
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}
.jqx-menu-vertical-custom {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-color: var(--border-color);
  border-radius: 8px !important;
}
.jqx-grid-group-cell-custom {
  border-color: #60aad2;
  background-color: #fff;
  color: var(--text-dark);
}
.jqx-fill-state-hover-custom {
  background: var(--bg-color);
  background-image: none;
  border-color: var(--bg-color);
  color: var(--text-dark);
}
.jqx-scrollbar-thumb-state-normal {
  width: 12px !important;
  color: var(--text-dark);
  border-color: transparent;
  background-color: var(--border-color);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--border-color)), to(var(--border-color)));
  background-image: -moz-linear-gradient(top, var(--border-color), var(--border-color));
  background-image: -o-linear-gradient(top, #3c91c2, #449bca);
  border-radius: 8px;
}
.jqx-scrollbar-thumb-state-hover {
  background: var(--border-color);
  background-image: none;
  border-color: transparent;
  color: #fff;
}
.jqx-fill-state-pressed-custom,
.jqx-menu-item-top-hover-custom {
  background: var(--hover-bg);
  border-radius: 8px !important;
  background-image: none;
  border-color: transparent;
  color: var(--text-primary) !important;
}
.jqx-grid-selectionarea-custom {
  visibility: hidden !important;
}
.jqx-scrollbar-state-normal-custom {
  background-color: white;
}
.jqx-tabs-title-selected-bottom-custom,
.jqx-tabs-selection-tracker-bottom-custom,
.jqx-tabs-title-selected-top-custom,
.jqx-tabs-selection-tracker-top-custom {
  color: #ffffff;
  border-color: #004a73;
  border-bottom: 1px solid #004a73;
  background: #004a73;
}

.jqx-scrollbar-button-state-normal.jqx-scrollbar-button-state-normal-custom.jqx-rc-t.jqx-rc-t-custom.jqx-scrollbar-button-state-hover.jqx-scrollbar-button-state-hover-custom.jqx-fill-state-hover.jqx-fill-state-hover-custom {
  background: var(--bg-color);
  background-image: none;
  border-color: var(--border-color);
  color: #fff;
}

.jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal.jqx-rc-all.jqx-scrollbar-thumb-state-normal-horizontal-custom.jqx-fill-state-normal-custom.jqx-rc-all-custom {
  background: var(--border-color);
  background-image: none;
  border-color: var(--border-color);
  color: #fff;
}

.jqx-grid-cell.jqx-grid-cell-custom.jqx-item.jqx-item-custom.jqx-grid-cell-selected.jqx-grid-cell-selected-custom.jqx-fill-state-pressed.jqx-fill-state-pressed-custom {
  color: var(--text-dark) !important;
}

.jqx-grid-cell.jqx-grid-cell-custom.jqx-item.jqx-item-custom.jqx-grid-cell-alt.jqx-grid-cell-alt-custom.jqx-grid-cell-selected.jqx-grid-cell-selected-custom.jqx-fill-state-pressed.jqx-fill-state-pressed-custom {
  background-color: var(--hover-bg) !important;
  color: var(--text-dark) !important;
}

.jqx-grid-cell.jqx-grid-cell-custom.jqx-item.jqx-item-custom.jqx-grid-cell-alt.jqx-grid-cell-alt-custom,
.jqx-grid-cell-sort-alt-custom {
  display: flex;
  color: var(--text-dark);
  background-color: var(--bg-color);
}

.jqx-listitem-state-normal.jqx-listitem-state-normal-custom.jqx-item.jqx-item-custom.jqx-rc-all.jqx-rc-all-custom.jqx-listitem-state-selected.jqx-listitem-state-selected-custom.jqx-fill-state-pressed.jqx-fill-state-pressed-custom {
  background: var(--hover-bg);
  background-image: none;
  border-color: transparent;
  color: var(--text-dark);
}

.jqx-clear.jqx-position-absolute.jqx-grid-groups-header.jqx-grid-groups-header-custom.jqx-widget-header.jqx-widget-header-custom {
  /* border-style: solid !important;
  border-width: 1 !important;
  border-color: #e1e1e1 !important; */
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  background-color: var(--bg-color);
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 15px;
  color: var(--text-dark);
  font-family: var(--font-family-inter-tight) !important;
  font-weight: 500 !important;
}

/*applied to the groups header area.*/
.jqx-grid-groups-header,
.jqx-grid-toolbar {
  border-style: solid !important;
  border-width: 2px 0px 2px 0px !important;
  border-color: #d3d3d3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
  padding: 0px !important;
  margin: 0px !important;
}
.jqx-grid-header {
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  overflow: hidden;
  border-color: var(--border-light);
  margin: 1px;
  padding: 0px;
}

/*applied to a grid cell*/
.jqx-grid-cell {
  border-style: solid;
  border-width: 1px !important;
  margin-right: 1px;
  margin-bottom: 1px;
  border-color: var(--border-color) !important;
}

/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell,
.jqx-grid-empty-cell {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  white-space: nowrap;
  font-weight: normal;
  border-color: var(--border-color) !important;
}

.jqx-clear.jqx-overflow-hidden.jqx-position-absolute.jqx-border-reset.jqx-background-reset.jqx-reset.jqx-reset-custom.jqx-disableselect {
  top: 36px;
}

/*icons*/
.jqx-grid-column-sortascbutton-custom,
.jqx-expander-arrow-bottom-custom,
.jqx-window-collapse-button-custom,
.jqx-menu-item-arrow-up-custom,
.jqx-menu-item-arrow-up-selected-custom,
.jqx-menu-item-arrow-top-up-custom,
.jqx-icon-arrow-up-custom,
.jqx-icon-arrow-up-hover-custom,
.jqx-icon-arrow-up-selected-custom {
  background-image: url("images/icon-up.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-column-menubutton-custom,
.jqx-grid-column-sortdescbutton-custom,
.jqx-expander-arrow-top-custom,
.jqx-window-collapse-button-collapsed-custom,
.jqx-menu-item-arrow-down-custom,
.jqx-menu-item-arrow-down-selected-custom,
.jqx-menu-item-arrow-down-custom,
.jqx-icon-arrow-down-custom,
.jqx-icon-arrow-down-hover-custom,
.jqx-icon-arrow-down-selected-custom {
  background-image: url("images/icon-down.png");
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-grid-column-menubutton.jqx-icon-arrow-down.jqx-grid-column-menubutton-custom.jqx-icon-arrow-down-custom {
  background-image: url("images/icon-down-white.png");
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left-custom {
  background-image: url("images/icon-left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-right-custom {
  background-image: url("images/icon-right.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-menu-item-arrow-left-custom {
  background-image: url("images/icon-left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-menu-item-arrow-right-custom {
  background-image: url("images/icon-right.png");
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-tabs-arrow-left-custom,
.jqx-menu-item-arrow-left-selected-custom,
.jqx-menu-item-arrow-top-left-custom,
.jqx-icon-arrow-down-left-custom,
.jqx-icon-arrow-left-selected-custom {
  background-image: url("images/icon-left-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-tabs-arrow-right-custom,
.jqx-menu-item-arrow-right-selected-custom,
.jqx-menu-item-arrow-top-right-custom,
.jqx-icon-arrow-right-hover-custom,
.jqx-icon-arrow-right-selected-custom {
  background-image: url("images/icon-right-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-window-close-button-custom,
.jqx-icon-close-custom,
.jqx-tabs-close-button-custom,
.jqx-tabs-close-button-hover-custom,
.jqx-tabs-close-button-selected-custom {
  background-image: url(images/close.png);
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-first-custom {
  background-image: url("images/icon-first.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-last-custom {
  background-image: url("images/icon-last.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-search-custom {
  background-image: url(images/search_white.png);
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-calendar-custom,
.jqx-icon-calendar-hover-custom,
.jqx-icon-calendar-pressed-custom {
  background-image: url("images/icon-calendar.png");
}
.jqx-icon-delete-custom {
  background-image: url("images/icon-delete-white.png");
}
.jqx-icon-edit-custom {
  background-image: url("images/icon-edit-white.png");
}
.jqx-icon-save-custom {
  background-image: url("images/icon-save-white.png");
}
.jqx-icon-cancel-custom {
  background-image: url("images/icon-cancel-white.png");
}
.jqx-icon-search-custom {
  background-image: url(images/search_white.png);
}
.jqx-icon-plus-custom {
  background-image: url(images/plus_white.png);
}

.jqx-grid-group-expand-custom,
.jqx-grid-cell-custom > .jqx-grid-group-expand-custom,
.jqx-tree-item-arrow-expand-custom {
  background-image: url("images/icon-down.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-group-collapse-custom,
.jqx-grid-cell-custom > .jqx-grid-group-collapse-custom,
.jqx-tree-item-arrow-collapse-custom {
  background-image: url("images/icon-right.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-group-collapse-rtl-custom,
.jqx-grid-cell-custom > .jqx-grid-group-collapse-rtl-custom,
.jqx-tree-item-arrow-collapse-rtl-custom {
  background-image: url("images/icon-left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-group-expand-rtl-custom,
.jqx-grid-cell-custom > .jqx-grid-group-expand-rtl-custom {
  background-image: url("images/icon-down.png");
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-grid-cell-custom.jqx-grid-cell-selected-custom > .jqx-grid-group-expand-custom,
.jqx-grid-cell-custom.jqx-grid-cell-hover-custom > .jqx-grid-group-expand-custom {
  background-image: url("images/icon-down-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-cell-custom.jqx-grid-cell-selected-custom > .jqx-grid-group-collapse-custom,
.jqx-grid-cell-custom.jqx-grid-cell-hover-custom > .jqx-grid-group-collapse-custom {
  background-image: url("images/icon-right-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-cell-custom.jqx-grid-cell-selected-custom > .jqx-grid-group-collapse-rtl-custom,
.jqx-grid-cell-custom.jqx-grid-cell-hover-custom > .jqx-grid-group-collapse-rtl-custom {
  background-image: url("images/icon-left-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid-cell-custom.jqx-grid-cell-selected-custom > .jqx-grid-group-expand-rtl-custom,
.jqx-grid-cell-custom.jqx-grid-cell-hover-custom > .jqx-grid-group-expand-rtl-custom {
  background-image: url("images/icon-down-white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-menu-minimized-button-custom {
  background-image: url("images/icon-menu-minimized-white.png");
}
.jqx-editor-toolbar-icon-custom {
  background: url("images/html_editor_white.png") no-repeat;
}

.jqx-widget-custom {
  font-family: "proxima-nova", sans-serif;
  font-size: 110%;
}

.jqx-listbox.jqx-listbox-custom {
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
}

.jqx-dropdownlist-content {
  font-family: "proxima-nova", sans-serif;
  font-size: 80%;
}

.jqx-menu-wrapper {
  font-family: "proxima-nova", sans-serif;
  font-size: 76%;
  z-index: 999999 !important;
}

.jqx-calendar {
  z-index: 9999999999 !important;
}

.jqx-listbox {
  z-index: 9999999999 !important;
}

.jqx-rc-all {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.jqx-pivotgrid-expand-button {
  margin: 0px 9px 0px 0px !important;
}
.jqx-pivotgrid-collapse-button {
  margin: 0px 9px 0px 0px !important;
}

.jqx-pivotgrid-settings-icon {
  visibility: visbile;
}

.jqx-pivotgrid-item {
  height: 25px !important;
}
.jqx-pivotgrid-content-wrapper {
  font-family: "proxima-nova", sans-serif;
  font-size: 110%;
}
#divPivotGridDesigner > div > div.labelFilters.jqx-widget {
  visibility: visible;
}

#divPivotGridDesigner > div > div.divFilters.jqx-listbox {
  visibility: visible;
}

.divFilters {
  position: absolute;
  left: 250px;
  top: 45px;
  height: 100px;
  width: 200px;
}

#divFilters {
  position: absolute;
  left: 250px;
  top: 45px;
  height: 100px;
  width: 200px;
}

.jqx-window {
  z-index: 999999 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#pivotFieldSettingsWindow > div > div {
  background-color: #454b54;
  color: #d2dbe0;
}
.dropDownButton.jqx-widget-content {
  z-index: 9999999 !important;
}
.jqx-listbox {
  z-index: 9999999 !important;
}

#gridmenujqxgrid > ul.jqx-menu-ul > li.filter {
  height: 196px !important;
}