/*states, content and header*/
:root {
    --navy: #2a3a71;
    --jqx-accent-color-flat-blue: rgba(0, 119, 190, 1);
    /*--jqx-text-color-flat-blue: rgba(85, 85, 85, 1);*/
    --jqx-text-color-flat-blue: var(--navy);
    --jqx-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-border-radius-flat-blue: 4px;
    --jqx-font-family-flat-blue: "Roboto", "Helvetice Neue", "Helvetica", "Arial", sans-serif;
    --jqx-font-size-flat-blue: 14px;
    --jqx-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-hovered-state-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-hovered-state-content-text-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-hovered-state-content-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-focused-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-active-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-arrow-up-hovered-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-arrow-down-hovered-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-arrow-up-selected-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-arrow-down-selected-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-accordion-item-title-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-accordion-item-title-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-accordion-item-title-hovered-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-hovered-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-accordion-item-title-hovered-border-color-flat-blue: rgba(67, 72, 87, 1);
    --jqx-accordion-item-title-selected-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-selected-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-accordion-item-title-selected-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-accordion-item-title-focused-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-accordion-item-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-accordion-item-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-accordion-item-focused-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-accordion-item-focused-background-color-flat-blue: rgba(37, 40, 48, 1);
    --jqx-accordion-item-focused-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-accordion-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-accordion-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-accordion-arrow-up-hovered-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-accordion-arrow-down-hovered-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-accordion-arrow-down-selected-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-button-default-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-button-default-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-default-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-default-hovered-state-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-button-default-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-default-focused-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-default-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-default-active-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-primary-text-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-primary-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-primary-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-primary-focused-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-primary-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-primary-active-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-button-success-text-color-flat-blue: rgba(92, 184, 92, 1);
    --jqx-button-success-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-background-color-flat-blue: rgba(92, 184, 92, 1);
    --jqx-button-success-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-success-focused-state-background-color-flat-blue: rgba(92, 184, 92, 1);
    --jqx-button-success-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-success-active-state-background-color-flat-blue: rgba(92, 184, 92, 1);
    --jqx-button-warning-text-color-flat-blue: rgba(240, 173, 78, 1);
    --jqx-button-warning-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-background-color-flat-blue: rgba(240, 173, 78, 1);
    --jqx-button-warning-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-warning-focused-state-background-color-flat-blue: rgba(240, 173, 78, 1);
    --jqx-button-warning-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-warning-active-state-background-color-flat-blue: rgba(240, 173, 78, 1);
    --jqx-button-danger-text-color-flat-blue: rgba(217, 83, 79, 1);
    --jqx-button-danger-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-background-color-flat-blue: rgba(217, 83, 79, 1);
    --jqx-button-danger-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-danger-focused-state-background-color-flat-blue: rgba(217, 83, 79, 1);
    --jqx-button-danger-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-danger-active-state-background-color-flat-blue: rgba(217, 83, 79, 1);
    --jqx-button-info-text-color-flat-blue: rgba(91, 192, 222, 1);
    --jqx-button-info-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-background-color-flat-blue: rgba(91, 192, 222, 1);
    --jqx-button-info-focused-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-info-focused-state-background-color-flat-blue: rgba(91, 192, 222, 1);
    --jqx-button-info-active-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-button-info-active-state-background-color-flat-blue: rgba(91, 192, 222, 1);
    --jqx-editors-text-editors-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-editors-text-editors-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-text-editors-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-editors-text-editors-border-radius-flat-blue: 4px;
    --jqx-editors-text-editors-focused-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-editors-dat-flat-blueеtimeinput-calendar-icon-color: url('images/metro-icon-up-white.png');
    --jqx-editors-dat-flat-blueеtimeinput-calendar-icon-selected-color: url('images/icon-calendar-white.png');
    --jqx-editors-combobox-multi-item-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-editors-combobox-multi-item-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-editors-calendar-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-editors-calendar-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-editors-calendar-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-today-cell-text-color-flat-blue: rgba(53, 53, 58, 1);
    --jqx-editors-calendar-today-cell-background-color-flat-blue: rgba(255, 255, 219, 1);
    --jqx-editors-calendar-today-cell-border-color-flat-blue: rgba(253, 192, 102, 1);
    --jqx-editors-calendar-current-month-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-editors-calendar-other-month-text-color-flat-blue: rgba(137, 137, 137, 1);
    --jqx-editors-calendar-hovered-cell-text-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-editors-calendar-hovered-cell-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-editors-calendar-selected-cell-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-selected-cell-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-editors-switch-thumb-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-editors-switch-on-label-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-editors-switch-on-label-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-switch-off-label-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-editors-switch-off-label-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-file-uploader-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-editors-file-uploader-filename-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-grid-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-header-text-weight-flat-blue: normal;
    --jqx-grid-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-grid-row-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-grid-row-background-color-flat-blue: rgba(255, 255, 255, 1);
    /*--jqx-grid-row-alternation-text-color-flat-blue: rgba(85, 85, 85, 1);  */
    --jqx-grid-row-alternation-text-color-flat-blue: var(--navy);
    --jqx-grid-row-alternation-background-color-flat-blue: rgba(249, 249, 249, 1);
    --jqx-grid-hovered-row-text-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-grid-hovered-row-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-grid-selected-row-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-selected-row-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-grid-selected-row-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-grid-group-row-text-color-flat-blue: rgba(169, 172, 180, 1);
    --jqx-grid-group-row-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-editor-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-grid-editor-background-color-flat-blue: rgba(67, 72, 87, 1);
    --jqx-grid-pinned-cells-background-color-flat-blue: rgba(229, 229, 229, 1);
    --jqx-grid-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-grid-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-grid-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-grid-close-button-color-flat-blue: url('images/close_white.png');
    --jqx-grid-arrow-down-hovered-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-grid-arrow-right-hovered-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-grid-arrow-left-hovered-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-grid-arrow-down-selected-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-grid-arrow-right-selected-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-grid-arrow-left-selected-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-grid-header-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-grid-header-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-grid-menu-button-color-flat-blue: url('images/icon-menu-small-white.png');
    --jqx-grid-groups-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-grid-groups-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-grid-groups-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-list-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-list-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-list-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-list-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-list-hovered-item-state-text-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-list-hovered-item-state-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-list-selected-item-state-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-list-selected-item-state-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-list-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-list-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-list-arrow-left-selected-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-list-arrow-right-selected-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-menu-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-menu-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-menu-dropdown-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-menu-dropdown-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-menu-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-menu-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-menu-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-menu-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-menu-hovered-item-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-menu-hovered-item-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-menu-selected-item-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-menu-selected-item-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-menu-selected-item-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-menu-arrow-up-selected-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-menu-arrow-down-selected-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-menu-arrow-left-selected-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-menu-arrow-right-selected-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-navbar-item-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-navbar-item-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-navbar-hovered-item-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-navbar-hovered-item-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-navbar-selected-item-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-navbar-selected-item-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-overlays-content-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-overlays-content-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-overlays-shader-background-color-flat-blue: rgba(0, 0, 0, 0.6);
    --jqx-overlays-popup-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-overlays-popup-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-overlays-tooltip-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-overlays-tooltip-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-overlays-toast-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-overlays-toast-info-background-color-flat-blue: rgba(91, 192, 222, 1);
    --jqx-overlays-toast-warning-background-color-flat-blue: rgba(240, 173, 78, 1);
    --jqx-overlays-toast-error-background-color-flat-blue: rgba(217, 83, 79, 1);
    --jqx-overlays-toast-success-background-color-flat-blue: rgba(92, 184, 92, 1);
    --jqx-pivotgrid-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-pivotgrid-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-pivotgrid-cell-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-pivotgrid-cell-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-pivotgrid-selected-cell-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-pivotgrid-selected-cell-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-pivotgrid-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-pivotgrid-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-pivotgrid-menu-button-color-flat-blue: url('images/icon-menu-small-white.png');
    --jqx-progressbar-bar-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-progressbar-selected-range-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-progressbar-label-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-scheduler-header-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-scheduler-header-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-scheduler-header-buttons-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-background-color-flat-blue: rgba(37, 40, 48, 1);
    --jqx-scheduler-header-buttons-hovered-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-hovered-background-color-flat-blue: rgba(67, 72, 87, 1);
    --jqx-scheduler-header-buttons-selected-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-selected-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-scheduler-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-scheduler-not-work-time-cells-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scheduler-hovered-cell-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-scheduler-hovered-cell-border-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-scheduler-selected-cell-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-scheduler-selected-cell-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-scheduler-weeks-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-scheduler-weeks-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-scheduler-weeks-arrow-right-selected-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-scheduler-weeks-arrow-left-selected-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-scheduler-calendar-icon-color-flat-blue: url('images/icon-calendar-white.png');
    --jqx-scheduler-calendar-icon-selected-color-flat-blue: url('images/icon-calendar-white.png');
    --jqx-scrollbar-scrollbar-background-color-flat-blue: rgba(248, 248, 248, 1);
    --jqx-scrollbar-scrollbar-thumb-background-color-flat-blue: rgba(104, 104, 104, 1);
    --jqx-scrollbar-scrollbar-thumb-hovered-background-color-flat-blue: rgba(158, 158, 158, 1);
    --jqx-scrollbar-scrollbar-thumb-active-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-scrollbar-scrollbar-arrow-background-color-flat-blue: rgba(248, 248, 248, 1);
    --jqx-scrollbar-arrow-up-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-scrollbar-arrow-down-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-scrollbar-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-scrollbar-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-scrollbar-scrollbar-arrow-hovered-background-color-flat-blue: rgba(248, 248, 248, 1);
    --jqx-scrollbar-arrow-up-hovered-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-scrollbar-arrow-down-hovered-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-scrollbar-arrow-left-hovered-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-scrollbar-arrow-right-hovered-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-scrollbar-scrollbar-arrow-active-background-color-flat-blue: rgba(248, 248, 248, 1);
    --jqx-scrollbar-arrow-up-active-color-flat-blue: url('images/metro-icon-up-white.png');
    --jqx-scrollbar-arrow-down-active-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-scrollbar-arrow-left-active-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-scrollbar-arrow-right-active-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-scrollview-indicator-background-color-flat-blue: rgba(37, 40, 48, 1);
    --jqx-scrollview-selected-indicator-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-slider-bar-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-slider-selected-slider-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-slider-thumb-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-focused-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-tooltip-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-slider-tooltip-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-tooltip-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-slider-arrows-background-color-flat-blue: rgba(37, 40, 48, 1);
    --jqx-slider-arrows-hovered-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-slider-arrows-selected-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-slider-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-slider-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-slider-arrow-left-hovered-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-slider-arrow-right-hovered-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-slider-arrow-left-selected-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-slider-arrow-right-selected-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-tabs-header-background-color-flat-blue: rgba(42, 58, 113, 1);
    --jqx-tabs-tab-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-background-color-flat-blue: rgba(240, 240, 240, 1);
    --jqx-tabs-selected-tab-text-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-tabs-selected-tab-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-tabs-selected-tab-bottom-border-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-tabs-border-color-flat-blue: rgba(221, 221, 221, 1);
    --jqx-tabs-content-text-color-flat-blue: rgba(85, 85, 85, 1);
    --jqx-tabs-content-background-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-tabs-arrow-left-color-flat-blue: url('images/metro-icon-left-white.png');
    --jqx-tabs-arrow-right-color-flat-blue: url('images/metro-icon-right-white.png');
    --jqx-toolbar-background-color-flat-blue: rgba(37, 40, 48, 1);
    --jqx-treeview-hovered-tree-item-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-treeview-hovered-tree-item-background-color-flat-blue: rgba(225, 245, 254, 1);
    --jqx-treeview-selected-tree-item-color-flat-blue: rgba(255, 255, 255, 1);
    --jqx-treeview-selected-tree-item-background-color-flat-blue: rgba(0, 119, 190, 1);
    --jqx-treeview-arrow-expanded-color-flat-blue: url('images/metro-icon-down-white.png');
    --jqx-treeview-arrow-collapsed-color-flat-blue: url('images/metro-icon-down-white.png');
}

.jqx-widget-darkblue {
    /*border-color: #004a73*/
}

.jqx-widget-content-darkblue {
    /*color: #004a73;*/
    color: var(--jqx-text-color-flat-blue);
    border-color: #004a73
}

.jqx-widget-header-darkblue {
    color: var(--jqx-header-text-color-flat-blue) !important;
    background-color: var(--jqx-header-background-color-flat-blue) !important;
}

.jqx-fill-state-normal-darkblue, .jqx-menu-vertical-darkblue {
    /*color: #fff;*/
    color: #000;
    border-color: #e0e0e0;
    /*background-color: #e5e5e5;*/
    /*background-image: -webkit-gradient(linear,0 0,0 100%,from(#3c91c2),to(#2764a9));
    background-image: -moz-linear-gradient(top,#3c91c2,#2764a9);
    background-image: -o-linear-gradient(top,#3c91c2,#2764a9)*/
}

.jqx-grid-cell-sort-darkblue, .jqx-grid-cell-filter-darkblue, .jqx-grid-cell-pinned-darkblue {
    /*color: #000;
    background-color: #deedf5*/
}

.jqx-grid-cell-alt-darkblue, .jqx-grid-cell-sort-alt-darkblue, .jqx-grid-cell-filter-alt-darkblue {
    /*color: #000;
    background-color: #deedf5*/
    /*background-color: var(--jqx-grid-row-alternation-background-color-flat-blue);*/
    color: var(--jqx-grid-row-alternation-text-color-flat-blue);
}

.jqx-checkbox-check-checked-darkblue {
    background: transparent url(images/check_white.png) left top no-repeat
}

.jqx-checkbox-check-indeterminate-darkblue {
    background: transparent url(images/check_indeterminate_white.png) left top no-repeat
}

.jqx-grid-darkblue, .jqx-grid-header-darkblue, .jqx-grid-cell-darkblue {
    /*border-color: #60aad2*/
}

.jqx-widget-darkblue .jqx-grid-cell-darkblue, .jqx-widget-darkblue .jqx-grid-group-cell-darkblue {
    /*border-color: #60aad2*/
    border-color: var(--jqx-border-color-flat-blue);
}

.jqx-widget-darkblue .jqx-grid-column-menubutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortascbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-sortdescbutton-darkblue, .jqx-widget-darkblue .jqx-grid-column-filterbutton-darkblue {
    /*background-color: #449bca;
    border-color: #449bca*/
}

.jqx-widget-darkblue .jqx-grid-column-header-darkblue {
    border-color: #ccc;
}

.jqx-grid-bottomright-darkblue, .jqx-panel-bottomright-darkblue, .jqx-listbox-bottomright-darkblue {
    background-color: #2764a9
}

.jqx-menu-vertical-darkblue {
    background-color: var(--jqx-menu-background-color-flat-blue);
    border-color: #0a73a7
}

.jqx-widget-darkblue .jqx-grid-column-menubutton-darkblue {
    background-color: #2764a9;
    border-color: #0a73a7
}

.jqx-grid-group-cell-darkblue {
    border-color: #60aad2;
    background-color: #fff
}

.jqx-fill-state-hover-darkblue {
    /*background: #2f7097;
    background-image: none;
    border-color: #004a73;*/
    color: #000;
}

.jqx-fill-state-pressed-darkblue {
    background: rgba(85, 85, 85, 1);
    background-image: none;
    border-color: #004a73;
    color: #fff
}

.jqx-menu-item-top-hover-darkblue {
    /*background: #004a73;*/  
    background: var(--navy);
    background-image: none;
    border-color: #004a73;
    color: #fff
}

.jqx-grid-selectionarea-darkblue {
    background-color: #2764a9;
    border: 1px solid #60aad2;
    opacity: 0.5
}

.jqx-scrollbar-state-normal-darkblue {
    /*background-color: #2764a9;
    border: 1px solid #449bca;*/
    background-color: var(--jqx-scrollbar-scrollbar-background-color-flat-blue);
    border: 1px solid var(--jqx-scrollbar-scrollbar-background-color-flat-blue);
    border-left-color: var(--jqx-border-color-flat-blue);
}

.jqx-tabs-title-selected-bottom-darkblue, .jqx-tabs-selection-tracker-bottom-darkblue, .jqx-tabs-title-selected-top-darkblue, .jqx-tabs-selection-tracker-top-darkblue {
    color: #ffffff;
    border-color: #004a73;
    border-bottom: 1px solid #004a73;
    background: #2764a9
}

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

.jqx-icon-arrow-down-darkblue {
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-grid-column-menubutton-darkblue, .jqx-grid-column-sortdescbutton-darkblue, .jqx-expander-arrow-top-darkblue, .jqx-window-collapse-button-collapsed-darkblue, .jqx-menu-item-arrow-down-darkblue, .jqx-menu-item-arrow-down-selected-darkblue, .jqx-menu-item-arrow-down-darkblue, .jqx-icon-arrow-down-hover-darkblue, .jqx-icon-arrow-down-selected-darkblue {
    background-image: url('images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-icon-arrow-left-darkblue {
    background-image: url('images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-icon-arrow-right-darkblue {
    background-image: url('images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center
}

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

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

.jqx-tabs-arrow-left-darkblue, .jqx-menu-item-arrow-left-selected-darkblue, .jqx-menu-item-arrow-top-left-darkblue, .jqx-icon-arrow-down-left-darkblue, .jqx-icon-arrow-left-selected-darkblue {
    background-image: url('images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-icon-arrow-right-hover-darkblue {
    background-image: url('images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-tabs-arrow-right-darkblue, .jqx-menu-item-arrow-right-selected-darkblue, .jqx-menu-item-arrow-top-right-darkblue, .jqx-icon-arrow-right-selected-darkblue {
    background-image: url('images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center
}

.jqx-window-close-button-darkblue, .jqx-icon-close-darkblue, .jqx-tabs-close-button-darkblue, .jqx-tabs-close-button-hover-darkblue, .jqx-tabs-close-button-selected-darkblue {
    background-image: url(images/close_white.png);
    background-repeat: no-repeat;
    background-position: center
}

.jqx-icon-arrow-first-darkblue {
    background-image: url('images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last-darkblue {
    background-image: url('images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-search-darkblue {
    background-image: url(images/search_white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-calendar-darkblue, .jqx-icon-calendar-hover-darkblue, .jqx-icon-calendar-pressed-darkblue {
    background-image: url('images/icon-calendar.png');
}

.jqx-icon-delete-darkblue {
    background-image: url('images/icon-delete-white.png');
}

.jqx-icon-edit-darkblue {
    background-image: url('images/icon-edit-white.png');
}

.jqx-icon-save-darkblue {
    background-image: url('images/icon-save-white.png');
}

.jqx-icon-cancel-darkblue {
    background-image: url('images/icon-cancel-white.png');
}

.jqx-icon-search-darkblue {
    background-image: url(images/search_white.png);
}

.jqx-icon-plus-darkblue {
    background-image: url(images/plus_white.png);
}

.jqx-grid-group-expand-darkblue, .jqx-grid-cell-darkblue > .jqx-grid-group-expand-darkblue, .jqx-tree-item-arrow-expand-darkblue {
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-group-collapse-darkblue, .jqx-grid-cell-darkblue > .jqx-grid-group-collapse-darkblue, .jqx-tree-item-arrow-collapse-darkblue {
    background-image: url('images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

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

.jqx-grid-group-expand-rtl-darkblue, .jqx-grid-cell-darkblue > .jqx-grid-group-expand-rtl-darkblue {
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-cell-darkblue.jqx-grid-cell-selected-darkblue > .jqx-grid-group-expand-darkblue,
.jqx-grid-cell-darkblue.jqx-grid-cell-hover-darkblue > .jqx-grid-group-expand-darkblue {
    background-image: url('images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-cell-darkblue.jqx-grid-cell-selected-darkblue > .jqx-grid-group-collapse-darkblue,
.jqx-grid-cell-darkblue.jqx-grid-cell-hover-darkblue > .jqx-grid-group-collapse-darkblue {
    background-image: url('images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-cell-darkblue.jqx-grid-cell-selected-darkblue > .jqx-grid-group-collapse-rtl-darkblue,
.jqx-grid-cell-darkblue.jqx-grid-cell-hover-darkblue > .jqx-grid-group-collapse-rtl-darkblue {
    background-image: url('images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-cell-darkblue.jqx-grid-cell-selected-darkblue > .jqx-grid-group-expand-rtl-darkblue,
.jqx-grid-cell-darkblue.jqx-grid-cell-hover-darkblue > .jqx-grid-group-expand-rtl-darkblue {
    background-image: url('images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-minimized-button-darkblue {
    background-image: url('images/icon-menu-minimized-white.png');
}

.jqx-editor-toolbar-icon-darkblue {
    background: url('images/html_editor_white.png') no-repeat;
}

.jqx-scrollbar-thumb-state-normal-horizontal-darkblue {
    background-color: #e2e2e2;
}

.jqx-widget-darkblue .jqx-grid-column-menubutton-darkblue {
    background-color:#fff;
}

.jqx-widget-darkblue .jqx-grid-column-header-darkblue {
    cursor: pointer;
}